.focus-lite{background:linear-gradient(180deg,#edf4ff,#e8eef9);color:#0f172a;position:relative;overflow-x:clip}.dark .focus-lite{background:linear-gradient(180deg,#040a15,#070f1e);color:#e2e8f0}.focus-lite__bg{position:absolute;inset:0;overflow:hidden;pointer-events:auto}.focus-lite .orb{position:absolute;border-radius:999px;background:radial-gradient(circle at center,currentColor 0%,rgba(255,255,255,0) 72%);opacity:.32}.focus-lite .orb--a{width:34rem;height:34rem;left:-8rem;top:-10rem;color:#22d3ee}.focus-lite .orb--b{width:38rem;height:38rem;right:-12rem;bottom:-18rem;color:#a78bfa}.glass{border:1px solid rgba(148,163,184,.32);background:linear-gradient(140deg,#ffffffb3,#ffffff73);backdrop-filter:blur(18px);box-shadow:0 18px 44px -28px #0f172a73}.dark .glass{border-color:#4755698c;background:linear-gradient(145deg,#030914cc,#070f1c9e);box-shadow:0 18px 46px -26px #0891b252}.eyebrow{font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;font-weight:800;color:#475569}.dark .eyebrow{color:#7dd3fc}.title{margin-top:.18rem;font-size:clamp(1.7rem,3vw,2.4rem);font-weight:900;letter-spacing:-.03em;color:#020617}.dark .title{color:#f8fafc}.preset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;width:min(100%,14rem)}.preset,.btn,.mode,.tiny-btn,.task-check,.task-delete{border-radius:.8rem;border:1px solid rgba(148,163,184,.45);background:#ffffffb8;color:#0f172a;font-size:.8rem;font-weight:800;letter-spacing:.01em;padding:.55rem .75rem;transition:all .18s ease}.dark .preset,.dark .btn,.dark .mode,.dark .tiny-btn,.dark .task-check,.dark .task-delete{border-color:#64748b94;background:#020a14b8;color:#e2e8f0}.preset:hover,.btn:hover,.mode:hover,.tiny-btn:hover,.task-check:hover,.task-delete:hover{border-color:#22d3eee6;transform:translateY(-1px)}.preset.is-active,.mode.is-active,.btn--primary{border-color:#22d3eef2;background:linear-gradient(135deg,#22d3ee57,#60a5fa40);color:#0c4a6e}.dark .preset.is-active,.dark .mode.is-active,.dark .btn--primary{color:#dbeafe}.timer-layout{display:grid;gap:1rem;align-items:center;grid-template-columns:1fr}.dial-wrap{display:grid;justify-items:center}.dial{width:min(100%,23rem);aspect-ratio:1;position:relative;touch-action:none;cursor:grab;user-select:none}.dial-svg{width:100%;height:100%;display:block}.dial-track{fill:none;stroke:#94a3b82e;stroke-width:13}.dark .dial-track{stroke:#4755694d}.dial-progress{fill:none;stroke:url(#timerStroke);stroke-width:14;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%;filter:drop-shadow(0 2px 6px rgba(56,189,248,.35))}.dial-handle{position:absolute;width:1.3rem;height:1.3rem;border-radius:999px;border:2px solid rgba(255,255,255,.95);background:#22d3ee;box-shadow:0 0 0 5px #22d3ee3d;transform:translate(-50%,-50%);pointer-events:auto;cursor:grab}.dial-center{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:.24rem}.dial-label{font-size:.73rem;font-weight:800;text-transform:uppercase;letter-spacing:.16em;color:#64748b}.dark .dial-label{color:#94a3b8}.dial-min{font-size:1.2rem;font-weight:900;color:#0f172a}.dark .dial-min{color:#f8fafc}.dial-time{font-size:clamp(2rem,6vw,3.1rem);line-height:1;font-weight:900;letter-spacing:-.04em;color:#020617;font-variant-numeric:tabular-nums}.dark .dial-time{color:#f8fafc}.dial-help{margin-top:.5rem;font-size:.8rem;color:#475569;text-align:center}.dark .dial-help{color:#94a3b8}.control-col{display:grid;gap:.85rem}.inline-controls{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.actions,.mode-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.mode-row{grid-template-columns:1fr 1fr}.status{border-radius:.8rem;border:1px solid rgba(148,163,184,.42);background:#fff9;padding:.6rem .75rem;font-size:.82rem;font-weight:800;color:#334155;text-align:center}.dark .status{border-color:#64748b99;background:#020a14a8;color:#dbeafe}.section-title{font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;font-weight:900;color:#0f172a}.dark .section-title{color:#f8fafc}.task-note{font-size:.72rem;color:#64748b;font-weight:700}.dark .task-note{color:#94a3b8}.task-input-row{display:grid;grid-template-columns:1fr auto;gap:.55rem;margin-bottom:.75rem}.task-input{border-radius:.82rem;border:1px solid rgba(148,163,184,.52);background:#fffc;color:#0f172a;padding:.58rem .72rem;font-size:.86rem;outline:none}.task-input:focus{border-color:#22d3eee6;box-shadow:0 0 0 3px #22d3ee38}.dark .task-input{border-color:#64748b9e;background:#020a14c2;color:#e2e8f0}.task-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.task-item,.task-empty{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;border-radius:.78rem;border:1px solid rgba(148,163,184,.45);background:#ffffffb3;padding:.48rem .55rem;font-size:.84rem;color:#0f172a}.dark .task-item,.dark .task-empty{border-color:#64748b94;background:#020a14b8;color:#e2e8f0}.task-empty{grid-template-columns:1fr;color:#64748b}.dark .task-empty{color:#94a3b8}.task-item.is-done .task-title{text-decoration:line-through;opacity:.66}.task-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.task-check,.task-delete{font-size:.68rem;padding:.36rem .48rem;letter-spacing:.06em;text-transform:uppercase}@media(min-width:860px){.timer-layout{grid-template-columns:1fr .9fr}}@media(max-width:640px){.actions,.task-input-row{grid-template-columns:1fr}.preset-grid{width:100%}}