@font-face{font-family:Sawarabi Gothic;src:url(/fonts/SawarabiGothic-share.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Sawarabi Mincho;src:url(/fonts/SawarabiMincho-share.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Zen Kaku Gothic New;src:url(/fonts/ZenKakuGothicNew-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Zen Kaku Gothic New;src:url(/fonts/ZenKakuGothicNew-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Zen Old Mincho;src:url(/fonts/ZenOldMincho-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--font-body:"Zen Kaku Gothic New", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "BIZ UDPGothic", Meiryo, system-ui, sans-serif;--font-heading:"Zen Old Mincho", "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", serif;--size-base:16px;--leading-body:1.9;--leading-heading:1.4;--bg:#faf8f5;--fg:#2a2622;--fg-muted:#6b635a;--accent:#8a6f4e;--accent-press:#6d573d;--accent-soft:#ece3d7;--line:#e3ddd4;--bg-soft:#f2ece2;--danger:#a4472f;--col-max:480px;--tap-min:44px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--radius:10px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--size-base);line-height:var(--leading-body);margin:0;padding:0}h1,h2,h3{font-family:var(--font-heading);line-height:var(--leading-heading);font-synthesis-weight:none;margin:0 0 var(--sp-4);font-weight:700}h1{font-size:1.6rem}h2{font-size:1.35rem}h3{font-size:1.15rem}p{margin:0 0 var(--sp-4)}.pg-app{max-width:var(--col-max);padding:var(--sp-5) var(--sp-4) var(--sp-7);margin:0 auto}.pg-muted{color:var(--fg-muted);font-size:.875rem}.pg-note{border-left:3px solid var(--line);padding:var(--sp-2) 0 var(--sp-2) var(--sp-4);margin:0 0 var(--sp-4);color:var(--fg-muted)}.pg-btn{justify-content:center;align-items:center;gap:var(--sp-2);min-height:var(--tap-min);min-width:var(--tap-min);width:100%;padding:var(--sp-3) var(--sp-5);border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent);color:var(--bg);cursor:pointer;font-family:inherit;font-size:1rem;line-height:1.2;display:inline-flex}.pg-btn:disabled{opacity:.45;cursor:not-allowed}.pg-btn,.pg-choice,.pg-tab,.pg-zoom button{-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background-color .26s,border-color .26s,color .26s,transform .26s}.pg-btn:active:not(:disabled),.pg-choice:active,.pg-tab:active,.pg-zoom button:active:not(:disabled){transition-duration:0s;transform:scale(.96)}.pg-btn:active:not(:disabled){background:var(--accent-press);border-color:var(--accent-press);box-shadow:inset 0 2px 6px #00000038}.pg-btn--busy:disabled{opacity:1;background:var(--accent-press);border-color:var(--accent-press);cursor:progress}.pg-spinner{width:1em;height:1em;margin-right:var(--sp-2);border:2px solid;border-right-color:#0000;border-radius:50%;animation:.8s linear infinite pg-spin}@keyframes pg-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.pg-spinner{animation-duration:2.4s}}.pg-btn--quiet:active:not(:disabled),.pg-choice:active,.pg-tab:active,.pg-zoom button:active:not(:disabled){background:var(--accent-soft);border-color:var(--accent)}.pg-btn--link:active:not(:disabled){color:var(--accent);background:0 0;border-color:#0000}@media (prefers-reduced-motion:reduce){.pg-btn,.pg-choice,.pg-tab,.pg-zoom button{transition:none}.pg-btn:active:not(:disabled),.pg-choice:active,.pg-tab:active,.pg-zoom button:active:not(:disabled){transform:none}}.pg-btn--quiet{color:var(--accent);background:0 0}.pg-btn--link{color:var(--fg-muted);width:auto;padding:var(--sp-2);background:0 0;border-color:#0000;text-decoration:underline}.pg-stack>*+*{margin-top:var(--sp-3)}.pg-choice{align-items:center;gap:var(--sp-3);min-height:var(--tap-min);padding:var(--sp-3) var(--sp-4);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;background:0 0;display:flex}.pg-choice[data-selected=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.pg-disclaimer{margin-top:var(--sp-6);padding-top:var(--sp-4);border-top:1px solid var(--line);color:var(--fg-muted);font-size:.8125rem}.pg-steps{margin:0 0 var(--sp-5);padding:0;list-style:none}.pg-steps li{color:var(--fg-muted)}.pg-steps li[data-active=true]{color:var(--fg);font-weight:700}.pg-preview{border-radius:var(--radius);border:1px solid var(--line);width:100%;display:block}.pg-skeleton{height:1rem;margin:0 0 var(--sp-3);background:linear-gradient(90deg, var(--line), #efeae2, var(--line));background-size:200% 100%;border-radius:4px;animation:1.6s ease-in-out infinite pg-shimmer}.pg-skeleton--short{width:60%}@media (prefers-reduced-motion:reduce){.pg-skeleton{animation:none}}@keyframes pg-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pg-dev{margin-top:var(--sp-7);padding-top:var(--sp-4);border-top:2px dashed var(--line);font-size:.8125rem;line-height:1.6}.pg-dev-table{border-collapse:collapse;width:100%}.pg-dev-table td{padding:var(--sp-1) var(--sp-2);border-bottom:1px solid var(--line)}.pg-dev-pre{padding:var(--sp-2);border:1px solid var(--line);white-space:pre-wrap;word-break:break-all;border-radius:4px;font-size:.75rem;line-height:1.5;overflow-x:auto}.pg-swatch{border-radius:3px;flex:none;width:14px;height:14px}.pg-tabs{gap:var(--sp-2);margin-top:var(--sp-3);display:flex}.pg-tab{align-items:center;gap:var(--sp-1);min-height:var(--tap-min);padding:var(--sp-2) var(--sp-1);border:1px solid var(--line);border-radius:var(--radius);color:var(--fg);cursor:pointer;background:0 0;flex-direction:column;flex:1 1 0;font-family:inherit;font-size:.8125rem;display:flex}.pg-tab[data-selected=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);font-weight:700}.pg-zoom{top:var(--sp-2);right:var(--sp-2);gap:var(--sp-1);flex-direction:column;display:flex;position:absolute}.pg-zoom button{color:#fff;cursor:pointer;background:#2a26228c;border:none;border-radius:8px;min-width:44px;min-height:44px;font-family:inherit;font-size:.9rem}.pg-row{gap:var(--sp-2);display:flex}.pg-row .pg-btn{width:auto;padding:var(--sp-2) var(--sp-3);flex:1 1 0;font-size:.875rem}.pg-header{align-items:center;gap:var(--sp-3);border-bottom:1px solid var(--line);margin-bottom:18px;padding-bottom:14px;display:flex}.pg-mark{background:linear-gradient(145deg,#a98a63,#6b5232);border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid;box-shadow:inset 0 0 0 1px #ffffff1f}.pg-mark svg{width:22px;height:22px;display:block}.pg-brand{flex-direction:column;min-width:0;line-height:1.2;display:flex}.pg-brand-name{letter-spacing:.04em;color:var(--fg);white-space:nowrap;font-size:1.02rem;font-weight:700}.pg-brand-sub{letter-spacing:.58em;color:var(--fg-muted);text-transform:uppercase;white-space:nowrap;margin-right:-.58em;font-size:.68rem}.pg-icon{flex:none;display:block}.pg-foot{border-top:1px solid var(--line);text-align:center;color:var(--fg-muted);letter-spacing:.02em;margin-top:28px;padding-top:12px;font-size:13px;font-weight:400}.pg-foot-copy{letter-spacing:.06em;opacity:.8;margin-top:6px;font-size:12px}.pg-hint,.pg-now{pointer-events:none;color:#fff;-webkit-text-stroke:3.5px #1c1814e6;paint-order:stroke fill;text-shadow:0 1px 2px #00000080;position:absolute}.pg-hint{left:var(--sp-3);right:var(--sp-3);bottom:var(--sp-3);text-align:center;margin:0;font-size:.84rem;line-height:1.65}.pg-hint strong{font-weight:700}.pg-now{left:var(--sp-2);top:var(--sp-2);align-items:center;gap:7px;margin:0;font-size:.81rem;line-height:1;display:inline-flex}.pg-now-dot{-webkit-text-stroke:0;border-radius:3px;flex:none;width:12px;height:12px;box-shadow:0 0 0 2px #fff,0 0 0 4px #1c1814d9}.pg-now-name{font-size:.94rem;font-weight:700}.pg-guide{background:var(--bg-soft);border-radius:var(--radius);padding:var(--sp-3);margin-top:var(--sp-3);overflow:hidden}.pg-guide__illust{float:left;width:88px;height:auto;margin:0 var(--sp-3) var(--sp-2) 0;background:var(--bg);border-radius:8px}.pg-guide__name{font-weight:700}.pg-guide__hint{color:var(--fg-muted);font-size:.875rem}.pg-guide__next{clear:both;margin-top:var(--sp-2);text-align:center;color:var(--fg-muted);font-size:.875rem;display:block}.pg-hand-title{align-items:baseline;gap:var(--sp-2);margin:0 0 var(--sp-3);flex-wrap:wrap;display:flex}.pg-hand-title strong{font-family:var(--font-heading);font-size:1.9rem;line-height:var(--leading-heading);font-synthesis-weight:none;color:var(--fg);font-weight:700}.pg-hand-title span{color:var(--fg-muted);font-size:.875rem}.pg-badges{margin:var(--sp-6) 0 var(--sp-5)}.pg-badges__head{text-align:center;margin:0 0 var(--sp-3);line-height:1.5}.pg-badges__head strong{font-family:var(--font-heading);font-synthesis-weight:none;font-size:1.2rem;font-weight:700;display:block}.pg-badges__head span{color:var(--fg-muted);letter-spacing:.06em;font-size:.78rem;display:block}.pg-badge{align-items:center;gap:var(--sp-3);border-radius:var(--radius);padding:var(--sp-2) var(--sp-3);margin:0 0 var(--sp-2);background:#fff;border:1.5px solid #d9cdb8;display:flex}.pg-badge__illust{background:var(--bg-soft);border-radius:8px;flex:none;width:44px;height:auto}.pg-badge__body{flex:1;min-width:0;line-height:1.55}.pg-badge__kicker{color:var(--fg-muted);letter-spacing:.08em;font-size:.72rem;display:block}.pg-badge__name{color:#3b3229;font-size:1.02rem;font-weight:700;display:block}.pg-badge__desc{color:var(--fg-muted);font-size:.8rem;line-height:1.7;display:block}.pg-advice-list{margin:var(--sp-5) 0 0}.pg-advice{border-left:3px solid var(--accent);padding:2px 0 2px var(--sp-3);margin:0 0 var(--sp-4);font-size:.95rem;line-height:1.8}.pg-test{margin-top:var(--sp-6);padding:var(--sp-4);border:1px dashed var(--line);border-radius:var(--radius);background:var(--bg-soft)}.pg-test h2{margin:0 0 var(--sp-2);font-size:1rem}.pg-test__note{margin:var(--sp-2) 0 0;color:var(--fg-muted);font-size:.8rem;line-height:1.7}.pg-test__text{margin:var(--sp-3) 0;padding:var(--sp-3);border:1px solid var(--line);white-space:pre-wrap;word-break:break-all;-webkit-user-select:text;user-select:text;background:#fff;border-radius:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;line-height:1.8}.pg-compare{margin-top:var(--sp-6);padding:var(--sp-4);border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-soft)}.pg-compare__head{gap:var(--sp-1);margin:0 0 var(--sp-3);flex-direction:column;display:flex}.pg-compare__head strong{font-size:1.05rem}.pg-compare__head span,.pg-compare__note{color:var(--fg-muted);font-size:.82rem;line-height:1.7}.pg-compare__row+.pg-compare__row{margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--line)}.pg-compare__name{color:var(--fg-muted);margin:0;font-size:.82rem}.pg-compare__values{align-items:baseline;gap:var(--sp-2);margin:var(--sp-1) 0 var(--sp-1);flex-wrap:wrap;font-size:1rem;display:flex}.pg-compare__born{color:var(--fg-muted)}.pg-compare__now{font-weight:700}.pg-compare__arrow{color:var(--accent)}.pg-compare__note{margin:0}.pg-compare__summary{margin:0 0 var(--sp-4);font-size:.95rem;line-height:1.85}.pg-compare__big{margin-left:var(--sp-2);padding:1px var(--sp-2);border:1px solid var(--accent);color:var(--accent);white-space:nowrap;border-radius:999px;font-size:.68rem}.pg-compare__advice{margin:var(--sp-4) 0 0;padding-top:var(--sp-3);border-top:1px solid var(--line);font-size:.92rem;line-height:1.85}.pg-compare-hint{margin:var(--sp-6) 0 0;padding:var(--sp-3) var(--sp-4);border-left:3px solid var(--accent);background:var(--bg-soft);font-size:.88rem;line-height:1.8}.pg-compare__same{margin:var(--sp-4) 0 0;padding-top:var(--sp-3);border-top:1px solid var(--line);color:var(--fg-muted);font-size:.82rem;line-height:1.7}.pg-compare__same strong{color:var(--fg);display:block}.pg-history{margin-top:var(--sp-5);padding:var(--sp-3) var(--sp-4);border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-soft)}.pg-history>summary{cursor:pointer;-webkit-tap-highlight-color:transparent;font-size:.9rem}.pg-history__list{margin:var(--sp-3) 0 0;padding:0;list-style:none}.pg-history__item{align-items:stretch;gap:var(--sp-2);display:flex}.pg-history__item+.pg-history__item{margin-top:var(--sp-2);padding-top:var(--sp-2);border-top:1px solid var(--line)}.pg-history__open{min-height:var(--tap-min);padding:var(--sp-2);color:var(--fg);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;border-radius:6px;flex-direction:column;flex:auto;gap:2px;font-family:inherit;transition:background-color .26s;display:flex}.pg-history__open:active{background:var(--accent-soft);transition-duration:0s}.pg-history__meta{color:var(--fg-muted);font-size:.75rem}.pg-history__summary{font-size:.92rem}.pg-history__delete{min-height:var(--tap-min);padding:0 var(--sp-3);border:1px solid var(--line);color:var(--fg-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border-radius:6px;flex:none;font-family:inherit;font-size:.78rem;transition:background-color .26s}.pg-history__delete:active{background:var(--accent-soft);transition-duration:0s}.pg-history__note{margin:var(--sp-3) 0 0;color:var(--fg-muted);font-size:.78rem;line-height:1.7}.pg-shoot-area{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;border-radius:14px;padding:0;transition:background-color .26s;position:absolute}.pg-shoot-area:active:not(:disabled){background:#ffffff47;transition-duration:0s}.pg-shoot-area:disabled{cursor:default}.pg-flash{pointer-events:none;background:#fff;animation:.2s ease-out forwards pg-flash;position:absolute;inset:0}@keyframes pg-flash{0%{opacity:.85}to{opacity:0}}@media (prefers-reduced-motion:reduce){.pg-flash{animation-duration:.4s}}.pg-home{align-items:center;gap:var(--sp-3);border-radius:var(--radius);color:inherit;font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;margin:-6px -8px;padding:6px 8px;transition:background-color .26s;display:flex}.pg-home:active{background:var(--accent-soft);transition-duration:0s}@media (prefers-reduced-motion:reduce){.pg-home{transition:none}}.pg-shoot-hint{pointer-events:none;text-align:center;color:#fff;opacity:.82;-webkit-text-stroke:3px #1c1814d9;paint-order:stroke fill;text-shadow:0 1px 2px #00000080;margin:0;font-size:.76rem;line-height:1.5;position:absolute;bottom:10%;left:12%;right:12%}.pg-boot{max-width:32rem;padding:20vh var(--sp-5) 0;text-align:center;opacity:0;margin:0 auto;animation:.4s 2.5s forwards pg-boot-in}.pg-boot__title{margin:0 0 var(--sp-3);font-size:1rem}.pg-boot__hint{color:var(--fg-muted);margin:0;font-size:.86rem;line-height:1.9}@keyframes pg-boot-in{to{opacity:1}}@media (prefers-reduced-motion:reduce){.pg-boot{animation-duration:10ms}}