.focus-page{--focus-accent:var(--royal);--break-accent:var(--teal);--long-accent:#b7791f}.focus-hero{background:linear-gradient(145deg,#52288a 0%,#6a3da8 45%,#2f8f83 100%)}.focus-hero h1{color:#f9f7f2}.focus-hero .kicker{color:#f2d9a0}.focus-hero p{max-width:46rem;margin:0}.focus-timer{text-align:center;--phase-accent:var(--focus-accent);--phase-tint:#f4edfc;background:linear-gradient(180deg, var(--phase-tint) 0%, var(--surface) 60%);border-width:2px;justify-items:center;gap:.75rem;padding:clamp(1.1rem,4vw,2rem);display:grid}.focus-timer[data-phase=short]{--phase-accent:var(--break-accent);--phase-tint:#e8f4f1}.focus-timer[data-phase=long]{--phase-accent:var(--long-accent);--phase-tint:#fdf4e4}.focus-phases{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.focus-phases li{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;padding:.35rem .9rem;font-size:1rem;font-weight:650}.focus-phases li[aria-current=step]{color:#fff;border-color:#0000}.focus-phases li[aria-current=step][data-phase=focus]{background:var(--focus-accent)}.focus-phases li[aria-current=step][data-phase=short]{background:var(--break-accent)}.focus-phases li[aria-current=step][data-phase=long]{background:#8a5a12}.focus-phase-title{color:var(--phase-accent);margin:.25rem 0 0;font-size:clamp(1.9rem,6vw,2.6rem)}.focus-timer[data-phase=long] .focus-phase-title{color:#8a5a12}.focus-round{color:var(--muted);margin:0;font-size:1.15rem;font-weight:600}.focus-dots{gap:.6rem;display:flex}.focus-dots span{border:2px solid var(--phase-accent);background:0 0;border-radius:50%;width:1.1rem;height:1.1rem}.focus-dots span[data-done=true]{background:var(--phase-accent)}.focus-dots span[data-current=true]{box-shadow:0 0 0 4px #6a3da82e}.focus-clock{aspect-ratio:1;width:min(78vw,320px);position:relative}.focus-clock svg{width:100%;height:100%;display:block}.focus-ring-bg{fill:var(--surface);stroke:var(--line);stroke-width:14px}.focus-ring{fill:none;stroke:var(--phase-accent);stroke-width:14px;stroke-linecap:round;transition:stroke-dashoffset .25s linear}.focus-time{font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--ink);font-size:clamp(3.4rem,17vw,5.2rem);font-weight:700;font-family:var(--font-sans-family), "Source Sans 3", "Segoe UI", sans-serif;place-items:center;display:grid;position:absolute;inset:0}.focus-bar{background:var(--line);border-radius:999px;width:min(100%,420px);height:.7rem;overflow:hidden}.focus-bar span{background:var(--phase-accent);height:100%;transition:width .25s linear;display:block}.focus-cheer{max-width:34rem;margin:0;font-size:1.2rem}.focus-announce{background:var(--phase-tint);border:1px solid var(--line);border-radius:14px;margin:0;padding:.6rem 1rem;font-weight:650}.focus-announce[data-empty=true]{display:none}.focus-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;width:min(100%,560px);display:grid}.focus-big{border-radius:16px;min-height:64px;padding:.6rem .7rem;font-size:1.2rem}.focus-timer .btn-primary{background:var(--phase-accent)}.focus-timer[data-phase=long] .btn-primary{background:#8a5a12}.focus-new-cycle{min-height:48px}.focus-task{text-align:left;gap:.35rem;width:min(100%,560px);font-weight:650;display:grid}.focus-task input,.focus-voice select{min-height:52px;font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:12px;padding:.5rem .8rem;font-weight:400}.focus-task small{font-weight:400}.focus-break{border-left:6px solid var(--teal-brand);gap:.6rem;display:grid}.focus-break.is-now{background:linear-gradient(180deg, #e8f4f1 0%, var(--surface) 70%);border-left-color:var(--teal)}.focus-break h2{margin:0}.focus-steps,.focus-how{gap:.45rem;margin:0;padding-left:1.6rem;font-size:1.15rem;list-style:decimal;display:grid}.focus-break .btn{min-height:52px}.focus-voice{gap:.3rem;max-width:420px;font-weight:650;display:grid}.focus-grid{gap:1.25rem;display:grid}@media (min-width:900px){.focus-grid{grid-template-columns:1fr 1fr;align-items:start}}.focus-presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;display:grid}.focus-preset{border:2px solid var(--line);background:var(--surface);min-height:84px;color:var(--ink);font:inherit;cursor:pointer;text-align:center;border-radius:16px;gap:.15rem;padding:.6rem;display:grid}.focus-preset strong{font-size:1.15rem}.focus-preset span{color:var(--muted)}.focus-preset em{color:var(--teal);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-style:normal;font-weight:700}.focus-preset[aria-checked=true]{border-color:var(--royal);background:#f4edfc;box-shadow:0 0 0 3px #6a3da826}.focus-chips{flex-wrap:wrap;gap:.6rem;display:flex}.focus-chip{border:2px solid var(--line);background:var(--surface);min-width:88px;min-height:52px;color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;padding:.4rem 1rem;font-weight:650}.focus-chip[aria-checked=true]{border-color:var(--royal);background:#f4edfc}.focus-toggle{cursor:pointer;align-items:center;gap:.75rem;min-height:52px;display:flex}.focus-toggle input{width:1.6rem;height:1.6rem;accent-color:var(--royal);flex:none}.focus-test{justify-self:start;min-height:48px}.focus-music{border-top:6px solid var(--gold)}.focus-music h2{margin:0}.focus-volume{gap:.3rem;font-weight:650;display:grid}.focus-volume input{width:100%;min-height:44px;accent-color:var(--royal)}.focus-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;display:grid}.focus-stats p{text-align:center;background:#f4edfc;border-radius:16px;gap:.1rem;margin:0;padding:.8rem;display:grid}.focus-stats p:nth-child(2){background:#e8f4f1}.focus-stats p:nth-child(3){background:#fdf4e4}.focus-stats strong{color:var(--deep);font-size:2rem;line-height:1.1}.focus-week{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:.4rem;display:grid}.focus-day{justify-items:center;gap:.2rem;font-size:.9rem;display:grid}.focus-day-bar{background:var(--sky);border-radius:10px;align-items:flex-end;width:100%;max-width:2.6rem;height:110px;display:flex;overflow:hidden}.focus-day-bar span{background:linear-gradient(180deg, var(--lavender-brand), var(--royal));border-radius:10px 10px 0 0;width:100%;display:block}.focus-day[data-today=true] .focus-day-name{color:var(--royal);font-weight:700}.focus-day-minutes{color:var(--muted);white-space:nowrap;font-size:.8rem}@media (max-width:520px){.focus-controls,.focus-presets{grid-template-columns:1fr}.focus-preset{text-align:left;grid-auto-flow:column;justify-content:space-between;align-items:center;min-height:64px}.focus-stats{grid-template-columns:1fr}.focus-stats p{text-align:left;grid-auto-flow:column;justify-content:start;align-items:center;gap:.6rem}.focus-stats strong{font-size:1.6rem}}@media (prefers-reduced-motion:reduce){.focus-ring,.focus-bar span{transition:none}}