:root{--bg: #1c1c1c;--fg: #e6e6e6;--accent: #4fc3f7;--lit-fill: #ff5252;--lit-fg: #ffffff;--btn-border: rgba(255, 255, 255, .35);--btn-active-fill: #4fc3f7;--btn-active-fg: #000000;--utc-color: #ffeb3b;--tc-color: #4fc3f7}:root[data-theme=dark]{--bg: #000000;--fg: #ffffff;--accent: #ffffff;--lit-fill: #ffffff;--lit-fg: #000000;--btn-border: #ffffff;--btn-active-fill: #ffffff;--btn-active-fg: #000000;--utc-color: #ffffff;--tc-color: #ffffff}:root[data-theme=light]{--bg: #ffffff;--fg: #000000;--accent: #000000;--lit-fill: #000000;--lit-fg: #ffffff;--btn-border: #000000;--btn-active-fill: #000000;--btn-active-fg: #ffffff;--utc-color: #000000;--tc-color: #000000}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#000}body{color:var(--fg);background:var(--bg);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums}#stage{background:var(--bg)}.stage.is-capture{cursor:none}.clock{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;line-height:1.05}.clock__utc{font-size:140px;font-weight:700;letter-spacing:.04em;color:var(--utc-color)}.clock__tc{font-size:72px;margin-top:16px;letter-spacing:.06em;color:var(--tc-color)}.clock__label{font-size:18px;letter-spacing:.4em;text-transform:uppercase;opacity:.6;margin-top:12px}.strip{position:absolute;left:16px;right:16px;bottom:16px;display:grid;gap:4px;height:80px}.strip__box{display:flex;align-items:center;justify-content:center;border:1px solid var(--btn-border);font-size:14px;opacity:.5}.strip__box.is-lit{background:var(--lit-fill);color:var(--lit-fg);border-color:var(--lit-fill);opacity:1;font-weight:700}.controls{position:absolute;inset:0;pointer-events:none;transition:opacity .25s ease-out}.controls.is-hidden{opacity:0}.controls__themes,.controls__rates,.controls__bottom{position:absolute;display:flex;gap:8px;pointer-events:auto}.controls__themes{top:24px;left:24px}.controls__rates{top:24px;right:24px}.controls__bottom{bottom:112px;left:24px;align-items:center}.controls__btn{font:inherit;font-size:18px;padding:8px 14px;border-radius:6px;border:1px solid var(--btn-border);background:transparent;color:var(--fg);cursor:pointer;text-transform:uppercase;letter-spacing:.06em}.controls__btn.is-active{background:var(--btn-active-fill);color:var(--btn-active-fg);border-color:var(--btn-active-fill)}.controls__sync{display:inline-flex;align-items:center;gap:8px;font-size:16px;color:var(--fg)}.controls__sync-error{font-size:14px;color:#ff5252}.controls__capture{font-weight:700}.portrait-overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:#000000d9;color:#fff;font-size:24px;z-index:10;text-align:center;padding:32px}.portrait-overlay[data-visible=true]{display:flex}.portrait-overlay__dismiss{margin-top:16px;font-size:16px;background:transparent;color:#fff;border:1px solid #fff;padding:8px 16px;border-radius:6px;cursor:pointer}