@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/stint/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/stint/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/stint/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/stint/assets/figtree-latin-ext-wght-normal-DCwSJGxG.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/stint/assets/figtree-latin-wght-normal-D_ZTVpCC.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/stint/assets/fraunces-vietnamese-full-normal-7BpKI3vF.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/stint/assets/fraunces-latin-ext-full-normal-YHFkNujK.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/stint/assets/fraunces-latin-full-normal-CFFu7zhK.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/stint/assets/manrope-cyrillic-wght-normal-Dvxsihut.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/stint/assets/manrope-greek-wght-normal-DL7QRZyv.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/stint/assets/manrope-vietnamese-wght-normal-usUDDRr7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/stint/assets/manrope-latin-ext-wght-normal-Ch3YOpNY.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/stint/assets/manrope-latin-wght-normal-DHIcAJRg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.demo-banner{background:var(--lemon);color:var(--on-pastel);font-family:var(--body);letter-spacing:normal;white-space:nowrap;cursor:default;border-radius:999px;align-items:center;gap:6px;margin-left:10px;padding:3px 3px 3px 10px;display:flex}.demo-banner>span{font-size:0}.demo-banner>span b{font-size:12px;font-weight:800;line-height:1}.demo-banner button{background:var(--surface);width:22px;height:22px;color:var(--text);cursor:pointer;border-radius:999px;padding:0;font-size:0;position:relative}.demo-banner button:before{content:"";background:currentColor;width:12px;height:12px;margin:auto;position:absolute;inset:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12a8 8 0 1 1-2.34-5.66'/%3E%3Cpath d='M20 4v4.5h-4.5'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12a8 8 0 1 1-2.34-5.66'/%3E%3Cpath d='M20 4v4.5h-4.5'/%3E%3C/svg%3E") 50%/contain no-repeat}:root{--ground:#e8e5f3;--surface:#f8f6fc;--sunken:#e1ddf0;--soft:#efecf8;--raised:#e1ddf0;--line:#d5d0e8;--text:#2a2340;--muted:#5e5777;--placeholder:#7a7393;--seed:#cfc9e4;--petal:#e1ddf0;--track:#d5d0e8;--ink:#2a2340;--ink-lip:#0f0b1e;--on-ink:#f8f6fc;--on-pastel:#2a2340;--apricot:#f4a988;--apricot-lip:#d9876a;--peri:#a7aeec;--peri-lip:#7f87d6;--matcha:#b9d9a9;--matcha-lip:#86b374;--lemon:#f3db8e;--lemon-lip:#d9bc5f;--bubblegum:#f1b5c9;--bubblegum-lip:#c9708f;--sky:#add6e8;--danger:#c4506e;--scrim:#2a234061;--break-stage:#dcebd3;--break-text:#3b4a35;--break-eyebrow:#3e6630;--break-petal:#c5deb9;--break-track:#9fcb8f;--heading:"Bricolage Grotesque Variable", "Segoe UI", system-ui, sans-serif;--body:"Figtree Variable", "Segoe UI", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ground:#17142a;--surface:#221e37;--sunken:#1c1830;--soft:#2d2847;--raised:#2d2847;--line:#3a3456;--text:#f1ecfb;--muted:#aba3c9;--placeholder:#8a83a8;--seed:#4a4366;--petal:#2d2847;--track:#3a3456;--ink:#f1ecfb;--ink-lip:#aba3c9;--on-ink:#2a2340;--danger:#ef8fa9;--scrim:#08061299;--break-stage:#1f2f25;--break-text:#cfe3c4;--break-eyebrow:#b9d9a9;--break-petal:#2a4232;--break-track:#3f5c45;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark],.shell[data-mode=focus]{--ground:#17142a;--surface:#221e37;--sunken:#1c1830;--soft:#2d2847;--raised:#2d2847;--line:#3a3456;--text:#f1ecfb;--muted:#aba3c9;--placeholder:#8a83a8;--seed:#4a4366;--petal:#2d2847;--track:#3a3456;--ink:#f1ecfb;--ink-lip:#aba3c9;--on-ink:#2a2340;--danger:#ef8fa9;--scrim:#08061299;--break-stage:#1f2f25;--break-text:#cfe3c4;--break-eyebrow:#b9d9a9;--break-petal:#2a4232;--break-track:#3f5c45;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}:root{--s:1}#root{zoom:var(--s);--vh:calc(100vh / var(--s));--vw:calc(100vw / var(--s))}body{background:var(--ground);color:var(--text);font:500 15px/1.45 var(--body);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;overflow:hidden}input,textarea,select{-webkit-user-select:text;user-select:text}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none;padding:0;font-weight:700}button:disabled{cursor:default;opacity:.45}:focus-visible{outline:3px solid var(--peri-lip);outline-offset:2px}h1,h2,h3{font-family:var(--heading);letter-spacing:-.02em;margin:0;font-weight:800}input,select,textarea{background:var(--sunken);border:none;border-radius:16px;min-width:0;padding:10px 14px;font-weight:600}input::placeholder,textarea::placeholder{color:var(--placeholder)}input[type=time]{font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.small{font-size:13px}.strong{font-weight:800}.grow{flex-grow:1}.dot{border-radius:50%;flex:none;width:14px;height:14px;display:inline-block}.loading{height:100%;color:var(--muted);place-items:center;display:grid}.empty{text-align:center;color:var(--muted);margin:16px 0}.error{color:var(--danger);margin:0;font-size:13px;font-weight:700}.squishy{height:54px;font-family:var(--heading);color:var(--on-pastel);border-radius:20px;justify-content:center;align-items:center;gap:10px;padding:0 24px;font-size:18px;font-weight:800;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.squishy:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px 0 var(--lip)!important}.squishy.apricot{--lip:var(--apricot-lip);background:var(--apricot);box-shadow:0 5px 0 var(--lip)}.squishy.matcha{--lip:var(--matcha-lip);background:var(--matcha);box-shadow:0 5px 0 var(--lip)}.squishy.ink{--lip:var(--ink-lip);background:var(--ink);color:var(--on-ink);box-shadow:0 5px 0 var(--lip)}.squishy.big{height:58px;font-size:19px}.squishy.huge{border-radius:22px;flex:none;height:62px;font-size:21px}.focus-stage .squishy.apricot{--lip:#b86e52}.soft-button{background:var(--raised);border-radius:18px;height:48px;padding:0 20px;font-weight:800}.soft-button.big{border-radius:22px;height:58px}.soft-button.small{border-radius:14px;flex:none;height:38px;padding:0 14px;font-size:13px}.quiet-link,.link{color:var(--muted);padding:6px 4px;font-size:14px;font-weight:800}.quiet-link:hover:not(:disabled),.link:hover:not(:disabled){color:var(--text)}.chip-button{background:var(--sunken);border-radius:14px;height:36px;padding:0 14px;font-size:13px}.chip-button[aria-pressed=true]{background:var(--ink);color:var(--on-ink)}.add-button,.round-button{border-radius:14px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.add-button{background:var(--ink);color:var(--on-ink)}.round-button{background:var(--surface);border-radius:17px;width:46px;height:46px}.day-export{gap:6px;margin-left:auto;display:flex}.export-button{background:var(--sunken);white-space:nowrap;border-radius:14px;align-items:center;gap:6px;height:40px;padding:0 14px 0 11px;font-size:14px;font-weight:700;display:inline-flex}.export-button:disabled{opacity:.45;cursor:default}.dashed-button{border:2px dashed var(--line);border-radius:16px;height:44px;padding:0 16px;font-weight:800}.button-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.segmented{background:var(--sunken);border-radius:18px;gap:6px;padding:5px;display:flex}.segmented button{height:40px;color:var(--muted);white-space:nowrap;border-radius:14px;flex:1;justify-content:center;align-items:center;padding:0 14px;display:inline-flex}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--text);font-weight:800}.segmented.round{border-radius:999px}.segmented.round button{border-radius:999px;height:38px;padding:0 16px;font-size:13px}.segmented.dark{background:var(--surface);border-radius:20px;gap:4px}.segmented.dark button{height:36px;color:var(--text);border-radius:15px}.segmented.dark button[aria-pressed=true]{background:var(--ink);color:var(--on-ink)}.segmented.small{border-radius:16px;gap:4px;padding:4px}.segmented.small button{border-radius:12px;height:36px;padding:0 10px;font-size:13px}.shell{background:var(--ground);height:100%;color:var(--text);flex-direction:column;gap:16px;padding:16px 20px 20px;transition:background-color .4s;display:flex}.topbar{flex:none;justify-content:space-between;align-items:center;gap:12px;display:flex}.brand{font-family:var(--heading);letter-spacing:-.03em;align-items:center;gap:10px;min-width:170px;font-size:26px;font-weight:800;display:flex}.tabs{background:var(--surface);border-radius:22px;gap:4px;padding:5px;display:flex}.tab{height:42px;color:var(--muted);border-radius:17px;align-items:center;gap:8px;padding:0 18px;display:flex;position:relative}.tab:hover{color:var(--text)}.tab[aria-current=page]{background:var(--apricot);color:var(--on-pastel);font-weight:800}.tab.settings-tab[aria-current=page],.shell[data-mode=break] .tab[aria-current=page]{background:var(--matcha)}.tab-dot{background:var(--apricot);border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:8px}.goal{justify-content:flex-end;align-items:center;gap:6px;min-width:170px;display:flex}.goal-sprouts{gap:2px;display:flex}.goal-seed{fill:var(--seed)}.goal-label{color:var(--muted);white-space:nowrap;font-size:13px;font-weight:800}.status-pill{border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:170px;height:34px;padding:0 14px;font-size:13px;font-weight:800;display:inline-flex}.status-pill.focus{background:var(--soft);color:var(--apricot)}.status-pill.focus .dot{background:var(--apricot);width:8px;height:8px}.status-pill.break{background:var(--matcha);color:var(--on-pastel)}main{flex:auto;min-height:0}.card{background:var(--surface);border-radius:32px}.card-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.card-head h2{font-size:22px}.timer-page{flex-direction:column;gap:16px;display:flex}.plan-row{flex:auto;gap:16px;min-height:0;display:flex}.plan-card{border-radius:36px;flex-direction:column;flex:380px;gap:18px;max-width:460px;padding:28px;display:flex;overflow-y:auto}.plan-card h1{letter-spacing:-.025em;font-size:38px;line-height:1.02}.plan-note{color:var(--muted);margin:0;font-size:17px}.field{flex-direction:column;gap:8px;display:flex}.field>span{color:var(--muted);font-size:13px;font-weight:800}.plan-card input{border-radius:18px;height:54px;padding:0 18px;font-size:17px;font-weight:700}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--sunken);border-radius:16px;align-items:center;gap:8px;height:44px;padding:0 16px 0 10px;font-size:14px;display:inline-flex}.chip .dot{width:16px;height:16px}.chip[aria-pressed=true]{background:var(--ink);color:var(--on-ink)}.chip.static{background:var(--soft);border-radius:999px;height:32px;padding:0 12px 0 8px;font-size:13px;font-weight:700}.chip.static .dot{width:12px;height:12px}.dial-card{border-radius:36px;flex-direction:column;flex:999 460px;justify-content:center;align-items:center;gap:16px;min-width:0;padding:20px;display:flex}.dial-card .dial{width:min(400px, 100%, calc(var(--vh) - 400px));min-width:220px}.hint{color:var(--muted);margin:0;font-size:13px}.next-event{border:2px dashed var(--peri-lip);border-radius:20px;align-items:center;gap:12px;padding:12px 14px;display:flex}.next-event svg{color:var(--peri);flex:none}.next-title{font-weight:800}.next-sub{color:var(--muted);font-size:13px}.dial{aspect-ratio:1;touch-action:none;border-radius:50%;position:relative}.dial.interactive{cursor:grab}.dial.interactive:active{cursor:grabbing}.dial>svg{width:100%;height:100%;position:absolute;inset:0}.dial-petals{fill:var(--petal)}.dial-track{fill:none;stroke:var(--track);stroke-width:22px}.dial-arc,.dial-lap{fill:none;stroke-width:22px}.dial-arc{stroke-linecap:round}.dial-arc.over{filter:drop-shadow(0 0 4px #0a061873)}.dial-knob,.dial-face{fill:var(--surface)}.break-stage .dial-petals{fill:var(--break-petal)}.break-stage .dial-track{stroke:var(--break-track)}.dial-center{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:0}.dial-pip{display:block;position:relative}.dial-pip .pip{aspect-ratio:1;max-width:24cqw;height:auto;display:block}.break-stage .dial-pip .pip{max-width:42cqw}.zz{font-family:var(--heading);color:var(--peri);font-size:16px;font-weight:800;position:absolute;top:0;right:-24%}.zz small{font-size:12px}.dial-time{font-family:var(--heading);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(36px,16cqw,72px);font-weight:800;line-height:1}.dial{container-type:inline-size}.dial-time.overtime{color:var(--apricot-lip)}.dial-max{font-family:var(--heading);letter-spacing:.08em;text-transform:uppercase;color:var(--peri-lip);font-size:13px;font-weight:800}.dial-sub{color:var(--muted);font-size:13px;font-weight:700}.stage{border-radius:36px;flex:auto;justify-content:center;align-items:center;gap:48px;min-height:0;padding:28px 36px;display:flex}.focus-stage{background:var(--surface)}.break-stage{background:var(--break-stage);gap:56px}.stage-dial .dial{width:min(420px, calc(var(--vh) - 300px), calc(var(--vw) * .42));min-width:220px}.stage-side{flex-direction:column;flex:0 400px;gap:18px;display:flex}.stage-what{flex-direction:column;gap:8px;display:flex}.stage-what h1{letter-spacing:-.025em;overflow-wrap:anywhere;font-size:44px;line-height:1.02}.cat-pill{background:var(--soft);border-radius:999px;align-self:flex-start;align-items:center;gap:8px;height:30px;padding:0 12px 0 8px;font-size:13px;font-weight:700;display:inline-flex}.stage-side .quiet-link{align-self:flex-start}.eyebrow{letter-spacing:.06em;font-size:12px;font-weight:800}.break-stage .eyebrow{color:var(--break-eyebrow)}.break-clock{font-family:var(--heading);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:96px;font-weight:800;line-height:.9}.break-note{color:var(--break-text);margin:0;font-size:17px;line-height:1.5}.break-stage .soft-button{background:var(--surface)}.ribbon{background:var(--surface);border-radius:30px;flex:none;gap:18px;padding:16px 20px 14px;display:flex}.ribbon-main{flex-direction:column;flex:auto;gap:8px;min-width:0;display:flex}.ribbon-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.ribbon-head h2{font-size:20px}.ribbon-sum{font-family:var(--body);color:var(--muted);letter-spacing:0;margin-left:8px;font-size:14px;font-weight:800}.ribbon-tools{align-items:center;gap:8px;display:flex}.ribbon-body{height:78px;position:relative}.ribbon-events{height:20px;position:absolute;top:0;left:0;right:0}.ribbon-event{top:calc(var(--lane) * 20px / var(--lanes));height:calc(20px / var(--lanes));border:2px dashed var(--event,var(--peri-lip));background:color-mix(in srgb, var(--event,var(--peri)) 22%, transparent);border-radius:8px;min-height:6px;position:absolute}.ribbon-event:not(:disabled):hover{background:color-mix(in srgb, var(--event,var(--peri)) 40%, transparent)}.ribbon-event:disabled{opacity:1}.ribbon-track{background:var(--soft);border-radius:12px;height:32px;position:absolute;top:26px;left:0;right:0}.ribbon-seg{border-radius:10px;position:absolute;top:0;bottom:0}button.ribbon-seg:hover{filter:brightness(1.05)saturate(1.1)}.ribbon-seg.live{background:repeating-linear-gradient(135deg, var(--seg) 0 8px, color-mix(in oklab, var(--seg) 82%, var(--text)) 8px 16px)}.ribbon-now{pointer-events:none;background:var(--apricot-lip);border-radius:2px;width:3px;position:absolute;top:-6px;bottom:-6px;transform:translate(-1px)}.ribbon-hours{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:11px;font-weight:700;display:flex;position:absolute;top:62px;left:0;right:0}.ribbon-week{border-left:2px dashed var(--line);flex-direction:column;flex:0 0 220px;gap:6px;padding-left:18px;display:flex}.ribbon-week-title{color:var(--muted);font-size:13px;font-weight:800}.week-bars{flex:1;grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:6px;min-height:70px;display:grid}.week-bar{border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:2px 0;display:flex}.week-bar .bar{background:var(--peri);border-radius:8px;width:100%;max-width:22px;display:block}.week-bar .bar.today{background:var(--apricot)}.week-bar .bar.empty{background:var(--sunken)}.week-bar .dow{color:var(--muted);font-size:11px;font-weight:800}.week-bar.selected .dow{color:var(--text)}.week-bar.selected{background:var(--soft)}.ribbon.compact{border-radius:26px;align-items:center;gap:16px;padding:12px 20px}.ribbon-title{font-family:var(--heading);font-weight:800}.ribbon.compact .ribbon-track{background:var(--sunken);border-radius:10px;flex:auto;height:26px;position:relative;top:0}.ribbon.compact .ribbon-seg{border-radius:9px}.ribbon.compact .ribbon-now{background:var(--text);top:-4px;bottom:-4px}.ribbon-total{color:var(--muted);white-space:nowrap;font-size:13px;font-weight:800}.break-stage~.ribbon{background:var(--surface)}.mini-timer{color:#f1ecfb;z-index:5;background:#221e37;border-radius:24px;align-items:center;gap:8px;max-width:calc(100% - 40px);padding:8px 8px 8px 16px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #17142a4d}.mini-timer.break{background:var(--matcha);color:#2a2340}.mini-info{align-items:center;gap:8px;min-width:0;max-width:260px;font-weight:800;display:flex}.mini-intention{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mini-clock{font-family:var(--heading);font-variant-numeric:tabular-nums;padding:0 6px;font-size:22px;font-weight:800}.mini-clock.overtime{color:var(--apricot)}.mini-timer.break .mini-clock.overtime{color:#2a2340}.mini-step,.mini-play{background:#ffffff1f;border-radius:14px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:inline-flex}.mini-timer.break .mini-step,.mini-timer.break .mini-play{background:#ffffff73}.mini-finish{color:#2a2340;white-space:nowrap;background:#f4a988;border-radius:14px;height:40px;padding:0 16px;font-weight:800}.mini-timer.break .mini-finish{color:#f8f6fc;background:#2a2340}.drawer-backdrop{background:var(--scrim);z-index:10;justify-content:flex-end;animation:.2s ease-out fade;display:flex;position:fixed;inset:0}.drawer{background:var(--surface);border-radius:36px 0 0 36px;flex-direction:column;gap:20px;width:min(460px,100%);height:100%;padding:32px 32px 28px;animation:.25s cubic-bezier(.2,.9,.3,1.1) slide-in;display:flex;overflow-y:auto}@keyframes fade{0%{opacity:0}}@keyframes slide-in{0%{opacity:0;transform:translate(60px)}}@media (prefers-reduced-motion:reduce){.drawer,.drawer-backdrop{animation:none}}.drawer-head{align-items:center;gap:16px;display:flex}.drawer-head h2{font-size:34px;line-height:1}.drawer-head p{color:var(--muted);margin:6px 0 0;font-weight:700}.drawer-session{background:var(--soft);border-radius:20px;align-items:center;gap:10px;padding:14px 16px;display:flex}.drawer textarea,.sheet textarea{resize:none;border-radius:20px;width:100%;padding:14px 16px;line-height:1.5}.drawer-actions{align-items:center;gap:10px;display:flex}.drawer-actions .quiet-link{padding:0 20px}.rating-picker{flex-direction:column;gap:8px;display:flex}.rating-option{background:var(--soft);text-align:left;border-radius:20px;align-items:center;gap:12px;padding:8px 14px;font-weight:800;display:flex}.rating-option[aria-pressed=true]{color:var(--on-pastel);box-shadow:0 4px #2a23402e}.rating-option.r1[aria-pressed=true]{background:var(--bubblegum)}.rating-option.r2[aria-pressed=true]{background:var(--lemon)}.rating-option.r3[aria-pressed=true]{background:var(--matcha)}.sheet .rating-picker{flex-flow:wrap}.sheet .rating-option{flex:1;padding:6px 10px;font-size:14px}.overlay{background:var(--scrim);z-index:10;place-items:center;padding:16px;animation:.2s ease-out fade;display:grid;position:fixed;inset:0}.sheet{width:100%;max-width:460px;max-height:calc(var(--vh) - 32px);background:var(--surface);border-radius:32px;flex-direction:column;gap:8px;padding:26px;display:flex;overflow-y:auto}.sheet h2{font-size:24px}.sheet p{margin:0}.sheet label{color:var(--muted);margin-top:6px;font-size:13px;font-weight:800}.sheet input,.sheet select{width:100%;height:46px}.time-fields{gap:12px;display:flex}.time-fields label{flex-direction:column;flex:1;gap:6px;display:flex}.sheet-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.sheet .kind-switch{margin-top:6px}.sheet .kind-switch button[aria-pressed=true]{background:var(--ink);color:var(--on-ink)}.sheet .keep-adding{color:var(--text);cursor:pointer;align-items:center;gap:10px;margin:0;font-size:14px;display:inline-flex}.sheet .keep-adding .toggle input{width:auto;height:auto}.sheet .just-added{background:var(--sunken);border-radius:14px;margin-top:10px;padding:10px 14px;font-size:13px;font-weight:700}.spacer{flex:1}.primary,.secondary{border-radius:16px;min-width:104px;height:46px;padding:0 20px;font-weight:800}.primary{background:var(--apricot);color:var(--on-pastel);box-shadow:0 4px 0 var(--apricot-lip)}.primary:active:not(:disabled){box-shadow:0 1px 0 var(--apricot-lip);transform:translateY(3px)}.secondary{background:var(--sunken);box-shadow:0 4px 0 var(--line)}.secondary:active{box-shadow:0 1px 0 var(--line);transform:translateY(3px)}.danger-link{color:var(--danger);font-size:13px;font-weight:800}.danger-button{background:var(--danger);min-width:104px;height:46px;color:var(--on-ink);box-shadow:0 4px 0 color-mix(in srgb, var(--danger) 70%, black);border-radius:16px;padding:0 20px;font-weight:800}.danger-button:active{box-shadow:0 1px 0 color-mix(in srgb, var(--danger) 70%, black);transform:translateY(3px)}.confirm-overlay{z-index:11;background:var(--scrim);place-items:center;padding:24px;animation:.15s ease-out fade;display:grid;position:fixed;inset:0}.confirm-card{background:var(--surface);border-radius:28px;flex-direction:column;gap:8px;width:100%;max-width:340px;padding:24px;animation:.2s cubic-bezier(.2,.9,.3,1.2) pop;display:flex;box-shadow:0 18px 48px #00000040}.confirm-card h3{margin:0;font-size:20px}.confirm-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.45}.confirm-actions{gap:10px;margin-top:14px;display:flex}.confirm-actions button{flex:1}@keyframes pop{0%{opacity:0;transform:scale(.94)}}.analytics,.settings-page{flex-direction:column;gap:16px;margin:-4px;padding:4px 4px 90px;display:flex;overflow-y:auto}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:4px 4px 0;display:flex}.page-head h1,.page-title{letter-spacing:-.025em;font-size:40px}.page-title{margin:4px 4px 0}.period-nav{align-items:center;gap:8px;display:flex}.tiles{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.tile{background:var(--surface);border-radius:28px;flex-direction:column;justify-content:center;gap:6px;padding:18px 20px;display:flex}.tile.apricot,.tile.matcha{color:var(--on-pastel)}.tile.apricot{background:var(--apricot);flex-direction:row;justify-content:space-between;align-items:center}.tile.matcha{background:var(--matcha);gap:0}.tile-value{font-family:var(--heading);letter-spacing:-.02em;font-size:34px;font-weight:800;line-height:1.05}.tile-sub{font-size:13px;font-weight:700}.tile .change{font-weight:800}.felt-bar{background:var(--sunken);border-radius:7px;height:14px;display:flex;overflow:hidden}.felt-bar .r3{background:var(--matcha-lip)}.felt-bar .r2{background:var(--lemon)}.felt-bar .r1{background:#e58fa9}.analytics-row{align-items:flex-start;gap:16px;display:flex}.when-card{flex-direction:column;flex:999 560px;gap:14px;min-width:0;padding:20px 22px;display:flex}.when-chart{gap:10px;display:flex}.when-hours{width:20px;color:var(--muted);font-variant-numeric:tabular-nums;margin:30px 0 26px;font-size:11px;font-weight:700;position:relative}.when-hours span{position:absolute;transform:translateY(-50%)}.when-days{flex:1;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.when-day{flex-direction:column;gap:6px;display:flex}.when-head{height:24px;color:var(--muted);white-space:nowrap;border-radius:10px;font-size:12px;font-weight:800}.when-head.today{color:var(--text);background:var(--soft)}.when-head.selected{background:var(--ink);color:var(--on-ink)}.when-col{background:var(--soft);border-radius:16px;height:300px;position:relative}.when-block{border-radius:10px;position:absolute;left:4px;right:4px}.when-block:hover{filter:brightness(1.05)saturate(1.1)}.when-total{text-align:center;font-variant-numeric:tabular-nums;font-size:12px;font-weight:800}.list-card{flex-direction:column;flex:340px;gap:10px;min-width:0;padding:20px;display:flex}.list-tools{align-items:center;gap:8px;display:flex}.select-pill select,select.select-pill{border-radius:14px;height:40px;padding:0 12px;font-size:13px;font-weight:700}.select-pill select{width:100%}.entries{flex-direction:column;gap:8px;max-height:520px;display:flex;overflow-y:auto}.bottom-row{flex:1 0 auto;align-items:stretch}.bottom-row .entries-empty{min-height:220px}.top-row{align-items:stretch}.top-row .entries{flex:1 1 0;height:0;min-height:300px;max-height:none}.entries-empty{background:var(--soft);color:var(--muted);text-align:center;border-radius:20px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:24px 12px;font-weight:700;display:flex}.entries-empty p{margin:0}.entry-day{flex-direction:column;gap:8px;display:flex}.entry-day h3{color:var(--muted);letter-spacing:0;margin:6px 4px 0;font-size:15px}.entry{background:var(--soft);text-align:left;border-radius:20px;flex-direction:column;gap:2px;padding:12px 14px;font-weight:500;display:flex}.entry:hover{background:var(--sunken)}.entry-top{justify-content:space-between;gap:8px;display:flex}.entry-title{align-items:center;gap:8px;min-width:0;font-weight:800;display:flex}.entry-title .dot{width:12px;height:12px}.entry-title svg{width:16px;height:16px;color:var(--matcha-lip)}.entry-len{white-space:nowrap;font-size:13px;font-weight:800}.entry-when{color:var(--muted);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.entry-note{-webkit-user-select:text;user-select:text;margin-top:4px;font-size:13px;line-height:1.45}.table-card{flex-direction:column;flex:1 1 0;gap:12px;min-width:0;padding:20px 22px;display:flex}.breakdown{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.breakdown th{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);text-align:right;white-space:nowrap;padding:0 0 8px 12px;font-size:11px;font-weight:800}.breakdown th:first-child,.breakdown td:first-child{text-align:left;width:100%;padding-left:0}.breakdown td{text-align:right;white-space:nowrap;vertical-align:top;border-top:1px dashed var(--line);padding:8px 0 8px 12px}.breakdown td:last-child{font-weight:800}.row-name{align-items:center;gap:8px;font-weight:800;display:inline-flex}.row-name svg{width:16px;height:16px;color:var(--matcha-lip)}.ratio-bar{background:var(--soft);border-radius:4px;height:8px;margin-top:6px;overflow:hidden}.ratio-bar span{border-radius:4px;height:100%;display:block}.day-chart{height:220px;margin:8px 0 26px 30px;position:relative}.grid-line{border-top:1px dashed var(--line);position:absolute;left:0;right:0}.grid-line span{color:var(--muted);font-size:11px;font-weight:700;position:absolute;top:-8px;left:-30px}.bars{align-items:flex-end;gap:8px;display:flex;position:absolute;inset:0}.bars.dense{gap:3px}.bar-slot{outline:none;flex:1;justify-content:center;align-items:flex-end;height:100%;display:flex;position:relative}.day-chart .bar{border-radius:8px;width:min(28px,100%);min-height:4px}.bar-slot:hover .bar,.bar-slot:focus-visible .bar{filter:brightness(1.05)saturate(1.15)}.bar-label{color:var(--muted);font-size:11px;font-weight:700;position:absolute;bottom:-22px}.bar-label.faint{visibility:hidden}.bar-tip{background:var(--ink);color:var(--on-ink);white-space:nowrap;z-index:2;border-radius:12px;flex-direction:column;align-items:center;padding:6px 10px;font-size:12px;font-weight:700;display:none;position:absolute;top:-8px}.bar-slot:hover .bar-tip,.bar-slot:focus-visible .bar-tip{display:flex}.settings-page>*{width:min(1120px,100%);margin-left:auto;margin-right:auto}.settings-columns{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.settings-column{flex-direction:column;gap:16px;min-width:0;display:flex}[data-narrower] .settings-columns{grid-template-columns:minmax(0,1fr)}.settings-card{flex-direction:column;gap:4px;padding:22px 24px;display:flex}.settings-card-head{align-items:center;gap:14px;margin-bottom:8px;display:flex}.settings-sub{color:var(--muted);margin:2px 0 0;font-size:13px;font-weight:600}.settings-card-head h2{font-size:22px}.settings-icon{width:44px;height:44px;color:var(--on-pastel);border-radius:16px;justify-content:center;align-items:center;display:flex}.settings-icon.matcha{background:var(--matcha)}.settings-icon.apricot{background:var(--apricot)}.settings-icon.lemon{background:var(--lemon)}.settings-icon.bubblegum{background:var(--bubblegum)}.settings-icon.peri{background:var(--peri)}.settings-icon.sky{background:var(--sky)}.settings-icon svg{width:22px;height:22px}.row{justify-content:space-between;align-items:center;gap:12px;min-height:54px;font-weight:700;display:flex}.row+.row,.calendar-list .row{border-top:1px dashed var(--line)}.row .hint{font-weight:500;display:block}.row.sub-row{border-top-style:none;min-height:48px;padding-left:18px;font-weight:600}.row-group{border-top:1px dashed var(--line)}.row-label{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mini-button{background:var(--sunken);border-radius:10px;height:28px;padding:0 10px;font-size:12px;font-weight:800}.card-note{color:var(--muted);margin:8px 0 0;font-size:13px}.page-foot{padding:0 4px}.stepper{align-items:center;gap:6px;display:flex}.stepper button{background:var(--sunken);border-radius:14px;width:40px;height:40px;font-size:18px;font-weight:800}.stepper-value{text-align:center;min-width:110px;font-family:var(--heading);white-space:nowrap;font-size:18px;font-weight:800}.toggle{flex:none;display:inline-flex;position:relative}.toggle input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.switch{background:var(--line);border-radius:16px;width:52px;height:32px;transition:background-color .15s;position:relative}.switch:after{content:"";background:var(--surface);border-radius:50%;width:24px;height:24px;transition:transform .15s;position:absolute;top:4px;left:4px}.toggle input:checked+.switch{background:var(--matcha-lip)}.toggle input:checked+.switch:after{transform:translate(20px)}.toggle input:focus-visible+.switch{outline:3px solid var(--peri-lip);outline-offset:2px}.look-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:10px;display:grid}.look-option{background:var(--soft);text-align:left;border-radius:20px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:800;display:flex}.look-option small{color:var(--muted);font-size:12px;font-weight:600;display:block}.look-option[aria-pressed=true]{box-shadow:0 0 0 3px var(--peri-lip)}.theme-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.theme-option{background:var(--soft);border-radius:20px;flex-direction:column;align-items:center;gap:8px;padding:10px;font-size:13px;font-weight:800;display:flex}.theme-option[aria-pressed=true]{box-shadow:0 0 0 3px var(--peri-lip)}.theme-swatch{border-radius:14px;justify-content:center;align-items:center;width:100%;height:56px;display:flex}.theme-swatch span{background:#f4a988;border-radius:5px;width:28px;height:10px}.theme-option.light .theme-swatch{background:#e8e5f3}.theme-option.dark .theme-swatch{background:#17142a}.theme-option.system .theme-swatch{background:linear-gradient(135deg,#e8e5f3 50%,#17142a 50%)}.calendar-list{margin:0 0 0 12px;padding:0;list-style:none}.stack{flex-direction:column;gap:10px;margin-top:8px;display:flex}.stack label{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;font-weight:800;display:flex}.stack input{height:46px}.categories{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.category-item{background:var(--soft);border-radius:18px;padding:6px 8px 6px 6px}.category-row{align-items:center;gap:8px;display:flex}.category-item.dragging{background:var(--surface);z-index:1;position:relative;box-shadow:0 6px 18px #281e5024}.drag-handle{width:22px;height:32px;color:var(--muted);cursor:grab;touch-action:none;border-radius:8px;justify-content:center;align-items:center;margin-right:-4px;display:inline-flex}.drag-handle:hover:not(:disabled){color:var(--text)}.category-item.dragging .drag-handle{cursor:grabbing}.drag-handle:disabled{cursor:default;opacity:.4}.order-buttons{display:inline-flex}.order-buttons .icon-only{width:28px}.order-buttons .icon-only:disabled{opacity:.3}.swatch{border-radius:50%;flex:none;width:32px;height:32px}.plain-input{background:0 0;height:36px;padding:0 6px;font-weight:800}.plain-input:focus{background:var(--surface)}.icon-only{width:32px;height:32px;color:var(--muted);border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.icon-only:hover:not(:disabled){background:var(--surface);color:var(--text)}.swatch-row{flex-wrap:wrap;align-items:center;gap:6px;padding:8px 2px 4px;display:flex}.mini-swatch{border-radius:50%;width:24px;height:24px}.mini-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--soft), 0 0 0 4px var(--text)}.custom-colour{background:var(--surface);cursor:pointer;border-radius:10px;align-items:center;height:28px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex;position:relative}.custom-colour input{opacity:0;cursor:pointer;padding:0;position:absolute;inset:0}.new-category{gap:8px;margin-top:10px;display:flex}.new-category input{height:44px}[data-narrow] .ribbon-week{flex-basis:170px}[data-narrow] .analytics-row{flex-wrap:wrap}[data-narrow] .stage{gap:28px;padding:24px}[data-short] .plan-card h1{font-size:30px}[data-short] .plan-card{gap:12px;padding:22px}[data-short] .break-clock{font-size:72px}[data-short] .stage-what h1{font-size:34px}.week-strip{background:var(--surface);border-radius:28px;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;padding:10px;display:grid}.strip-day{border-radius:20px;flex-direction:column;align-items:center;gap:6px;padding:8px 4px 10px;font-weight:800;display:flex}.strip-day:hover:not(:disabled){background:var(--soft)}.strip-day:disabled{opacity:.45}.strip-day.today{background:var(--soft)}.strip-day.selected{background:var(--ink);color:var(--on-ink)}.strip-name{white-space:nowrap;font-size:12px}.strip-bar{background:var(--sunken);border-radius:7px;width:14px;height:34px;position:relative;overflow:hidden}.strip-bar span{background:var(--peri);border-radius:7px;position:absolute;bottom:0;left:0;right:0}.strip-day.selected .strip-bar{background:#ffffff2e}.strip-day.selected .strip-bar span{background:var(--apricot)}.strip-total{font-variant-numeric:tabular-nums;font-size:12px}.tile-goal{flex-direction:column;align-items:flex-end;gap:4px;font-size:13px;font-weight:800;display:flex}.tile-goal .goal-label{color:var(--on-pastel)}.felt-faces{gap:4px;min-height:30px;display:flex}.story-card-wrap{flex-direction:column;flex:999 560px;gap:14px;min-width:0;padding:20px 22px;display:flex}.story{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex;position:relative}.story:before{content:"";background:var(--sunken);border-radius:2px;width:3px;position:absolute;top:14px;bottom:14px;left:61px}.story-item{flex-direction:column;gap:10px;display:flex}.story-gap{border:2px dashed var(--line);color:var(--muted);border-radius:999px;align-self:flex-start;margin-left:90px;padding:6px 12px;font-size:12px;font-weight:800}.story-row{grid-template-columns:46px 16px minmax(0,1fr);align-items:start;column-gap:14px;display:grid;position:relative}.story-time{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;padding-top:14px;font-size:13px;font-weight:800}.story-dot{width:16px;height:16px;box-shadow:0 0 0 4px var(--surface);border-radius:50%;margin-top:14px;position:relative}.story-row.break .story-time,.story-row.break .story-dot{margin-top:8px;padding-top:0}.story-row.break .story-time{margin-top:6px}.story-card{background:var(--soft);text-align:left;border-radius:20px;flex-direction:column;gap:4px;padding:12px 16px;font-weight:500;display:flex}.story-card:hover{background:var(--sunken)}.story-top{justify-content:space-between;gap:8px;display:flex}.story-title{font-family:var(--heading);font-size:17px;font-weight:800}.story-len{white-space:nowrap;font-weight:800}.story-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.story-tag{color:var(--on-pastel);border-radius:999px;padding:2px 9px;font-weight:800}.story-note{margin-top:4px;font-size:14px;line-height:1.45}.story-break{background:var(--break-stage);color:var(--break-text);border-radius:999px;justify-self:start;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:800;display:inline-flex}.story-break svg{width:14px;height:14px}.went-card{flex-direction:column;flex:320px;gap:12px;min-width:0;padding:20px 22px;display:flex}.went-bar{border-radius:9px;gap:3px;height:18px;display:flex;overflow:hidden}.went-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.went-list li{font-variant-numeric:tabular-nums;grid-template-columns:minmax(0,1fr) auto 70px;align-items:center;gap:10px;font-size:14px;font-weight:700;display:grid}.went-list strong{text-align:right}.went-sub{color:var(--muted);margin:8px 0 0;font-size:15px}.went-pip{justify-content:flex-end;margin-top:auto;display:flex}.when-total.best{background:var(--lemon);color:var(--on-pastel);border-radius:999px;align-self:center;padding:1px 10px}.when-goal{flex-wrap:wrap;justify-content:center;gap:3px;display:flex}.when-goal span{background:var(--seed);border-radius:50%;width:7px;height:7px}.when-goal span.on{background:var(--matcha-lip)}.t-short{display:none}.show-all{background:var(--soft);border-radius:16px;height:44px;font-size:14px;font-weight:800}.phone-only{display:none}.day-side{flex-direction:column;flex:320px;gap:16px;min-width:0;display:flex}.day-side .went-card{flex:auto}.week-list{flex-direction:column;gap:2px;padding:18px 16px;display:flex}.week-list .card-head{padding:0 6px 8px}.wl-day{text-align:left;border-radius:14px;grid-template-columns:64px minmax(0,1fr) 70px;align-items:center;gap:10px;padding:7px 10px;font-size:13px;font-weight:800;display:grid}.wl-day:hover:not(:disabled){background:var(--soft)}.wl-day:disabled{opacity:.45}.wl-bar{background:var(--soft);border-radius:5px;height:10px;overflow:hidden}.wl-bar span{background:var(--peri);border-radius:5px;height:100%;display:block}.wl-total{text-align:right;font-variant-numeric:tabular-nums}.wl-day.selected{background:var(--ink);color:var(--on-ink)}.wl-day.selected .wl-bar{background:#ffffff2e}.wl-day.selected .wl-bar span{background:var(--apricot)}@media (min-width:641px){.shell{gap:12px;padding:14px 20px 16px}.timer-page,.plan-row{gap:12px}.plan-card{gap:14px;padding:22px 24px 24px}.plan-card h1{font-size:32px}.plan-card input{height:48px}.plan-card .chip{height:40px}.plan-card>.squishy.huge{position:sticky;bottom:0}.dial-card{gap:12px;padding:18px 20px}.dial-card .dial{flex:1 1 0;width:auto;min-width:0;max-width:min(600px,100%);min-height:0}.ribbon{padding:12px 20px}.ribbon-head .add-button{width:36px;height:36px}.ribbon-body{height:70px}.ribbon-track{height:28px;top:24px}.ribbon-hours{top:56px}.week-bars{min-height:60px}.analytics.day-range{padding-bottom:4px}.shell:has(.mini-timer) .analytics.day-range{padding-bottom:84px}.analytics.day-range .top-row{flex:1 1 0;min-height:260px}.story-card-wrap{min-height:0}.story-scroll{flex:1 1 0;min-height:0;margin-right:-10px;padding-right:10px;overflow-y:auto}.analytics.day-range .day-side{border-radius:32px;min-height:0;overflow-y:auto}.analytics.day-range .day-side .went-card{flex:1 0 auto}.analytics.day-range .wl-day{padding:5px 10px}.analytics{gap:12px}.page-head h1{font-size:34px}.tile{padding:14px 20px}.tile-value{font-size:30px}.analytics.week-range .top-row,.analytics.month-range .top-row{flex:0 0 calc(100% - 176px);min-height:360px;max-height:700px}:is(.shell:has(.mini-timer) .analytics.week-range .top-row,.shell:has(.mini-timer) .analytics.month-range .top-row){flex-basis:calc(100% - 256px)}.analytics.week-range .list-card,.analytics.month-range .list-card,.analytics.week-range .top-row .entries,.analytics.month-range .top-row .entries{min-height:0}.analytics.week-range .top-row .entries,.analytics.month-range .top-row .entries{-webkit-mask-image:linear-gradient(to bottom, #000 calc(100% - var(--fade)), transparent);mask-image:linear-gradient(to bottom, #000 calc(100% - var(--fade)), transparent);animation:linear both list-fade;animation-timeline:scroll(self)}.analytics.week-range .when-chart{flex:1 1 0;min-height:0}.analytics.week-range .when-col{flex:1 1 0;height:auto;min-height:120px}}@property --fade{syntax:"<length>";inherits:false;initial-value:0}@keyframes list-fade{0%,92%{--fade:56px}to{--fade:0px}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar-thumb{background:padding-box padding-box;border:3px solid #0000;border-radius:999px}:hover::-webkit-scrollbar-thumb{background-color:var(--seed)}::-webkit-scrollbar-thumb:hover{background-color:var(--muted)}::-webkit-scrollbar-thumb:active{background-color:var(--muted)}::-webkit-scrollbar-button{display:none}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:var(--seed) transparent}}@media (min-width:641px){.analytics,.settings-page{scrollbar-gutter:stable;margin-right:-14px;padding-right:4px}}:root[data-look=mochi]{--ground:#dde6d6;--surface:#fff;--sunken:#eaf0e5;--soft:#f1f4ee;--raised:#eaf0e5;--line:#cfdbc8;--text:#23362c;--muted:#556b5e;--placeholder:#6e8475;--seed:#c2cfba;--petal:#eaf0e5;--track:#dfe7d9;--ink:#23362c;--ink-lip:#142219;--on-ink:#fff;--on-pastel:#23362c;--apricot:#edb66b;--apricot-lip:#c98b3a;--peri:#a9cde3;--peri-lip:#5e8fb0;--matcha:#9fcba4;--matcha-lip:#6fa27a;--lemon:#f3cb8b;--lemon-lip:#c98b3a;--bubblegum:#e7a3b5;--bubblegum-lip:#c27389;--sky:#a9cde3;--danger:#b4475f;--scrim:#23362c61;--break-stage:#d3e6d2;--break-text:#2f4a3a;--break-eyebrow:#3d6b4a;--break-petal:#c3ddc4;--break-track:#a8d0ab;--heading:"Fraunces Variable", Georgia, serif;--body:"Manrope Variable", "Segoe UI", system-ui, sans-serif;--sticker:#fff;--dots:#c2cfba}@media (prefers-color-scheme:dark){:root[data-look=mochi]:not([data-theme=light]){--ground:#1e2e26;--surface:#263a30;--sunken:#22342b;--soft:#2f4539;--raised:#2f4539;--line:#3a5045;--text:#eef2e8;--muted:#b7c6b6;--placeholder:#93a596;--seed:#3a5045;--petal:#2f4539;--track:#3a5045;--ink:#eef2e8;--ink-lip:#b7c6b6;--on-ink:#23362c;--danger:#e98ea3;--scrim:#08100c99;--break-stage:#23382c;--break-text:#d3e6d2;--break-eyebrow:#9fcba4;--break-petal:#2c4636;--break-track:#3f6149;--sticker:#3a5045;--dots:#2c3f35}}:root[data-look=mochi][data-theme=dark],:root[data-look=mochi] .shell[data-mode=focus]{--ground:#1e2e26;--surface:#263a30;--sunken:#22342b;--soft:#2f4539;--raised:#2f4539;--line:#3a5045;--text:#eef2e8;--muted:#b7c6b6;--placeholder:#93a596;--seed:#3a5045;--petal:#2f4539;--track:#3a5045;--ink:#eef2e8;--ink-lip:#b7c6b6;--on-ink:#23362c;--danger:#e98ea3;--scrim:#08100c99;--break-stage:#23382c;--break-text:#d3e6d2;--break-eyebrow:#9fcba4;--break-petal:#2c4636;--break-track:#3f6149;--sticker:#3a5045;--dots:#2c3f35}:root[data-look=mochi] .shell{background-image:radial-gradient(var(--dots) 1.3px, transparent 1.5px);background-size:22px 22px}:root[data-look=mochi] h1,:root[data-look=mochi] h2,:root[data-look=mochi] .brand{font-variation-settings:"SOFT" 100, "WONK" 1}:root[data-look=mochi] .squishy.apricot,:root[data-look=mochi] .squishy.matcha,:root[data-look=mochi] .squishy.ink{box-shadow:0 0 0 4px var(--sticker), 0 5px 0 4px #23362c24}:root[data-look=mochi] .squishy:active:not(:disabled){box-shadow:0 0 0 4px var(--sticker), 0 1px 0 4px #23362c24!important}.dial-stitch{fill:none;stroke:var(--sticker);stroke-width:3px;stroke-dasharray:1 11;stroke-linecap:round}.dial-sun{fill:none;stroke-width:4px;stroke-dasharray:2.5 4.8;stroke-linecap:round}:root[data-look=mochi] .theme-swatch span{background:#edb66b}:root[data-look=mochi] .theme-option.light .theme-swatch{background:#dde6d6}:root[data-look=mochi] .theme-option.dark .theme-swatch{background:#1e2e26}:root[data-look=mochi] .theme-option.system .theme-swatch{background:linear-gradient(135deg,#dde6d6 50%,#1e2e26 50%)}:root[data-look=mochi] .tile.apricot .pip{filter:drop-shadow(0 4px 6px #23362c73)}@media (max-width:640px){html,body,#root{height:auto;min-height:100%}body{-webkit-tap-highlight-color:transparent;overflow:visible}input,textarea,select{font-size:max(16px,1em)}.shell{height:auto;min-height:100dvh;padding:10px 14px calc(96px + env(safe-area-inset-bottom));gap:12px;position:relative}.demo-banner{top:calc(20px + env(safe-area-inset-top));z-index:3;margin:0;position:absolute;left:50%;transform:translate(-50%)}.shell[data-mode=focus] .demo-banner,.shell[data-mode=break] .demo-banner{display:none}.topbar{min-height:44px}.brand{gap:8px;min-width:0;font-size:22px}.brand .pip{width:34px;height:34px}.goal,.status-pill{min-width:0}.goal-label{display:none}.tabs{left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:6;border-radius:26px;gap:6px;padding:6px;position:fixed;box-shadow:0 10px 30px #17142a29}.tab{border-radius:20px;flex-direction:column;flex:1;justify-content:center;gap:2px;height:56px;padding:0;font-size:12px;font-weight:700}.tab svg{width:22px;height:22px}.tab-dot{top:8px;right:calc(50% - 20px)}main{flex:none}.shell:has(.plan-row){height:100dvh;min-height:0;padding-bottom:calc(84px + env(safe-area-inset-bottom));overflow:hidden}.timer-page:has(.plan-row){flex:auto;gap:10px;min-height:0}.plan-row{background:var(--surface);border-radius:32px;flex-direction:column;flex:auto;gap:12px;min-height:0;padding:14px 16px 16px}.plan-card,.dial-card{display:contents}.plan-card>.segmented{order:1}.plan-card h1{display:none}.plan-card .field,.plan-card .plan-note{order:3}.plan-card .field>span{display:none}.plan-card .next-event{order:4}.dial-card>.dial{flex:1 1 0;order:5;align-self:center;width:auto;min-width:0;max-width:100%;min-height:120px}.dial-card>.segmented.round{order:6;align-self:stretch}.dial-card>.segmented.round button{padding:0 6px}.dial-card>.hint,.plan-card>.grow{display:none}.plan-card input{height:50px}.plan-card .chips{scrollbar-width:none;flex-wrap:nowrap;margin:0 -16px;padding:0 16px 2px;overflow-x:auto}.plan-card .chips::-webkit-scrollbar{display:none}.plan-card .chip{flex:none;height:40px}.plan-card>.squishy.huge{order:7;min-height:60px;font-size:20px}.ribbon:not(.compact){border-radius:24px;flex-direction:row;gap:12px;padding:10px 14px 8px}.ribbon-main{gap:4px}.ribbon-head h2{font-size:15px}.ribbon-sum{margin-left:6px;font-size:12px}.ribbon .add-button,.ribbon-events{display:none}.ribbon-body{height:42px}.ribbon-track{border-radius:8px;height:22px;top:2px}.ribbon-seg{border-radius:6px}.ribbon-hours{font-size:10px;top:28px}.ribbon-hours span:nth-child(2n){visibility:hidden}.ribbon-week{flex:0 0 104px;gap:2px;padding:0 0 0 12px}.ribbon-week-title{font-size:11px}.week-bars{gap:3px}.week-bar .bar{width:9px;max-height:34px}.week-bar .dow{font-size:9px}.stage{text-align:center;border-radius:32px;flex-direction:column;justify-content:center;gap:22px;min-height:calc(100dvh - 220px);padding:28px 20px 24px}.break-stage{flex-direction:column-reverse;gap:18px}.stage-dial .dial{width:min(300px,78vw);min-width:0}.break-stage .stage-dial .dial{width:min(210px,56vw)}.stage-side{flex:none;align-items:center;gap:14px;width:100%}.stage-what{align-items:center}.stage-what h1{font-size:30px}.cat-pill,.stage-side .quiet-link{align-self:center}.stage-side .button-row{flex-wrap:nowrap;justify-content:center;width:100%}.stage-side .button-row .big{white-space:nowrap;padding-left:18px;padding-right:18px}.break-clock{font-size:72px}.break-note{font-size:15px}.ribbon.compact{flex-direction:row;gap:10px;padding:10px 14px}.mini-timer{max-width:none;left:12px;right:12px;bottom:calc(88px + env(safe-area-inset-bottom));padding-left:14px;transform:none}.mini-info{flex:1;max-width:none}.mini-step{display:none}.analytics,.settings-page{gap:12px;padding-bottom:0;overflow:visible}.page-head{flex-direction:column;align-items:stretch}.page-head h1,.page-title{font-size:32px}.period-nav{justify-content:space-between}.period-nav .segmented{flex:1}.tiles{scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;margin:0 -14px;padding:0 14px;display:flex;overflow-x:auto}.tiles::-webkit-scrollbar{display:none}.tile{scroll-snap-align:center;flex:0 0 82%;min-height:116px}.tile-value{font-size:30px}.analytics-row{flex-direction:column;align-items:stretch}.when-card,.list-card{border-radius:28px;flex:none;padding:16px 14px}.when-card .card-head{flex-direction:column;align-items:flex-start;gap:2px}.when-days{gap:4px}.when-head{white-space:normal;height:28px;font-size:10px;line-height:1.1}.when-col{border-radius:12px;height:220px}.when-block{border-radius:6px;left:3px;right:3px}.when-total{font-size:10px}.entries,.top-row .entries{flex:none;height:auto;min-height:0;max-height:none;overflow:visible}.t-long{display:none}.t-short{display:inline}.when-head{height:24px;font-size:11px}.when-total.best{padding:1px 2px}.when-goal{gap:2px}.when-goal span{width:5px;height:5px}.table-card{border-radius:28px;flex:none;padding:16px 14px}.breakdown thead{display:none}.breakdown tr{border-top:1px dashed var(--line);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;column-gap:10px;padding:10px 0;display:grid}.breakdown td{white-space:nowrap;border:0;padding:0}.breakdown td:first-child{white-space:normal;grid-area:1/1/span 2;width:auto;min-width:0}.breakdown td:last-child{grid-area:1/2/auto/span 2;font-size:15px}.breakdown td:nth-child(2),.breakdown td:nth-child(3){color:var(--muted);grid-row:2;font-size:12px;font-weight:700}.breakdown td:nth-child(2){grid-column:2}.breakdown td:nth-child(3){grid-column:3}.breakdown.intentions td:nth-child(3):before{content:"×"}.week-strip{border-radius:24px;gap:2px;padding:6px}.strip-day{border-radius:16px;gap:4px;padding:6px 0 8px}.strip-name,.strip-total{font-size:10px}.strip-bar{width:10px;height:26px}.phone-only{display:block}.desk-only{display:none}.day-side{flex:none}.story-card-wrap,.went-card{border-radius:28px;flex:none;padding:16px 14px}.story:before{left:47px}.story-row{grid-template-columns:38px 12px minmax(0,1fr);column-gap:10px}.story-time{font-size:11px}.story-dot{width:12px;height:12px}.story-gap{margin-left:70px}.story-title{font-size:15px}.went-pip{display:none}.settings-card{border-radius:28px;padding:18px}.drawer-backdrop{align-items:flex-end}.drawer{width:100%;height:auto;max-height:92dvh;padding:12px 20px calc(20px + env(safe-area-inset-bottom));border-radius:32px 32px 0 0;animation-name:slide-up}.drawer:before,.sheet:before{content:"";background:var(--sunken);border-radius:3px;flex:none;align-self:center;width:44px;height:5px}.overlay{place-items:end stretch;padding:0}.sheet-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.sheet-head h2{min-width:0}.sheet .sheet-head .keep-adding{color:var(--muted);white-space:nowrap;flex-direction:row-reverse;flex:none;gap:8px;font-size:13px}.sheet-head .switch{border-radius:13px;width:44px;height:26px}.sheet-head .switch:after{width:20px;height:20px;top:3px;left:3px}.sheet-head .toggle input:checked+.switch:after{transform:translate(18px)}.sheet-actions .primary,.sheet-actions .secondary{flex:1}.sheet-actions .spacer{display:none}.sheet{max-width:none;max-height:92dvh;padding:12px 20px calc(20px + env(safe-area-inset-bottom));border-radius:32px 32px 0 0;animation:.25s cubic-bezier(.2,.9,.3,1.1) slide-up}}@media (max-width:640px) and (max-height:720px){.shell{gap:8px}.tab{height:48px}.shell:has(.plan-row){padding-bottom:calc(76px + env(safe-area-inset-bottom))}.plan-row{gap:8px;padding:10px 12px 12px}.plan-card>.segmented button,.dial-card>.segmented.round button{height:32px}.plan-card input{height:42px}.plan-card .chip{height:34px}.plan-card>.squishy.huge{height:50px;min-height:0;font-size:18px}.dial-card>.dial{min-height:90px}.ribbon:not(.compact){border-radius:20px;order:-1;align-items:center;padding:6px 12px}.ribbon:not(.compact) .ribbon-main{flex-direction:row;flex:1;align-items:center;gap:12px}.ribbon:not(.compact) .ribbon-head h2{flex-direction:column;line-height:1.1;display:flex}.ribbon:not(.compact) .ribbon-sum{margin:0}.ribbon:not(.compact) .ribbon-tools,.ribbon:not(.compact) .ribbon-hours,.ribbon:not(.compact) .ribbon-week{display:none}.ribbon:not(.compact) .ribbon-body{flex:1;height:24px}.ribbon:not(.compact) .ribbon-track{height:24px;top:0}.ribbon:not(.compact) .ribbon-now{top:-3px;bottom:-3px}}@keyframes slide-up{0%{opacity:0;transform:translateY(60px)}}