@font-face{font-family:Pretendard Variable;font-weight:45 920;font-style:normal;font-display:swap;src:url(/fonts/PretendardVariable.woff2)format("woff2-variations")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07151e;--surface:#0d222c;--raised:#14313b;--primary:#66d8c1;--primary-strong:#8ce8d6;--primary-ink:#06201f;--brass:#d2af75;--text:#f3f0e7;--muted:#a8bcc4;--muted-strong:#c5d4da;--danger:#f08e85;--line:#f3f0e724;--line-strong:#f3f0e742;--focus:#66d8c1;--c-quake:#f2c57c;--c-quake-recent:#ffd9a0;--c-volcano:#f08e85;--c-plate:#ff496c;--c-first:#fff;--c-revised:#55cfff;--c-others:#a8bcc48c;--c-highlight-a:#fff;--c-highlight-b:#d2af75;--r-sm:10px;--r-md:18px;--r-lg:24px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-6:24px;--sp-8:32px;--sp-12:48px;--sp-16:64px;--dur-btn:.15s;--dur-panel:.26s;--dur-reveal:.75s;--ease:cubic-bezier(.2, .7, .2, 1);--topbar-h:56px;--safe-b:env(safe-area-inset-bottom,0px);--font:"Pretendard Variable", Pretendard, "Malgun Gothic", "Apple SD Gothic Neo", system-ui, sans-serif}:root[data-contrast=high]{--muted:#d3e0e5;--line:#f3f0e752;--line-strong:#f3f0e780;--surface:#0a1c25;--raised:#16363f}:root[data-motion=reduce] *,:root[data-motion=reduce] :before,:root[data-motion=reduce] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}@media (prefers-reduced-motion:reduce){:root:not([data-motion=allow]) *,:root:not([data-motion=allow]) :before,:root:not([data-motion=allow]) :after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;height:100%}body{background:var(--bg);min-height:100%;color:var(--text);font-family:var(--font);word-break:keep-all;overflow-wrap:anywhere;-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.65}#root{min-height:100svh}h1,h2,h3,h4{letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.25}p{margin:0}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}img{max-width:100%;display:block}.num,.tabular{font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.small{font-size:14px}.tiny{font-size:13px}.eyebrow{color:var(--brass);letter-spacing:.18em;text-transform:uppercase;font-size:12px;font-weight:650}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.visually-hidden-focusable:not(:focus){clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:6px;box-shadow:0 0 0 5px #07151ee6}.btn{--btn-bg:transparent;--btn-fg:var(--text);--btn-border:var(--line-strong);border:1px solid var(--btn-border);background:var(--btn-bg);min-height:48px;color:var(--btn-fg);cursor:pointer;transition:background var(--dur-btn) var(--ease), border-color var(--dur-btn) var(--ease), transform var(--dur-btn) var(--ease), color var(--dur-btn) var(--ease);white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:10px 20px;font-size:16px;font-weight:650;text-decoration:none;display:inline-flex;position:relative}.btn:hover{background:#f3f0e70f;text-decoration:none}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{--btn-bg:var(--primary);--btn-fg:var(--primary-ink);--btn-border:var(--primary);box-shadow:inset 0 1px #ffffff59}.btn-primary:hover{--btn-bg:var(--primary-strong);background:var(--primary-strong)}.btn-secondary{--btn-bg:#0d222cb3;--btn-border:var(--line-strong)}.btn-quiet{--btn-border:transparent;--btn-bg:transparent;color:var(--muted-strong);min-height:44px;padding:8px 12px}.btn-quiet:hover{color:var(--text);background:#f3f0e712}.btn-destructive{--btn-border:#f08e858c;color:var(--danger)}.btn-destructive:hover{background:#f08e851f}.btn-sm{border-radius:10px;min-height:40px;padding:6px 14px;font-size:14px}.btn-lg{min-height:54px;padding:12px 28px;font-size:17px}.btn-block{width:100%}.btn.is-loading{pointer-events:none;color:#0000!important}.btn.is-loading:after{content:"";border:2px solid;border-color:var(--muted) transparent var(--muted) transparent;border-radius:50%;width:18px;height:18px;animation:.9s linear infinite spin;position:absolute}.btn-primary.is-loading:after{border-color:var(--primary-ink) transparent var(--primary-ink) transparent}@keyframes spin{to{transform:rotate(360deg)}}.btn .icon{flex:none;width:18px;height:18px}.btn-icon{border-radius:12px;width:44px;height:44px;min-height:44px;padding:0}.btn.is-active{color:var(--primary-strong);background:#66d8c129;border-color:#66d8c18c}.icon{stroke:currentColor;fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.panel{border:1px solid var(--line);border-radius:var(--r-md);-webkit-backdrop-filter:blur(14px);background:#0d222cdb;box-shadow:0 10px 30px #00000040}.panel-raised{background:#14313be6}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-6)}.divider{border:0;border-top:1px solid var(--line);margin:var(--sp-4) 0}.field{flex-direction:column;gap:6px;display:flex}.field>label,.label{color:var(--muted-strong);font-size:14px;font-weight:600}.input,.textarea,.select{border:1px solid var(--line-strong);width:100%;min-height:48px;color:var(--text);transition:border-color var(--dur-btn);background:#07151eb3;border-radius:12px;padding:10px 14px}.input:focus,.textarea:focus,.select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #66d8c133}.textarea{resize:vertical;min-height:120px;line-height:1.6}.input::placeholder,.textarea::placeholder{color:#a8bcc499}.hint{color:var(--muted);font-size:13px}.error-text{color:var(--danger);font-size:14px}.checkbox{cursor:pointer;align-items:center;gap:10px;min-height:44px;display:flex}.checkbox input{width:20px;height:20px;accent-color:var(--primary)}.range{width:100%;accent-color:var(--primary);height:32px}.chip{border:1px solid var(--line);color:var(--muted-strong);background:#0d222c99;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;display:inline-flex}.chip-brass{color:var(--brass);border-color:#d2af7580}.chip-primary{color:var(--primary);border-color:#66d8c180}.chip-danger{color:var(--danger);border-color:#f08e8580}.dot{background:var(--muted);border-radius:50%;width:8px;height:8px;display:inline-block}.dot-on{background:var(--primary)}.dot-off{background:#a8bcc466}.dot-warn{background:var(--brass)}.stack{gap:var(--sp-3);flex-direction:column;display:flex}.row{align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.between{justify-content:space-between}.grow{flex:auto;min-width:0}.page{min-height:100svh;padding:calc(var(--topbar-h) + 24px) 24px 64px;max-width:1100px;margin:0 auto}.page-narrow{max-width:720px}.prose p+p{margin-top:12px}.prose h2{margin:32px 0 12px;font-size:24px}.prose h3{margin:24px 0 8px;font-size:18px}.prose ul{margin:8px 0;padding-left:20px}.prose li+li{margin-top:6px}table.data{border-collapse:collapse;width:100%;font-size:14px}table.data th,table.data td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:10px}table.data th{color:var(--muted);font-size:13px;font-weight:600}.topbar{height:var(--topbar-h);z-index:50;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);background:linear-gradient(#07151eeb,#07151eb3);align-items:center;gap:12px;padding:0 16px;display:flex;position:fixed;inset:0 0 auto}.topbar-brand{color:var(--text);align-items:center;gap:10px;text-decoration:none;display:flex}.topbar-brand:hover{text-decoration:none}.topbar-brand strong{font-size:16px;font-weight:700}.topbar-brand small{letter-spacing:.2em;color:var(--muted);margin-top:2px;font-size:10px;line-height:1;display:block}.topbar-center{flex:1;justify-content:center;align-items:center;gap:10px;min-width:0;display:flex}.topbar-right{align-items:center;gap:6px;display:flex}.status-pill{border:1px solid var(--line);color:var(--muted-strong);white-space:nowrap;background:#0d222c99;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;display:inline-flex}.status-pill strong{color:var(--text);font-weight:650}.toast-host{left:50%;bottom:calc(24px + var(--safe-b));z-index:200;pointer-events:none;flex-direction:column;gap:8px;width:min(460px,100vw - 32px);display:flex;position:fixed;transform:translate(-50%)}.toast{pointer-events:auto;border:1px solid var(--line-strong);color:var(--text);animation:toast-in .22s var(--ease);background:#14313bf5;border-radius:14px;align-items:flex-start;gap:12px;padding:12px 16px;font-size:15px;display:flex;box-shadow:0 12px 30px #00000059}.toast-danger{border-color:#f08e8599}.toast-success{border-color:#66d8c199}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.dialog-backdrop{z-index:150;animation:fade-in .18s var(--ease);background:#07151eb8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line-strong);width:min(520px,100%);max-height:calc(100svh - 32px);animation:dialog-in .22s var(--ease);padding:24px;overflow:auto;box-shadow:0 30px 80px #00000080}.dialog h2{margin-bottom:8px;font-size:20px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}.landing{isolation:isolate;min-height:100svh;position:relative;overflow:hidden}.landing-hero{min-height:100svh;padding:calc(var(--topbar-h) + 48px) 6vw 96px;align-items:center;display:flex;position:relative}.landing-hero picture,.landing-hero .hero-img{z-index:-2;position:absolute;inset:0}.landing-hero img{object-fit:cover;object-position:65% center;opacity:0;width:100%;height:100%;animation:fade-in .6s var(--ease) forwards}.landing-hero:after{content:"";z-index:-1;background:linear-gradient(90deg, #07151ed1 0%, #07151e59 45%, transparent 70%), linear-gradient(0deg, var(--bg) 0%, transparent 30%);position:absolute;inset:0}.hero-copy{width:min(680px,100%);animation:rise .7s var(--ease) both}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.hero-title{letter-spacing:-.035em;margin:20px 0;font-size:clamp(36px,5.2vw,84px);font-weight:720;line-height:1.18}.hero-title em{color:var(--primary);font-style:normal}.hero-sub{color:var(--muted-strong);max-width:440px;font-size:clamp(16px,1.3vw,19px);line-height:1.8}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:36px;display:flex}.hero-foot{border-top:1px solid var(--line);letter-spacing:.12em;color:var(--muted);justify-content:space-between;gap:16px;padding-top:18px;font-size:12px;display:flex;position:absolute;bottom:28px;left:6vw;right:6vw}.landing-section{max-width:1400px;margin:0 auto;padding:80px 6vw}.scene-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px;display:grid}.scene{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);color:inherit;transition:border-color var(--dur-btn), transform var(--dur-btn);text-decoration:none;display:block;overflow:hidden}.scene:hover{border-color:var(--line-strong);text-decoration:none;transform:translateY(-2px)}.scene-art{background:var(--raised);height:180px;position:relative;overflow:hidden}.scene-art img{object-fit:cover;width:100%;height:100%}.scene-body{padding:20px}.scene-body h3{margin-bottom:6px;font-size:18px}.scene-body p{color:var(--muted);font-size:14px}.landing-foot{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:16px 32px;padding:32px 6vw 48px;font-size:13px;display:flex}@media (max-width:760px){.landing-hero{padding:calc(var(--topbar-h) + 32px) 20px 40px;align-items:flex-start;min-height:100svh}.landing-hero img{object-position:center 60%}.landing-hero:after{background:linear-gradient(0deg, var(--bg) 0%, #07151e33 35%, #07151e4d 70%, #07151e8c 100%)}.hero-title{font-size:clamp(36px,10vw,46px)}.hero-actions{left:20px;right:20px;bottom:calc(32px + var(--safe-b));grid-template-columns:1fr;margin:0;display:grid;position:absolute}.hero-foot{display:none}.scene-grid{grid-template-columns:1fr}.landing-section{padding:56px 20px}.page{padding:calc(var(--topbar-h) + 16px) 16px 48px}}.workspace{background:var(--bg);position:fixed;inset:0;overflow:hidden}.workspace-bg{z-index:0;position:absolute;inset:0}.workspace-bg img{object-fit:cover;opacity:.55;width:100%;height:100%}.workspace-bg:after{content:"";background:radial-gradient(#07151e33 30%,#07151ebf 100%);position:absolute;inset:0}.workspace-map{inset:var(--topbar-h) 0 0 0;z-index:1;position:absolute}.workspace-map canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}.workspace-map.is-draw canvas{cursor:crosshair}.workspace-map.is-move canvas{cursor:grab}.workspace-map.is-move canvas:active{cursor:grabbing}.map-crosshair{pointer-events:none;z-index:3;width:24px;height:24px;margin:-12px 0 0 -12px;display:none;position:absolute;top:50%;left:50%}.workspace-map.is-keyboard .map-crosshair{display:block}.ws-left,.ws-right{top:calc(var(--topbar-h) + 12px);z-index:5;width:340px;transition:transform var(--dur-panel) var(--ease), opacity var(--dur-panel) var(--ease);flex-direction:column;gap:10px;display:flex;position:absolute;bottom:112px}.ws-left{left:12px}.ws-right{right:12px}.ws-left.is-closed{opacity:0;pointer-events:none;transform:translate(-110%)}.ws-right.is-closed{opacity:0;pointer-events:none;transform:translate(110%)}.ws-panel{flex:auto;min-height:0;padding:16px;overflow:auto}.ws-panel h2{align-items:center;gap:8px;font-size:16px;display:flex}.ws-bottom{left:12px;right:12px;bottom:calc(12px + var(--safe-b));z-index:6;flex-direction:column;gap:8px;display:flex;position:absolute}.ws-rail{left:12px;top:calc(var(--topbar-h) + 12px);z-index:7;flex-direction:column;gap:6px;display:flex;position:absolute}.ws-rail-right{left:auto;right:12px}.stage-banner{left:50%;top:calc(var(--topbar-h) + 12px);z-index:8;align-items:center;gap:14px;max-width:min(620px,100vw - 24px);padding:12px 18px;display:flex;position:absolute;transform:translate(-50%)}.stage-banner .stage-no{color:var(--brass);letter-spacing:.16em;font-size:12px;font-weight:650}.stage-banner h2{font-size:16px}.stage-banner p{color:var(--muted);font-size:13px}.time-controls{flex-direction:column;gap:6px;padding:10px 14px;display:flex}.time-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.time-row .range{flex:200px;height:28px}.time-readout{color:var(--muted-strong);flex-wrap:wrap;gap:10px;font-size:13px;display:flex}.spark{width:100%;height:28px;display:block}.legend{color:var(--muted-strong);flex-wrap:wrap;align-items:center;gap:10px 14px;font-size:13px;display:flex}.legend-item{align-items:center;gap:6px;display:inline-flex}.legend-swatch{width:14px;height:14px;display:inline-block}.layer-toggle{cursor:pointer;align-items:center;gap:10px;min-height:40px;padding:6px 4px;font-size:14px;display:flex}.layer-toggle input{accent-color:var(--primary);width:18px;height:18px}.layer-toggle.is-disabled{opacity:.5;cursor:not-allowed}.info-panel{z-index:9;width:min(420px,100vw - 24px);padding:14px 16px;position:absolute;bottom:124px;left:50%;transform:translate(-50%)}.info-panel h3{font-size:15px}.info-panel dl{grid-template-columns:auto 1fr;gap:4px 12px;margin:8px 0 0;font-size:13px;display:grid}.info-panel dt{color:var(--muted)}.info-panel dd{margin:0}.evidence-cover{border:1px solid var(--line);border-radius:12px;height:110px;margin-bottom:12px;position:relative;overflow:hidden}.evidence-cover img{object-fit:cover;width:100%;height:100%}.evidence-cover:after{content:"";background:linear-gradient(#0000,#07151eb3);position:absolute;inset:0}.evidence-cover span{letter-spacing:.14em;color:var(--brass);font-size:12px;font-weight:650;position:absolute;bottom:10px;left:12px}.evidence-item{border:1px solid var(--line);background:#07151e66;border-radius:12px;align-items:flex-start;gap:10px;padding:10px;display:flex}.evidence-item img{object-fit:cover;border-radius:6px;flex:none;width:72px;height:54px}.evidence-item .ph{background:var(--raised);width:72px;height:54px;color:var(--muted);border-radius:6px;flex:none;place-items:center;font-size:11px;display:grid}.reveal-scene{inset:var(--topbar-h) 0 0 0;z-index:40;animation:fade-in .3s var(--ease);background:#07151e8c;place-items:center;padding:16px;display:grid;position:absolute}.reveal-card{border-radius:var(--r-lg);border:1px solid var(--line-strong);background:var(--surface);width:min(560px,100%);animation:reveal-in var(--dur-reveal) var(--ease);overflow:hidden;box-shadow:0 30px 80px #00000080}.reveal-card img{object-fit:cover;width:100%;height:260px}.reveal-card .body{padding:24px}@keyframes reveal-in{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:none}}.submit-flash{animation:flash .4s var(--ease)}@keyframes flash{0%{box-shadow:0 0 #66d8c199}to{box-shadow:0 0 0 14px #66d8c100}}.mobile-tabs,.sheet{display:none}@media (max-width:900px){.ws-left,.ws-right{display:none}.stage-banner{top:calc(var(--topbar-h) + 8px);padding:10px 14px}.stage-banner p{display:none}.ws-bottom{bottom:calc(64px + var(--safe-b));left:8px;right:8px}.mobile-tabs{z-index:30;padding:6px 8px calc(6px + var(--safe-b));border-top:1px solid var(--line);background:#07151ef0;gap:4px;display:flex;position:absolute;bottom:0;left:0;right:0}.mobile-tabs .btn{border-color:#0000;flex-direction:column;flex:1;gap:2px;min-height:48px;padding:4px;font-size:12px}.mobile-tabs .btn .icon{width:20px;height:20px}.sheet{z-index:35;border-top:1px solid var(--line-strong);max-height:72svh;transition:transform var(--dur-panel) var(--ease);padding:8px 16px calc(16px + var(--safe-b));background:#0d222cf7;border-radius:20px 20px 0 0;flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.sheet.is-open{transform:none}.sheet-handle{background:var(--line-strong);border-radius:2px;width:40px;height:4px;margin:4px auto 10px}.sheet .ws-panel{padding:0}.info-panel{bottom:calc(72px + var(--safe-b))}.ws-rail{top:auto;bottom:calc(120px + var(--safe-b));flex-direction:row}.ws-rail-right{bottom:calc(176px + var(--safe-b));flex-direction:column}}.presentation .ws-left,.presentation .ws-right,.presentation .stage-banner,.presentation .mobile-tabs{display:none}.presentation .ws-bottom{width:min(720px,100vw - 24px);left:50%;right:auto;transform:translate(-50%)}.teach-layout{min-height:100svh;padding-top:var(--topbar-h);grid-template-columns:360px 1fr;display:grid}.teach-side{border-right:1px solid var(--line);max-height:calc(100svh - var(--topbar-h));background:#0d222c80;flex-direction:column;gap:14px;padding:16px;display:flex;overflow:auto}.teach-main{min-height:60vh;position:relative}.teach-main .workspace{position:absolute;inset:0}.teach-main .workspace .workspace-map{inset:0}.stage-list{flex-direction:column;gap:4px;display:flex}.stage-item{color:var(--muted-strong);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;width:100%;min-height:44px;padding:8px 10px;font-size:14px;display:flex}.stage-item:hover{background:#f3f0e70d}.stage-item.is-current{color:var(--text);background:#66d8c11a;border-color:#66d8c180}.stage-item.is-done{color:var(--muted)}.stage-item .n{border:1px solid;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:11px;display:grid}.participant-list{flex-direction:column;gap:4px;max-height:320px;display:flex;overflow:auto}.participant{border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:6px 8px;font-size:14px;display:flex}.participant.is-off{opacity:.55}.participant.is-hl{border-color:#d2af7599}.participant .flags{gap:4px;margin-left:auto;display:flex}.flag{border:1px solid var(--line);width:18px;height:18px;color:var(--muted);border-radius:4px;place-items:center;font-size:10px;display:grid}.flag.on{color:var(--primary);background:#66d8c133;border-color:#66d8c199}@media (max-width:1000px){.teach-layout{grid-template-columns:1fr}.teach-side{border-right:0;border-bottom:1px solid var(--line);max-height:none}.teach-main{min-height:70svh}}.lobby{isolation:isolate;min-height:100svh;padding:calc(var(--topbar-h) + 24px) 6vw 48px;grid-template-columns:minmax(320px,520px) 1fr;align-items:center;gap:32px;display:grid;position:relative}.lobby-bg{z-index:-1;position:absolute;inset:0}.lobby-bg img{object-fit:cover;object-position:right center;opacity:.9;width:100%;height:100%}.lobby-bg:after{content:"";background:linear-gradient(90deg,#07151ef2 0%,#07151eb3 50%,#07151e40 100%);position:absolute;inset:0}.qr-card{color:#071b20;background:#fff;border-radius:18px;place-items:center;gap:8px;width:-moz-fit-content;width:fit-content;padding:20px;display:grid}.qr-card canvas,.qr-card img{width:220px;height:220px;display:block}.room-code{letter-spacing:.18em;font-variant-numeric:tabular-nums;color:var(--text);font-size:clamp(40px,6vw,64px);font-weight:760;line-height:1}@media (max-width:900px){.lobby{padding:calc(var(--topbar-h) + 16px) 20px 40px;grid-template-columns:1fr}.lobby-bg img{object-position:70% center}}.report{max-width:900px;padding:calc(var(--topbar-h) + 24px) 24px 80px;margin:0 auto}.report-cover{border-radius:var(--r-lg);border:1px solid var(--line);height:240px;margin-bottom:28px;position:relative;overflow:hidden}.report-cover img{object-fit:cover;object-position:right center;width:100%;height:100%}.report-cover .cover-text{position:absolute;top:28px;left:28px;right:40%}.report-cover h1{margin-top:8px;font-size:28px}.report section{margin-top:32px}.report h2{border-bottom:1px solid var(--line);align-items:baseline;gap:10px;margin-bottom:12px;padding-bottom:8px;font-size:20px;display:flex}.report h2 .no{color:var(--brass);letter-spacing:.14em;font-size:13px}.report-maps{grid-template-columns:1fr 1fr;gap:16px;display:grid}.report-map{border:1px solid var(--line);background:#0b2238;border-radius:12px;overflow:hidden}.report-map img,.report-map canvas{width:100%;display:block}.report-map figcaption{color:var(--muted);padding:8px 12px;font-size:13px}.report-quote{border-left:3px solid var(--brass);white-space:pre-wrap;background:#0d222c99;border-radius:0 12px 12px 0;padding:16px 18px;line-height:1.75}.report-empty{color:var(--muted);font-style:italic}.evidence-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.evidence-card{border:1px solid var(--line);background:var(--surface);border-radius:12px;overflow:hidden}.evidence-card img{object-fit:cover;width:100%;height:150px}.evidence-card .body{padding:12px;font-size:14px}.evidence-card dl{color:var(--muted);grid-template-columns:auto 1fr;gap:2px 10px;margin:8px 0 0;font-size:12px;display:grid}.evidence-card dd{color:var(--muted-strong);margin:0}@media (max-width:700px){.report-maps{grid-template-columns:1fr}.report-cover{height:180px}.report-cover .cover-text{top:16px;left:16px;right:16px}}.showcase-bar{left:50%;bottom:calc(12px + var(--safe-b));z-index:120;align-items:center;gap:8px;max-width:calc(100vw - 24px);padding:10px 14px;display:flex;position:fixed;transform:translate(-50%)}.showcase-badge{top:calc(var(--topbar-h) + 10px);z-index:120;position:fixed;right:12px}.showcase-caption{left:50%;bottom:calc(84px + var(--safe-b));z-index:119;text-align:center;max-width:min(640px,100vw - 24px);padding:12px 18px;font-size:15px;position:fixed;transform:translate(-50%)}@media (max-width:1280px) and (min-width:901px){.ws-left,.ws-right{width:300px}.stage-banner{max-width:calc(100vw - 660px)}.stage-banner p{display:none}}.stage-banner{width:min(620px,100vw - 24px)}@media (max-width:900px){.stage-banner{width:calc(100vw - 16px);max-width:none;left:8px;top:calc(var(--topbar-h) + 8px);gap:8px;padding:8px 10px;transform:none}.stage-banner h2{font-size:14px;line-height:1.3}.stage-banner .stage-no{font-size:11px}.ws-rail{top:calc(var(--topbar-h) + 82px);flex-flow:wrap;gap:4px;bottom:auto;left:8px;right:8px}.ws-rail .btn{min-height:36px;padding:4px 10px;font-size:12px}.ws-rail .select{min-height:36px!important;font-size:12px!important}.ws-rail-right{top:calc(var(--topbar-h) + 82px);flex-direction:row;width:auto;left:auto;right:8px}.ws-conn{padding:4px 10px;font-size:12px;top:calc(var(--topbar-h) + 128px)!important;right:8px!important}.time-controls .spark{display:none}.time-controls{padding:8px 10px}.time-row .btn{min-height:36px}.time-readout{font-size:12px}.time-readout span:last-child{display:none}.info-panel{width:calc(100vw - 16px);left:8px;transform:none}}@media (max-width:600px){.topbar{gap:8px;padding:0 10px}.topbar-brand span{display:none}.topbar-center{justify-content:flex-start}.status-pill{text-overflow:ellipsis;max-width:100%;overflow:hidden}.status-pill strong{white-space:nowrap}}@media (max-width:900px){.ws-rail{right:64px}.ws-rail-right{left:auto;right:8px}}.teach-main .workspace.presentation{z-index:100;position:fixed;inset:0}.teach-main .workspace.presentation .workspace-map{inset:0}.sheet:not(.is-open){pointer-events:none}.landing-hero .hero-space{z-index:-3;background:radial-gradient(60% 70% at 88% 8%,#d2af7547,#0000 60%),radial-gradient(70% 60% at 70%,#0b2236 0%,#07151e 70%);position:absolute;inset:0}.landing-hero .landing-globe{z-index:-2;opacity:0;transition:opacity .9s var(--ease);pointer-events:none;position:absolute;inset:0}.landing-hero .landing-globe canvas{width:100%;height:100%;display:block}.landing-hero .landing-globe.is-ready{opacity:1}.landing-hero.is-3d picture img{transition:opacity .9s var(--ease);animation:none;opacity:0!important}@media (max-width:760px){.hero-copy{animation:fade-in .7s var(--ease) both}}.workspace.embedded{position:absolute;inset:0}.workspace.embedded .workspace-map{inset:0}.workspace.embedded .ws-left,.workspace.embedded .ws-right{top:12px;bottom:96px}.workspace.embedded .ws-rail,.workspace.embedded .ws-rail-right{top:12px}.workspace.embedded .ws-conn{top:60px!important}.workspace.embedded .info-panel{bottom:108px}.workspace.embedded .reveal-scene{inset:0}@media (max-width:900px){.workspace.embedded .ws-rail,.workspace.embedded .ws-rail-right{top:8px}.workspace.embedded .ws-conn{top:52px!important}.workspace.embedded .ws-bottom{bottom:calc(60px + var(--safe-b))}}.lesson{min-height:100svh;padding-top:var(--topbar-h);background:var(--bg);flex-direction:column;display:flex}.stepbar{scrollbar-width:none;border-bottom:1px solid var(--line);background:#0d222c99;align-items:stretch;gap:6px;padding:10px 16px;display:flex;overflow-x:auto}.stepbar::-webkit-scrollbar{display:none}.sb-split{color:var(--brass);letter-spacing:.12em;white-space:nowrap;border-left:1px solid var(--line-strong);align-items:center;padding:0 8px 0 10px;font-size:11px;font-weight:700;display:flex}.sb-split.is-first{border-left:0;padding-left:0}.sb-item{border:1px solid var(--line);min-width:72px;color:var(--muted);cursor:pointer;font:inherit;background:#07151e80;border-radius:10px;flex-direction:column;flex:1 0 auto;align-items:center;gap:2px;min-height:48px;padding:6px 10px;display:flex}.sb-item .sb-num{align-items:center;gap:3px;font-size:12px;font-weight:700;display:inline-flex}.sb-item .sb-label{white-space:nowrap;font-size:13px;font-weight:600}.sb-item:hover{color:var(--text);border-color:var(--line-strong)}.sb-item.is-done{color:var(--muted-strong)}.sb-item.is-done .sb-num:after{content:"✓";color:var(--primary);font-size:11px}.sb-item.is-now{background:var(--primary);color:var(--primary-ink);border-color:var(--primary)}.sb-item.is-locked{opacity:.45;cursor:not-allowed}.lesson-main{flex:1;width:min(1180px,100%);margin:0 auto;padding:20px 16px 120px}.screen-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.screen-head .kicker{color:var(--brass);letter-spacing:.14em;font-size:12px;font-weight:650}.screen-head h1{margin-top:4px;font-size:clamp(22px,2.4vw,30px)}.screen-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);animation:fade-in .3s var(--ease);padding:clamp(20px,3vw,40px)}.screen-card.is-narrative{text-align:center;cursor:pointer;background:radial-gradient(at 50% 40%,#0d2a3a 0%,#07151e 70%);place-items:center;min-height:60vh;display:grid}.narr-lines p{opacity:0;transition:opacity .5s var(--ease), transform .5s var(--ease);margin:8px 0;font-size:clamp(22px,2.6vw,34px);font-weight:700;line-height:1.5;transform:translateY(8px)}.narr-lines p.is-on{opacity:1;transform:none}.narr-lines p.is-dim{opacity:.35}.narr-hint{color:var(--muted);margin-top:24px;font-size:13px}.screen-grid{grid-template-columns:1.1fr 1fr;align-items:start;gap:24px;display:grid}.screen-grid figure{border:1px solid var(--line);background:var(--raised);border-radius:14px;margin:0;overflow:hidden}.screen-grid figure img{object-fit:cover;width:100%;height:280px}.screen-grid figcaption{color:var(--muted);padding:8px 12px;font-size:12px}.callout{border-left:3px solid var(--primary);background:#66d8c114;border-radius:0 12px 12px 0;margin-top:16px;padding:12px 16px}.callout.brass{border-left-color:var(--brass);background:#d2af7514}.callout strong{margin-bottom:4px;display:block}.prose-lg p{font-size:17px;line-height:1.8}.prose-lg p+p{margin-top:14px}.prose-lg em{color:var(--primary-strong);font-style:normal;font-weight:650}.prose-lg mark{color:var(--text);background:#d2af7533;border-radius:4px;padding:0 4px}.q-list{gap:10px;margin:16px 0 0;padding:0;list-style:none;display:grid}.q-list li{border:1px solid var(--line);background:#07151e80;border-radius:14px;align-items:flex-start;gap:12px;padding:14px 16px;font-size:17px;display:flex}.q-list .q-no{color:var(--brass);font-variant-numeric:tabular-nums;font-weight:700}.task{grid-template-columns:1fr auto;align-items:start;gap:12px 24px;margin-bottom:12px;display:grid}.task h2{font-size:18px}.task p{color:var(--muted-strong);margin-top:4px;font-size:15px}.task .task-steps{color:var(--muted);flex-direction:column;gap:4px;min-width:220px;font-size:13px;display:flex}.task .task-steps span{align-items:center;gap:6px;display:flex}.task .task-steps .ok{color:var(--primary)}.activity-stage{border:1px solid var(--line-strong);background:var(--bg);border-radius:18px;height:clamp(520px,66vh,840px);position:relative;overflow:hidden}.response{grid-template-columns:1fr;gap:10px;margin-top:14px;display:grid}.response .label{color:var(--text);font-size:15px}.choice-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px;display:grid}.choice{border:1px solid var(--line);cursor:pointer;background:#07151e66;border-radius:12px;align-items:flex-start;gap:10px;min-height:48px;padding:10px 12px;font-size:15px;display:flex}.choice input{accent-color:var(--primary);flex:none;width:18px;height:18px;margin-top:3px}.choice.is-on{background:#66d8c114;border-color:#66d8c199}.lesson-nav{z-index:60;padding:10px 16px calc(10px + var(--safe-b));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#07151ef0;justify-content:center;align-items:center;gap:14px;display:flex;position:fixed;bottom:0;left:0;right:0}.lesson-nav .readout{color:var(--muted-strong);font-variant-numeric:tabular-nums;text-align:center;min-width:150px;font-size:13px}.lesson-nav .btn-skip{position:absolute;right:16px}.sub-dots{justify-content:center;gap:6px;margin-top:18px;display:flex}.sub-dots span{background:var(--line-strong);border-radius:50%;width:7px;height:7px}.sub-dots span.is-on{background:var(--primary)}.mini-map{border:1px solid var(--line);background:#0b2238;border-radius:12px;overflow:hidden}.mini-map img{width:100%;display:block}.compare-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.evidence-strip{gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.evidence-strip figure{border:1px solid var(--line);background:var(--raised);border-radius:10px;flex:0 0 180px;margin:0;overflow:hidden}.evidence-strip img{object-fit:cover;width:100%;height:110px}.evidence-strip figcaption{color:var(--muted);padding:6px 8px;font-size:12px}.teacher-hint{color:var(--muted-strong);border:1px dashed #d2af7580;border-radius:12px;margin-top:14px;padding:10px 14px;font-size:13px}.teacher-hint strong{color:var(--brass)}@media (max-width:760px){.screen-grid,.compare-grid,.task{grid-template-columns:1fr}.activity-stage{height:clamp(460px,72svh,700px)}.lesson-main{padding:12px 10px 110px}.screen-card{padding:18px 16px}.lesson-nav .readout{min-width:0;font-size:12px}.lesson-nav .btn-skip{display:none}.sb-item{min-width:60px;padding:4px 8px}.sb-item .sb-label{font-size:12px}}.workspace.embedded.presentation{z-index:100;position:fixed;inset:0}.lesson-main.is-activity{width:min(1520px,100%)}.lesson-main.is-activity .activity-stage{height:clamp(560px,100svh - 300px,980px)}.workspace.embedded .ws-left,.workspace.embedded .ws-right{width:300px}.sb-split{display:none}.workspace{--map-top-inset:var(--topbar-h);--map-banner-space:0px;--map-layers-space:86px}.workspace.has-stage-banner{--map-banner-space:84px}.workspace.embedded,.teach-main .workspace,.workspace.presentation{--map-top-inset:0px}.map-layers{top:calc(var(--map-top-inset) + var(--map-banner-space) + 8px);z-index:8;height:calc(var(--map-layers-space) - 16px);grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding:8px;display:grid;position:absolute;left:12px;right:12px}.map-layer{border:1px solid var(--line);min-width:0;min-height:44px;color:var(--muted-strong);font:inherit;cursor:pointer;background:#07151ea6;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:4px 8px;font-size:13px;display:flex}.map-layer[aria-pressed=true]{border-color:var(--primary);color:var(--text);box-shadow:inset 0 -2px var(--primary);background:#66d8c11f}.map-layer:disabled{opacity:.5;cursor:not-allowed}.map-layer small{color:var(--muted);font-size:10px;display:block}.map-layer .legend-swatch{flex:none;width:24px;height:16px}.workspace .workspace-map,.workspace.embedded .workspace-map,.teach-main .workspace .workspace-map,.workspace.presentation .workspace-map{inset:calc(var(--map-top-inset) + var(--map-banner-space) + var(--map-layers-space)) 0 0}.workspace .ws-rail,.workspace.embedded .ws-rail,.workspace .ws-left,.workspace .ws-right,.workspace.embedded .ws-left,.workspace.embedded .ws-right{top:calc(var(--map-top-inset) + var(--map-banner-space) + var(--map-layers-space) + 12px)}.workspace .ws-conn,.workspace.embedded .ws-conn{top:calc(var(--map-top-inset) + var(--map-banner-space) + var(--map-layers-space) + 60px)!important}@media (max-width:1100px){.workspace{--map-layers-space:128px}.map-layers{grid-template-columns:repeat(3,minmax(0,1fr));padding:6px;left:8px;right:8px}.map-layer{gap:4px;padding:3px;font-size:12px}.map-layer .legend-swatch{width:18px}}@media print{@page{size:A4;margin:16mm 14mm}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html,body{color:#111!important;background:#fff!important}body{font-size:11.5pt;line-height:1.55}.topbar,.no-print,.toast-host,.btn,.showcase-bar,.showcase-badge{display:none!important}.report{color:#111;max-width:none!important;padding:0!important}.report-cover{break-inside:avoid;border:0!important;border-radius:0!important;height:90px!important;margin-bottom:12px!important}.report-cover img{filter:brightness(1.05)}.report-cover .cover-text{color:#fff}.report-cover h1{font-size:20pt!important}.report h2{color:#111;break-after:avoid;border-bottom:1px solid #999;font-size:14pt}.report h2 .no{color:#7a6133}.report section{break-inside:auto;margin-top:18px}.report-maps{break-inside:avoid;grid-template-columns:1fr 1fr!important}.report-map{background:#0b2238;border:1px solid #bbb}.report-map figcaption{color:#333}.report-quote{color:#111;break-inside:avoid;background:#f4f1ea;border-left-color:#7a6133}.report-empty{color:#666}.evidence-card{break-inside:avoid;background:#fff;border:1px solid #bbb}.evidence-card .body,.evidence-card dd{color:#111}.evidence-card dl,.evidence-card dt{color:#555}.muted,.hint,.tiny{color:#444!important}a{color:#111;text-decoration:none}a[href^=http]:after{content:" (" attr(href) ")";color:#555;word-break:break-all;font-size:9pt}table.data th,table.data td{color:#111;border-bottom:1px solid #ccc}.chip{color:#333;background:0 0;border-color:#999}}