:root{--bg:#EDE6F7;--card:#FBF8FF;--ink:#2B2540;--on-ink:#FBF8FF;--muted:#6B6385;--soft-ink:#3D3555;--lilac:#C9B8FF;--lilac-2:#DCD2FA;--mint:#BDEBD9;--peach:#FFD9C7;--butter:#FFE08A;--seg-yellow-well:#FFF4D6;--seg-yellow-on:#FFD95E;--link:#5B3FD6;--link-hover:#3F27A8;--accent:#8B6FE8;--red-ink:#9A3412;--time:#6A45D9;--green-ink:#1E6B50;--surface-2:#F2ECFB;--surface-well:#E4DBF5;--surface-input:#E6DEF4;--line:#F0EAF8;--line-strong:#C4B6EA;--nav-text:#4A4263;--ring:#C9B8FF;--overlay:rgba(43,37,64,.32);--font-body:Nunito,system-ui,sans-serif;--font-display:Fredoka,system-ui,sans-serif;--r:1;--r-card:28px;--r-input:18px;--r-btn:999px;--r-pill:999px;--r-seg:999px;--r-seg-item:999px;--r-sheet:34px;--r-check:7px;--sh-clay:10px 12px 24px rgba(120,96,180,.18),-8px -8px 18px rgba(255,255,255,.95),inset 3px 3px 6px rgba(255,255,255,.75),inset -4px -5px 10px rgba(110,86,170,.12);--sh-pill:inset 2px 2px 4px rgba(255,255,255,.8),inset -3px -3px 6px rgba(110,86,170,.16),4px 5px 10px rgba(120,96,180,.16);--sh-well:inset 3px 3px 6px rgba(110,86,170,.22),inset -3px -3px 6px rgba(255,255,255,.9);--sh-soft:inset 2px 2px 5px rgba(110,86,170,.14),inset -2px -2px 5px rgba(255,255,255,.9);--sh-dark:6px 8px 18px rgba(43,37,64,.35),inset 2px 2px 4px rgba(255,255,255,.18),inset -3px -3px 6px rgba(0,0,0,.3)}:root[data-theme=slate]{--bg:#EAF1FC;--card:#FFFFFF;--ink:#17243D;--on-ink:#FFFFFF;--muted:#74829F;--soft-ink:#2C3B5A;--lilac:#8190FF;--lilac-2:#D9E9FF;--mint:#CFF4E7;--peach:#F8DCEB;--butter:#FFF0D1;--seg-yellow-well:#FBF4E4;--seg-yellow-on:#FFE2A0;--link:#426BFF;--link-hover:#2F52D6;--accent:#426BFF;--ring:#8190FF;--surface-2:#F2F7FE;--surface-well:#DCE7F8;--surface-input:#E6EEFA;--line:#E3EAF6;--line-strong:#B4C2DD;--nav-text:#C5D0E8;--overlay:rgba(25,38,64,.5);--font-body:"Plus Jakarta Sans",system-ui,sans-serif;--font-display:"Plus Jakarta Sans",system-ui,sans-serif;--r:.9;--r-card:24px;--r-input:15px;--r-btn:16px;--r-pill:999px;--r-seg:16px;--r-seg-item:12px;--r-sheet:28px;--r-check:8px;--sh-clay:0 1px 2px rgba(23,36,61,.05),0 4px 10px rgba(23,36,61,.05),0 16px 36px rgba(66,107,255,.12);--sh-pill:0 1px 2px rgba(23,36,61,.1),0 4px 10px rgba(66,107,255,.14),inset 0 1px 0 rgba(255,255,255,.7);--sh-well:inset 0 2px 5px rgba(23,36,61,.16),inset 0 -1px 0 rgba(255,255,255,.8);--sh-soft:inset 0 1px 3px rgba(23,36,61,.1);--sh-dark:0 6px 16px rgba(66,107,255,.45),inset 0 1px 0 rgba(255,255,255,.25)}:root[data-theme=slate] .dark{background:var(--accent)!important;color:#fff!important}:root[data-theme=slate] .side{background:linear-gradient(170deg,#1E2D4D,#192640 45%,#121C33);box-shadow:0 18px 40px rgba(18,28,51,.4),0 4px 12px rgba(18,28,51,.2);--ink:#FFFFFF;--muted:#8E9DBF;--surface-2:rgba(255,255,255,.08);--lilac-2:#426BFF}:root{--r-10:calc(10px * var(--r));--r-11:calc(11px * var(--r));--r-12:calc(12px * var(--r));--r-14:calc(14px * var(--r));--r-16:calc(16px * var(--r));--r-18:calc(18px * var(--r));--r-20:calc(20px * var(--r));--r-22:calc(22px * var(--r));--r-24:calc(24px * var(--r))}*{box-sizing:border-box}body,html{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body)}body{min-height:100vh;-webkit-font-smoothing:antialiased}a{color:var(--link);text-decoration:none}a:hover{color:var(--link-hover)}button{font-family:inherit;color:inherit}input,select,textarea{font-family:inherit;color:var(--ink)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.display,h1,h2,h3{font-family:var(--font-display)}h1{font-size:32px;font-weight:700}h1,h2{margin:0}h2{font-size:18px;font-weight:600}.clay{border-radius:var(--r-card);background:var(--card);box-shadow:var(--sh-clay)}.pill{box-shadow:var(--sh-pill)}.pill,.well{border-radius:var(--r-pill)}.well{box-shadow:var(--sh-well)}.soft{box-shadow:var(--sh-soft)}.bar-fill{background-image:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.12) 45%,rgba(0,0,0,.08));box-shadow:inset 0 -2px 3px rgba(43,37,64,.18),inset 0 2px 2px rgba(255,255,255,.6),0 2px 4px rgba(43,37,64,.18)}.dark{background:var(--ink)!important;color:var(--on-ink)!important;box-shadow:var(--sh-dark)}.ell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.muted{color:var(--muted)}.label{font-size:13px}.label,.tiny{font-weight:800;color:var(--muted)}.tiny{font-size:10.5px;text-transform:uppercase;letter-spacing:.6px}.scroll-x{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap;padding:6px 4px 12px;flex:none}.scroll-x::-webkit-scrollbar{display:none}.btn{border:0;cursor:pointer;min-height:44px;padding:0 16px;border-radius:var(--r-btn);background:var(--card);font-weight:800;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-icon{width:44px;padding:0}.btn-primary{font-family:var(--font-display);font-weight:700;font-size:16px}.input{border:0;border-radius:var(--r-input);background:var(--surface-input);padding:0 16px;height:50px;font-size:15px;font-weight:700;width:100%;box-shadow:var(--sh-well)}textarea.input{height:100px;padding:14px 16px;resize:none;line-height:1.45}.seg{display:inline-flex;gap:2px;padding:4px;background:var(--surface-well);border-radius:var(--r-seg);box-shadow:var(--sh-well)}.seg button{border:0;background:transparent;border-radius:var(--r-seg-item);min-height:36px;padding:0 14px;font-weight:800;font-size:13px;cursor:pointer}.seg-fit{display:flex}.seg-fit button{flex:1 1;min-width:0;padding:0 4px!important;font-size:12.5px!important}.seg button[aria-pressed=true]{background:var(--card);box-shadow:var(--sh-pill)}.seg-yellow{background:var(--seg-yellow-well)}.seg-yellow button[aria-pressed=true]{background:var(--seg-yellow-on);color:var(--ink)}.check{width:20px;height:20px;flex:none;border-radius:var(--r-check);display:inline-flex;align-items:center;justify-content:center;background:var(--bg);box-shadow:var(--sh-well)}.check.on{background:var(--mint);box-shadow:var(--sh-pill)}.rowbtn{display:flex;align-items:center;gap:10px;border:0;background:transparent;padding:0;min-height:36px;text-align:left;cursor:pointer;font-weight:700;font-size:14.5px}.strike{text-decoration:line-through;opacity:.55}.shell{min-height:100vh;display:flex;gap:24px;padding:24px;align-items:flex-start}.side{position:-webkit-sticky;position:sticky;top:24px;width:240px;flex:none;padding:22px 14px;display:flex;flex-direction:column;gap:6px}.side a{display:flex;align-items:center;gap:12px;min-height:46px;padding:0 14px;border-radius:var(--r-16);color:var(--nav-text);font-weight:800;font-size:15px}.side a:hover{background:var(--surface-2);color:var(--ink)}.side a.active{background:var(--lilac-2);color:var(--ink)}.main{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:20px;padding-bottom:40px}.bottomnav{display:none}.head3{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;grid-gap:12px;gap:12px}.head3>:last-child{justify-self:end}.grid2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:22px;gap:22px}.grid2,.grid3{display:grid;align-items:start}.grid3{grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:18px;gap:18px}@media (max-width:860px){.shell{padding:20px 16px 110px;gap:0}.side{display:none}.bottomnav{display:flex;position:fixed;left:12px;right:12px;bottom:14px;z-index:20;justify-content:space-between;padding:8px 10px}.bottomnav a{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:2px;min-height:48px;justify-content:center;border-radius:var(--r-18);color:var(--muted);font-weight:800;font-size:11px}.bottomnav a.active{background:var(--lilac-2);color:var(--ink)}.grid2,.grid3{grid-template-columns:minmax(0,1fr)}.head3{grid-template-columns:minmax(0,1fr) auto}.head3>:nth-child(2){grid-row:2;grid-column:1/-1;justify-self:center}h1{font-size:28px}}.overlay{position:fixed;inset:0;z-index:50;background:var(--overlay);display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:100%;max-width:460px;max-height:88vh;overflow-y:auto;padding:22px;display:flex;flex-direction:column;gap:14px}@media (max-width:860px){.overlay{align-items:flex-end;padding:0}.modal{max-width:none;border-radius:var(--r-sheet) var(--r-sheet) 0 0!important;padding-bottom:30px}}.grow{transition:all .5s cubic-bezier(.34,1.56,.64,1)}.leafbump{box-shadow:inset 3px 3px 5px rgba(255,255,255,.45),inset -3px -3px 6px rgba(30,90,60,.25)}@keyframes pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.pop{animation:pop .45s cubic-bezier(.34,1.56,.64,1)}.pomo{position:fixed;left:24px;bottom:24px;z-index:15;width:240px;padding:12px 14px 14px;display:flex;flex-direction:column;align-items:center;gap:8px}.pomo-tomato{width:150px;border:0;background:transparent;padding:0;cursor:pointer}.pomo-controls{justify-content:center;flex-wrap:wrap;gap:8px}.pomo-controls,.pomo-minutes{display:flex;align-items:center}.pomo-minutes{gap:4px;font-weight:800;font-size:13px;color:var(--muted)}.pomo-minutes input{width:54px;height:36px;border:0;border-radius:var(--r-12);background:var(--surface-2);color:var(--ink);text-align:center;font-weight:800;font-size:14px}@keyframes pomo-shake{0%,to{transform:rotate(0)}20%{transform:rotate(-6deg)}40%{transform:rotate(6deg)}60%{transform:rotate(-4deg)}80%{transform:rotate(4deg)}}.pomo-done{animation:pomo-shake .6s ease-in-out 4}@media (min-width:861px) and (max-height:760px){.pomo-tomato{width:100px}}@media (max-width:860px){.pomo{left:12px;bottom:92px;width:auto;flex-direction:row;padding:8px 12px 8px 8px}.pomo-tomato{width:76px;flex:none}.pomo-controls{flex-direction:column;align-items:stretch;gap:6px}}.pomo-modes{display:flex;gap:4px;padding:3px;border-radius:999px;background:var(--surface-2)}.pomo-modes button{border:0;border-radius:999px;padding:6px 16px;background:transparent;color:var(--muted);font-weight:800;font-size:13px;cursor:pointer}.pomo-modes button.on{background:#E0553A;color:#fff}.pomo-rest .pomo-modes button.on{background:#79C79F;color:#fff}.pomo-modes button:disabled:not(.on){opacity:.5;cursor:default}.pomo-task{width:100%;max-width:200px;height:36px;border:0;border-radius:var(--r-12);background:var(--surface-2);color:var(--ink);font-weight:800;font-size:13px;padding:0 8px;text-overflow:ellipsis}@media (max-width:860px){.pomo-modes{flex-direction:column;align-self:center}.pomo-task{max-width:130px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}