@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.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:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.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:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff)format("woff")}:root{color:oklch(15% .03 25);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;--color-paper:oklch(92% .045 50);--color-paper-2:oklch(89% .05 50);--color-paper-3:oklch(84% .054 45);--color-rule:oklch(68% .03 40);--color-rule-2:oklch(35% .02 35);--color-muted:oklch(38% .022 35);--color-neutral:oklch(30% .025 30);--color-ink-2:oklch(20% .03 28);--color-ink:oklch(15% .03 25);--color-accent:oklch(32% .1 28);--color-accent-ink:oklch(94% .025 50);--color-focus:oklch(48% .18 30);--color-error:oklch(42% .17 28);--color-success:oklch(35% .08 145);--font-display:"Playfair Display Variable", ui-serif, serif;--font-body:"Crimson Pro Variable", ui-serif, serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--text-sm:.875rem;--text-base:1.0625rem;--text-md:1.328rem;--text-lg:1.66rem;--text-xl:2.075rem;--text-display:clamp(2.75rem, 5vw + 1rem, 5rem);--space-3xs:.125rem;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--space-3xl:6rem;--page-max:82rem;--page-gutter:clamp(1rem, 4vw, 3rem);--rule-fine:1px;--control-height:3rem;--touch-target:3rem;--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-micro:.12s;--dur-short:.18s;background:oklch(92% .045 50)}html,body{overflow-x:clip}*{box-sizing:border-box}body{min-width:320px;min-height:100dvh;color:var(--color-ink);background:var(--color-paper);font-size:var(--text-base);margin:0;line-height:1.5}button,input,select{font:inherit}button{min-height:var(--touch-target);cursor:pointer;white-space:nowrap}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}h1,h2{overflow-wrap:anywhere;min-width:0;font-family:var(--font-display);letter-spacing:-.025em;margin:0;font-style:normal;line-height:1.02}p{margin:0}.auth-page,.app-shell{width:min(100%, var(--page-max));padding-inline:var(--page-gutter);margin-inline:auto}.auth-page{min-height:100dvh;padding-block:var(--space-lg) var(--space-2xl);grid-template-areas:"masthead""hero""auth";align-content:start;display:grid}.auth-masthead{gap:var(--space-xs);border-block:var(--rule-fine) solid var(--color-rule-2);padding-block:var(--space-sm);text-align:center;grid-area:masthead;grid-template-columns:minmax(0,1fr);align-items:baseline;display:grid}.auth-masthead span,.edition-line,.welcome,.section-note{color:var(--color-muted);font-size:var(--text-sm);letter-spacing:.06em;text-transform:uppercase}.auth-masthead strong{font-family:var(--font-display);font-size:var(--text-xl);line-height:1}.hero-card{align-content:end;gap:var(--space-xl);border-bottom:var(--rule-fine) solid var(--color-rule-2);padding-block:var(--space-2xl) var(--space-3xl);grid-area:hero;display:grid}.lead-mark{max-width:30ch;color:var(--color-accent);font-size:var(--text-md)}.hero-card h1{max-width:11ch;font-size:var(--text-display)}.hero-card>p:last-child{max-width:48ch;color:var(--color-ink-2);font-size:var(--text-md)}.auth-card{align-content:start;gap:var(--space-lg);padding-block:var(--space-xl);grid-area:auth;display:grid}.tabs{border-block:var(--rule-fine) solid var(--color-rule);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.tabs button,.ghost{color:var(--color-ink);padding:var(--space-sm) var(--space-md);background:0 0;border:0}.tabs button+button{border-inline-start:var(--rule-fine) solid var(--color-rule)}.tabs button.active{color:var(--color-accent-ink);background:var(--color-accent)}form,.duration-editor{gap:var(--space-md);display:grid}label{gap:var(--space-xs);color:var(--color-neutral);font-weight:700;display:grid}input,select{width:100%;min-height:var(--control-height);border:var(--rule-fine) solid var(--color-rule-2);outline-offset:1px;color:var(--color-ink);background:var(--color-paper);padding:var(--space-sm) var(--space-md);border-radius:0;outline:2px solid #0000}input::placeholder{color:var(--color-muted);opacity:1}select option{color:var(--color-ink);background:var(--color-paper)}.primary{min-height:var(--control-height);border:var(--rule-fine) solid var(--color-ink);color:var(--color-paper);background:var(--color-ink);padding:var(--space-sm) var(--space-lg);transition:transform var(--dur-micro) var(--ease-out);border-radius:0;font-weight:700}.primary:active,.ghost:active,.delete:active{transform:translateY(1px)}.google-auth{justify-items:start;gap:var(--space-md);display:grid}.auth-separator{gap:var(--space-sm);width:100%;color:var(--color-muted);font-size:var(--text-sm);align-items:center;display:flex}.auth-separator:before,.auth-separator:after{height:var(--rule-fine);background:var(--color-rule);content:"";flex:1}.error,.notice{border-block:var(--rule-fine) solid currentColor;padding-block:var(--space-sm)}.error{color:var(--color-error)}.notice{color:var(--color-success)}.topbar{border-block:var(--rule-fine) solid var(--color-rule-2);padding-block:var(--space-sm) var(--space-lg);text-align:center;display:grid}.edition-line{justify-content:space-between;gap:var(--space-md);border-bottom:var(--rule-fine) solid var(--color-rule);padding-bottom:var(--space-xs);display:flex}.topbar h1{padding-block:var(--space-sm);font-size:var(--text-display)}.welcome{color:var(--color-accent)}.account-actions{justify-content:center;gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.google-link{width:min(100%,220px)}.ghost{border:var(--rule-fine) solid var(--color-rule-2);transition:transform var(--dur-micro) var(--ease-out)}.stats-grid{border-bottom:var(--rule-fine) solid var(--color-rule-2);grid-template-columns:minmax(0,1fr);display:grid}.stats-grid article{gap:var(--space-2xs);padding-block:var(--space-lg);display:grid}.stats-grid article+article{border-top:var(--rule-fine) solid var(--color-rule)}.stats-grid strong,.clock strong,.session-row>div:last-of-type strong{font-variant-numeric:tabular-nums}.stats-grid strong{font-family:var(--font-display);font-size:var(--text-xl);line-height:1}.stats-grid span,.session-row span,.clock span,.empty{color:var(--color-muted)}.workspace{gap:var(--space-2xl);padding-top:var(--space-2xl);grid-template-areas:"timer""history""tasks";display:grid}.timer-card{grid-area:timer}.history-card{grid-area:history}.tasks-card{grid-area:tasks}.timer-card,.history-card,.tasks-card{min-width:0}.timer-card{border:var(--rule-fine) solid var(--color-rule-2);background:var(--color-paper-2);padding:var(--space-lg)}.timer-header,.history-header,.actions,.session-row{gap:var(--space-md);display:flex}.timer-header,.history-header{border-bottom:var(--rule-fine) solid var(--color-rule-2);padding-bottom:var(--space-md);justify-content:space-between;align-items:end}.timer-header>div,.history-header>div{min-width:0}.timer-card h2,.history-card h2,.tasks-card h2{font-size:var(--text-xl)}.section-note{margin-bottom:var(--space-2xs)}.clock{aspect-ratio:1;width:min(100%,25rem);margin:var(--space-xl) auto;background:conic-gradient(var(--color-accent) var(--progress), var(--color-paper-3) var(--progress));border-radius:50%;place-items:center;display:grid}.clock>div{aspect-ratio:1;place-content:center;gap:var(--space-xs);border:var(--rule-fine) solid var(--color-rule);background:var(--color-paper-2);text-align:center;border-radius:50%;width:84%;display:grid}.clock strong{font-family:var(--font-mono);letter-spacing:-.07em;font-size:clamp(2.5rem,10vw,4.5rem);font-weight:500;line-height:1}.duration-editor{border-top:var(--rule-fine) solid var(--color-rule);padding-top:var(--space-lg);grid-template-columns:minmax(0,1fr)}.actions{margin-top:var(--space-lg);flex-wrap:wrap;align-items:center}.session-list{max-height:35rem;margin-top:var(--space-md);scrollbar-color:var(--color-rule-2) transparent;display:grid;overflow-y:auto}.session-row{border-bottom:var(--rule-fine) solid var(--color-rule);padding-block:var(--space-md);align-items:center;position:relative}.session-row>div{gap:var(--space-2xs);min-width:0;display:grid}.session-row>div:first-child{flex:1}.session-row>div:last-of-type{text-align:right;flex:none}.session-row strong{overflow-wrap:anywhere}.task-form{gap:var(--space-sm);margin-top:var(--space-lg);grid-template-columns:minmax(0,1fr);display:grid}.session-row.active-task{border-bottom-color:var(--color-accent)}.delete{width:var(--touch-target);height:var(--touch-target);color:var(--color-muted);font-family:var(--font-body);font-size:var(--text-lg);transition:transform var(--dur-micro) var(--ease-out);background:0 0;border:0;flex:none;line-height:1}.empty{padding-block:var(--space-lg)}@media (hover:hover) and (pointer:fine){input:hover,select:hover{background:var(--color-paper-2)}.primary:hover{transform:translateY(-1px)}.ghost:hover,.delete:hover{color:var(--color-accent)}}@media (width>=40rem){.auth-masthead{text-align:start;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.auth-masthead span:last-child{text-align:end}.stats-grid{grid-template-columns:1.2fr minmax(0,1fr) minmax(0,.8fr)}.stats-grid article{padding-inline:var(--space-lg)}.stats-grid article:first-child{padding-inline-start:0}.stats-grid article+article{border-top:0;border-inline-start:var(--rule-fine) solid var(--color-rule)}.duration-editor{grid-template-columns:repeat(3,minmax(0,1fr))}.task-form{grid-template-columns:minmax(0,1fr) auto}}@media (width>=60rem){.auth-page{column-gap:var(--space-3xl);grid-template-columns:minmax(0,1.25fr) minmax(20rem,.75fr);grid-template-areas:"masthead masthead""hero auth";align-content:center}.hero-card{border-bottom:0;border-inline-end:var(--rule-fine) solid var(--color-rule-2);min-height:34rem;padding-block:var(--space-2xl) var(--space-3xl);padding-inline-end:var(--space-3xl)}.auth-card{padding-block:var(--space-2xl)}.workspace{gap:var(--space-2xl) var(--space-xl);grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);grid-template-areas:"timer history""timer tasks";align-items:start}.timer-card{top:var(--space-lg);position:sticky}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.15s!important;animation-duration:.15s!important;animation-iteration-count:1!important}}:root{color:var(--color-ink);background:var(--color-paper)}h1,h2{letter-spacing:-.04em;font-weight:600;line-height:1.1}button{font-weight:500}label{font-size:var(--text-sm);font-weight:500}input,select{background:var(--color-paper-2);border-color:var(--color-rule);border-radius:var(--radius-control)}input:focus,select:focus{border-color:var(--color-accent)}.primary{justify-content:center;align-items:center;gap:var(--space-xs);border-color:var(--color-accent);border-radius:var(--radius-control);background:var(--color-accent);color:var(--color-accent-ink);font-weight:600;display:inline-flex}.ghost{border-color:var(--color-rule);border-radius:var(--radius-control);color:var(--color-muted);background:0 0}.brand{align-items:center;gap:var(--space-sm);font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:-.04em;white-space:nowrap;font-weight:600;display:inline-flex}.brand-symbol{border:5px solid var(--color-accent);border-right-color:#0000;border-radius:50%;flex:none;width:1.625rem;height:1.625rem;display:inline-block;transform:rotate(-35deg)}.auth-page{padding-block:var(--space-lg) var(--space-2xl);align-content:start}.auth-masthead{padding-block:var(--space-sm) var(--space-lg);text-align:left;border:0;justify-content:space-between;align-items:center;display:flex}.auth-masthead strong{font-family:var(--font-display);font-size:var(--text-lg)}.auth-masthead>span{text-transform:none;letter-spacing:0}.hero-card{padding:var(--space-xl) 0;align-content:center;gap:var(--space-lg);border:0}.lead-mark{color:var(--color-muted);font-size:var(--text-base)}.hero-card h1{max-width:12ch}.hero-card>p{max-width:45ch;color:var(--color-muted);line-height:1.75}.focus-method{align-items:center;gap:var(--space-lg);margin-top:var(--space-md);padding-top:var(--space-lg);border-top:1px solid var(--color-rule);max-width:24rem;display:flex}.focus-method>div{gap:var(--space-xs);display:grid}.focus-method strong{font-family:var(--font-display);font-size:var(--text-xl);font-weight:500}.focus-method strong span,.focus-method>div>span,.method-connector{color:var(--color-muted);font-family:var(--font-body);font-size:var(--text-sm)}.method-connector{margin-inline:var(--space-sm)}.auth-card{background:var(--color-paper-2);border:1px solid var(--color-rule);border-radius:var(--radius-panel);padding:var(--space-lg);box-shadow:0 12px 32px var(--color-shadow);align-self:center}.auth-card h2{font-size:var(--text-xl)}.auth-intro p{color:var(--color-muted);margin-top:var(--space-sm);font-size:var(--text-sm)}.tabs{border-radius:var(--radius-control);background:var(--color-paper);padding:var(--space-2xs);gap:var(--space-2xs);border:0}.tabs button{border-radius:var(--radius-control);color:var(--color-muted)}.tabs button+button{border:0}.tabs button.active{background:var(--color-paper-2);color:var(--color-ink);box-shadow:0 1px 4px var(--color-shadow)}.app-shell{padding-block:0 var(--space-2xl)}.topbar{justify-content:space-between;align-items:center;gap:var(--space-md);border:0;border-bottom:1px solid var(--color-rule);padding-block:var(--space-lg);text-align:left;display:flex}.account-actions{justify-content:flex-end;align-items:center;margin:0}.account-actions>.ghost{font-size:var(--text-sm)}.dashboard-intro{justify-content:space-between;align-items:end;gap:var(--space-lg);padding-block:var(--space-xl) var(--space-lg);display:flex}.dashboard-intro h1{margin-top:var(--space-xs);font-size:clamp(1.75rem,3vw,2.5rem)}.welcome{color:var(--color-muted);text-transform:none;letter-spacing:0;font-size:var(--text-base);overflow-wrap:anywhere}.today{color:var(--color-muted);font-size:var(--text-sm);padding-bottom:var(--space-2xs);flex:none}.today:first-letter{text-transform:uppercase}.stats-grid{padding-block:var(--space-sm) var(--space-lg);gap:var(--space-lg) var(--space-xl);border:0;flex-wrap:wrap;display:flex}.stats-grid article{align-items:baseline;gap:var(--space-xs) var(--space-sm);flex-wrap:wrap;padding:0;display:flex}.stats-grid article+article{border:0}.stats-grid strong{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600}.stats-grid span{font-size:var(--text-sm)}.workspace{gap:var(--space-lg);padding-top:var(--space-md);grid-template-areas:"timer""tasks""history"}.timer-card,.tasks-card,.history-card{border:1px solid var(--color-rule);border-radius:var(--radius-panel);background:var(--color-paper-2);padding:var(--space-lg)}.timer-card{position:static}.timer-header,.history-header{border:0;align-items:center;padding:0}.timer-card h2,.tasks-card h2,.history-card h2{font-size:var(--text-lg);letter-spacing:-.03em}.timer-status{align-items:center;gap:var(--space-xs);font-size:var(--text-sm);color:var(--color-muted);white-space:nowrap;display:inline-flex}.timer-status:before{content:"";background:var(--color-rule-2);border-radius:50%;width:6px;height:6px}[data-running=true] .timer-status:before{background:var(--color-success)}.round-track{margin-top:var(--space-lg);gap:var(--space-sm);display:grid}.round-label{font-size:var(--text-sm);color:var(--color-muted);margin:0}.round-track ol{gap:var(--space-2xs);margin:0;padding:0;list-style:none;display:flex}.round-track li{flex:1}.round-track li span{border-radius:var(--radius-control);background:var(--color-paper);height:2rem;color:var(--color-muted);font-size:var(--text-sm);place-items:center;display:grid}.round-track li span[data-active=true]{background:var(--color-paper-2);color:var(--color-accent);box-shadow:0 1px 4px var(--color-shadow)}.round-track li span[data-done=true]{color:var(--color-ink-2)}.mode-tabs{gap:var(--space-2xs);background:var(--color-paper);border-radius:var(--radius-control);padding:var(--space-2xs);margin-top:var(--space-lg);flex-wrap:wrap;display:flex}.mode-tabs button{border-radius:var(--radius-control);padding:var(--space-xs);color:var(--color-muted);font-size:var(--text-sm);background:0 0;border:0;flex:1}.mode-tabs button[aria-pressed=true]{background:var(--color-paper-2);color:var(--color-accent);box-shadow:0 1px 4px var(--color-shadow)}.task-picker{margin-top:var(--space-lg)}.clock{width:min(100%,17.5rem);margin-block:var(--space-lg);background:conic-gradient(var(--color-accent) var(--progress), var(--color-paper-3) var(--progress));padding:4px}.clock>div{border:8px solid var(--color-paper-2);background:var(--color-paper);gap:var(--space-sm);width:100%}.clock strong{font-family:var(--font-display);letter-spacing:-.07em;font-size:clamp(3rem,12vw,4.5rem);font-weight:500}.clock span{font-size:var(--text-sm)}.clock .clock-mode{font-size:var(--text-base);color:var(--color-ink)}.actions{gap:var(--space-sm);margin-top:var(--space-lg);grid-template-columns:minmax(0,1fr) auto;display:grid}.actions .primary{min-height:3rem}.actions>button:last-child{min-height:var(--touch-target);font-size:var(--text-sm);border:0;grid-column:1/-1;justify-self:center}.timer-settings{border-top:1px solid var(--color-rule);margin-top:var(--space-lg)}.timer-settings summary{cursor:pointer;min-height:var(--touch-target);padding-block:var(--space-sm);color:var(--color-muted);font-size:var(--text-sm)}.timer-settings summary span{float:right;color:var(--color-muted)}.timer-settings summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-control)}.duration-editor{padding-block:var(--space-xs);border:0}.duration-editor input{padding-inline:var(--space-sm)}.panel-description{color:var(--color-muted);font-size:var(--text-sm);margin-top:var(--space-xs)}.task-count{border-radius:var(--radius-control);background:var(--color-paper);min-width:1.75rem;height:1.75rem;color:var(--color-muted);font-size:var(--text-sm);place-items:center;display:grid}.task-form{grid-template-columns:minmax(0,1fr) auto}.task-form .primary{padding-inline:var(--space-md)}.session-list{max-height:27rem;margin-top:var(--space-md)}.session-row{gap:var(--space-sm)}.session-row strong{font-size:var(--text-sm);font-weight:600}.session-row span{font-size:var(--text-sm)}.session-row.active-task{background:var(--color-accent-soft);border-radius:var(--radius-control);padding-inline:var(--space-sm);border-color:#0000}.session-row.active-task>div:first-child strong{color:var(--color-accent)}.session-status{border-radius:var(--radius-pill);padding:var(--space-2xs) var(--space-xs)}.session-status.completed{color:var(--color-success);background:var(--color-success-soft)}.session-status.cancelled{background:var(--color-paper)}.delete{font-family:var(--font-body);border-radius:var(--radius-control)}.empty{gap:var(--space-xs);padding-block:var(--space-xl);font-size:var(--text-sm);display:grid}.empty strong{color:var(--color-ink-2);font-size:var(--text-base);font-weight:500}.empty p{max-width:45ch;line-height:1.7}.notice,.error{border-radius:var(--radius-control);padding:var(--space-sm);font-size:var(--text-sm);margin-top:var(--space-sm);border:0}.notice{background:var(--color-success-soft)}.notice.pending{justify-content:space-between;align-items:center;gap:var(--space-sm);background:var(--color-paper-3);display:flex}.error{border:1px solid}@media (hover:hover) and (pointer:fine){.primary:hover{background:var(--color-ink);border-color:var(--color-ink);transform:none}.ghost:hover,.delete:hover,.tabs button:hover,.mode-tabs button:hover{background:var(--color-paper-3);color:var(--color-ink)}input:hover,select:hover{background:var(--color-paper)}}button:active{transform:translateY(1px)}@media (width>=40rem){.auth-card,.timer-card,.tasks-card,.history-card{padding:var(--space-xl)}.stats-grid article{padding-inline:0}.stats-grid article+article{border:0}.duration-editor{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=60rem){.auth-page{column-gap:var(--space-2xl);grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.hero-card{min-height:38rem;padding:var(--space-xl) var(--space-xl) var(--space-2xl) 0;border:0}.auth-card{padding:var(--space-xl)}.workspace{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-template-areas:"timer tasks""history history";align-items:start}.timer-card{position:static}.tasks-card{min-height:24rem}.history-card{padding-block:var(--space-lg)}}@media (width<=59.99rem){.dashboard-intro{align-items:start;gap:var(--space-sm);flex-direction:column}}@media (width<=39.99rem){.auth-masthead>span{display:none}.auth-page{padding-bottom:var(--space-xl)}.hero-card{gap:var(--space-md)}.focus-method{display:none}.topbar,.account-actions{flex-wrap:wrap}.stats-grid{gap:var(--space-md)}.stats-grid article{flex:100%}.mode-tabs button{padding-inline:var(--space-xs);font-size:.75rem}.session-row{grid-template-columns:minmax(0, 1fr) var(--touch-target);column-gap:var(--space-sm);align-items:start;display:grid}.session-row>div:first-child{grid-area:1/1}.session-row>div:last-of-type{align-items:center;gap:var(--space-md);text-align:left;grid-area:2/1;display:flex}.session-row .delete{grid-area:1/2/span 2;align-self:start}.history-header{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){button:hover,button:active{transform:none}*,:before,:after{transition:none!important;animation:none!important}}.app-shell .topbar{padding-block:var(--space-md)}.dashboard-intro{padding-top:var(--space-lg)}.timer-card{padding:var(--space-lg)}.clock{width:min(100%,14rem);margin-block:var(--space-md)}.clock strong{font-size:clamp(2.75rem,12vw,3.75rem)}.actions{margin-top:var(--space-md)}.mode-name-short{display:none}@media (width<=39.99rem){body{min-width:0}.mode-name-full{display:none}.mode-name-short{display:inline}.tabs button{padding-inline:var(--space-xs)}}:root{--color-paper:oklch(97.5% .006 255);--color-paper-2:oklch(100% 0 0);--color-paper-3:oklch(94% .012 255);--color-rule:oklch(88% .013 255);--color-rule-2:oklch(76% .025 255);--color-ink:oklch(24% .032 260);--color-ink-2:oklch(32% .03 260);--color-muted:oklch(48% .025 255);--color-neutral:oklch(39% .026 255);--color-accent:oklch(49% .21 260);--color-accent-ink:oklch(100% 0 0);--color-focus:oklch(49% .21 260);--color-accent-soft:oklch(94% .027 260);--color-error:oklch(45% .17 28);--color-success:oklch(39% .09 160);--color-success-soft:oklch(95% .022 160);--color-shadow:oklch(24% .032 260/.04);--font-display:"Space Grotesk Variable", ui-sans-serif, sans-serif;--font-body:"Inter Variable", ui-sans-serif, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--text-sm:.8125rem;--text-base:.9375rem;--text-md:1.125rem;--text-lg:1.375rem;--text-xl:1.75rem;--text-display:clamp(2.5rem, 4.5vw + .5rem, 4.5rem);--space-3xs:.125rem;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--space-3xl:6rem;--radius-control:.5rem;--radius-panel:1rem;--radius-pill:999px;--rule-fine:1px;--control-height:2.875rem;--touch-target:2.75rem;--page-max:80rem;--page-gutter:clamp(1rem, 4vw, 3rem);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-micro:.12s;--dur-short:.18s}