:root{--bg:#0d0f0f;--panel:#171a19;--ink:#f5f5f1;--muted:#9da4a0;--faint:#68716d;--line:rgba(245,245,241,.16);--accent:#00d084;--warning:#e6b85e;--danger:#ff756d;color-scheme:dark}
:root[data-theme=ocean]{--accent:#86c8ff}:root[data-theme=forest]{--accent:#73d39a}:root[data-theme=ember]{--accent:#ffad7a}:root[data-theme=violet]{--accent:#c8b4ff}
*{box-sizing:border-box}html,body{min-height:100%;margin:0;background:var(--bg)}body{color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}body:has(.modal-backdrop){overflow:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.shell{min-height:100vh}.brand{display:inline-flex;align-items:center;opacity:.78;transition:opacity .18s ease}.brand:hover{opacity:1}.brand img{display:block;width:78px;height:auto}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:8px;padding:0 18px;font-size:14px;font-weight:650;transition:background .16s ease,color .16s ease}.button-dark{background:var(--ink);color:#111412}.button-dark:hover{background:#fff}.button-link,.quiet-link,.text-action{border:0;background:none;color:var(--muted)}.quiet-link{display:inline-flex;align-items:center;gap:7px;padding:8px 0;font-size:13px}.quiet-link:hover,.text-action:hover{color:var(--ink)}.text-action{display:inline-flex;min-height:44px;align-items:center;padding:0;border-bottom:1px solid transparent;font-size:13px;font-weight:600}.text-action:hover{border-color:var(--muted)}.kicker,.section-label{color:var(--accent);font-size:11px;font-weight:650;letter-spacing:.12em;text-transform:uppercase}.section-label{display:block;margin-bottom:9px;color:var(--faint)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.create-page{width:min(calc(100% - 64px),720px);min-height:100vh;margin:auto}.create-header{display:flex;height:86px;align-items:center;border-bottom:1px solid var(--line)}.create-form-wrap{width:min(100%,560px);margin:clamp(90px,17vh,180px) auto 0}.create-form-wrap h1{margin:0 0 14px;font-size:clamp(52px,9vw,88px);font-weight:560;letter-spacing:-.075em;line-height:.95}.kicker{margin:0 0 17px}.create-lede{margin:0 0 54px;color:var(--muted);font-size:17px;line-height:1.45}.duration-control{position:relative;border-bottom:1px solid var(--line);padding-bottom:13px}.duration-fields{display:flex;align-items:end;gap:15px}.duration-fields label{display:block;color:var(--muted);font-size:13px}.duration-fields input{display:block;width:100%;margin-top:8px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink);padding:9px 0 10px;outline:0}.duration-fields input:focus{border-color:var(--accent)}.duration-control input{width:2.2ch;border:0;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(70px,13vw,132px);font-variant-numeric:tabular-nums;letter-spacing:-.1em;line-height:1}.duration-colon{color:var(--faint);font-family:ui-monospace,monospace;font-size:clamp(70px,13vw,132px);line-height:1}.duration-suffix{display:block;margin-top:9px;color:var(--faint);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.setup-presets{display:flex;align-items:center;margin:21px 0 43px}.setup-presets button{min-width:59px;height:42px;border:0;border-right:1px solid var(--line);background:none;color:var(--muted);padding:0 15px;font-family:ui-monospace,monospace;font-size:14px}.setup-presets button:first-child{padding-left:0}.setup-presets button:last-child{border-right:0;color:var(--accent);font-family:inherit;font-size:22px}.setup-presets button:hover,.setup-presets button.selected{color:var(--ink)}.setup-presets button.selected{font-weight:700}.setup-options{margin-bottom:32px}.color-field{display:inline-flex;align-items:center;gap:18px;color:var(--muted);font-size:13px}.color-field input{width:27px;height:27px;margin:0;border:0;border-radius:50%;background:none;padding:0;cursor:pointer}.color-field input::-webkit-color-swatch-wrapper{padding:0}.color-field input::-webkit-color-swatch{border:1px solid var(--ink);border-radius:50%}.create-button{width:100%;min-height:56px}.create-note,.seo-note p{color:var(--faint);font-size:12px}.create-note{margin:15px 0}.seo-note{width:min(100%,560px);margin:105px auto 36px;border-top:1px solid var(--line);padding-top:28px}.seo-note h2{margin:0 0 12px;font-size:16px}.seo-note p{margin:0;font-size:14px;line-height:1.55}
.control-page{width:min(calc(100% - 64px),1200px);min-height:100vh;margin:auto}.control-header{display:flex;height:76px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.header-actions{display:flex;align-items:center;gap:20px}.connection-status{color:var(--muted);font-size:12px}.connection-status:before{display:inline-block;width:6px;height:6px;margin:0 8px 1px 0;border-radius:50%;background:var(--accent);content:""}.connection-status[data-state=warning]{color:var(--warning)}.connection-status[data-state=warning]:before{background:var(--warning)}.operator-content{width:min(100%,760px);margin:0 auto;padding:clamp(75px,11vh,130px) 0 52px}.now{text-align:center}.now-state{min-height:21px;margin-top:16px;color:var(--faint);font-size:12px;font-weight:650;letter-spacing:.13em}.operator-clock{margin:36px 0 46px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(90px,17vw,190px);font-variant-numeric:tabular-nums;font-weight:450;letter-spacing:-.11em;line-height:.8}.operator-primary{display:flex;justify-content:center}.primary-action{width:min(250px,100%);min-height:56px}.transport{display:grid;grid-template-columns:repeat(4,1fr);width:min(100%,460px);margin:20px auto 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.transport-button{min-height:48px;border:0;background:none;color:var(--muted);font-size:13px}.transport-button:hover,.transport-reset{color:var(--ink)}.transport-reset{font-weight:600}.up-next{display:flex;align-items:center;justify-content:center;gap:28px;width:min(100%,460px);margin:32px auto 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0}.up-next .section-label{margin:0;color:var(--ink);font-size:15px;letter-spacing:.08em}.preset-rail{display:flex;flex-wrap:wrap;align-items:stretch;gap:0;margin-top:28px;overflow:visible;border-bottom:1px solid var(--line)}.preset-rail>.section-label{align-self:center;flex:0 0 auto;margin:0 24px 0 0}.preset-wrap{position:relative;display:flex}.preset-item{position:relative;display:grid;min-width:74px;min-height:68px;align-content:center;gap:5px;border:0;border-right:1px solid var(--line);background:none;color:var(--muted);padding:8px 28px 8px 18px;text-align:left}.preset-item strong{font-family:ui-monospace,monospace;font-size:15px;font-weight:500;white-space:nowrap}.preset-item:hover{color:var(--ink)}.preset-item.current:after{position:absolute;right:18px;bottom:-1px;left:18px;height:2px;background:var(--accent);content:""}.preset-item.next,.preset-item.next strong{color:var(--accent)}.add-item{min-width:54px;color:var(--accent);padding-right:18px;font-size:23px}.preset-remove{position:absolute;top:7px;right:3px;border:0;background:none;color:var(--faint);padding:3px 6px;font-size:16px;line-height:1;opacity:.55}.preset-remove:hover,.preset-remove:focus{color:var(--danger);opacity:1}
.stage-shell,.stage-screen{background:#070908}.stage-screen{position:relative;display:flex;min-height:100vh;flex-direction:column;justify-content:space-between;padding:5vh 5vw calc(5vh + env(safe-area-inset-bottom));transition:background-color .16s ease,color .16s ease}.stage-top{display:flex;min-height:24px;align-items:center;justify-content:space-between;color:rgba(245,245,241,.64);font-size:clamp(12px,1.2vw,18px)}.stage-core{display:grid;place-items:center;align-content:center;gap:clamp(14px,2vh,24px);text-align:center}.stage-clock{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(100px,23vw,430px);font-variant-numeric:tabular-nums;font-weight:450;letter-spacing:-.11em;line-height:.8}.stage-status{min-height:1.3em;color:rgba(245,245,241,.65);font-size:clamp(14px,1.5vw,24px);font-weight:650;letter-spacing:.14em}.stage-message{min-height:1.4em;max-width:80vw;color:var(--ink);font-size:clamp(16px,1.7vw,28px)}.stage-bottom{display:flex;justify-content:flex-end}.stage-brand{width:clamp(72px,7vw,106px);height:auto;opacity:.62}.stage-progress{position:absolute;right:5vw;bottom:2.2vh;left:5vw;height:2px;background:rgba(245,245,241,.17)}.stage-progress span{display:block;height:100%;background:var(--accent);transition:width .2s linear}.stage-screen[data-state=running] .stage-clock{color:var(--accent)}.stage-screen[data-alert=warning]{background:#121109}.stage-screen[data-alert=urgent],.stage-screen[data-state=overtime],.stage-screen[data-state=time-up]{background:#260706}.stage-screen[data-alert=warning] .stage-clock,.stage-screen[data-alert=warning] .stage-status{color:var(--warning)}.stage-screen[data-alert=urgent] .stage-clock,.stage-screen[data-alert=urgent] .stage-status,.stage-screen[data-state=overtime] .stage-clock,.stage-screen[data-state=overtime] .stage-status,.stage-screen[data-state=time-up] .stage-clock,.stage-screen[data-state=time-up] .stage-status{color:var(--danger)}.stage-screen[data-state=paused] .stage-clock,.stage-screen[data-state=paused] .stage-status{color:var(--warning)}.stage-screen[data-cursor-hidden]{cursor:none}.stage-unavailable,.empty-state{display:grid;min-height:100vh;place-items:center;align-content:center;gap:14px;margin:auto;text-align:center}.stage-unavailable{width:min(calc(100% - 48px),720px);background:#070908}.stage-unavailable .brand{position:absolute;top:32px;left:32px}.stage-unavailable h1,.empty-state h1{margin:0;font-size:34px;letter-spacing:-.06em}.stage-unavailable p,.empty-state p{margin:0;color:var(--muted);line-height:1.5}
.modal-backdrop{position:fixed;z-index:10;inset:0;display:grid;place-items:center;overflow:auto;background:rgba(0,0,0,.64);padding:24px}.sheet{position:relative;width:min(440px,100%);max-height:min(720px,calc(100vh - 48px));overflow:auto;border:1px solid var(--line);background:var(--panel);padding:29px 28px 30px;box-shadow:0 18px 60px rgba(0,0,0,.35)}.share-sheet{width:min(520px,100%)}.sheet-close{position:absolute;top:17px;right:20px;border:0;background:none;color:var(--muted);font-size:24px;line-height:1}.sheet-close:hover{color:var(--ink)}.sheet h2{margin:0 0 27px;font-size:26px;font-weight:550;letter-spacing:-.06em}.sheet .button{width:100%;margin-top:7px}.duration-fields.compact label{flex:1}.duration-fields.compact input{width:100%;font-family:ui-monospace,monospace;font-size:44px;font-variant-numeric:tabular-nums}.qr-share{display:grid;grid-template-columns:190px 1fr;gap:22px;align-items:center;margin:0 0 24px}.qr-code{width:190px;height:190px;background:#fff;padding:8px}.qr-svg{display:block;width:100%;height:100%;shape-rendering:crispEdges}.qr-svg path{fill:#000;stroke:none}.qr-copy strong{display:block;color:var(--ink);font-size:15px;font-weight:600;line-height:1.35}.qr-copy p{margin:9px 0 14px;color:var(--muted);font-size:13px;line-height:1.45}.share-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:15px 0;color:var(--muted);font-size:13px}.share-row:last-of-type{border-bottom:1px solid var(--line);margin-bottom:24px}.shortcut-copy{display:flex;align-items:center;gap:12px;margin:13px 0;color:var(--muted);font-size:13px}.shortcut-copy kbd{min-width:56px;border-bottom:1px solid var(--line);padding:5px;color:var(--ink);font-family:ui-monospace,monospace;font-size:11px;text-align:center}.toast{position:fixed;z-index:20;right:24px;bottom:24px;border-left:2px solid var(--accent);background:var(--panel);padding:13px 16px;color:var(--ink);font-size:13px;box-shadow:0 12px 40px rgba(0,0,0,.28)}.toast.error{border-color:var(--danger)}
@media(max-width:700px){.create-page,.control-page{width:calc(100% - 36px)}.create-header,.control-header{height:68px}.create-form-wrap{margin-top:70px}.create-form-wrap h1{font-size:clamp(52px,15vw,78px)}.create-lede{margin-bottom:42px;font-size:15px}.operator-content{padding-top:65px}.header-actions{gap:13px}.header-actions .connection-status{width:7px;overflow:hidden;font-size:0;white-space:nowrap}.header-actions .quiet-link{font-size:12px}.operator-clock{margin:31px 0 40px;font-size:clamp(76px,21vw,135px)}.transport{width:100%}.preset-rail{justify-content:space-between}.preset-rail>.section-label{display:none}.preset-item{min-width:0;flex:1;padding-right:25px;padding-left:7px;text-align:center}.preset-item.current:after{right:7px;left:7px}.preset-item.add-item{flex:0 0 42px;padding-right:7px}.modal-backdrop{padding:12px}.sheet{max-height:calc(100vh - 24px);padding:26px 20px 24px}.qr-share{grid-template-columns:140px 1fr;gap:16px}.qr-code{width:140px;height:140px;padding:6px}.stage-screen{padding:26px 22px calc(28px + env(safe-area-inset-bottom))}.stage-clock{font-size:clamp(80px,22vw,190px)}.stage-top{font-size:11px}.stage-brand{width:78px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important}}
.language-switch{margin-left:auto;display:flex;align-items:center;gap:.65rem;font-size:.8rem;font-weight:600;letter-spacing:.08em}
.language-option{color:var(--muted);text-decoration:none;line-height:1.5;transition:color .16s ease}
.language-option:hover,.language-option:focus-visible{color:var(--ink)}
.language-option.active{color:var(--accent);border-bottom:2px solid var(--accent);font-weight:750;padding-bottom:2px}
.language-divider{margin:0 .05rem;color:var(--faint)}
.duration-fields label{min-width:2.2ch}
.duration-control input{border-bottom:2px solid var(--line);cursor:text;caret-color:var(--accent);transition:border-color .16s ease,background-color .16s ease}
.duration-control input:hover{border-color:var(--muted)}
.duration-control input:focus{border-color:var(--accent);background:rgba(0,208,132,.05)}
.color-options{display:flex;align-items:center;gap:18px}.color-label{color:var(--muted);font-size:13px}.color-swatches{display:flex;align-items:center;gap:12px}.color-swatch{width:24px;height:24px;border:1px solid transparent;border-radius:50%;background:var(--swatch);padding:0}.color-swatch:hover,.color-swatch.selected{border-color:var(--ink);box-shadow:0 0 0 3px var(--bg),0 0 0 4px var(--swatch)}.color-custom{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.color-custom input{width:24px;height:24px;margin:0;border:0;border-radius:50%;background:none;padding:0;cursor:pointer}.color-custom input::-webkit-color-swatch-wrapper{padding:0}.color-custom input::-webkit-color-swatch{border:1px solid var(--ink);border-radius:50%}.site-footer{display:flex;gap:18px;margin-top:25px;color:var(--faint);font-size:12px}.site-footer a:hover{color:var(--ink)}
@media(max-width:700px){.duration-fields{gap:9px}.duration-control input,.duration-colon{font-size:clamp(52px,13vw,88px)}.color-options{align-items:flex-start;flex-direction:column;gap:12px}.color-swatches{gap:14px}.site-footer{margin-top:22px}}
.operator-controls{display:flex;align-items:flex-end;gap:18px;margin-top:28px}.operator-controls .preset-rail{flex:1;margin-top:0}.operator-color{display:inline-flex;align-items:center;gap:10px;margin-left:auto;padding:0 12px;color:var(--faint);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.operator-color input{width:22px;height:22px;margin:0;border:0;border-radius:50%;padding:0}.operator-color input::-webkit-color-swatch-wrapper{padding:0}.operator-color input::-webkit-color-swatch{border:1px solid var(--ink);border-radius:50%}
@media(max-width:700px){.operator-controls{align-items:stretch;flex-direction:column;gap:18px}.operator-color{margin-left:0;padding:0}}
.duration-fields.compact{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:end;column-gap:12px}.duration-fields.compact label{min-width:0;color:var(--muted);font-size:13px;text-align:center}.duration-fields.compact input{width:100%;font-family:ui-monospace,monospace;font-size:44px;font-variant-numeric:tabular-nums;text-align:center}.duration-fields.compact .duration-colon{align-self:end;padding-bottom:10px}
@media(max-width:700px){.duration-fields.compact{column-gap:7px}.duration-fields.compact input{font-size:36px}}
.duration-fields.compact input{font-size:52px}.duration-fields.compact .duration-colon{font-size:52px;line-height:1;padding-bottom:6px}
@media(max-width:700px){.duration-fields.compact input,.duration-fields.compact .duration-colon{font-size:36px}}