:root{--c-primary:#17171c;--c-black:#000;--c-ink:#212121;--c-deep-green:#003c33;--c-navy:#071829;--c-canvas:#fff;--c-stone:#eeece7;--c-pale-green:#edfce9;--c-pale-blue:#f1f5ff;--c-hairline:#d9d9dd;--c-border:#e5e7eb;--c-card-border:#f2f2f2;--c-muted:#93939f;--c-slate:#75758a;--c-body-muted:#616161;--c-blue:#1863dc;--c-focus:#4c6ee6;--c-coral:#ff7759;--c-coral-soft:#ffad9b;--c-form-focus:#9b60aa;--c-error:#b30000;--c-on-dark:#fff;--c-success:#1f6f43;--r-xs:4px;--r-sm:8px;--r-md:16px;--r-lg:22px;--r-xl:30px;--r-pill:32px;--r-full:9999px;--s-xxs:2px;--s-xs:6px;--s-sm:8px;--s-md:12px;--s-lg:16px;--s-xl:24px;--s-xxl:32px;--s-section:80px;--font-body:"Pretendard Variable", Pretendard, Inter, "Segoe UI", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;--font-display:var(--font-body);--font-mono:"JetBrains Mono", "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, "Malgun Gothic", monospace;--fs-base:16px;--fs-micro:.75rem;--fs-caption:.875rem;--fs-body:1rem;--fs-body-lg:1.125rem;--fs-feature:1.5rem;--fs-card:2rem;--fs-section:3rem;--fs-display:4.5rem;--max-w:1120px}html[data-font=large]{--fs-base:18px}html[data-font=xlarge]{--fs-base:21px}*,:before,:after{box-sizing:border-box}html{font-size:var(--fs-base);-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--fs-body);color:var(--c-ink);background:var(--c-canvas);min-height:100vh;margin:0;line-height:1.5}h1,h2,h3,h4{font-family:var(--font-display);margin:0 0 var(--s-md);font-weight:400;line-height:1.2}h1{font-size:var(--fs-section);letter-spacing:-.02em;line-height:1.05}h2{font-size:var(--fs-card);letter-spacing:-.01em}h3{font-size:var(--fs-feature);line-height:1.3}h4{font-size:var(--fs-body-lg)}p{margin:0 0 var(--s-md)}a{color:var(--c-blue)}button,input,select,textarea{font:inherit;color:inherit}img,canvas,svg{max-width:100%;display:block}:focus-visible{outline:3px solid var(--c-focus);outline-offset:2px}.mono{font-family:var(--font-mono);font-size:var(--fs-caption);letter-spacing:.02em;text-transform:uppercase;color:var(--c-slate)}.mono--dark{color:#ffffffb8}.caption{font-size:var(--fs-caption);color:var(--c-body-muted)}.micro{font-size:var(--fs-micro);color:var(--c-muted)}.muted{color:var(--c-body-muted)}.lead{font-size:var(--fs-body-lg);line-height:1.45}.container{max-width:var(--max-w);padding:0 var(--s-lg);margin:0 auto}.stack>*+*{margin-top:var(--s-lg)}.stack-sm>*+*{margin-top:var(--s-sm)}.row{gap:var(--s-md);flex-wrap:wrap;align-items:center;display:flex}.row--between{justify-content:space-between}.grid-2{gap:var(--s-xl);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.grid-3{gap:var(--s-xl);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (width<=860px){.grid-2,.grid-3{grid-template-columns:1fr}}.btn{align-items:center;gap:var(--s-xs);border-radius:var(--r-pill);font-size:var(--fs-caption);cursor:pointer;background:var(--c-primary);color:var(--c-on-dark);border:1px solid #0000;min-height:42px;padding:10px 22px;font-weight:500;line-height:1.5;text-decoration:none;display:inline-flex}.btn:hover{background:var(--c-black)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--secondary{color:var(--c-ink);border-color:var(--c-primary);background:0 0}.btn--secondary:hover{background:var(--c-stone)}.btn--ghost{color:var(--c-ink);border-radius:var(--r-xs);text-underline-offset:4px;background:0 0;padding:8px 6px;text-decoration:underline}.btn--ghost:hover{color:var(--c-blue);background:0 0}.btn--sm{min-height:34px;font-size:var(--fs-micro);padding:6px 14px}.btn--on-dark{background:var(--c-on-dark);color:var(--c-primary)}.btn--on-dark:hover{background:var(--c-stone)}.btn--outline-dark{color:var(--c-on-dark);background:0 0;border-color:#fff9}.btn--outline-dark:hover{background:#ffffff1f}.card{background:var(--c-canvas);border:1px solid var(--c-border);border-radius:var(--r-sm);padding:var(--s-xl)}.card--stone{background:var(--c-stone);border-color:#0000}.card--pale-green{background:var(--c-pale-green);border-color:#0000}.card--pale-blue{background:var(--c-pale-blue);border-color:#0000}.card--media{border-radius:var(--r-lg);padding:0;overflow:hidden}.band{background:var(--c-deep-green);color:var(--c-on-dark);border-radius:var(--r-lg);padding:var(--s-xl)}.band--navy{background:var(--c-navy)}.band a{color:#bfe3d8}.rule{border:0;border-top:1px solid var(--c-hairline);margin:var(--s-xl) 0}.chip{border-radius:var(--r-xl);font-size:var(--fs-micro);border:1px solid var(--c-primary);color:var(--c-primary);white-space:nowrap;background:0 0;align-items:center;gap:4px;padding:3px 10px;display:inline-flex}.chip--coral{border-color:var(--c-coral);color:#b13c22;background:#fff3ef}.chip--green{border-color:var(--c-deep-green);color:var(--c-deep-green);background:var(--c-pale-green)}.chip--blue{border-color:var(--c-blue);color:var(--c-blue);background:var(--c-pale-blue)}.chip--stone{color:var(--c-body-muted);background:var(--c-stone);border-color:#0000}.chip--warn{color:#7a5200;background:#fff7e0;border-color:#c98a00}.chip--on-dark{color:var(--c-on-dark);border-color:#ffffff80}.field{gap:var(--s-xs);flex-direction:column;display:flex}.field label,.field .label{font-size:var(--fs-caption);color:var(--c-body-muted)}.input,.textarea,.select{border:1px solid var(--c-hairline);border-radius:var(--r-xs);background:var(--c-canvas);width:100%;padding:10px 12px}.input:focus,.textarea:focus,.select:focus{border-color:var(--c-form-focus);outline:2px solid var(--c-form-focus);outline-offset:0}.textarea{resize:vertical;min-height:84px}.choice-list{gap:var(--s-sm);display:grid}.choice{gap:var(--s-md);border:1px solid var(--c-hairline);border-radius:var(--r-sm);padding:var(--s-md) var(--s-lg);cursor:pointer;background:var(--c-canvas);text-align:left;align-items:flex-start;width:100%;display:flex}.choice:hover{background:var(--c-stone)}.choice[aria-pressed=true],.choice[aria-checked=true]{border-color:var(--c-primary);background:var(--c-pale-blue)}.choice__mark{font-family:var(--font-body);font-size:var(--fs-body-lg);color:var(--c-slate);min-width:1.4em;line-height:1.3}.note{border-left:3px solid var(--c-hairline);padding:var(--s-sm) var(--s-lg);font-size:var(--fs-caption);color:var(--c-body-muted);background:#fafaf8}.note--ok{border-left-color:var(--c-success);color:var(--c-success);background:var(--c-pale-green)}.note--warn{color:#7a5200;background:#fff7e0;border-left-color:#c98a00}.note--info{border-left-color:var(--c-blue);color:#17417e;background:var(--c-pale-blue)}.note--error{border-left-color:var(--c-error);color:var(--c-error);background:#fff1f1}.feedback{border-radius:var(--r-sm);padding:var(--s-lg);background:var(--c-pale-green);border:1px solid #cfe9c8}.feedback--retry{background:var(--c-pale-blue);border-color:#cfdcf5}.slot{border:2px dashed var(--c-hairline);border-radius:var(--r-lg);padding:var(--s-xl);color:var(--c-body-muted);font-size:var(--fs-caption);gap:var(--s-xs);background:repeating-linear-gradient(135deg,#fbfbfa 0 12px,#f4f3ef 12px 24px);flex-direction:column;justify-content:center;min-height:140px;display:flex}.slot code{font-family:var(--font-mono);border:1px solid var(--c-border);background:#fff;border-radius:4px;padding:1px 6px;font-size:.85em}.slot--dark{color:#fffc;background:repeating-linear-gradient(135deg,#ffffff0a 0 12px,#ffffff14 12px 24px);border-color:#ffffff59}.slot--dark code{color:#fff;background:#0000004d;border-color:#ffffff40}.table{border-collapse:collapse;width:100%;font-size:var(--fs-caption)}.table th,.table td{text-align:left;border-bottom:1px solid var(--c-hairline);vertical-align:top;padding:10px 8px}.table th{color:var(--c-slate);font-weight:500;font-family:var(--font-mono);font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:.04em}.table tr[aria-selected=true] td{background:var(--c-pale-blue)}.table tr.is-highlight td{background:#fff7e0}.table-wrap{overflow-x:auto}.term{text-underline-offset:3px;cursor:help;color:inherit;font:inherit;background:0 0;border:0;padding:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.term__pop{z-index:30;background:var(--c-primary);max-width:320px;color:var(--c-on-dark);padding:var(--s-md) var(--s-lg);border-radius:var(--r-sm);font-size:var(--fs-caption);margin-top:6px;position:absolute}details.more{border-top:1px solid var(--c-hairline);border-bottom:1px solid var(--c-hairline);padding:var(--s-sm) 0}details.more summary{cursor:pointer;font-size:var(--fs-caption);color:var(--c-blue);list-style:none}details.more summary:before{content:"+ ";font-family:var(--font-mono)}details.more[open] summary:before{content:"− "}details.more>div{padding:var(--s-md) 0 var(--s-xs);font-size:var(--fs-caption);color:var(--c-body-muted)}.shell{flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--c-hairline);background:var(--c-canvas);z-index:20;position:sticky;top:0}.topbar__inner{align-items:center;gap:var(--s-lg);padding:10px var(--s-lg);max-width:var(--max-w);margin:0 auto;display:flex}.topbar__title{font-size:var(--fs-caption);white-space:nowrap}.steps{scrollbar-width:thin;flex:1;gap:4px;display:flex;overflow-x:auto}.step-dot{border:1px solid var(--c-hairline);border-radius:var(--r-pill);font-size:var(--fs-micro);color:var(--c-slate);background:var(--c-canvas);white-space:nowrap;align-items:center;gap:6px;padding:4px 10px;text-decoration:none;display:inline-flex}.step-dot[aria-current=step]{border-color:var(--c-primary);color:var(--c-primary);background:var(--c-stone)}.step-dot--done{border-color:var(--c-deep-green);color:var(--c-deep-green)}.step-dot--locked{opacity:.5}.step-dot__n{font-family:var(--font-mono)}.scene-nav{justify-content:space-between;align-items:center;gap:var(--s-md);border-top:1px solid var(--c-hairline);padding:var(--s-lg);margin-top:var(--s-section);display:flex}.scene-dots{align-items:center;gap:6px;display:flex}.scene-dots span{background:var(--c-hairline);border-radius:50%;width:8px;height:8px}.scene-dots span[data-state=current]{background:var(--c-primary);border-radius:4px;width:18px}.scene-dots span[data-state=completed]{background:var(--c-deep-green)}.scene-dots span[data-state=answered]{background:var(--c-coral)}.scene-head{margin:var(--s-xxl) 0 var(--s-xl)}.scene-head h2{margin-bottom:var(--s-xs)}main.scene{max-width:var(--max-w);width:100%;padding:0 var(--s-lg) var(--s-xxl);flex:1;margin:0 auto}.save-status{font-size:var(--fs-micro);color:var(--c-muted);white-space:nowrap}.save-status[data-status=saving]{color:var(--c-slate)}.save-status[data-status=offline],.save-status[data-status=error]{color:var(--c-error)}.lab{background:var(--c-deep-green);color:var(--c-on-dark);border-radius:var(--r-lg);padding:var(--s-lg);gap:var(--s-lg);grid-template-columns:minmax(0,3fr) minmax(220px,1.4fr);display:grid}@media (width<=860px){.lab{grid-template-columns:1fr}}.lab__view{border-radius:var(--r-md);background:#02120f;min-height:320px;position:relative;overflow:hidden}.lab__view canvas{touch-action:none;display:block}.lab__earth{border-radius:var(--r-md);aspect-ratio:1;background:#02120f;position:relative;overflow:hidden}.lab__side{gap:var(--s-md);flex-direction:column;display:flex}.lab__controls{gap:var(--s-sm);font-size:var(--fs-caption);flex-direction:column;display:flex}.lab__controls .row{gap:var(--s-xs)}.lab .toggle{border-radius:var(--r-pill);font-size:var(--fs-micro);color:#fff;cursor:pointer;background:0 0;border:1px solid #fff6;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.lab .toggle[aria-pressed=true]{color:var(--c-deep-green);background:#ffffffeb}.lab input[type=range]{accent-color:#fff;width:100%}.lab__badge{flex-wrap:wrap;gap:6px;display:flex;position:absolute;top:8px;left:8px}.lab__hint{font-size:var(--fs-micro);color:#ffffffb8}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}html[data-motion=reduce] *{transition-duration:.001ms!important;animation-duration:.001ms!important}.toast{background:var(--c-primary);color:#fff;border-radius:var(--r-pill);z-index:50;font-size:var(--fs-caption);align-items:center;gap:10px;padding:12px 20px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:100;background:#fff;padding:8px 12px;position:absolute;top:8px;left:-999px}.skip-link:focus{left:8px}@media print{@page{margin:16mm}body{color:#000;font-size:11pt}.no-print{display:none!important}.print-page{max-width:none;padding:0}.print-section{break-inside:avoid;page-break-inside:avoid;margin-bottom:14pt}img,canvas,svg{break-inside:avoid;max-height:90mm}a{color:#000;text-decoration:none}}.scene-tag{color:#fff;white-space:nowrap;font-size:12px;line-height:1.3;font-family:var(--font-body);background:#0000008c;border:1px solid #ffffff59;border-radius:999px;padding:2px 9px;display:inline-block}.scene-tag--sun{color:#3a2d00;background:#ffe7a0;border-color:#ffd866}.scene-tag--me{color:#fff;background:#c24a2f;border-color:#ff7759}.scene-tag--mark{font-family:var(--font-mono);background:#ffffff24;padding:0 6px;font-size:11px}.scene-labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.scene-labels .scene-tag{will-change:transform;position:absolute;top:0;left:0}