:root{--color-bg:#0b1f3a;--color-surface:#16325a;--color-surface-strong:#234877;--color-border:#3a5f92;--color-text:#fff;--color-muted:#c4d3e8;--color-accent:#ffc72c;--color-on-accent:#0b1f3a;--color-go:#1fd286;--color-warning:#ffc72c;--color-urgent:#ff6b5e;--color-danger:#d92d20;--radius:14px;--gap:10px;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--color-bg);color:var(--color-text);font-family:var(--font);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;margin:0}h1,h2,p{margin:0}.btn{border:2px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);min-height:64px;color:var(--color-text);font:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;padding:0 14px;font-size:1.15rem;font-weight:700}.btn:active:not(:disabled){background:var(--color-surface-strong)}.btn:focus-visible,input:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.btn:disabled{opacity:.45;cursor:default}.btn-primary{border-color:var(--color-go);background:var(--color-go);color:var(--color-on-accent);font-size:1.5rem;font-weight:800}.btn-primary:active:not(:disabled){background:var(--color-go);filter:brightness(.85)}.btn-pause{border-color:var(--color-accent);background:var(--color-accent)}.btn-pause:active:not(:disabled){background:var(--color-accent)}.btn-danger{border-color:var(--color-danger);background:var(--color-danger)}.btn-small{min-height:48px;font-size:1rem}.btn-on{border-color:var(--color-accent);color:var(--color-accent)}.btn-icon{width:48px;min-height:48px;padding:0;font-size:1.2rem}.btn-wide{width:100%}.timer-screen{min-height:100dvh;padding:max(8px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));flex-direction:column;gap:8px;display:flex}.topbar{justify-content:space-between;align-items:center;gap:var(--gap);display:flex}.brand{font-size:1.15rem;font-weight:600}.brand b{color:var(--color-accent);letter-spacing:.04em;font-weight:900}.status-row{flex-wrap:wrap;align-items:center;gap:6px 8px;min-height:26px;display:flex}.template-name{color:var(--color-muted);flex:auto;font-size:.95rem;font-weight:600}.pill{white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:.8rem;font-weight:700}.pill-ok{background:var(--color-surface);color:var(--color-go)}.pill-warn{background:var(--color-accent);color:var(--color-on-accent)}.stage{text-align:center;flex-direction:column;flex:auto;justify-content:center;min-width:0;display:flex}.stage-label{color:var(--color-muted);letter-spacing:.05em;text-transform:uppercase;font-size:1rem;font-weight:700}.current-name{overflow-wrap:anywhere;font-size:clamp(1.9rem,8.5vw,3.6rem);font-weight:800;line-height:1.1}.countdown{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:min(32vw,27dvh);font-weight:800;line-height:1.05}.countdown-long{font-size:min(25vw,27dvh)}.progress{gap:3px;height:14px;display:flex}.progress-segment{background:var(--color-surface-strong);border-radius:3px;flex:1 1 0;min-width:4px;overflow:hidden}.progress-fill{background:var(--color-accent);height:100%;display:block}.panel{gap:var(--gap);flex-direction:column;display:flex}.cards{gap:var(--gap);grid-template-columns:1.6fr 1fr;display:grid}.card{border-radius:var(--radius);background:var(--color-surface);flex-direction:column;justify-content:center;min-width:0;min-height:72px;padding:8px 12px;display:flex}.card-label{color:var(--color-muted);letter-spacing:.05em;text-transform:uppercase;font-size:.85rem;font-weight:700}.card-value{font-variant-numeric:tabular-nums;font-size:1.9rem;font-weight:800;line-height:1.15}.card-value-text{overflow-wrap:anywhere;font-size:1.3rem}.banner{border-radius:var(--radius);background:var(--color-accent);color:var(--color-on-accent);text-align:center;padding:10px 12px;font-size:1rem;font-weight:700}.controls{gap:var(--gap);grid-template-columns:1fr 1fr;display:grid}.controls .btn-primary{grid-column:1/-1;min-height:84px}.utilities{gap:var(--gap);display:flex}.utilities .btn{white-space:nowrap;flex:1 1 0}.notice{color:var(--color-muted);font-size:.85rem;line-height:1.35}[data-phase=warning] .countdown{color:var(--color-warning)}[data-phase=urgent] .countdown{color:var(--color-urgent)}[data-phase=paused] .countdown{color:var(--color-muted);animation:1.6s ease-in-out infinite pulse}[data-phase=finished] .countdown{color:var(--color-go)}@keyframes pulse{50%{opacity:.45}}.flash{animation:1.2s ease-out flash}@keyframes flash{0%,30%,60%{background:var(--color-accent)}15%,45%,to{background:var(--color-bg)}}@media (orientation:portrait) and (height<=700px){.timer-screen{gap:6px}.panel{gap:8px}.card{min-height:60px;padding:6px 12px}.card-value{font-size:1.6rem}.card-value-text{font-size:1.15rem}.controls{grid-template-columns:2fr 1fr 1fr;gap:8px}.controls .btn{min-height:68px;padding:0 6px}.controls .btn-primary{grid-column:auto;min-height:68px}.btn-small{min-height:44px}.notice{font-size:.8rem;line-height:1.25}}@media (orientation:landscape) and (height<=600px){.timer-screen{grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);column-gap:16px;height:100dvh;display:grid}.topbar,.status-row{grid-column:2}.topbar{grid-row:1}.status-row{grid-row:2}.stage{grid-area:1/1/-1}.panel{grid-area:3/2;gap:6px}.current-name{font-size:clamp(1.4rem,8dvh,2.4rem)}.countdown,.countdown-long{font-size:min(16vw,48dvh)}.card{min-height:54px;padding:4px 10px}.card-value{font-size:1.4rem}.card-value-text{font-size:1rem}.controls{grid-template-columns:2fr 1fr 1fr}.controls .btn-primary{grid-column:auto;min-height:60px;font-size:1.25rem}.controls .btn{min-height:60px}.utilities .btn{min-height:42px}.notice{display:none}}@media (width>=700px) and (height>=601px){.timer-screen{max-width:1000px;margin:0 auto}.countdown,.countdown-long{font-size:min(32vw,30dvh,340px)}.card-value{font-size:2.6rem}.card-value-text{font-size:1.9rem}}.sessions-screen{max-width:640px;padding:max(10px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));flex-direction:column;gap:12px;margin:0 auto;display:flex}.screen-title{font-size:1.5rem;font-weight:800}.session-list,.block-list{gap:var(--gap);flex-direction:column;display:flex}.session-row,.block-editor{border-radius:var(--radius);background:var(--color-surface);border:2px solid #0000;flex-direction:column;gap:10px;padding:12px;display:flex}.session-row-active{border-color:var(--color-accent)}.session-info{flex-direction:column;gap:2px;display:flex}.session-info strong{overflow-wrap:anywhere;font-size:1.2rem}.session-info span{color:var(--color-muted)}.session-actions{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.session-actions .btn{padding:0 4px}.block-editor-head{align-items:center;gap:8px;display:flex}.block-number{flex:auto;font-weight:800}.field{flex-direction:column;gap:4px;min-width:0;display:flex}.field span{color:var(--color-muted);font-size:.9rem;font-weight:700}.field input{border:2px solid var(--color-border);background:var(--color-bg);width:100%;min-height:48px;color:var(--color-text);font:inherit;border-radius:10px;padding:0 12px;font-size:1.1rem}.field input::placeholder{color:var(--color-muted);opacity:.8}.duration-row{gap:var(--gap);grid-template-columns:1fr 1fr;display:grid}.editor-errors{border-radius:var(--radius);background:var(--color-danger);margin:0;padding:10px 12px 10px 30px;font-weight:700}.editor-footer{padding:10px 0 max(4px, env(safe-area-inset-bottom));background:var(--color-bg);justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;bottom:0}.editor-total{font-size:1.15rem}.editor-footer .btn-primary{min-width:130px}@media (prefers-reduced-motion:reduce){[data-phase=paused] .countdown{animation:none}}