:root{--bg:#141311;--bg-raised:#1c1a17;--ink:#efe9df;--ink-soft:#e3dccf;--ink-dim:#cfc7ba;--muted:#a79e91;--line:#34302b;--line-soft:#2c2925;--accent:#e0574a;--accent-deep:#b3372b;--origin:#3f8fdb;--insertion:#e89a1c;--pill:#efe9df0a;--dock-h:206px;--info-w:410px;--serif:"Newsreader", Georgia, "Times New Roman", serif;--sans:"IBM Plex Sans", "Helvetica Neue", Helvetica, sans-serif;--mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}button{font:inherit;color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#app{background:radial-gradient(70% 62% at 56% 40%,#27241f 0%,#171614 58%,#0e0d0c 100%);position:fixed;inset:0;overflow:hidden}.brand{z-index:3;position:absolute;top:28px;left:48px}.brand__title{font-family:var(--serif);margin:0;font-size:20px;font-weight:500}.toolbar{z-index:3;align-items:center;gap:12px;display:flex;position:absolute;top:22px;right:32px}.segmented{border:1px solid var(--line);background:#14131199;border-radius:999px;gap:2px;padding:3px;display:flex}.segmented button{min-width:44px;height:34px;color:var(--ink-dim);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 12px;font-size:13px}.segmented button:hover{color:var(--ink)}.segmented button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.segmented--lang button{font-family:var(--mono);letter-spacing:.06em;font-size:12px}.viewport{top:0;left:0;right:0;bottom:var(--dock-h);position:absolute}.viewport__canvas{position:absolute;inset:0}.viewport__canvas canvas{touch-action:none;outline:none;display:block}.hint{color:var(--muted);pointer-events:none;white-space:nowrap;font-size:12px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.loading{font-family:var(--mono);letter-spacing:.08em;color:var(--muted);pointer-events:none;justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute;inset:0}.loading:empty{display:none}.marker{border:1.5px solid var(--ink);background:var(--bg);width:22px;height:22px;color:var(--ink);font-family:var(--mono);pointer-events:none;border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex;box-shadow:0 0 0 3px #0e0d0c80}.marker--U{background:var(--origin);border:2px solid var(--ink);color:#141311}.marker--F{background:var(--insertion);border:2px solid var(--ink);color:#141311}.legend{color:var(--muted);gap:18px;font-size:13px;display:flex;position:absolute;bottom:20px;right:56px}.legend__item{align-items:center;gap:8px;display:flex}.legend .marker{box-shadow:none}.side{z-index:2;width:var(--info-w);max-height:calc(100% - var(--dock-h) - 128px);scrollbar-width:thin;flex-direction:column;gap:22px;display:flex;position:absolute;top:104px;left:48px;overflow-y:auto}.info{flex-direction:column;gap:14px;display:flex}.info__kicker{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);gap:10px;font-size:12px;display:flex}.info__num{color:var(--accent);font-weight:600}.info__name{font-family:var(--serif);letter-spacing:-.015em;text-wrap:balance;margin:0;font-size:60px;font-weight:400;line-height:1}.info__name .m{color:var(--muted);font-size:.6em;font-style:normal}.info__common{font-size:21px;font-weight:500}.info__lead{margin:2px 0 0}.info__lead .info__fact{font-size:17px;line-height:1.5}.info__lead .info__fact dt{line-height:1.9}.info__lead .info__fact dd{color:var(--ink-soft)}.info__facts{border-top:1px solid var(--line);flex-direction:column;gap:10px;margin:6px 0 0;padding-top:16px;display:flex}.info__fact{grid-template-columns:22px minmax(0,1fr);gap:10px;font-size:14px;line-height:1.45;display:grid}.info__fact dt{font-family:var(--mono);color:var(--muted);font-weight:600}.info__fact--U dt,.info__fact--F dt{color:#141311;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin-top:1px;font-size:11px;display:flex}.info__fact--U dt{background:var(--origin)}.info__fact--F dt{background:var(--insertion)}.info__fact dd{color:var(--ink-dim);margin:0}.info__fact dd b{color:var(--muted);font-size:12px;font-weight:500;display:block}.dock{height:var(--dock-h);z-index:3;border-top:1px solid var(--line-soft);background:#0c0b0ab8;flex-direction:column;gap:14px;padding:14px 32px 22px;display:flex;position:absolute;bottom:0;left:0;right:0}.transport{align-items:center;gap:22px;height:56px;display:flex}.play{background:var(--ink);cursor:pointer;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;color:var(--bg)!important}.play svg{fill:currentColor;width:20px;height:20px}.scrub{flex-grow:1;align-items:center;gap:16px;min-width:0;display:flex}.scrub__end{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap;font-size:11px}.scrub__rail{flex-grow:1;height:28px;position:relative}.scrub__mid{background:#5a534a;width:1px;height:18px;position:absolute;top:5px;left:50%}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:28px;margin:0;position:relative}input[type=range]::-webkit-slider-runnable-track{background:#efe9df38;border-radius:2px;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);width:22px;height:22px;box-shadow:0 0 0 1px var(--accent);border:3px solid #161513;border-radius:50%;margin-top:-9px}input[type=range]::-moz-range-track{background:#efe9df38;border-radius:2px;height:4px}input[type=range]::-moz-range-thumb{background:var(--accent);width:16px;height:16px;box-shadow:0 0 0 1px var(--accent);border:3px solid #161513;border-radius:50%}.speed{align-items:center;gap:10px;display:flex}.speed__label{color:var(--muted);font-size:13px}.speed .segmented button{font-family:var(--mono);font-size:12px}.strip{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid;position:relative}.strip button{border:1px solid var(--line);background:var(--pill);color:#d9d1c4;text-align:left;cursor:pointer;border-radius:10px;align-items:center;gap:10px;min-height:46px;padding:6px 12px;display:flex}.strip button:hover{border-color:#5a534a}.strip button[aria-current=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}.strip__num{font-family:var(--mono);color:var(--muted);flex-shrink:0;font-size:11px;font-weight:500}.strip button[aria-current=true] .strip__num{color:var(--accent-deep)}.strip__name{font-size:13px;line-height:1.2}.credit{color:#8a8176;font-size:11px;line-height:1.5}.credit a{color:inherit}@media (width<=1100px){:root{--info-w:340px}.info__name{font-size:46px}}@media (width<=860px){#app{flex-direction:column;min-height:100%;display:flex;position:static;overflow:visible}.brand{order:0;padding:16px 16px 0;position:static}.brand__title{font-size:19px}.toolbar{flex-wrap:wrap;order:1;justify-content:space-between;padding:10px 16px 0;position:static}.viewport{order:2;height:56vh;min-height:320px;position:relative}.dock{background:#0c0b0a80;order:3;height:auto;padding:12px 16px 14px;position:static}.transport{flex-wrap:wrap;gap:12px;height:auto}.scrub{flex-basis:100%;order:3}.speed{margin-left:auto}.strip{scroll-snap-type:x proximity;padding-bottom:4px;display:flex;overflow-x:auto}.strip button{scroll-snap-align:start;flex:none;max-width:180px}.side{order:4;width:auto;max-height:none;padding:18px 16px 28px;position:static;overflow:visible}.info__name{font-size:38px}.legend{font-size:12px;bottom:10px;left:12px;right:auto}.hint{display:none}}@media (prefers-reduced-motion:reduce){.strip{scroll-behavior:auto}}