:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f4ee;--ink:#221f1d;--muted:#776d66;--panel:#fffdf8;--line:#e4d9cd;--tomato:#d84132;--tomato-dark:#9f291f;--leaf:#397a4a;--gold:#c58b27;--sage:#6c8a75;--shadow:0 24px 70px #44302029;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 16% 18%,#d8413224,#0000 26rem),linear-gradient(135deg,#f7f4ee 0%,#efe9dd 52%,#f8f6f0 100%);margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);align-items:center;gap:24px;width:min(1160px,100vw - 32px);min-height:100vh;margin:0 auto;padding:28px 0;display:grid}.timer-pane,.side-pane{min-width:0}.timer-pane{gap:22px;display:grid}.topbar,.panel-heading,.stats-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.eyebrow{color:var(--tomato-dark);letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-size:.78rem;font-weight:800}h1,h2,p{margin:0}h1{letter-spacing:0;font-size:clamp(2.35rem,7vw,5.4rem);line-height:.95}h2{letter-spacing:0;font-size:1rem}.icon-button,.text-button,.secondary-button,.primary-button,.task-form button{border:0;border-radius:8px;min-height:42px;transition:transform .16s,box-shadow .16s,background .16s}.icon-button,.text-button,.secondary-button{color:var(--ink);border:1px solid var(--line);background:#fffdf8d1}.icon-button{padding:0 14px;font-weight:750}.icon-button.is-muted{color:var(--muted)}.mode-tabs{border:1px solid var(--line);background:#fffdf8b8;border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:6px;display:grid}.mode-tab{min-height:46px;color:var(--muted);background:0 0;border:0;border-radius:7px;font-weight:800}.mode-tab.is-active{color:#fff;background:var(--ink);box-shadow:0 12px 30px #221f1d33}.timer-card{min-height:560px;box-shadow:var(--shadow);background:#fffdf89e;border:1px solid #d841322e;border-radius:8px;place-items:center;gap:26px;padding:36px;display:grid}.tomato-ring{--size:min(70vw, 430px);width:var(--size);aspect-ratio:1;background:conic-gradient(var(--tomato) var(--progress), #d8413226 0deg);border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:inset 0 -26px 60px #5d1d143d,0 20px 50px #75312533}.tomato-ring:before{content:"";background:radial-gradient(circle at 35% 24%, #ff7a66, var(--tomato) 48%, var(--tomato-dark) 100%);border-radius:50%;position:absolute;inset:16px}.tomato-stem{z-index:2;background:var(--leaf);clip-path:polygon(50% 0,62% 33%,100% 22%,72% 54%,88% 100%,50% 70%,12% 100%,28% 54%,0 22%,38% 33%);width:112px;height:68px;position:absolute;top:-22px}.timer-face{z-index:3;width:calc(var(--size) - 108px);aspect-ratio:1;color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#4e181333;border-radius:50%;align-content:center;justify-items:center;gap:12px;display:grid;position:relative}.mode-label,.session-count{color:#ffffffc7;font-weight:850}.mode-label{text-transform:uppercase;letter-spacing:0;font-size:.82rem}.time{font-variant-numeric:tabular-nums;letter-spacing:0;font-size:clamp(4.2rem,14vw,8rem);font-weight:900;line-height:.92}.session-count{font-size:.95rem}.timer-actions{grid-template-columns:1.5fr 1fr 1fr;gap:10px;width:min(100%,430px);display:grid}.primary-button,.task-form button{color:#fff;background:var(--ink);font-weight:850}.primary-button{min-height:54px;font-size:1.04rem}.secondary-button{min-height:54px;font-weight:800}button:hover{transform:translateY(-1px)}button:active{transform:translateY(0)}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #c58b2773}.side-pane{gap:14px;display:grid}.panel{border:1px solid var(--line);background:#fffdf8d1;border-radius:8px;padding:18px;box-shadow:0 18px 42px #44302014}.text-button{min-height:34px;color:var(--muted);padding:0 10px;font-size:.84rem;font-weight:750}.task-form{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:16px 0 12px;display:grid}.task-form input,.duration-input{border:1px solid var(--line);width:100%;min-height:42px;color:var(--ink);background:#fff;border-radius:8px}.task-form input{padding:0 12px}.task-form button{padding:0 14px}.task-list{gap:8px;max-height:250px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.task-item{background:#f7f4eeb8;border:1px solid #e4d9cdb8;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:42px;padding:8px 10px;display:grid}.task-item input{width:18px;height:18px;accent-color:var(--tomato)}.task-item span{overflow-wrap:anywhere;min-width:0;font-weight:720}.task-item.is-done span{color:var(--muted);text-decoration:line-through}.task-remove{width:32px;height:32px;color:var(--muted);background:0 0;border:0;border-radius:7px;font-weight:900}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.settings-grid label{color:var(--muted);gap:6px;font-size:.82rem;font-weight:800;display:grid}.duration-input{color:var(--ink);padding:0 10px;font-size:1rem;font-weight:850}.stats-row{margin-top:16px}.stats-row div{background:#f4efe5;border-radius:8px;flex:1;align-content:center;gap:6px;min-height:92px;padding:14px;display:grid}.stats-row span{color:var(--tomato-dark);font-variant-numeric:tabular-nums;font-size:2rem;font-weight:900}.stats-row p{color:var(--muted);font-size:.82rem;font-weight:750}@media (width<=900px){.app-shell{grid-template-columns:1fr;align-items:start}.timer-card{min-height:auto;padding:30px 18px}}@media (width<=560px){.app-shell{width:min(100% - 20px,1160px);padding:16px 0}.topbar{align-items:flex-start}.mode-tabs,.timer-actions,.settings-grid,.stats-row{grid-template-columns:1fr}.timer-actions,.stats-row{display:grid}.tomato-ring{--size:min(88vw, 360px)}.timer-face{width:calc(var(--size) - 74px)}.time{font-size:clamp(3.2rem,21vw,5rem)}}