/* Relationships derived from the checked extended reproduction; dark neutrals are preview roles. */
:root{--color-wash-light:#ffffff12;--color-wash-shade:#20202004;--color-pane-highlight:#ffffff88;--radius-lg:14px;--font-sans:var(--candidate-body);--font-display:var(--candidate-display);--font-mono:'Study Departure',monospace;--font-eyebrow:'Study Departure',monospace}
html[data-theme=dark]{--plae-workspace:#101214;--plae-surface:#1A1E23;--plae-ink:#F0F3F6;--plae-line:#3B444F;--plae-muted:#BFC8D2;--plae-neutral:#53606E;--plae-link:#5AA9FF;--color-bg:var(--plae-workspace);--color-surface:var(--plae-surface);--color-surface-2:#242A32;--color-surface-3:#2C343E;--color-ink:var(--plae-ink);--color-ink-2:var(--plae-muted);--color-ink-3:#A7B3C0;--color-ink-4:#8B98A6;--color-line:var(--plae-line);--color-line-strong:#657181;--color-inverse:var(--plae-ink);--color-inverse-ink:var(--plae-workspace);--color-focus:var(--plae-link);--color-link:var(--plae-link);--color-pane-highlight:#ffffff0a;--color-wash-shade:#00000022}
body{font-family:var(--candidate-body);font-weight:400;line-height:1.6}header .extended-nav{margin-left:auto}.extended-nav{display:flex;align-items:center;gap:20px;font-size:13px;white-space:nowrap}.extended-nav button{width:40px;height:44px;display:inline-flex;align-items:center;justify-content:center}.extended-nav button svg{width:20px;height:20px}.extended-nav a{min-height:44px;display:inline-flex;align-items:center}.extended-nav button[data-locale-toggle]{font:600 12px var(--candidate-body)}html[data-route=landing] header{gap:10px}.billing-badge,.billing-note,.billing-disclaimer{color:var(--plae-muted);font-size:12px;line-height:1.7}.billing-art{height:192px;padding:16px;background:linear-gradient(var(--color-surface-2),var(--color-surface));overflow:hidden}.billing-art img{height:100%;width:100%;object-fit:contain;transition:transform .3s}.group:hover .billing-art img{transform:translateY(-4px)}.billing-amount{display:flex;align-items:baseline;gap:8px;margin-top:12px;min-height:52px}.billing-amount>span{font:400 44px/1 'Study Departure',monospace}.billing-amount small{font-size:13px;color:var(--plae-muted)}.billing-disclaimer{margin-top:24px;max-width:78ch}#plae-billing-title{line-height:1.1;max-width:18ch;word-break:keep-all}#plae-billing .primary,#plae-billing .secondary{margin-top:auto}#plae-billing [role=radio][aria-checked=true]{color:var(--plae-workspace);background:var(--plae-ink)}#plae-billing [role=radio][aria-checked=false]{color:var(--plae-muted);background:transparent}
#plae-local-notice{margin:auto;width:min(420px,calc(100% - 32px));padding:24px;border:1px solid var(--plae-line);border-radius:14px;background:var(--plae-surface);color:var(--plae-ink);box-shadow:0 24px 70px #0005;max-height:85svh;overflow:auto}#plae-local-notice::backdrop{background:#0008}#plae-local-notice h2{font-size:24px;margin-bottom:14px}#plae-local-notice p{font-size:15px;line-height:1.65;color:var(--plae-muted)}#plae-local-notice button{margin-top:20px}
.guide-header{height:56px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--plae-line)}.guide-reading{max-width:768px;margin:0 auto;padding:40px 24px;display:flex;flex-direction:column;gap:40px}.guide-intro{display:flex;flex-direction:column;gap:12px}.guide-intro h1{font:400 60px/1.05 var(--candidate-display);letter-spacing:-.03em}.guide-reading p{font-size:14px;line-height:1.65;color:var(--plae-muted);max-width:62ch;word-break:keep-all}.guide-tags{display:flex;gap:14px;flex-wrap:wrap;font:400 11px/1.5 'Study Departure',monospace;color:var(--plae-muted);padding:0;list-style:none}.guide-toc{list-style:none;padding:0;font-size:14px;line-height:1.8}.guide-toc a:hover{text-decoration:underline}.guide-section{display:flex;flex-direction:column;gap:12px;scroll-margin-top:24px}.guide-section h2{font-size:18px;font-weight:600;line-height:1.45;letter-spacing:-.01em;word-break:keep-all}.guide-code{background:var(--plae-surface);border:1px solid var(--plae-line);border-radius:10px;overflow:hidden;margin:0}.guide-code figcaption{display:flex;justify-content:space-between;align-items:center;min-height:32px;background:var(--color-surface-2);padding:0 6px 0 12px;border-bottom:1px solid var(--plae-line);font-size:11px;color:var(--plae-muted)}.guide-code button{min-height:32px;padding:4px 12px;min-width:64px;font-size:12px}.guide-code pre{padding:12px;margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font:400 12px/1.8 'Study Departure','Study Plex',monospace;color:var(--plae-ink)}.guide-tab-scroll{overflow-x:auto;scrollbar-width:thin}.guide-tabs{display:flex;width:max-content;min-width:100%;border-bottom:1px solid var(--plae-line);gap:8px}.guide-tabs button{min-height:44px;padding:10px 12px;color:var(--plae-muted);font-size:13px;border-bottom:2px solid transparent;white-space:nowrap}.guide-tabs [aria-selected=true]{border-bottom-color:var(--plae-ink);color:var(--plae-ink)}#guide-panel{display:flex;flex-direction:column;gap:12px}.guide-modes{display:flex;gap:4px;background:var(--color-surface-2);border:1px solid var(--plae-line);border-radius:7px;padding:3px;font-size:12px}.guide-modes button{min-height:32px;padding:6px 14px;border-radius:5px;color:var(--plae-muted)}.guide-modes [aria-checked=true]{background:var(--plae-surface);color:var(--plae-ink);box-shadow:0 1px 3px #0002}.guide-panel-note{font-size:12px!important}.guide-visual{border:1px solid var(--plae-line);border-radius:10px;overflow:hidden;background:var(--plae-surface)}.guide-visual img{width:100%;height:300px;object-fit:cover;display:block}.guide-visual small{display:block;padding:10px 12px;color:var(--plae-muted);font-size:11px}.guide-table-scroll{overflow:auto;border:1px solid var(--plae-line);border-radius:10px}.guide-table-scroll table{border-collapse:collapse;width:100%;min-width:540px;font-size:12px}.guide-table-scroll th,.guide-table-scroll td{padding:12px;text-align:left;border-bottom:1px solid var(--plae-line);vertical-align:top}.guide-table-scroll th{background:var(--color-surface-2);font-weight:600}.guide-table-scroll tr:last-child td{border-bottom:0}.guide-footer{display:flex;gap:24px;justify-content:flex-start;border-top:1px solid var(--plae-line);padding-top:24px;font-size:12px}.guide-scope{font-size:12px!important}
.signin-header{height:64px;position:fixed;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:30;background:color-mix(in srgb,var(--plae-workspace) 80%,transparent)}.signin-art{position:fixed;inset:0;overflow:hidden}.signin-art>img{width:100%;height:100%;object-fit:cover;object-position:40% 50%;animation:signin-ambient 24s ease-in-out infinite alternate}.signin-scrim{position:absolute;inset:0;background:linear-gradient(90deg,transparent 20%,color-mix(in srgb,var(--plae-workspace) 35%,transparent))}.signin-pane{width:100%;max-width:420px;padding:32px;background:var(--plae-surface);border:1px solid var(--plae-line);border-radius:14px;box-shadow:0 16px 50px #0002}.signin-pane h1{font-size:40px;line-height:1.08;letter-spacing:-.03em;font-weight:300}.signin-intro{font-size:15px;color:var(--plae-muted);margin-top:12px;line-height:1.6}.google-signin{margin-top:24px;width:100%;min-height:44px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--plae-line);border-radius:5px;font-size:14px;background:var(--plae-surface);color:var(--plae-ink)}.google-signin>span:first-child{font:600 18px 'Study Pretendard',sans-serif;color:var(--plae-link)}.google-signin:hover{background:var(--color-surface-2)}.signin-scope{font-size:12px;color:var(--plae-muted);line-height:1.65;margin-top:14px}.signin-legal{font-size:12px;color:var(--plae-muted);margin-top:18px}.signin-legal button{text-decoration:underline;text-underline-offset:3px;min-height:32px}.signin-back{display:inline-block;margin-top:18px;color:var(--plae-link);font-size:13px;text-decoration:underline;text-underline-offset:4px}@keyframes signin-ambient{to{transform:scale(1.045) translateX(-1%)}}
/* Hardcoded light fills from the earlier study are now theme-aware. */
html[data-theme=dark] .town-hint,html[data-theme=dark] .plae-live-card,html[data-theme=dark] .music-hotspots .signpost{background:var(--plae-surface);color:var(--plae-ink)}html[data-theme=dark] [data-plae=chapter-rail].expanded{background:#101214dd}html[data-theme=dark] [data-plae=chapter-rail] button.current{background:var(--plae-surface)}html[data-theme=dark] .mini-grid i,html[data-theme=dark] .chord-lines,html[data-theme=dark] .cycle-options,html[data-theme=dark] .keyword-tags span,html[data-theme=dark] .activity-art{background:var(--color-surface-2)}html[data-theme=dark] .mini-grid i.on{background:var(--plae-blue)}html[data-theme=dark] .mini-grid i.accent{background:var(--plae-orange)}html[data-theme=dark] .cycle-options [aria-pressed=true]{background:var(--color-surface-3)}html[data-theme=dark] .primary:hover{background:#CCD7E2}html[data-theme=dark] .secondary:hover{background:var(--color-surface-2)}html[data-theme=dark] #plae-font-dialog::backdrop{background:#0009}html[data-theme=dark] .plae-notice{background:var(--plae-ink);color:var(--plae-workspace)}html[data-theme=dark] .plae-film-layer .dummy-film{mask-image:linear-gradient(#000 60%,transparent)}
@media(max-width:639px){.extended-nav{gap:9px;}.extended-nav button{width:30px;min-width:30px}.wide-nav{display:none!important}.guide-header{padding:0 16px}.guide-reading{padding:40px 16px}.guide-intro h1{font-size:42px}.guide-reading p{font-size:14px}.guide-visual img{height:220px}.guide-section h2{font-size:18px}.signin-header{padding:0 16px}.signin-pane{padding:20px}.signin-pane h1{font-size:30px}.signin-intro{font-size:14px}.signin-art>img{object-position:35% 40%}.signin-scrim{background:linear-gradient(to top,var(--plae-workspace),transparent 80%)}#plae-billing-title{font-size:38px}.billing-art{height:192px}html[data-route=landing] header{gap:4px}}
@media(max-width:639px) and (max-height:600px){html[data-theme=dark] .plae-hero-content{background:#101214ed}}
@media(min-width:640px) and (max-width:1023px) and (max-height:700px){html[data-theme=dark] .plae-hero-content{background:#101214ed}}
@media(prefers-reduced-motion:reduce){.signin-art>img{animation:none}}
/* Matched review: the checked Docs heading retains its 60px scale on phone too. */
@media(max-width:639px){.guide-intro h1{font-size:60px}}