:root{--bg:#f7f4ee;--panel:#fffdf8;--ink:#211d17;--ink-dim:#6b6558;--line:#ddd6c6;--accent:#b6491f;--accent-2:#2c6e64;--warning:#8a5a10;--scene-bg:#0f1418;--mono:"IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;--sans:"IBM Plex Sans", -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;--serif:"Fraunces", Georgia, serif}@media (prefers-color-scheme:dark){:root{--bg:#161310;--panel:#1e1a16;--ink:#eee8db;--ink-dim:#a89f8c;--line:#3a3428;--accent:#e2814f;--accent-2:#6fbfb1;--warning:#e0b464;--scene-bg:#0b0f12}}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);min-height:100%;color:var(--ink);font-family:var(--sans);margin:0;font-size:16px;line-height:1.5}a{color:var(--accent-2)}a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px;border-radius:3px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--panel);border:1px solid var(--line);z-index:50;padding:8px 12px;position:absolute;top:8px;left:-9999px}.skip-link:focus{left:8px}.page-header{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;padding:16px 20px 12px;display:flex}.page-header h1{font-family:var(--serif);margin:0;font-size:clamp(1.25rem,3.4vw,1.75rem);font-weight:600}.page-header__subtitle{font-family:var(--mono);color:var(--ink-dim);margin:2px 0 0;font-size:.78rem}.page-header__back{font-family:var(--mono);font-size:.8rem;text-decoration:none}.page-header__back:hover{text-decoration:underline}.layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:16px;padding:16px 20px 24px;display:grid}.viewport{min-width:0}.viewport__tabs{gap:6px;margin-bottom:10px;display:flex}.tab{font:inherit;color:var(--ink-dim);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:4px;flex:1 1 0;padding:9px 12px;font-size:.9rem}.tab[aria-selected=true]{color:var(--ink);background:var(--panel);border-color:var(--accent-2);box-shadow:inset 0 -2px 0 var(--accent-2)}.viewport__stage{background:var(--scene-bg);border:1px solid var(--line);aspect-ratio:4/3;border-radius:6px;max-height:min(72vh,680px);position:relative;overflow:hidden}#scene{touch-action:none;width:100%;height:100%;display:block}.viewport__hint{font-family:var(--mono);color:#8f9aa1;text-align:right;pointer-events:none;margin:0;font-size:.7rem;position:absolute;bottom:8px;right:10px}.viewport__caption{max-width:min(46ch,60%);font-family:var(--mono);color:#9aa3a8;pointer-events:none;margin:0;font-size:.7rem;line-height:1.45;position:absolute;bottom:8px;left:10px}.webgl-fallback{background:var(--panel);color:var(--ink);flex-direction:column;justify-content:center;gap:8px;padding:24px;display:flex;position:absolute;inset:0}.webgl-fallback h3{margin:0;font-size:1rem}.webgl-fallback p{color:var(--ink-dim);margin:0;font-size:.88rem}.viewport__camera{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.button{font:inherit;color:var(--ink);background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:4px;padding:8px 12px;font-size:.85rem}.button:hover{border-color:var(--accent-2)}.button--primary{color:var(--bg);background:var(--accent-2);border-color:var(--accent-2);font-weight:600}.button[disabled]{opacity:.5;cursor:default}.panel{flex-direction:column;gap:14px;min-width:0;display:flex}.panel__block{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:12px 14px}.panel__block--quiet{background:0 0}.panel__title{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);margin:0 0 8px;font-size:.72rem;font-weight:600}.panel__note{font-family:var(--mono);color:var(--ink-dim);margin:8px 0 0;font-size:.76rem;line-height:1.6}.panel__warning{color:var(--warning);margin:8px 0 0;font-size:.8rem}.panel__footer{font-family:var(--mono);color:var(--ink-dim);font-size:.7rem}.panel__footer p{margin:0 0 4px}.segmented{flex-wrap:wrap;gap:6px;display:flex}.segmented__button{font:inherit;color:var(--ink-dim);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:4px;flex:auto;padding:8px 10px;font-size:.85rem}.segmented__button[aria-pressed=true]{color:var(--ink);border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);font-weight:600}.mode{align-items:center;gap:8px;margin:0 0 10px;font-size:.85rem;font-weight:600;display:flex}.mode__dot{background:var(--accent-2);border-radius:50%;width:9px;height:9px}.mode--fixed .mode__dot{background:var(--accent)}.time-controls{gap:8px;display:grid}.time-controls__label{font-family:var(--mono);color:var(--ink-dim);font-size:.72rem}.input{width:100%;font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:4px;padding:7px 8px;font-size:.85rem}.dst-choice{margin-top:10px}.dst-choice .segmented{margin-top:6px}.phase-indicator{align-items:center;gap:12px;display:flex}.phase-indicator__figure{width:96px;color:var(--ink);flex:0 0 96px}.phase-indicator__figure svg{width:100%;height:auto;display:block}.phase-indicator__figure--below{opacity:.55}.phase-indicator__dark{fill:currentColor;opacity:.16}.phase-indicator__lit{fill:#f0e7cf}.phase-indicator__rim{fill:none;stroke:currentColor;stroke-width:1.1px;opacity:.6}.phase-indicator__zenith{stroke:var(--accent-2);stroke-width:1.6px}.phase-indicator__zenith-label{font-family:var(--mono);fill:currentColor;opacity:.6;font-size:9px}.phase-indicator__caption{color:var(--ink-dim);margin:0;font-size:.82rem}.readout{font-family:var(--mono);grid-template-columns:auto 1fr;gap:4px 12px;margin:0;font-size:.78rem;display:grid}.readout dt{color:var(--ink-dim)}.readout dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.readout dd.readout--below{color:var(--accent)}.readout .readout__group{border-top:1px solid var(--line);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);grid-column:1/-1;margin-top:8px;padding-top:6px;font-size:.7rem}.notes{color:var(--ink-dim);margin:0;padding-left:18px;font-size:.78rem;line-height:1.6}@media (max-width:900px){.layout{grid-template-columns:minmax(0,1fr);padding:12px 14px 20px}.viewport__stage{aspect-ratio:1;max-height:62vh}.page-header{padding:12px 14px 10px}}@media (max-width:480px){.viewport__stage{aspect-ratio:3/4;max-height:58vh}.tab{padding:8px 6px;font-size:.82rem}.phase-indicator__figure{flex-basis:78px;width:78px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}