.ms-shell{--ms-line:#273247;--ms-muted:#a2b0c5;color:#e8edf6;max-width:1640px;margin:0 auto;padding:0 3.5vw 45px}.ms-header{border-bottom:1px solid var(--ms-line);align-items:center;gap:32px;height:82px;font-size:14px;display:flex}.ms-header>span{color:#92a1ba;margin-left:auto;font:12px DM Mono,monospace}.ms-brand{letter-spacing:-.05em;font-size:23px;font-weight:700}.ms-brand span{color:#93a3be;margin-left:7px;font:12px DM Mono,monospace}.ms-intro{justify-content:space-between;align-items:end;gap:25px;padding:32px 0;display:flex}.ms-eyebrow{letter-spacing:.12em;color:#9cacc7;margin:0 0 15px;font:12px DM Mono,monospace}.ms-intro h1{letter-spacing:-.055em;font-size:clamp(38px,4.5vw,70px);line-height:1}.ms-intro h1 em{color:var(--ms-stream);font-style:normal}.ms-intro>p{color:var(--ms-muted);margin:0;font-size:16px;line-height:1.7}.ms-workspace{grid-template-columns:minmax(0,1fr) 342px;align-items:start;gap:22px;display:grid}.ms-view{border:1px solid var(--ms-line);background:#090e1a;border-radius:6px;position:sticky;top:18px;overflow:hidden}.ms-view-heading{color:#a5b5ce;border-bottom:1px solid var(--ms-line);justify-content:space-between;gap:20px;padding:16px 22px;font:12px DM Mono,monospace;display:flex}.ms-view-heading i{background:var(--ms-stream);border-radius:50%;width:6px;height:6px;margin-right:9px;display:inline-block}.ms-stage{height:clamp(360px,38vw,570px);position:relative}.ms-stage canvas{touch-action:none;width:100%;height:100%;display:block}.ms-scene-title{pointer-events:none;position:absolute;top:24px;left:25px}.ms-scene-title>span{color:#889ab6;font:12px DM Mono,monospace}.ms-scene-title h2{letter-spacing:-.035em;color:var(--ms-stream);margin:8px 0;font-size:25px}.ms-scene-title p{color:#98acc7;margin:0;font-size:14px}.ms-legend{color:#adbbcf;pointer-events:none;flex-wrap:wrap;gap:12px 18px;font-size:12px;display:flex;position:absolute;bottom:18px;left:22px;right:15px}.ms-legend i,.ms-showers i{border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-right:7px;display:inline-block}.ms-time{border-top:1px solid var(--ms-line);align-items:center;gap:20px;padding:19px 22px 6px;display:flex}.ms-time>div{margin-right:auto}.ms-time .ms-eyebrow{margin:0 0 7px;font-size:12px;display:block}.ms-time output{letter-spacing:-.03em;white-space:nowrap;font-size:24px}.ms-time label{color:#a3b3cb;flex-direction:column;gap:4px;font-size:12px;display:flex}.ms-shell button,.ms-shell select{cursor:pointer;color:#dce6f6;background:#111d30;border:1px solid #354560;border-radius:4px;padding:10px 13px;font:14px inherit}.ms-shell button{font-size:14px}.ms-shell select{max-width:100%;padding:7px 8px;font-family:inherit;font-size:14px}.ms-shell button:hover{background:#1a2b45;border-color:#8e9dc6}.ms-shell button:disabled,.ms-shell fieldset:disabled{opacity:.5;cursor:default}.ms-shell button.ms-primary{background:var(--ms-stream);color:#111725;border-color:#0000;min-width:104px}.ms-shell :focus-visible{outline-offset:4px;outline:2px solid #bfd0ff}.ms-timeline{padding:15px 24px 20px}.ms-timeline input{width:100%;accent-color:var(--ms-stream);cursor:pointer;height:24px;margin:0}.ms-timeline>div{color:#7e90ab;justify-content:space-between;margin-top:6px;font:12px DM Mono,monospace;display:flex}.ms-camera{flex-wrap:wrap;gap:9px;padding:0 22px;display:flex}.ms-gesture{color:#93a2ba;margin:16px 22px 20px;font-size:12px;line-height:1.7}.ms-panel{border:1px solid var(--ms-line);background:#0d1422;border-radius:6px;padding:24px 20px}.ms-panel h2{letter-spacing:-.04em;margin:0 0 24px;font-size:24px}.ms-showers{grid-template-columns:1fr;gap:5px;display:grid}.ms-showers button{text-align:left;background:0 0;border-color:#0000;align-items:center;gap:6px;padding:9px 10px;display:flex}.ms-showers button[aria-pressed=true]{border-color:var(--ms-stream);color:#f1f5ff;background:#202c44}.ms-shower-info{border-block:1px solid var(--ms-line);margin:20px 0;padding:20px 0}.ms-shower-info>span{color:#91a3c0;font:12px DM Mono,monospace;display:block}.ms-shower-info strong{margin:8px 0 15px;font-size:22px;font-weight:500;display:block}.ms-shower-info>p,.ms-data-note{color:#9caac0;font-size:12px;line-height:1.75}.ms-panel fieldset{border:0;margin:0;padding:0}.ms-panel legend{margin-bottom:16px;font-size:14px}.ms-panel fieldset label{align-items:center;gap:10px;margin:13px 0;font-size:14px;line-height:1.5;display:flex}.ms-panel input{width:16px;height:16px;accent-color:var(--ms-stream)}.ms-data-note{margin:22px 0 0}.ms-explain{grid-template-columns:repeat(3,1fr);gap:40px;margin:32px 0;display:grid}.ms-explain article>span{color:#97a6c6;font:12px DM Mono,monospace}.ms-explain h2,.ms-method h2{letter-spacing:-.03em;margin:14px 0;font-size:22px}.ms-explain p,.ms-method p{color:#a7b5ca;margin:0 0 14px;font-size:16px;line-height:1.8}.ms-method{border:1px solid var(--ms-line);border-radius:5px;padding:22px}.ms-method summary{cursor:pointer;font-size:16px}.ms-method>div{grid-template-columns:1fr 1fr;gap:36px;padding-top:18px;display:grid}.ms-method a{color:#c0ceff;text-underline-offset:4px;text-decoration:underline}.ms-method section>a{margin:12px 0;font-size:14px;display:block}.ms-footer{color:#adbfea;justify-content:space-between;gap:20px;margin-top:24px;font-size:14px;display:flex}.ms-error{text-align:center;background:#070c18ed;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:30px;font-size:16px;line-height:1.7;display:flex;position:absolute;inset:0}.ms-error a{color:#c1d0ff;font-size:14px}@media (max-width:1150px){.ms-workspace{grid-template-columns:minmax(0,1fr) 295px}.ms-intro>p,.ms-view-heading>span:last-child{display:none}.ms-time{gap:12px;padding-inline:16px}.ms-time output{font-size:21px}}@media (max-width:820px){.ms-header{gap:18px;height:68px}.ms-header>span{font-size:10px}.ms-brand{font-size:19px}.ms-workspace{grid-template-columns:1fr}.ms-view{position:relative;top:auto}.ms-stage{height:430px}.ms-showers{grid-template-columns:1fr 1fr}.ms-intro{padding:28px 0}.ms-panel{padding:24px}.ms-explain,.ms-method>div{grid-template-columns:1fr;gap:18px}.ms-explain{margin:30px 0}.ms-footer{flex-direction:column}}@media (max-width:480px){.ms-header>span{display:none}.ms-header>a:nth-child(2){margin-left:auto}.ms-time{flex-wrap:wrap;gap:12px}.ms-time>div{width:100%;margin-bottom:2px}.ms-time label{flex-direction:row;align-items:center;gap:8px}.ms-stage{height:390px}.ms-scene-title{top:20px;left:18px}.ms-scene-title h2{font-size:22px}.ms-camera button{padding:9px;font-size:12px}.ms-showers{grid-template-columns:1fr}.ms-intro h1{font-size:37px}.ms-legend{font-size:11px}}