:root{--night:#0f1a24;--steel:#3a4149;--h2:#9fe8ff;--amber:#ffc46b;--plaster:#e8e6e1;--mute:#e8e6e18c;--hair:#e8e6e124}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--night);height:100%;color:var(--plaster);-webkit-font-smoothing:antialiased;font-family:Manrope,system-ui,sans-serif;overflow:hidden}canvas#scene{background:#0f1a24;display:block;position:fixed;inset:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button:focus-visible{outline:2px solid var(--h2);outline-offset:3px}.nowebgl{text-align:center;color:var(--mute);justify-content:center;align-items:center;padding:24px;font-size:16px;font-weight:500;display:flex;position:fixed;inset:0}.frame{color:var(--mute);font-size:13px;font-weight:500;line-height:1.4;position:fixed;top:22px;left:28px}.frame b{color:var(--plaster);letter-spacing:.06em;margin-right:10px;font-weight:800}.lang{background:#e8e6e112;border-radius:999px;gap:2px;padding:3px;display:flex;position:fixed;top:18px;right:28px}.lang button{color:var(--mute);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;transition:background .2s,color .2s}.lang button[aria-pressed=true]{background:var(--plaster);color:var(--night)}.caption{pointer-events:none;max-width:460px;position:fixed;bottom:36px;left:28px}.caption>*{pointer-events:auto}.caption h1{letter-spacing:-.025em;margin-bottom:14px;font-size:clamp(30px,4.2vw,46px);font-weight:800;line-height:1.02;transition:opacity .35s}.caption p{color:#e8e6e1db;max-width:40ch;margin-bottom:16px;font-size:16px;font-weight:300;line-height:1.5}.formula{color:var(--h2);letter-spacing:.02em;margin:-6px 0 16px;font-size:15px;font-weight:500}.formula:empty{display:none}.figure{border-top:1px solid var(--hair);flex-wrap:wrap;align-items:baseline;gap:12px;padding-top:14px;display:flex}.figure .num{color:var(--h2);letter-spacing:-.02em;white-space:nowrap;font-size:clamp(34px,3.6vw,44px);font-weight:300;line-height:1}.figure .unit{max-width:22ch;font-size:15px;font-weight:500;line-height:1.3}.source{color:var(--mute);margin-top:10px;font-size:12px;font-weight:300}.hint{color:var(--mute);margin-top:14px;font-size:12px;font-weight:500;transition:opacity .4s}.hint.off{opacity:0}.fade{opacity:0;transform:translateY(6px)}.caption .swap{transition:opacity .35s,transform .35s}.rail{flex-direction:column;align-items:flex-end;gap:14px;display:flex;position:fixed;top:50%;right:34px;transform:translateY(-50%)}.rail button{background:#e8e6e138;border-radius:1px;width:22px;height:2px;padding:0;transition:width .3s,background .3s;position:relative}.rail button:after{content:"";position:absolute;inset:-8px 0}.rail button[aria-current=true]{background:var(--h2);width:36px}.rail button:hover{background:var(--plaster)}.nav{gap:8px;display:flex;position:fixed;bottom:36px;right:28px}.nav button{border:1px solid var(--hair);color:var(--plaster);border-radius:999px;padding:12px 18px;font-size:14px;font-weight:700;transition:background .2s,border-color .2s}.nav button:hover{background:#e8e6e114}.nav button.primary{background:var(--plaster);color:var(--night);border-color:var(--plaster)}.nav button.primary:hover{background:#fff}.nav button:disabled{opacity:.35;cursor:default}@media (width<=720px){.frame{font-size:12px;top:16px;left:18px}.lang{top:12px;right:18px}.rail{display:none}.caption{max-width:none;bottom:96px;left:18px;right:18px}.caption p{font-size:15px}.nav{justify-content:space-between;bottom:28px;left:18px;right:18px}.nav button{text-align:center;flex:1}}@media (prefers-reduced-motion:reduce){.caption .swap,.caption h1,.rail button,.hint{transition:none}}