:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#070c16;--bg-2:#0a1221;--surface:#0f1a2c;--surface-2:#142136;--surface-3:#1a2a44;--line:#a0bae021;--line-strong:#b0c8eb47;--text:#e9eef7;--muted:#96a8c2;--faint:#6d809a;--accent:#f2b544;--accent-bright:#ffd06f;--accent-soft:#f2b54421;--mint:#57e2c2;--rose:#ff8fa3;--violet:#a99bff;--focus:#8fd0ff;--danger:#ff8fa3;--shadow:0 18px 60px #0000006b;--radius-lg:18px;--radius:13px;--radius-sm:9px;--topbar-h:64px;--sans:-apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard", "Malgun Gothic", "Segoe UI", sans-serif;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;--mono:"SFMono-Regular", "JetBrains Mono", Menlo, Consolas, "Liberation Mono", monospace}*,:before,:after{box-sizing:border-box}html,body{height:100%;overflow:hidden}body{background:radial-gradient(1100px 700px at 70% -10%, #335a9129, transparent 65%), radial-gradient(900px 620px at 0% 100%, #1f4a631f, transparent 70%), var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:14px;line-height:1.5;overflow:hidden}#app{height:100vh;height:100dvh}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:var(--accent-bright)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}[hidden]{display:none!important}::selection{color:#fff;background:#f2b5444d}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.icon{flex:none;display:block}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.boot-screen{background:radial-gradient(600px 420px at 50% 40%, #f2b54412, transparent 70%), var(--bg);place-content:center;justify-items:center;gap:8px;height:100%;display:grid}.boot-mark{animation:2.6s ease-in-out infinite boot-float}.boot-title{font-family:var(--serif);letter-spacing:-.02em;margin:4px 0 0;font-size:30px}.boot-note{color:var(--muted);letter-spacing:.04em;margin:0;font-size:12px}@keyframes boot-float{0%,to{opacity:.85;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}.app{--sheet-height:42vh;height:100vh;flex-direction:column;height:100dvh;min-height:0;display:flex}.topbar{z-index:30;height:var(--topbar-h);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)saturate(1.2);background:#080e19d1;flex:none;align-items:center;gap:22px;padding:0 18px;display:flex;position:relative}.brand{color:var(--text);text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;margin:0;padding:4px;display:flex}.brand:hover .brand-mark{transform:rotate(-4deg)scale(1.04)}.brand-mark{place-items:center;width:38px;height:38px;transition:transform .18s;display:grid}.brand-type{flex-direction:column;gap:1px;line-height:1;display:flex}.brand-type strong{font-family:var(--serif);letter-spacing:-.02em;font-size:23px;font-weight:600}.brand-type strong span{color:var(--accent)}.brand-type>span{color:var(--faint);letter-spacing:.16em;text-transform:uppercase;font-size:9.5px;font-weight:600}.main-nav{border:1px solid var(--line);background:#121e3299;border-radius:999px;align-items:center;gap:2px;padding:3px;display:flex}.nav-btn{color:var(--muted);letter-spacing:.01em;background:0 0;border:0;border-radius:999px;align-items:center;gap:7px;padding:7px 15px;font-size:12.5px;font-weight:600;transition:background .16s,color .16s;display:inline-flex;position:relative}.nav-btn:hover{color:var(--text);background:#ffffff0a}.nav-btn[aria-current=page]{color:#1a1408;background:linear-gradient(180deg, var(--accent-bright), var(--accent));box-shadow:0 4px 14px #f2b54438}.nav-badge{min-width:20px;font-family:var(--mono);background:#0b12202e;border-radius:999px;padding:1px 6px;font-size:9.5px;line-height:1.5}.nav-btn:not([aria-current=page]) .nav-badge{color:var(--muted);background:#a0bee61f}.topbar-tools{align-items:center;gap:8px;margin-left:auto;display:flex}.net-chip{border:1px solid var(--line);color:var(--faint);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;padding:4px 9px;font-size:9.5px;font-weight:600;display:inline-flex}.net-chip i{background:var(--mint);border-radius:50%;width:5px;height:5px;box-shadow:0 0 8px #57e2c2cc}.net-chip.is-offline i{background:var(--rose);box-shadow:0 0 8px #ff8fa3cc}.icon-btn{border:1px solid var(--line);width:34px;height:34px;color:var(--muted);background:#ffffff05;border-radius:10px;place-items:center;transition:background .16s,color .16s,border-color .16s;display:grid}.icon-btn:hover{color:var(--text);border-color:var(--line-strong);background:#ffffff0d}.layout{flex:1;grid-template-columns:82px minmax(0,1fr) 386px;grid-template-areas:"tools stage inspector";min-height:0;display:grid}.toolrail{border-right:1px solid var(--line);scrollbar-width:thin;background:linear-gradient(#0f1a2c6b,#080e1829);flex-direction:column;grid-area:tools;gap:4px;min-height:0;padding:14px 9px 12px;display:flex;overflow-y:auto}.toolrail-label{color:var(--faint);font-family:var(--mono);letter-spacing:.18em;text-align:center;padding:0 0 8px;font-size:8px;font-weight:600}.tool-group{flex-direction:column;gap:2px;display:flex}.toolrail-spacer{flex:1;min-height:10px}.tool-btn{width:100%;min-height:49px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:6px 2px;transition:background .14s,color .14s,border-color .14s;display:flex;position:relative}.tool-btn .icon{width:21px;height:21px}.tool-btn span{letter-spacing:-.01em;white-space:nowrap;font-size:9px;font-weight:600}.tool-btn:hover{color:var(--text);background:#ffffff0b}.tool-btn[aria-pressed=true],.tool-btn.is-active{color:var(--accent-bright);background:var(--accent-soft);border-color:#f2b54447}.tool-btn[aria-pressed=true]:before{content:"";background:var(--accent);border-radius:2px;width:2px;height:22px;position:absolute;top:50%;left:-10px;transform:translateY(-50%);box-shadow:0 0 9px #f2b54499}.tool-btn.is-disabled,.tool-btn:disabled{opacity:.36}.tool-btn.danger:hover:not(:disabled){color:var(--rose);background:#ff8fa314}.tool-rule{background:var(--line);height:1px;margin:7px 4px}.stage{flex-direction:column;grid-area:stage;min-width:0;min-height:0;padding:0 14px;display:flex}.stage-head{flex:none;justify-content:space-between;align-items:flex-end;gap:18px;min-height:78px;padding:14px 4px 12px;display:flex}.stage-title{min-width:0}.eyebrow{color:var(--accent);font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;margin:0 0 3px;font-size:8.5px;font-weight:600}.stage-title-row{align-items:baseline;gap:12px;min-width:0;display:flex}.stage-head h1{font-family:var(--serif);letter-spacing:-.025em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:clamp(20px,2.1vw,29px);font-weight:500;line-height:1.12;overflow:hidden}.stage-sub{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.stage-chips{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.chip{border:1px solid var(--line);color:var(--muted);white-space:nowrap;background:#121e328c;border-radius:7px;align-items:center;gap:6px;padding:5px 9px;font-size:10px;font-weight:600;display:inline-flex}.chip .icon{width:13px;height:13px}.chip-dot{background:var(--mint);border-radius:50%;width:5px;height:5px;box-shadow:0 0 7px #57e2c2a6}.chip-accent{color:var(--accent-bright);background:#f2b54417;border-color:#f2b54452}.canvas-wrap{border:1px solid var(--line-strong);border-radius:var(--radius-lg);isolation:isolate;background:#0a1221;flex:1;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 0 80px #02060c99,0 16px 50px #00000047}.canvas-wrap:after{content:"";pointer-events:none;border-radius:inherit;background:radial-gradient(120% 80% at 50% 0,#0000 60%,#02050a66);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff04}#optics-canvas{touch-action:none;cursor:grab;outline:none;width:100%;height:100%;display:block}#optics-canvas:focus-visible{outline:2px solid var(--focus);outline-offset:-3px}.canvas-topline{pointer-events:none;justify-content:space-between;align-items:flex-start;gap:8px;display:flex;position:absolute;top:12px;left:12px;right:12px}.canvas-chip{backdrop-filter:blur(8px);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;background:#070d179e;border:1px solid #a0bee629;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:9.5px;font-weight:600;display:inline-flex}.canvas-chip.mono{color:var(--faint);letter-spacing:.02em;text-transform:none}.canvas-chip.is-warn{color:var(--rose);border-color:#ff8fa359}.canvas-hint{border:1px solid var(--line);backdrop-filter:blur(10px);max-width:min(560px,100% - 32px);color:var(--muted);text-align:center;pointer-events:none;background:#080e19c2;border-radius:999px;padding:7px 12px;font-size:10.5px;transition:opacity .2s;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.canvas-hint.is-hidden{opacity:0}.tool-hint{backdrop-filter:blur(10px);max-width:calc(100% - 40px);color:var(--accent-bright);pointer-events:none;background:#201a0de0;border:1px solid #f2b5446b;border-radius:999px;align-items:center;gap:8px;padding:8px 13px;font-size:11px;font-weight:600;display:flex;position:absolute;top:46px;left:50%;transform:translate(-50%);box-shadow:0 8px 26px #00000059}.truncated-banner{color:#ffc0cc;pointer-events:none;background:#2c1218e0;border:1px solid #ff8fa366;border-radius:999px;align-items:center;gap:7px;padding:6px 11px;font-size:10px;font-weight:600;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.canvas-legend{border:1px solid var(--line);backdrop-filter:blur(8px);color:var(--faint);pointer-events:none;background:#070d179e;border-radius:8px;flex-direction:column;gap:4px;padding:8px 10px;font-size:8.5px;font-weight:500;display:flex;position:absolute;bottom:52px;left:14px}.legend-row{align-items:center;gap:7px;display:flex}.legend-line{border-top:1.5px solid var(--mint);width:20px;height:0}.legend-line.dashed{border-top-style:dashed}.legend-line.dotted{border-top-style:dotted;border-color:var(--rose)}.zoom-controls{border:1px solid var(--line);backdrop-filter:blur(10px);background:#070d17b3;border-radius:10px;gap:4px;padding:4px;display:flex;position:absolute;bottom:14px;right:12px}.zoom-btn{width:29px;height:29px;color:var(--muted);background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.zoom-btn:hover{color:var(--text);background:#ffffff12}.zoom-btn .icon{width:15px;height:15px}.coordinate-hud{color:#aac0dc8c;font-family:var(--mono);letter-spacing:.02em;pointer-events:none;font-variant-numeric:tabular-nums;font-size:9px;position:absolute;top:46px;right:14px}.stage-foot{flex:none;align-items:center;gap:18px;min-height:68px;padding:12px 4px;display:flex}.foot-group{align-items:center;gap:10px;min-width:0;display:flex}.foot-group+.foot-group{border-left:1px solid var(--line);padding-left:18px}.foot-group.end{border-left:0;margin-left:auto;padding-left:0}.foot-label{color:var(--faint);letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:7px;font-size:9px;font-weight:600;display:flex}.foot-value{color:var(--text);font-family:var(--mono);letter-spacing:0;text-transform:none;white-space:nowrap;font-size:10.5px}.foot-range{width:100px;accent-color:var(--accent)}.foot-range.wide{width:128px}.foot-divider{background:var(--line);width:1px;height:26px}.swatch{border:1px solid #ffffff6b;border-radius:50%;flex:none;width:14px;height:14px;box-shadow:0 0 10px}.toggle-btn{border:1px solid var(--line);color:var(--muted);white-space:nowrap;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:6px 9px;font-size:10px;font-weight:600;transition:background .14s,color .14s,border-color .14s;display:inline-flex}.toggle-btn:hover{color:var(--text);border-color:var(--line-strong)}.toggle-btn[aria-pressed=true]{color:var(--accent-bright);background:var(--accent-soft);border-color:#f2b54459}.toggle-btn .icon{width:13px;height:13px}.zoom-out-group{gap:4px;display:flex}.zoom-out-group .icon-btn{border-radius:8px;width:31px;height:31px}.inspector{border-left:1px solid var(--line);background:linear-gradient(180deg, #111d3094, #080e1966), var(--bg-2);flex-direction:column;grid-area:inspector;min-height:0;display:flex;overflow:hidden}.inspector-scroll{scrollbar-width:thin;scrollbar-color:#a0bee638 transparent;flex:1;min-height:0;padding:20px 19px 34px;overflow-y:auto}.inspector-scroll::-webkit-scrollbar{width:8px}.inspector-scroll::-webkit-scrollbar-thumb{background:#a0bee62e;border-radius:99px}#inspector-body{flex-direction:column;gap:13px;display:flex}.panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(#ffffff05,#0000 40%),#101b2d9e;padding:14px}.panel.flush{padding:0;overflow:hidden}.panel.accent{background:radial-gradient(120% 100% at 0 0,#f2b54414,#0000 60%),#121c2db3;border-color:#f2b5443d}.panel-head{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.panel-kicker{color:var(--accent);font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;margin-bottom:2px;font-size:7.5px;font-weight:600;display:block}.panel-title{letter-spacing:-.015em;align-items:center;gap:7px;margin:0;font-size:15px;font-weight:650;line-height:1.25;display:flex}.panel-title .icon{width:18px;height:18px;color:var(--accent)}.panel-note{color:var(--muted);margin:0 0 12px;font-size:11px;line-height:1.55}.panel-note:last-child{margin-bottom:0}.panel-meta{flex-wrap:wrap;gap:5px;display:flex}.panel-actions{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.panel-head-aside{color:var(--faint);font-family:var(--mono);white-space:nowrap;font-size:9px}.field-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.field{flex-direction:column;gap:4px;min-width:0;display:flex}.field>label,.field-label{color:var(--faint);letter-spacing:.05em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:8px;font-size:9.5px;font-weight:600;display:flex}.field>label .unit,.field-label .unit{color:var(--faint);font-family:var(--mono);letter-spacing:0;text-transform:none;font-size:8.5px;font-weight:500}.number-input,.select-input{border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;height:35px;color:var(--text);font-family:var(--mono);font-variant-numeric:tabular-nums;background:#060c168c;padding:0 9px;font-size:12px;transition:border-color .14s,background .14s}.number-input:hover,.select-input:hover{border-color:var(--line-strong)}.number-input:focus,.select-input:focus{background:#080e19cc;border-color:#f2b5448c;outline:none;box-shadow:0 0 0 3px #f2b5441a}.number-input:disabled,.select-input:disabled{opacity:.5}.select-input{font-family:var(--sans);cursor:pointer;font-weight:600}.range-field{flex-direction:column;gap:5px;display:flex}.range-field+.range-field{margin-top:10px}.range-head{color:var(--faint);letter-spacing:.05em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:8px;font-size:9.5px;font-weight:600;display:flex}.range-head output{color:var(--text);font-family:var(--mono);letter-spacing:0;text-transform:none;font-size:10.5px;font-weight:500}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:18px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#f2b54499,#f2b5442e);border-radius:3px;height:3px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent-bright);border:2px solid #0b1220;border-radius:50%;width:13px;height:13px;margin-top:-5px;box-shadow:0 0 0 1px #f2b5448c}input[type=range]::-moz-range-track{background:#f2b54457;border-radius:3px;height:3px}input[type=range]::-moz-range-thumb{background:var(--accent-bright);border:2px solid #0b1220;border-radius:50%;width:11px;height:11px}input[type=range]:disabled{opacity:.35;cursor:not-allowed}.wavelength-block{border-top:1px solid var(--line);margin-top:12px;padding-top:11px}.wavelength-swatches{gap:6px;margin-top:8px;display:flex}.swatch-btn{background:0 0;border:1px solid #ffffff29;border-radius:50%;place-items:center;width:23px;height:23px;padding:0;transition:transform .12s;display:grid}.swatch-btn i{background:currentColor;border-radius:50%;width:15px;height:15px;box-shadow:0 0 9px}.swatch-btn:hover{transform:scale(1.1)}.swatch-btn[aria-pressed=true]{border-color:var(--text);box-shadow:0 0 0 2px #e9eef729}.check-row{color:var(--muted);cursor:pointer;user-select:none;align-items:center;gap:9px;padding:7px 0;font-size:11.5px;display:flex}.check-row+.check-row{border-top:1px solid #a0bae012}.check-row input{width:15px;height:15px;accent-color:var(--accent);flex:none;margin:0}.check-row span{flex:1}.check-row small{color:var(--faint);font-size:9.5px;line-height:1.4;display:block}.check-row:hover{color:var(--text)}.stat-grid{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px;display:grid}.stat{border:1px solid var(--line);background:#070d1761;border-radius:9px;padding:8px 9px}.stat-k{color:var(--faint);letter-spacing:.06em;text-transform:uppercase;font-size:8px;font-weight:600;display:block}.stat-v{color:var(--text);font-family:var(--mono);font-variant-numeric:tabular-nums;margin-top:2px;font-size:12px;display:block}.stat-v.is-real{color:#ffc37d}.stat-v.is-virtual{color:var(--rose)}.note-box{color:var(--muted);background:#080f1a6b;border:1px solid #a0bee621;border-radius:9px;gap:8px;padding:9px 10px;font-size:10.5px;line-height:1.55;display:flex}.note-box .icon{width:15px;height:15px;color:var(--accent);margin-top:1px}.note-box strong{color:var(--text);font-weight:600}.formula{color:var(--accent-bright);font-family:var(--mono);margin-top:4px;font-size:10px;display:block}.tag{border:1px solid var(--line);color:var(--faint);letter-spacing:.05em;text-transform:uppercase;border-radius:5px;align-items:center;gap:5px;padding:3px 7px;font-size:8.5px;font-weight:600;display:inline-flex}.tag.is-real{color:#ffc37d;background:#ffb15e14;border-color:#ffb15e4d}.tag.is-virtual{color:var(--rose);background:#ff8fa314;border-color:#ff8fa34d}.tag.is-done{color:var(--mint);background:#57e2c214;border-color:#57e2c24d}.difficulty{align-items:center;gap:3px;display:inline-flex}.difficulty-dot{background:#a0bae033;border-radius:1px;width:5px;height:5px;transform:rotate(45deg)}.difficulty-dot.is-on{background:var(--accent);box-shadow:0 0 6px #f2b54480}.btn{border:1px solid var(--line);border-radius:var(--radius-sm);min-height:35px;color:var(--text);background:#ffffff06;justify-content:center;align-items:center;gap:7px;padding:7px 13px;font-size:11.5px;font-weight:600;line-height:1.2;transition:background .14s,border-color .14s,color .14s,transform .1s;display:inline-flex}.btn:hover{border-color:var(--line-strong);background:#ffffff0f}.btn:active{transform:translateY(1px)}.btn .icon{width:15px;height:15px}.btn-primary{background:linear-gradient(180deg, var(--accent-bright), var(--accent));color:#1b1407;border-color:#0000;box-shadow:0 6px 18px #f2b5442e}.btn-primary:hover{background:linear-gradient(#ffd98a,#f6bd50);border-color:#0000}.btn-primary:disabled{opacity:.4;box-shadow:none}.btn-ghost{background:0 0}.btn-danger{color:#ffb1bf;background:#ff8fa312;border-color:#ff8fa347}.btn-danger:hover{background:#ff8fa324;border-color:#ff8fa373}.btn-sm{min-height:30px;padding:5px 10px;font-size:10.5px}.btn-block{width:100%}.btn.is-disabled{opacity:.42;pointer-events:none}.btn-pulse{animation:2.6s cubic-bezier(.24,0,.38,1) infinite pulse-ring}@keyframes pulse-ring{0%{box-shadow:0 0 #f2b54480,0 0 #f2b54447}55%{box-shadow:0 0 0 6px #f2b54424,0 0 0 13px #f2b54408}to{box-shadow:0 0 0 10px #f2b54400,0 0 0 20px #f2b54400}}.challenge-picker{align-items:center;gap:6px;display:flex}.challenge-picker .select-input{flex:1;min-width:0}.picker-arrow{border:1px solid var(--line);width:31px;height:31px;color:var(--muted);background:0 0;border-radius:8px;place-items:center;display:grid}.picker-arrow:hover:not(:disabled){color:var(--text);border-color:var(--line-strong)}.picker-arrow:disabled{opacity:.3}.challenge-progress{align-items:center;gap:10px;margin-top:11px;display:flex}.progress-track{background:#a0bee61f;border-radius:99px;flex:1;height:4px;overflow:hidden}.progress-track>span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-bright));height:100%;transition:width .5s cubic-bezier(.22,1,.36,1);display:block;box-shadow:0 0 10px #f2b54459}.progress-copy{color:var(--faint);font-family:var(--mono);white-space:nowrap;font-size:9px}.challenge-list{flex-direction:column;gap:3px;margin-top:12px;display:flex}.challenge-item{width:100%;color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:9px;padding:7px 8px;font-size:11px;display:flex}.challenge-item:hover{color:var(--text);background:#ffffff09}.challenge-item.is-active{background:var(--accent-soft);color:var(--accent-bright);border-color:#f2b5444d}.challenge-num{border:1px solid var(--line);width:20px;height:20px;color:var(--faint);font-family:var(--mono);border-radius:50%;flex:none;place-items:center;font-size:8.5px;display:grid}.challenge-item.is-active .challenge-num{color:var(--accent-bright);border-color:#f2b54466}.challenge-item.is-done .challenge-num{color:var(--mint);background:#57e2c224;border-color:#0000}.challenge-item-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.challenge-item-state{color:var(--faint);letter-spacing:.04em;text-transform:uppercase;font-size:8.5px}.challenge-item.is-done .challenge-item-state{color:var(--mint)}.challenge-card{border:1px solid var(--line-strong);border-radius:var(--radius);background:radial-gradient(120% 80% at 100% 0,#f2b54412,#0000 55%),#101b2db8;padding:15px}.challenge-card-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:9px;display:flex}.challenge-card-top .meta{align-items:center;gap:6px;display:flex}.challenge-card h3{font-family:var(--serif);letter-spacing:-.02em;margin:0 0 5px;font-size:21px;font-weight:500;line-height:1.15}.challenge-prompt{color:var(--muted);margin:0 0 13px;font-size:12px;line-height:1.6}.option-list{border:0;flex-direction:column;gap:6px;margin:0 0 12px;padding:0;display:flex}.option{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#080e195c;border-radius:9px;align-items:flex-start;gap:9px;padding:9px 10px;font-size:11.5px;line-height:1.45;transition:border-color .14s,background .14s,color .14s;display:flex;position:relative}.option:hover{color:var(--text);border-color:var(--line-strong);background:#ffffff09}.option input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.option-letter{border:1px solid var(--line-strong);width:19px;height:19px;color:var(--faint);font-family:var(--mono);border-radius:5px;flex:none;place-items:center;font-size:8.5px;font-weight:600;display:grid}.option-text{flex:1;padding-top:1px}.option-marker{border:1px solid var(--line-strong);border-radius:50%;flex:none;width:14px;height:14px;margin-top:2px;position:relative}.option input:focus-visible+.option-letter{outline:2px solid var(--focus);outline-offset:2px}.option.is-selected{color:var(--text);background:#f2b54414;border-color:#f2b54485}.option.is-selected .option-letter{border-color:var(--accent);color:var(--accent-bright)}.option.is-selected .option-marker{border-color:var(--accent)}.option.is-selected .option-marker:after{content:"";background:var(--accent);border-radius:50%;position:absolute;inset:3px}.option.is-correct{color:var(--text);background:#57e2c212;border-color:#57e2c273}.option.is-correct .option-letter{border-color:var(--mint);color:var(--mint)}.option.is-wrong{background:#ff8fa312;border-color:#ff8fa373}.option.is-wrong .option-letter{border-color:var(--rose);color:var(--rose)}.option input:disabled~*{cursor:default}.option.is-disabled{pointer-events:none}.option.is-disabled:not(.is-correct):not(.is-wrong){opacity:.55}.challenge-actions{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.challenge-actions .btn-primary{flex:1;min-width:130px}.result-banner{border:1px solid var(--line);background:#080e1980;border-radius:10px;gap:10px;margin:2px 0 11px;padding:11px;display:flex}.result-banner.is-correct{background:#57e2c212;border-color:#57e2c257}.result-banner.is-wrong{background:#ff8fa311;border-color:#ff8fa357}.result-icon{background:#ffffff0f;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:grid}.result-banner.is-correct .result-icon{color:var(--mint);background:#57e2c21f}.result-banner.is-wrong .result-icon{color:var(--rose);background:#ff8fa31f}.result-title{margin:0 0 2px;font-size:12px;font-weight:650}.result-copy{color:var(--muted);margin:0;font-size:10.5px;line-height:1.55}.explain-box{border:1px solid var(--line);background:#070d1766;border-radius:10px;margin-bottom:11px;padding:11px}.explain-box .panel-kicker{margin-bottom:4px}.explain-box p{color:var(--muted);margin:0;font-size:11px;line-height:1.62}.explain-box .explain-answer{border-top:1px solid var(--line);color:var(--accent-bright);align-items:baseline;gap:6px;margin-top:8px;padding-top:8px;font-size:11px;font-weight:600;display:flex}.takeaway{border-left:2px solid var(--accent);color:var(--text);background:#f2b5440d;border-radius:0 8px 8px 0;gap:8px;margin-top:10px;padding:9px 10px;font-size:10.5px;line-height:1.55;display:flex}.takeaway .icon{width:14px;height:14px;color:var(--accent);flex:none;margin-top:1px}.complete-banner{color:var(--mint);background:#57e2c212;border:1px solid #57e2c24d;border-radius:10px;align-items:center;gap:9px;margin-bottom:11px;padding:10px 11px;font-size:11px;font-weight:600;display:flex}.complete-banner .icon{width:16px;height:16px}.summary-text{color:var(--muted);margin:0;font-size:11px;line-height:1.62}.readout-live{color:var(--faint);font-family:var(--mono);align-items:center;gap:5px;font-size:8.5px;display:flex}.readout-live i{background:var(--mint);border-radius:50%;width:5px;height:5px;box-shadow:0 0 7px #57e2c2b3}.image-readout{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}.image-readout-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:7px;display:flex}.image-readout-head span:first-child{color:var(--faint);letter-spacing:.08em;text-transform:uppercase;font-size:8.5px;font-weight:600}.ray-details{border-top:1px solid var(--line);margin-top:11px;padding-top:9px}.ray-details summary{color:var(--faint);letter-spacing:.04em;cursor:pointer;user-select:none;justify-content:space-between;align-items:center;gap:8px;font-size:9.5px;font-weight:600;list-style:none;display:flex}.ray-details summary::-webkit-details-marker{display:none}.ray-details summary:after{content:"+";font-family:var(--mono);color:var(--faint)}.ray-details[open] summary:after{content:"−"}.ray-details summary:hover{color:var(--text)}.table-wrap{border:1px solid var(--line);border-radius:8px;max-height:220px;margin-top:8px;overflow:auto}.data-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:9px}.data-table th,.data-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #a0bae014;padding:5px 6px}.data-table th{color:var(--faint);letter-spacing:.05em;text-transform:uppercase;z-index:1;background:#0c1626;font-size:8px;font-weight:600;position:sticky;top:0}.data-table td{color:var(--muted);font-family:var(--mono)}.data-table tr:last-child td{border-bottom:0}.data-table .col-num{color:var(--faint);width:22px}.data-table .empty-row td{text-align:center;color:var(--faint);font-family:var(--sans);padding:12px}.shortcut-list{gap:5px;margin:0;padding:0;list-style:none;display:grid}.shortcut-list li{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:10px;display:flex}.key-group{align-items:center;gap:4px;display:inline-flex}.shortcut-list kbd{border:1px solid var(--line-strong);min-width:20px;color:var(--text);font-family:var(--mono);text-align:center;background:#ffffff0a;border-bottom-width:2px;border-radius:4px;padding:1px 5px;font-size:8.5px;display:inline-block}.hint-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.hint-list li{color:var(--muted);padding-left:14px;font-size:10.5px;line-height:1.55;position:relative}.hint-list li:before{content:"";background:var(--accent);border-radius:50%;width:4px;height:4px;position:absolute;top:7px;left:2px}.teacher-summary{align-items:center;gap:12px;display:flex}.progress-ring{--progress:0%;background:radial-gradient(closest-side, #0e1929 78%, transparent 79% 99%), conic-gradient(var(--accent) var(--progress), #a0bee621 0);border-radius:50%;flex:none;place-items:center;width:54px;height:54px;display:grid}.progress-ring span{font-family:var(--mono);color:var(--text);font-size:13px}.progress-ring small{color:var(--faint);font-size:8px}.teacher-summary-copy strong{font-size:12.5px;font-weight:600;display:block}.teacher-summary-copy p{color:var(--faint);margin:2px 0 0;font-size:10px;line-height:1.5}.answer-key{flex-direction:column;gap:7px;display:flex}.answer-card{border:1px solid var(--line);background:#080e195c;border-radius:10px;padding:10px}.answer-card.is-preview{background:#f2b5440d;border-color:#f2b54466}.answer-card-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.answer-card h4{margin:1px 0 0;font-size:11.5px;font-weight:650}.answer-card .meta-row{color:var(--faint);align-items:center;gap:6px;margin-top:3px;font-size:8.5px;display:flex}.answer-value{color:#a9f2df;background:#57e2c20f;border:1px solid #57e2c22e;border-radius:7px;gap:7px;margin-top:8px;padding:7px 8px;font-size:10.5px;line-height:1.45;display:flex}.answer-value b{color:var(--mint);font-family:var(--mono);letter-spacing:.05em;padding-top:1px;font-size:8.5px}.answer-explain{color:var(--faint);margin:7px 0 0;font-size:10px;line-height:1.55}.answer-card .btn{margin-top:7px}.teacher-settings{grid-template-columns:1fr 1fr;gap:0 14px;display:grid}.mobile-sheet{grid-area:sheet;display:none}.sheet-handle{border-top:1px solid var(--line-strong);backdrop-filter:blur(16px);background:#09101cf5;align-items:center;gap:8px;padding:7px 12px 6px;display:flex}.sheet-toggle{border:1px solid var(--line);width:26px;height:26px;color:var(--faint);background:0 0;border-radius:7px;flex:none;place-items:center;display:grid}.sheet-toggle .icon{width:14px;height:14px;transition:transform .2s}.mobile-sheet.is-collapsed .sheet-toggle .icon{transform:rotate(180deg)}.sheet-tabs{border:1px solid var(--line);background:#121e328c;border-radius:999px;flex:1;gap:2px;padding:2px;display:flex}.sheet-tab{min-height:28px;color:var(--faint);background:0 0;border:0;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:5px;padding:4px 8px;font-size:10px;font-weight:600;display:flex}.sheet-tab .icon{width:14px;height:14px}.sheet-tab[aria-selected=true]{background:var(--accent-soft);color:var(--accent-bright)}.sheet-progress{font-family:var(--mono);color:var(--faint);flex:none;font-size:9px}.sheet-panels{height:calc(var(--sheet-height,42vh) - 45px);padding:12px 14px calc(16px + env(safe-area-inset-bottom));background:#09101cf7;overflow-y:auto}.mobile-sheet.is-collapsed{--sheet-height:45px}.mobile-sheet.is-collapsed .sheet-panels{display:none}.sheet-panel{height:100%}.sheet-panel>.toolrail{background:0 0;border:0;padding:2px 0;overflow:visible}.sheet-panel>.inspector{background:0 0;border:0;overflow:visible}.sheet-panel .inspector-scroll{padding:2px 2px 24px;overflow:visible}.toast-region{z-index:90;pointer-events:none;flex-direction:column;gap:8px;max-width:min(360px,100vw - 36px);display:flex;position:fixed;bottom:18px;right:18px}.toast{border:1px solid var(--line-strong);backdrop-filter:blur(12px);box-shadow:var(--shadow);color:var(--text);pointer-events:auto;background:#0e192af5;border-radius:10px;align-items:flex-start;gap:8px;padding:10px 13px;font-size:11px;line-height:1.45;animation:.22s cubic-bezier(.22,1,.36,1) both toast-in;display:flex}.toast .icon{width:15px;height:15px;color:var(--accent);flex:none;margin-top:1px}.toast.is-leaving{animation:.18s both toast-out}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{to{opacity:0;transform:translateY(6px)}}.dialog{width:min(590px,100vw - 32px);max-height:min(780px,100vh - 40px);border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--surface);max-height:min(780px,100dvh - 40px);color:var(--text);box-shadow:var(--shadow);padding:0;overflow:hidden}.dialog::backdrop{backdrop-filter:blur(7px);background:#02060cad}.dialog[open]{animation:.2s cubic-bezier(.22,1,.36,1) both dialog-in}@keyframes dialog-in{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.dialog-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px 14px;display:flex}.dialog-head h2{font-family:var(--serif);letter-spacing:-.02em;margin:0;font-size:23px;font-weight:500}.dialog-head p{color:var(--faint);margin:3px 0 0;font-size:10.5px}.dialog-body{max-height:calc(100vh - 250px);max-height:calc(100dvh - 250px);padding:16px 20px;overflow-y:auto}.dialog-foot{padding:14px 20px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--line);justify-content:flex-end;gap:8px;display:flex}.dialog-close{border:1px solid var(--line);width:30px;height:30px;color:var(--muted);background:0 0;border-radius:8px;place-items:center;display:grid}.dialog-close:hover{color:var(--text);border-color:var(--line-strong)}.help-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.help-section{border:1px solid var(--line);background:#080e1966;border-radius:10px;padding:12px}.help-section h3{align-items:center;gap:6px;margin:0 0 7px;font-size:11.5px;font-weight:650;display:flex}.help-section h3 .icon{width:15px;height:15px;color:var(--accent)}.help-section p,.help-section ul{color:var(--muted);margin:0;font-size:10.5px;line-height:1.6}.help-section ul{padding-left:15px}.help-section li+li{margin-top:3px}.key-list{gap:5px;margin:0;display:grid}.key-row{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;font-size:10px;display:flex}kbd{border:1px solid var(--line-strong);color:var(--text);font-family:var(--mono);background:#ffffff0a;border-bottom-width:2px;border-radius:4px;padding:1px 5px;font-size:8.5px;display:inline-block}.confirm-copy{color:var(--muted);font-size:12px;line-height:1.65}.confirm-copy strong{color:var(--text)}.app.high-contrast{--bg:#000;--bg-2:#05080e;--surface:#060a12;--surface-2:#0b1320;--line:#ffffff4d;--line-strong:#ffffff8c;--text:#fff;--muted:#d4dfee;--faint:#aab8ca;--accent:#ffd166;--accent-bright:#ffe29a;--accent-soft:#ffd1662b;--focus:#9fdcff}.app.high-contrast .panel,.app.high-contrast .challenge-card,.app.high-contrast .answer-card{border-color:#fff6}.app.high-contrast .tool-btn[aria-pressed=true]{border-color:#ffd166}.app.reduced-motion *,.app.reduced-motion :before,.app.reduced-motion :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (max-width:1240px){.layout{grid-template-columns:76px minmax(0,1fr) 350px}.stage-head{min-height:72px}.stage-sub{display:none}.foot-range.wide{width:96px}}@media (max-width:1023px){:root{--topbar-h:58px}.topbar{gap:14px;padding:0 14px}.brand-type strong{font-size:20px}.layout{grid-template-columns:68px minmax(0,1fr) 310px}.toolrail{padding:12px 7px}.tool-btn{min-height:45px}.tool-btn span{font-size:8px}.inspector-scroll{padding:16px 14px 28px}.stage-head{min-height:66px;padding:11px 2px 9px}.stage-head h1{font-size:21px}.stage-chips .chip:nth-child(n+3){display:none}.stage{padding:0 10px}.stage-foot{gap:12px}.foot-group+.foot-group{padding-left:12px}.foot-range,.foot-range.wide{width:82px}.canvas-legend{display:none}.field-grid{gap:8px}}@media (max-width:767px){:root{--topbar-h:54px}body{overflow:hidden}.topbar{gap:8px;padding:0 11px}.brand{gap:7px}.brand-mark,.brand-mark svg{width:30px;height:30px}.brand-type strong{font-size:19px}.brand-type>span{display:none}.main-nav{padding:2px}.nav-btn{gap:4px;padding:6px 9px;font-size:10px}.nav-badge,.net-chip,.install-btn{display:none}.icon-btn{width:30px;height:30px}.layout{grid-template:"stage"minmax(0,1fr)"sheet"/minmax(0,1fr)}.layout>.toolrail,.layout>.inspector{display:none}.stage{padding:0 8px}.stage-head{align-items:center;min-height:54px;padding:8px 2px 7px}.eyebrow{margin-bottom:1px;font-size:7.5px}.stage-head h1{font-size:18px}.stage-chips{display:none}.canvas-wrap{border-radius:13px}.stage-foot{display:none}.canvas-topline{top:8px;left:8px;right:8px}.canvas-chip{padding:3px 6px;font-size:8px}.canvas-hint{max-width:calc(100% - 90px);padding:6px 10px;font-size:9.5px;bottom:10px}.zoom-controls{padding:3px;bottom:8px;right:8px}.zoom-btn{width:27px;height:27px}.coordinate-hud{display:none}.truncated-banner{max-width:calc(100% - 120px);font-size:9px;top:8px}.mobile-sheet{height:var(--sheet-height,42vh);z-index:25;flex-direction:column;min-height:45px;transition:height .24s cubic-bezier(.22,1,.36,1);display:flex}.mobile-sheet.is-collapsed{--sheet-height:45px}.picker-list,.sheet-panel>.toolrail .toolrail-label,.sheet-panel>.toolrail .toolrail-spacer{display:none}.sheet-panel>.toolrail .tool-group{flex-flow:wrap;gap:3px}.sheet-panel>.toolrail .tool-rule{display:none}.sheet-panel>.toolrail .tool-btn{border-color:var(--line);background:#ffffff06;width:calc(20% - 3px);min-height:47px}.sheet-panel>.toolrail .tool-btn[aria-pressed=true]:before{display:none}.inspector-scroll{padding:12px 12px 26px}.panel{padding:12px}.field-grid{grid-template-columns:1fr 1fr}.stage-head h1{max-width:calc(100vw - 70px)}.toast-region{left:12px;right:12px;bottom:calc(var(--sheet-height,42vh) + 12px);max-width:none}.dialog{width:calc(100vw - 20px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}.dialog-head{padding:15px 16px 12px}.dialog-head h2{font-size:20px}.dialog-body{padding:13px 16px}.dialog-foot{padding:12px 16px calc(13px + env(safe-area-inset-bottom))}.help-grid,.teacher-settings{grid-template-columns:1fr}}@media (max-width:420px){.stage-head h1{font-size:16px}.eyebrow,.canvas-hint{display:none}.nav-btn{padding:6px 7px;font-size:9.5px}.brand-type strong{font-size:17px}.sheet-tab{padding:4px 5px;font-size:9px}}@media print{body{color:#000;background:#fff;overflow:visible}.app,.toast-region{display:none!important}}.inline-number{text-align:right;width:68px;height:27px;padding:0 6px}.range-hint{color:var(--faint);margin-top:1px;font-size:9px;line-height:1.4}.swatch-line{color:var(--muted);align-items:center;gap:7px;margin-top:10px;font-size:10px;display:flex}.swatch-line .muted,.muted{color:var(--faint)}.field.full{grid-column:1/-1}@media (max-width:767px){.inline-number{width:64px}}.toast-action{color:var(--accent-bright);background:#f2b5441a;border:1px solid #f2b54466;border-radius:5px;flex:none;align-self:center;padding:3px 7px;font-size:9.5px;font-weight:600}.toast-action:hover{background:#f2b5442e}@media (max-width:1240px){.stage-foot .foot-group.end,.stage-foot [data-toggle-button=showLabels]{display:none}.foot-range{width:70px}.foot-range.wide{width:88px}.foot-group+.foot-group{padding-left:12px}.stage-foot{gap:12px}}@media (max-width:980px) and (min-width:768px){.stage-foot{display:none}}@media (min-width:768px){.layout.inspector-collapsed{grid-template-columns:82px minmax(0,1fr) 0}.layout.inspector-collapsed .inspector{display:none}.panel-toggle[aria-expanded=false]{color:var(--accent-bright);background:var(--accent-soft);border-color:#f2b54459}}@media (min-width:768px) and (max-width:1240px){.layout.inspector-collapsed{grid-template-columns:76px minmax(0,1fr) 0}}@media (min-width:768px) and (max-width:1023px){.layout.inspector-collapsed{grid-template-columns:68px minmax(0,1fr) 0}}@media (max-width:767px){.panel-toggle{display:none}}