:root{--bg: #0a0a0b;--surface: #17171b;--surface-strong: #23232a;--fg: #f8fafc;--fg-dim: rgb(248 250 252 / 62%);--accent: #2563eb;--accent-strong: #1d4ed8;--danger: #b91c1c;--work: #0d5c33;--rest: #8a4a05;--touch: 60px;--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}.button{display:flex;flex:1;flex-direction:column;gap:.15em;align-items:center;justify-content:center;min-height:var(--touch);padding:.75rem 1rem;border:none;border-radius:.9rem;background:var(--surface-strong);color:var(--fg);font:inherit;font-size:1.0625rem;font-weight:650;cursor:pointer;touch-action:manipulation;user-select:none}.button:active{transform:scale(.985)}.button:disabled{opacity:.4}.button--primary{background:var(--accent)}.button--primary:active{background:var(--accent-strong)}.button--huge{min-height:104px;font-size:1.75rem;font-weight:800;letter-spacing:.02em}.button--ghost{background:transparent;box-shadow:inset 0 0 0 1px #f8fafc29;font-weight:600}.button--step{flex:0 0 auto;width:var(--touch);min-height:var(--touch);font-size:1.75rem;font-weight:700;line-height:1}.button--icon{flex:0 0 auto;width:var(--touch);min-height:var(--touch);background:transparent;color:var(--fg-dim);font-size:1.5rem}.button--preset[data-active=true]{background:var(--accent)}.button--preset[data-pending=true]{background:var(--danger)}.button__label{font-size:1.0625rem}.button__meta{color:#f8fafc9e;font-size:.8125rem;font-weight:500}.join{display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:100dvh;padding:max(1.25rem,env(safe-area-inset-top)) 1.25rem max(1.25rem,env(safe-area-inset-bottom))}.join__title{margin:0;font-size:2rem;font-weight:800}.join__hint{margin:0;color:var(--fg-dim);font-size:1.0625rem}.join__form{display:flex;flex-direction:column;gap:1rem}.join__input{width:100%;min-height:96px;padding:.5rem;border:none;border-radius:.9rem;background:var(--surface);color:var(--fg);font-family:var(--font-mono);font-size:3.25rem;font-weight:800;letter-spacing:.35em;text-align:center;text-indent:.35em}.join__input:focus{outline:3px solid var(--accent)}.control{display:flex;flex-direction:column;gap:1rem;min-height:100dvh;padding:max(1rem,env(safe-area-inset-top)) 1rem max(1rem,env(safe-area-inset-bottom))}.control__status{display:flex;flex-direction:column;align-items:center;padding:1.25rem 1rem;border-radius:1.1rem;background:var(--surface);transition:background-color .26s ease}.control__status[data-phase=work]{background:var(--work)}.control__status[data-phase=rest]{background:var(--rest)}.control__rounds{margin:0;color:var(--fg-dim);font-size:.9375rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.control__clock{margin:.1em 0;font-family:var(--font-mono);font-size:clamp(3.5rem,22vw,6rem);font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.control__phase{margin:0;font-size:1.125rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.control__actions{display:flex;flex-direction:column;gap:.75rem}.control__row{display:flex;gap:.75rem}.control__footer{display:flex;gap:.75rem;align-items:center;justify-content:space-between;margin-top:auto;padding-top:.5rem}.control__code{color:var(--fg-dim);font-family:var(--font-mono);font-size:.9375rem;letter-spacing:.1em}.control__footer .button{flex:0 0 auto;min-width:120px}.section__title{margin:0 0 .5rem;color:var(--fg-dim);font-size:.8125rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.presets__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem;margin:0;padding:0;list-style:none}.presets__item{display:flex;gap:.25rem;align-items:stretch}.custom{display:flex;flex-direction:column;gap:.75rem}.stepper{display:flex;gap:.75rem;align-items:center;justify-content:space-between}.stepper__label{font-size:1.0625rem;font-weight:650}.stepper__controls{display:flex;gap:.5rem;align-items:center}.stepper__value{min-width:7ch;font-family:var(--font-mono);font-size:1.125rem;font-weight:700;text-align:center}.custom__actions{display:flex;flex-direction:column;gap:.75rem}.banner{margin:0;padding:.85rem 1rem;border-radius:.75rem;font-size:.9375rem;font-weight:600}.banner--error{background:#b91c1c38;color:#fecaca}@media(prefers-reduced-motion:reduce){.button:active{transform:none}.control__status{transition:none}}