:root{--bg:#0d1013;--panel:#151a1f;--panel2:#1c232a;--raise:#232b34;--line:#2a333c;--line2:#3a4550;--ink:#e9edf1;--dim:#9aa6b2;--faint:#69757f;--teal:#37c7b5;--teal-d:#1f8d80;--amber:#e8a33d;--amber-d:#a8741f;--warn:#e2795a;--sans:"IBM Plex Sans KR",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--r:6px}html[data-theme=light]{--bg:#f4f5f2;--panel:#fff;--panel2:#f0f1ed;--raise:#e7e9e4;--line:#dee1da;--line2:#c6cbc2;--ink:#14181c;--dim:#5b6570;--faint:#8b949d;--teal:#128a7c;--teal-d:#37c7b5;--amber:#a8741f;--amber-d:#e8a33d;--warn:#b5482a}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;font-weight:400;line-height:1.65}h1,h2,h3{letter-spacing:-.015em;margin:0;font-weight:600;line-height:1.25}a{color:var(--teal)}button,input,select{font-family:inherit;font-size:inherit;color:inherit}.rule{background-image:repeating-linear-gradient(to right,var(--line) 0 1px,transparent 1px 16px);opacity:.85;height:14px;position:relative;overflow:hidden}.rule:after{content:"";background:var(--line);height:1px;position:absolute;inset:auto 0 0}.rule.tall{background-image:repeating-linear-gradient(to right,var(--line2) 0 1px,transparent 1px 80px), repeating-linear-gradient(to right,var(--line) 0 1px,transparent 1px 16px)}.wrap{max-width:1280px;margin:0 auto;padding:0 20px}header.site{border-bottom:1px solid var(--line);background:var(--panel)}.head-in{flex-wrap:wrap;align-items:center;gap:20px;padding:18px 0 14px;display:flex}.brand{flex:1;align-items:baseline;gap:12px;min-width:240px;display:flex}.brand h1{font-size:19px}.brand .sub{font-family:var(--mono);color:var(--faint);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.tabs{border:1px solid var(--line2);border-radius:var(--r);display:inline-flex;overflow:hidden}.tabs button{cursor:pointer;color:var(--dim);white-space:nowrap;background:0 0;border:0;padding:8px 15px;font-size:13.5px;transition:background .15s,color .15s}.tabs button:hover{background:var(--panel2);color:var(--ink)}.tabs button[aria-pressed=true]{background:var(--teal);color:#06110f;font-weight:500}html[data-theme=light] .tabs button[aria-pressed=true]{color:#fff}.icobtn{border:1px solid var(--line2);color:var(--dim);border-radius:var(--r);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:34px;height:34px;transition:all .15s;display:inline-flex}.icobtn:hover{background:var(--panel2);color:var(--ink);border-color:var(--line2)}.readout{background:var(--panel2);border-bottom:1px solid var(--line)}.readout-in{flex-wrap:wrap;align-items:center;gap:22px;padding:11px 0;display:flex}.ro-num{font-family:var(--mono);color:var(--dim);white-space:nowrap;font-size:12px}.ro-num b{color:var(--amber);font-size:14px;font-weight:500}.ro-track{flex:1;min-width:260px}.ro-track svg{width:100%;height:38px;display:block}.transport{align-items:center;gap:6px;display:flex}.transport .play{border:1px solid var(--teal-d);background:var(--teal);color:#06110f;border-radius:var(--r);cursor:pointer;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}html[data-theme=light] .transport .play{color:#fff}.transport .play:hover{filter:brightness(1.08)}.transport .play.on{background:var(--amber);border-color:var(--amber-d)}main{padding:22px 0 60px}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px}.card+.card{margin-top:14px}.card-h{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:11px 16px;display:flex}.card-h h2{color:var(--dim);letter-spacing:.04em;text-transform:uppercase;font-size:13px;font-weight:500;font-family:var(--mono)}.card-b{padding:14px 16px}.chip{border-radius:var(--r);border:1px solid var(--line);color:var(--dim);cursor:pointer;white-space:nowrap;background:0 0;padding:5px 11px;font-size:12.5px;transition:all .13s}.chip:hover{border-color:var(--line2);color:var(--ink)}.chip[aria-pressed=true]{background:var(--raise);border-color:var(--teal-d);color:var(--ink)}.chip .c{color:var(--faint);font-family:var(--mono);font-size:11px}.row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.grp{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.lbl{color:var(--faint);font-size:11px;font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase}.pt{grid-template-columns:repeat(18,1fr);gap:3px;max-width:760px;display:grid}.pt button{border:1px solid var(--line);background:var(--panel2);height:26px;color:var(--dim);cursor:pointer;font-size:10.5px;font-family:var(--mono);border-radius:3px;padding:0;transition:all .1s}.pt button:hover{border-color:var(--line2);color:var(--ink)}.pt button[aria-pressed=true]{background:var(--teal);border-color:var(--teal);color:#06110f;font-weight:500}html[data-theme=light] .pt button[aria-pressed=true]{color:#fff}.numin{background:var(--panel2);border:1px solid var(--line);border-radius:var(--r);width:82px;font-family:var(--mono);padding:6px 9px}input[type=range]{appearance:none;cursor:pointer;background:0 0;height:20px}input[type=range]::-webkit-slider-runnable-track{background:var(--line2);border-radius:2px;height:3px}input[type=range]::-moz-range-track{background:var(--line2);border-radius:2px;height:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--teal);border:2px solid var(--bg);border-radius:50%;width:15px;height:15px;margin-top:-6px}input[type=range]::-moz-range-thumb{background:var(--teal);border:2px solid var(--bg);border-radius:50%;width:15px;height:15px}input[type=range]:focus-visible{outline:2px solid var(--teal);outline-offset:3px}button:focus-visible,.chip:focus-visible,.numin:focus-visible{outline:2px solid var(--teal);outline-offset:2px}#stageWrap{position:relative}#stage{background:var(--panel2);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border:1px solid var(--line);border-radius:8px;overflow:hidden}#stage.grabbing{cursor:grabbing}#pop{pointer-events:none;background:var(--raise);border:1px solid var(--line2);z-index:5;border-radius:8px;min-width:220px;max-width:320px;padding:11px 13px;font-size:12.5px;display:none;position:absolute;box-shadow:0 10px 30px #00000059}#pop .pt-t{margin-bottom:6px;font-size:13.5px;font-weight:600}#pop .pt-t span{color:var(--faint);font-weight:400;font-family:var(--mono);margin-left:6px;font-size:11px}#pop table{border-collapse:collapse;width:100%}#pop td{vertical-align:top;padding:2.5px 0;font-size:11.5px;line-height:1.55}#pop td:first-child{color:var(--faint);white-space:nowrap;padding-right:12px}#pop td:last-child{text-align:right}#pop tr.desc td{text-align:left;color:var(--dim);border-top:1px solid var(--line);margin-top:4px;padding-top:7px;display:block}#pop .pimg{object-fit:contain;background:var(--panel2);pointer-events:auto;cursor:zoom-in;border-radius:6px;width:100%;height:auto;max-height:160px;margin-bottom:8px;display:block}#pop .pcap{color:var(--faint);text-align:right;margin-top:5px;font-size:10px}.metrics{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:14px;display:grid}.metric{background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:11px 13px}.metric .k{color:var(--faint);font-size:11px;font-family:var(--mono);letter-spacing:.03em}.metric .v{font-size:20px;font-weight:500;font-family:var(--mono);color:var(--amber);margin-top:3px}.tw{overflow-x:auto}table.data{border-collapse:collapse;width:100%;font-size:12.5px}table.data th{text-align:right;color:var(--faint);border-bottom:1px solid var(--line2);font-weight:400;font-family:var(--mono);letter-spacing:.03em;white-space:nowrap;padding:7px 8px;font-size:11px}table.data td{text-align:right;border-bottom:1px solid var(--line);font-family:var(--mono);padding:7px 8px;font-size:12px}table.data th:first-child,table.data td:first-child{text-align:left;font-family:var(--sans)}table.data td.txt{text-align:left;font-family:var(--sans);color:var(--dim);font-size:12.5px;line-height:1.55}table.data tbody tr{cursor:pointer;transition:background .1s}table.data tbody tr:hover,table.data tr.self{background:var(--panel2)}.sw{vertical-align:0;border-radius:2px;width:9px;height:9px;margin-right:7px;display:inline-block}.note{color:var(--faint);margin-top:10px;font-size:12px;line-height:1.65}.hint{color:var(--dim);margin:9px 2px 0;font-size:12.5px;line-height:1.7}kbd{font-family:var(--mono);background:var(--raise);border:1px solid var(--line2);color:var(--ink);border-radius:4px;padding:1px 5px;font-size:11px}.stagenav{background:var(--raise);border:1px solid var(--line2);z-index:4;border-radius:999px;align-items:center;gap:5px;padding:5px 7px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #0000004d}.stagenav button{cursor:pointer}.stagenav #navPrev,.stagenav #navNext,.stagenav #navFirst,.stagenav #navLast{border:1px solid var(--line2);background:var(--panel2);color:var(--ink);border-radius:8px;justify-content:center;align-items:center;width:32px;height:30px;transition:all .13s;display:inline-flex}.stagenav #navPrev:hover,.stagenav #navNext:hover,.stagenav #navFirst:hover,.stagenav #navLast:hover{background:var(--teal);color:#06110f}html[data-theme=light] .stagenav #navPrev:hover,html[data-theme=light] .stagenav #navNext:hover{color:#fff}.stagenav .play{border:1px solid var(--teal-d);background:var(--teal);color:#06110f;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-size:12.5px;font-weight:500;transition:all .15s;display:inline-flex}html[data-theme=light] .stagenav .play{color:#fff}.stagenav .play.on{background:var(--amber);border-color:var(--amber-d)}.stagenav .chip{background:var(--panel2)}#lb{z-index:60;cursor:zoom-out;background:#040709e6;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:22px;display:flex;position:fixed;inset:0}#lb[hidden]{display:none}#lbImg{object-fit:contain;background:#0a0d10;border-radius:10px;max-width:94vw;max-height:82vh}#lbCap{color:#c9d2da;font-size:12.5px;font-family:var(--mono)}@media (width<=760px){.stagenav{gap:4px;padding:4px 6px;bottom:7px}.stagenav .play{padding:5px 9px;font-size:12px}.stagenav #playTxt{display:none}.stagenav .play svg{margin:0}}footer.site{border-top:1px solid var(--line);background:var(--panel);padding:24px 0 40px}footer.site .cols{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;display:grid}footer.site h3{font-size:12px;font-family:var(--mono);color:var(--dim);letter-spacing:.05em;text-transform:uppercase;margin-bottom:8px;font-weight:500}footer.site p{color:var(--faint);margin:0 0 8px;font-size:12.5px;line-height:1.7}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=760px){body{font-size:14px}.wrap{padding:0 12px}.head-in{gap:10px;padding:13px 0 11px}.brand{min-width:0}.brand h1{font-size:16.5px}.brand .sub{display:none}.tabs{max-width:100%;overflow-x:auto}.tabs button{padding:7px 10px;font-size:12px}.tabs{flex-wrap:wrap}.readout-in{gap:10px;padding:9px 0}.ro-track{flex-basis:100%;order:3;min-width:0}.ro-num{font-size:11px}.transport{margin-left:auto}.transport .play{padding:6px 11px;font-size:12.5px}.card-h{padding:9px 12px}.card-b{padding:11px 12px}.chip{padding:5px 9px;font-size:12px}.metrics{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:7px}.metric .v{font-size:16px}.pt{gap:2px}.pt button{height:20px;font-size:8.5px}#pop{min-width:170px;max-width:76vw}#pop .pimg{height:92px}.hint{font-size:11.5px}table.data th,table.data td{padding:6px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (width<=760px){#pop{width:100%;min-width:0;max-width:none;box-shadow:none;pointer-events:auto;border-radius:10px;margin-top:10px;padding:10px 12px;position:static!important;top:auto!important;left:auto!important}#pop .pimg{height:auto;max-height:140px}}#roTrackWrap{z-index:3;pointer-events:none;flex:none;order:0;min-width:0;position:absolute;bottom:56px;left:8px;right:8px}#roTrackWrap svg{width:100%;height:56px;display:block}@media (width<=760px){#roTrackWrap{bottom:50px;left:4px;right:4px}#roTrackWrap svg{height:50px}}details.listdd summary::-webkit-details-marker{display:none}details.listdd summary .ddarrow{color:var(--dim);margin-left:auto;font-size:14px;transition:transform .18s}details.listdd[open] summary .ddarrow{transform:rotate(180deg)}details.listdd summary:hover{background:var(--panel2)}#roTrackWrap{pointer-events:auto;cursor:ew-resize;touch-action:none}#roTip{background:var(--raise);border:1px solid var(--line2);color:var(--dim);pointer-events:none;opacity:0;white-space:nowrap;border-radius:6px;padding:3px 8px;font-size:11px;transition:opacity .15s;position:absolute;top:-26px;left:50%;transform:translate(-50%)}#roTrackWrap.tip #roTip{opacity:1}#roTrackWrap{transition:transform .15s,filter .15s}#roTrackWrap.tip{filter:drop-shadow(0 0 10px #e8a33d8c);transform:translateY(-4px)scale(1.012)}#roTrackWrap.tip svg rect:first-of-type{opacity:.95}#roTrackWrap.tip svg{outline:2px solid var(--amber);outline-offset:-1px;border-radius:8px}#roTrackWrap.tip #roTip{background:var(--amber);color:#1a1200;border-color:var(--amber-d);font-weight:600}#viewTgl{z-index:4;background:var(--raise);border:1px solid var(--teal);color:var(--ink);border-radius:999px;padding:7px 12px;font-size:12px;font-weight:600;transition:transform .15s,box-shadow .2s;animation:2.6s ease-in-out infinite tglGlow;position:absolute;top:8px;right:8px;box-shadow:0 0 #37c7b500,0 0 14px #37c7b559}#viewTgl:hover{transform:translateY(-1px)}#viewTgl[aria-pressed=true]{background:var(--teal);color:#06110f;border-color:var(--teal);animation:2.2s ease-in-out infinite tglGlowOn;box-shadow:0 0 18px #37c7b599,0 0 2px #37c7b5e6}@keyframes tglGlow{0%,to{box-shadow:0 0 8px #37c7b540}50%{box-shadow:0 0 18px #37c7b599}}@keyframes tglGlowOn{0%,to{box-shadow:0 0 12px #37c7b580}50%{box-shadow:0 0 26px #37c7b5e6}}@media (prefers-reduced-motion:reduce){#viewTgl{animation:none}}#spdMenu{z-index:6;background:var(--raise);border:1px solid var(--line2);border-radius:10px;flex-direction:column;gap:2px;padding:4px;display:flex;position:absolute;box-shadow:0 8px 24px #00000059}#spdMenu[hidden]{display:none}#spdMenu button{color:var(--dim);font:inherit;cursor:pointer;text-align:center;background:0 0;border:0;border-radius:6px;padding:5px 12px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12.5px}#spdMenu button:hover{background:var(--panel2);color:var(--ink)}#spdMenu button[aria-pressed=true]{background:var(--amber);color:#1a1200;font-weight:600}#autoTip{z-index:5;background:var(--amber);color:#1a1200;pointer-events:none;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;transition:opacity .25s;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #0000004d}#autoTip.hide{opacity:0}#tiltWrap{z-index:4;pointer-events:auto;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}#tiltWrap .tiltLbl{color:var(--faint);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10px}#tiltRng{writing-mode:vertical-lr;appearance:slider-vertical;width:26px;height:150px;accent-color:var(--amber);direction:rtl;margin:0}@media (width<=760px){#tiltRng{height:120px}}#rateBadge{z-index:4;background:var(--panel);border:1px solid var(--line2);color:var(--dim);pointer-events:none;border-radius:999px;padding:4px 9px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;position:absolute;top:8px;left:8px}#rateBadge b{color:var(--amber);font-weight:600}.pimg.skel{color:var(--faint);background:linear-gradient(90deg,var(--panel2) 25%,var(--raise) 50%,var(--panel2) 75%);cursor:default;border:1px dashed var(--line2);background-size:200% 100%;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:11px;animation:1.4s linear infinite skel;height:150px!important;max-height:none!important;display:flex!important}.pimg.skel .spin{border:2.5px solid var(--line2);border-top-color:var(--amber);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spinr}@keyframes spinr{to{transform:rotate(360deg)}}@media (width<=760px){.pimg.skel{height:120px!important}}@keyframes skel{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.pimg.skel{animation:none}.pimg.skel .spin{border-top-color:var(--line2);animation:none}}#sysSwitch{z-index:4;border:1px solid var(--line2);background:var(--raise);border-radius:999px;display:flex;position:absolute;top:8px;right:8px;overflow:hidden}#sysSwitch button{color:var(--dim);font:inherit;cursor:pointer;background:0 0;border:0;padding:6px 11px;font-size:12px;font-weight:600}#sysSwitch button.on{background:var(--teal);color:#06110f}#viewTgl{top:44px!important}@media (width<=760px){#sysSwitch button{padding:5px 9px;font-size:11px}#viewTgl{top:40px!important}}.tabs a{cursor:pointer;color:var(--dim);white-space:nowrap;background:0 0;border:0;padding:8px 15px;font-size:13.5px;text-decoration:none;transition:background .15s,color .15s;display:block}.tabs a:hover{background:var(--panel2);color:var(--ink)}.tabs a[aria-current=page]{background:var(--teal);color:#06110f;font-weight:500}html[data-theme=light] .tabs a[aria-current=page]{color:#fff}.brand-link{color:inherit;text-decoration:none}@media (width<=760px){.tabs a{padding:7px 10px;font-size:12px}}.landing-hero{padding:34px 0 10px}.landing-hero p{color:var(--dim);max-width:620px;margin:10px 0 0}.mode-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:22px 0 40px;display:grid}.mode-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);color:var(--ink);padding:18px;text-decoration:none;transition:border-color .15s,background .15s;display:block}.mode-card:hover{border-color:var(--teal-d);background:var(--panel2)}.mode-card h2{margin-bottom:8px;font-size:16px}.mode-card p{color:var(--dim);margin:0;font-size:13px;line-height:1.6}.mode-card .go{font-family:var(--mono);color:var(--teal);margin-top:12px;font-size:12px;display:inline-block}#stage.booting{height:calc(clamp(420px,min(100vw,1280px)/2 - 33px,560px) + 2px)}@media (width<=640px){#stage.booting{height:calc(clamp(340px,95vw - 47.5px,480px) + 2px)}}.stage-loading{color:var(--dim);font-size:13px;font-family:var(--mono);pointer-events:none;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.stage-loading .spin{border:2px solid var(--line2);border-top-color:var(--teal);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite ps-spin}@keyframes ps-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.stage-loading .spin{animation:none}}main.booting[data-mode=solar] #picker:empty,main.booting[data-mode=solar] #ctrlRow:empty{min-height:31px}main.booting[data-mode=atom] #picker:empty{min-height:342px}main.booting[data-mode=atom] #ctrlRow:empty{min-height:31px}main.booting[data-mode=ladder] #picker:empty{min-height:43px}main.booting[data-mode=ladder] #ctrlRow:empty{min-height:76px}main.booting[data-mode=speed] #picker:empty{min-height:85px}main.booting[data-mode=speed] #ctrlRow:empty{min-height:31px}@media (width<=640px){main.booting[data-mode=solar] #picker:empty{min-height:100px}main.booting[data-mode=solar] #ctrlRow:empty{min-height:74px}main.booting[data-mode=atom] #picker:empty{min-height:278px}main.booting[data-mode=atom] #ctrlRow:empty{min-height:74px}main.booting[data-mode=ladder] #picker:empty{min-height:98px}main.booting[data-mode=ladder] #ctrlRow:empty{min-height:179px}main.booting[data-mode=speed] #picker:empty{min-height:235px}main.booting[data-mode=speed] #ctrlRow:empty{min-height:109px}}