@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-app[data-result-active=true]{overflow-anchor:none}.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-trace-titlebar{justify-content:center;align-items:center;min-width:0;display:flex;position:relative}.pg-trace-titlebar h1{text-align:center;margin:0;font-size:1.35rem}.pg-trace-titlebar>button{border:1px solid var(--line);background:var(--bg);min-height:30px;color:var(--accent);font:inherit;cursor:pointer;border-radius:999px;padding:3px 9px;font-size:.75rem;position:absolute;right:0}.pg-trace-titlebar>.pg-trace-photo-view-toggle{border-color:var(--accent);color:var(--fg);font-weight:700;left:0;right:auto}.pg-trace-line-screen{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.pg-trace-line-screen img,.pg-trace-line-screen canvas{-webkit-user-drag:none}.pg-trace-flow-screen{z-index:50;background:var(--bg);grid-template-rows:34px minmax(0,1fr) 50px;gap:8px;width:100vw;height:100dvh;padding:8px 12px;display:grid;position:fixed;inset:0;overflow:hidden}.pg-trace-workspace{grid-template-columns:minmax(0,1fr) 300px;align-items:stretch;gap:10px;min-height:0;display:grid}.pg-trace-photo-column{grid-template-rows:68px minmax(0,1fr);min-width:0;min-height:0;display:grid;position:relative;overflow:visible}.pg-flow-line-guide{z-index:4;border:1px solid var(--line);background:var(--bg-soft);border-radius:10px 10px 0 0;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:8px;min-width:0;height:68px;padding:6px 9px;display:grid;position:relative}.pg-flow-line-guide>img{object-fit:contain;background:var(--bg);border-radius:8px;width:54px;height:54px}.pg-flow-line-guide__copy{min-width:0}.pg-flow-line-guide__copy>div{align-items:center;gap:6px;min-width:0;height:15px;display:flex}.pg-flow-line-guide__copy strong{color:var(--accent);white-space:nowrap;font-size:.82rem}.pg-flow-line-guide__copy>div>span{color:var(--fg-muted);white-space:nowrap;font-size:.75rem}.pg-flow-line-guide__copy>p{color:var(--fg);margin:1px 0 0;font-size:.75rem;line-height:1.22;overflow:hidden}.pg-flow-guide-more{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;margin-left:auto;padding:2px;font-size:.75rem;text-decoration:underline}.pg-flow-guide-popover{z-index:12;border:2px solid var(--accent);background:var(--bg);pointer-events:none;border-radius:11px;grid-template-columns:104px minmax(0,1fr);align-items:start;gap:10px;padding:10px;display:none;position:absolute;top:64px;left:6px;right:6px;box-shadow:0 12px 30px #00000057}.pg-flow-guide-more:hover+.pg-flow-guide-popover,.pg-flow-guide-more:focus-visible+.pg-flow-guide-popover,.pg-flow-guide-popover[data-open=true]{display:grid}.pg-flow-guide-popover img{object-fit:contain;width:104px;max-height:126px}.pg-flow-guide-popover h2{color:var(--accent);margin:0 0 4px;font-size:1rem}.pg-flow-guide-popover p{margin:0;font-size:.78rem;line-height:1.55}.pg-flow-guide-popover small{color:var(--fg-muted);margin-top:5px;font-size:.62rem;display:block}.pg-trace-photo{touch-action:none;overscroll-behavior:contain;border:1px solid var(--line);background:var(--bg-soft);border-top:0;border-radius:0 0 10px 10px;place-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.pg-trace-photo>.pg-preview{object-fit:contain;width:auto;max-width:100%;height:auto;position:absolute;bottom:0;left:0;right:0;max-height:100%!important;margin:0 auto!important}.pg-flow-loupe-overlay{z-index:3;aspect-ratio:1;background:var(--bg);touch-action:none;border:3px solid #fff;border-radius:10px;width:clamp(140px,23%,156px);position:absolute;overflow:hidden;box-shadow:0 4px 14px #0000007a}.pg-flow-loupe-canvas{cursor:grab;touch-action:none;border-radius:7px;width:100%;height:100%;display:block}.pg-flow-loupe-canvas:active{cursor:grabbing}.pg-flow-loupe-canvas:focus-visible{outline:3px solid var(--accent);outline-offset:-4px}.pg-flow-loupe-move{z-index:2;color:#fff;width:44px;height:44px;font:inherit;cursor:move;touch-action:none;-webkit-tap-highlight-color:transparent;background:#2a2622d1;border:2px solid #fff;border-radius:9px;place-items:center;padding:0;font-size:.7rem;font-weight:700;display:grid;position:absolute;top:4px;right:4px}.pg-flow-loupe-move:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.pg-flow-loupe-overlay[data-horizontal=left]{left:9px}.pg-flow-loupe-overlay[data-horizontal=right]{right:9px}.pg-flow-loupe-overlay[data-vertical=top]{top:9px}.pg-flow-loupe-overlay[data-vertical=bottom]{bottom:9px}.pg-flow-loupe-overlay[data-unused-space=true]{top:4px}.pg-flow-offset-handle{z-index:5;cursor:grab;background:0 0;border:0;border-radius:50%;width:44px;height:44px;margin:-22px 0 0 -22px;padding:0;position:absolute}.pg-flow-offset-handle:active{cursor:grabbing}.pg-flow-offset-handle:before{content:"";background:#ffffffeb;position:absolute}.pg-flow-offset-handle[data-direction=below]:before,.pg-flow-offset-handle[data-direction=above]:before{width:3px;height:48px;left:50%;transform:translate(-50%)}.pg-flow-offset-handle[data-direction=below]:before{bottom:50%}.pg-flow-offset-handle[data-direction=above]:before{top:50%}.pg-flow-offset-handle[data-direction=above-left]:before,.pg-flow-offset-handle[data-direction=above-right]:before,.pg-flow-offset-handle[data-direction=below-left]:before,.pg-flow-offset-handle[data-direction=below-right]:before{transform-origin:0;width:48px;height:3px;top:50%;left:50%}.pg-flow-offset-handle[data-direction=above-left]:before{transform:translateY(-50%)rotate(45deg)}.pg-flow-offset-handle[data-direction=above-right]:before{transform:translateY(-50%)rotate(135deg)}.pg-flow-offset-handle[data-direction=below-left]:before{transform:translateY(-50%)rotate(-45deg)}.pg-flow-offset-handle[data-direction=below-right]:before{transform:translateY(-50%)rotate(-135deg)}.pg-flow-offset-handle:after{content:"";background:#2a2622d6;border:3px solid #fff;border-radius:50%;position:absolute;inset:11px;box-shadow:0 2px 7px #0000004d}.pg-flow-offset-handle:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.pg-flow-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-soft);flex-direction:column;gap:6px;min-height:0;padding:8px;display:flex;overflow:hidden}.pg-flow-steps{grid-template-columns:repeat(3,1fr);height:44px;min-height:44px;display:grid;position:relative}.pg-flow-steps:before{content:"";background:var(--line);height:1px;position:absolute;top:12px;left:17%;right:17%}.pg-flow-step{z-index:1;text-align:center;color:var(--fg-muted);font:inherit;padding:0;font-size:.75rem;display:block;position:relative}.pg-flow-step span{border:1px solid var(--line);background:var(--bg);border-radius:50%;place-items:center;width:25px;height:25px;margin:0 auto 1px;font-weight:700;display:grid}.pg-flow-step[data-active=true]{color:var(--fg);font-weight:700}.pg-flow-step[data-active=true] span{border-color:var(--accent);background:var(--accent);color:var(--bg)}.pg-flow-point-row,.pg-flow-point-nav,.pg-flow-utilities{align-items:center;gap:5px;display:flex}.pg-flow-point-row{justify-content:center;min-width:0}.pg-flow-point-nav{justify-content:center;min-height:32px}.pg-flow-point-nav button{border:1px solid var(--line);background:var(--bg);width:44px;min-height:32px;color:var(--fg);font:inherit;cursor:pointer;border-radius:8px;font-size:1.35rem;line-height:1}.pg-flow-point-nav strong{text-align:center;min-width:88px;font-size:.875rem}.pg-flow-snap-toggle{border:1px solid var(--accent);background:var(--bg);min-width:88px;min-height:30px;color:var(--accent);font:inherit;white-space:nowrap;cursor:pointer;border-radius:999px;padding:3px 8px;font-size:.7rem;font-weight:700}.pg-flow-snap-toggle[aria-pressed=true]{background:var(--accent);color:var(--bg)}.pg-flow-snap-flash{z-index:8;width:28px;height:28px;box-shadow:0 0 0 3px var(--pg-snap-color,var(--accent)), 0 0 14px 7px #ffffffe6;pointer-events:none;animation-name:pg-snap-flash;animation-duration:var(--pg-snap-flash-duration,.52s);border:3px solid #fff;border-radius:50%;animation-timing-function:ease-out;animation-fill-mode:both;position:absolute}@keyframes pg-snap-flash{0%{opacity:.95;transform:translate(-50%,-50%)scale(.65)}55%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}to{opacity:0;transform:translate(-50%,-50%)scale(1.55)}}@media (prefers-reduced-motion:reduce){.pg-flow-snap-flash{animation-name:pg-snap-flash-reduced}}@keyframes pg-snap-flash-reduced{0%,70%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-50%)}}.pg-flow-panel>.pg-btn{min-height:40px;padding:7px 10px;font-size:.875rem}.pg-flow-panel>.pg-btn.pg-btn--link{min-height:24px;padding:1px 4px;font-size:.75rem}.pg-direct-panel{justify-content:flex-start}.pg-direct-panel__tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.pg-direct-panel__tools>button{border:1px solid var(--line);background:var(--bg);min-width:0;min-height:32px;color:var(--accent);font:inherit;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;border-radius:8px;padding:3px 6px;font-size:.75rem;overflow:hidden}.pg-direct-panel__tools>button:disabled{opacity:.45;cursor:default}.pg-direct-panel__tools>.pg-flow-snap-toggle[aria-pressed=true]{background:var(--accent);color:var(--bg)}.pg-flow-utilities{min-height:26px}.pg-flow-utilities button{min-width:0;min-height:25px;color:var(--accent);font:inherit;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;flex:1 1 0;padding:2px 3px;font-size:.75rem;text-decoration:underline;overflow:hidden}.pg-flow-utilities button:disabled{color:var(--fg-muted);opacity:.45;cursor:default}.pg-tabs.pg-flow-line-tabs{height:50px;margin:0}.pg-flow-line-tabs .pg-tab{flex-direction:row;justify-content:center;gap:5px;min-height:48px;padding:3px;font-size:.75rem}.pg-tab-check{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:16px;height:16px;font-size:.65rem;display:grid}.pg-trace-mode-choice{z-index:90;padding:var(--sp-4);background:#2a2622a3;place-items:center;display:grid;position:fixed;inset:0}.pg-trace-mode-choice>div{width:min(560px,100%);padding:var(--sp-5);border-radius:var(--radius);background:var(--bg);box-shadow:0 20px 60px #0000004d}.pg-trace-mode-choice h2{margin:0;font-size:1.35rem}.pg-trace-mode-choice p{margin:var(--sp-2) 0 var(--sp-4);color:var(--fg-muted)}.pg-trace-mode-options{gap:var(--sp-3);grid-template-columns:1fr 1fr;display:grid}.pg-trace-mode-options button{min-height:126px;padding:var(--sp-4);border:2px solid var(--line);background:var(--bg);color:var(--fg);font:inherit;text-align:left;cursor:pointer;border-radius:12px;position:relative}.pg-trace-mode-options button[data-current=true]{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 7%, var(--bg))}.pg-trace-mode-options strong,.pg-trace-mode-options span,.pg-trace-mode-options small{display:block}.pg-trace-mode-options strong{margin-bottom:var(--sp-2);font-size:1rem}.pg-trace-mode-options span{color:var(--fg-muted);font-size:.78rem;line-height:1.55}.pg-trace-mode-options small{color:var(--accent);font-weight:700;position:absolute;bottom:8px;right:8px}@media (width<=800px){.pg-trace-flow-screen{padding:5px 6px max(32px, env(safe-area-max-inset-bottom,32px));grid-template-rows:30px minmax(0,1fr) 46px;gap:5px}.pg-trace-titlebar h1{font-size:1.1rem}.pg-trace-titlebar>button{min-height:25px;padding:2px 7px;font-size:.75rem}.pg-trace-workspace{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr;gap:5px}.pg-trace-workspace[data-compact=true]{grid-template-rows:auto auto;align-content:start}.pg-trace-photo-column[data-compact=true]{height:var(--pg-photo-column-height)}.pg-flow-line-guide__copy>p{font-size:.75rem;line-height:1.2}.pg-flow-guide-popover{grid-template-columns:88px minmax(0,1fr)}.pg-flow-guide-popover img{width:88px}.pg-flow-guide-popover p{font-size:.75rem}.pg-flow-loupe-overlay{width:140px}.pg-flow-panel{gap:3px;max-height:188px;padding:5px}.pg-direct-panel{max-height:112px}.pg-direct-panel__tools{grid-template-columns:88px repeat(3,minmax(0,1fr));gap:3px}.pg-direct-panel__tools>button{min-height:27px;padding:2px 4px;font-size:.7rem}.pg-flow-steps{height:44px;min-height:44px}.pg-flow-steps:before{top:11px}.pg-flow-step span{width:21px;height:21px;margin-bottom:2px}.pg-flow-point-nav{min-height:27px}.pg-flow-snap-toggle{min-height:27px;padding:2px 7px}.pg-flow-point-nav button{min-height:27px}.pg-flow-panel>.pg-btn{min-height:31px;padding:4px 8px;font-size:.8125rem}.pg-flow-panel>.pg-btn.pg-btn--link{min-height:18px}.pg-flow-utilities,.pg-flow-utilities button{min-height:20px}.pg-flow-utilities button{font-size:.75rem}.pg-flow-line-tabs,.pg-flow-line-tabs .pg-tab{height:46px;min-height:46px}.pg-trace-mode-choice>div{padding:var(--sp-4)}.pg-trace-mode-options{grid-template-columns:1fr}.pg-trace-mode-options button{min-height:92px}}@media (width<=800px) and (height>=900px){.pg-trace-photo>.pg-preview{max-width:94%}}@media (height<=680px) and (width<=800px){.pg-flow-panel{max-height:170px}.pg-flow-loupe-overlay{width:140px}.pg-flow-guide-popover small{display:none}}.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:calc(var(--sp-2) + 12px);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-result-screen{overflow-anchor: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}}