:root{--ink:#f3e9dc;--ink-dim:#f3e9dc9e;--ink-faint:#f3e9dc61;--amber:#e2b26a;--amber-deep:#c58f3e;--panel:#16100c94;--line:#ffe4c41a;--sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--serif:"Cormorant Garamond", "Iowan Old Style", Georgia, serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font:14px/1.4 var(--sans);-webkit-font-smoothing:antialiased;background:#120e0b;margin:0;overflow:hidden}#viewport{position:fixed;inset:0}#viewport canvas{touch-action:none;display:block}#viewport:after{content:"";pointer-events:none;background:radial-gradient(at 58% 45%,#0000 45%,#0000008c 100%);position:absolute;inset:0}button,select,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.panel{top:max(24px, env(safe-area-inset-top));left:max(24px, env(safe-area-inset-left));background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(16px)saturate(1.1);border-radius:18px;flex-direction:column;gap:18px;width:300px;max-height:calc(100% - 48px);padding:22px 22px 16px;display:flex;position:fixed;overflow-y:auto;box-shadow:0 24px 60px #00000059}.brand{align-items:baseline;gap:10px;display:flex}.brand h1{font:italic 500 30px/1 var(--serif);letter-spacing:.01em;margin:0}.brand .tag{text-transform:uppercase;letter-spacing:.16em;color:var(--ink-faint);font-size:11px}.readout .time{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:64px;font-weight:300;line-height:1}.readout .time .frac{color:var(--ink-dim);letter-spacing:0;margin-left:2px;font-size:.42em}.readout .state{color:var(--ink-dim);min-height:1.4em;margin-top:8px}.readout .state.done{color:var(--amber)}.bar{background:#ffffff14;border-radius:2px;height:3px;margin-top:14px;overflow:hidden}.bar>div{background:linear-gradient(90deg, var(--amber-deep), var(--amber));width:0%;height:100%}.label,.custom span:first-child{text-transform:uppercase;letter-spacing:.14em;color:var(--ink-faint);font-size:11px}.durations .label{margin-bottom:8px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips button{border:1px solid var(--line);font-variant-numeric:tabular-nums;background:#ffffff0a;border-radius:999px;padding:6px 11px;transition:background .15s,border-color .15s}.chips button:hover:not(:disabled){background:#ffffff17}.chips button[aria-checked=true]{color:#ffe1b3;background:#e2b26a29;border-color:#e2b26a99}.custom{align-items:center;gap:8px;margin-top:10px;display:flex}.custom input{border:1px solid var(--line);font-variant-numeric:tabular-nums;background:#00000040;border-radius:8px;width:74px;padding:6px 10px}.custom input.active{border-color:#e2b26a99}.custom .unit{color:var(--ink-faint)}.actions{gap:8px;display:flex}.actions button{letter-spacing:.01em;border-radius:12px;flex:1;padding:12px 14px;font-weight:500}.primary{color:#23170c;background:linear-gradient(180deg, #ecc483, var(--amber-deep));border:0;box-shadow:0 6px 18px #c58f3e47,inset 0 1px #ffffff59}.primary:hover:not(:disabled){filter:brightness(1.06)}.primary.secondary{color:var(--ink);box-shadow:none;background:#e2b26a1f;border:1px solid #e2b26a80}.ghost{border:1px solid var(--line);background:#ffffff0a;flex:none!important}.ghost:hover:not(:disabled){background:#ffffff17}.telemetry{border-top:1px solid var(--line);padding-top:12px}.telemetry summary{cursor:pointer;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-faint);font-size:11px;list-style:none}.telemetry summary::-webkit-details-marker{display:none}.telemetry summary:after{content:" +"}.telemetry[open] summary:after{content:" –"}.telemetry dl{grid-template-columns:auto 1fr;gap:5px 12px;margin:10px 0 0;font-size:12.5px;display:grid}.telemetry dt{color:var(--ink-faint)}.telemetry dd{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink-dim);margin:0}.tools{border-top:1px solid var(--line);align-items:center;gap:6px;padding-top:12px;display:flex}.tools .icon,.tools select{border:1px solid var(--line);color:var(--ink-dim);background:#ffffff0a;border-radius:8px;padding:6px 9px;font-size:12px}.tools .icon:hover,.tools select:hover{background:#ffffff17}.tools .icon[aria-pressed=false]{color:var(--ink-faint)}.tools .quality{margin-left:auto}.tools select{appearance:none;padding-right:9px}.tools select option{background:#21180f}.hint,.credit{bottom:max(18px, env(safe-area-inset-bottom));color:var(--ink-faint);pointer-events:none;font-size:12px;position:fixed}.hint{right:24px}.credit{pointer-events:auto;left:24px}.credit a{color:var(--ink-dim);border-bottom:1px dotted var(--ink-faint);text-decoration:none}kbd{font:11px var(--sans);border:1px solid var(--line);background:#ffffff0d;border-radius:4px;padding:1px 5px}.loader{z-index:10;background:#0a08068c;place-items:center;transition:opacity .6s;display:grid;position:fixed;inset:0}.loader.hidden{opacity:0;pointer-events:none}.loader-card{text-align:center;width:min(320px,100% - 48px)}.loader-title{font:italic 500 26px var(--serif)}.loader-bar{background:#ffffff1a;border-radius:2px;height:2px;margin:16px 0 10px;overflow:hidden}.loader-bar>div{background:var(--amber);width:4%;height:100%;transition:width .3s}.loader-sub{color:var(--ink-faint);font-size:12px}@media (max-width:720px){.panel{top:auto;left:12px;right:12px;bottom:max(12px, env(safe-area-inset-bottom));gap:12px;width:auto;max-height:52%;padding:16px 16px 12px}.brand{display:none}.readout{grid-template-columns:auto 1fr;align-items:end;column-gap:14px;display:grid}.readout .time{font-size:44px}.readout .state{margin:0 0 4px}.readout .bar{grid-column:1/-1;margin-top:10px}.durations .label{display:none}.chips{scrollbar-width:none;flex-wrap:nowrap;margin:0 -16px;padding:0 16px;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chips button{flex:none}.custom{margin-top:8px}.actions button{padding:10px 12px}.hint,.credit{display:none}}@media (min-width:721px) and (max-height:760px){.credit{display:none}}