:root{color-scheme:dark;background:#101822;color:#e9e7df;font:14px Arial,Helvetica,sans-serif;--dim:#94a0aa;--line:#39434f;--accent:#e5a15f}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit;cursor:pointer}header{height:98px;margin:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:25px}header>span{font:9px/1.65 ui-monospace,monospace;letter-spacing:.12em}.brand{font:36px ui-monospace,monospace;letter-spacing:-4px}.brand:after{content:'◦';font-size:17px;margin-left:8px;color:var(--accent)}#zone{color:var(--dim);text-align:right;max-width:220px;overflow-wrap:anywhere}main{margin:0 4vw}.stage{height:555px;position:relative;overflow:hidden}canvas,#still{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}canvas{opacity:0;touch-action:pan-y}.drawn canvas{opacity:1}.drawn #still{visibility:hidden}.stage-note{position:absolute;top:75px;left:0;pointer-events:none}.stage-note>span{font:9px ui-monospace,monospace;color:var(--accent);letter-spacing:.3em}.stage-note h1{font-size:47px;font-weight:400;letter-spacing:-.05em;line-height:1.05;margin:20px 0}.stage-note p{font:9px/1.8 ui-monospace,monospace;color:var(--dim)}.dial-legend{position:absolute;bottom:22px;inset-inline:0;display:flex;justify-content:space-between;font:8px ui-monospace,monospace;letter-spacing:.14em;color:var(--dim)}.dial-legend i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);margin-right:8px}.readout{border-block:1px solid var(--line);padding:30px 0;display:flex;justify-content:space-between;align-items:center;gap:30px}.readout p{font:9px ui-monospace,monospace;letter-spacing:.15em;color:var(--accent);margin:0 0 15px}#readout{font:clamp(65px,10.4vw,156px)/.9 ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums;letter-spacing:-.08em;white-space:nowrap}.date{display:flex;flex-direction:column;align-items:flex-end;gap:14px}.date>span{font:10px ui-monospace,monospace;letter-spacing:.07em;text-align:right}#detail{font-size:8px;color:var(--dim)}#hold{margin-top:12px;padding:13px 17px;border:1px solid var(--line);background:none;min-width:190px;display:flex;justify-content:space-between;font-size:11px}fieldset{border:0;margin:0;padding:28px 0;display:grid;grid-template-columns:1fr 1fr 175px;gap:45px;align-items:center}.modes{display:flex;gap:10px}.modes button{background:none;border:0;border-bottom:1px solid transparent;min-height:52px;padding:12px;flex:1;font-size:14px;text-align:left;white-space:nowrap}.modes span{display:block;font:8px ui-monospace,monospace;color:var(--dim);margin-bottom:9px}.modes button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.lens label{display:flex;justify-content:space-between;gap:12px;font:9px ui-monospace,monospace;color:var(--dim)}.lens output{color:var(--accent)}#lens{width:100%;accent-color:var(--accent);height:24px;cursor:ew-resize;margin:8px 0 4px}.lens-ends{display:flex;justify-content:space-between;color:var(--dim);font:8px ui-monospace,monospace}#live{background:none;border:1px solid var(--line);padding:16px;font-size:11px;display:flex;justify-content:space-between;gap:15px}#live:disabled{opacity:.35;cursor:default}.notice{font:10px/1.6 ui-monospace,monospace;color:var(--dim);margin:0 0 25px}footer{margin:0 4vw;padding:22px 0 30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font:8px/1.6 ui-monospace,monospace;color:var(--dim);letter-spacing:.05em}button:hover:not(:disabled){background:#1b2734}button:focus-visible,input:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--accent);outline-offset:5px}@media(max-width:1000px){.stage-note h1{font-size:35px}.stage-note{top:40px}fieldset{grid-template-columns:1fr 1fr;gap:20px}#live{grid-column:2}.readout{gap:20px}.date>span{font-size:9px}#hold{min-width:155px;font-size:10px}}@media(max-width:700px){header{height:78px;margin:0 20px;gap:15px}.brand{font-size:31px}header>span{font-size:7px}header>span:nth-child(2){display:none}#zone{max-width:190px}main{margin:0 20px}.stage{height:445px}.stage-note{top:24px}.stage-note h1{font-size:30px;line-height:1.02;margin:14px 0}.stage-note p{font-size:8px;max-width:180px}.dial-legend{bottom:16px;font-size:6px;gap:20px}.dial-legend>span:last-child{text-align:right;max-width:130px}.readout{display:block;padding:23px 0}.readout p{font-size:8px;margin-bottom:13px}#readout{font-size:clamp(45px,13.5vw,88px);letter-spacing:-.085em}.date{align-items:flex-start;margin-top:23px;gap:9px}.date>span{font-size:9px;text-align:left}#hold{margin-top:9px;width:100%;padding:15px;font-size:11px}fieldset{grid-template-columns:1fr;gap:20px;padding:20px 0}.modes{gap:5px}.modes button{padding:12px 6px;font-size:15px}.lens label{font-size:9px}#live{grid-column:1}.notice{font-size:8px}footer{margin:0 20px;flex-wrap:wrap;font-size:7px;gap:9px}}