@import "https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&family=JetBrains+Mono:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap";@font-face{font-family:Bluu Next;src:url(/assets/BluuNext-Bold-ghZDmQcn.otf)format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Butler;src:url(/assets/Butler-Free-Med-DwZ05FeO.woff)format("woff");font-weight:500;font-style:normal;font-display:swap}:root{--fjord-background:#1b2c32;--fjord-background-alt:#22373f;--fjord-foreground:#e8f0f3;--fjord-muted:#6c7a86;--fjord-muted-dim:#51606b;--fjord-line:#233941;--fjord-green:#9dd99a;--fjord-blue:#5da6ea;--fjord-yellow:#ffd285;--fjord-purple:#b9a0f8;--fjord-red:#f37c7c;--fjord-cyan:#b8e7e9;--fjord-bright-black:#212128;--fjord-bright-red:#ff9b9b;--fjord-bright-green:#a3d5a0;--fjord-bright-yellow:#ffe0a3;--fjord-bright-blue:#7bb8ff;--fjord-bright-purple:#d4c6f7;--fjord-bright-cyan:#a1e9de;--fjord-bright-white:#effaff;--fjord-ok:#9dd99a;--fjord-warning:#ffd285;--fjord-error:#f37c7c;--fjord-info:#5da6ea;--fjord-hint:#b8e7e9;--fjord-modified:#6faff2;--fjord-conflict:#c89cfd;--fjord-surface:#1f3239;--fjord-overlay-ruler:#2d4852;--fjord-inactive-overlay:#17262c;--fjord-deep-green:#6fa96c;--fjord-mint-light:#b9e3b5;--fjord-steel-blue:#4c89c9;--fjord-amber-warm:#e8b77a;--fjord-rose-muted:#e48a8a;--fjord-soft-gray:#2a3f47;--fjord-graphite-text-alt:#a0acb4;--fjord-sunset:#f2b8a2;--fjord-ice-blue:#a9d8e7;--fjord-fog-violet:#a5a0d9;--fg-1:var(--fjord-foreground);--fg-2:var(--fjord-graphite-text-alt);--fg-3:var(--fjord-muted);--fg-4:var(--fjord-muted-dim);--fg-on-accent:var(--fjord-background);--bg-base:var(--fjord-background);--bg-surface:var(--fjord-surface);--bg-elevated:var(--fjord-background-alt);--bg-hover:var(--fjord-soft-gray);--bg-active:var(--fjord-overlay-ruler);--bg-inactive:var(--fjord-inactive-overlay);--border-default:var(--fjord-line);--border-strong:var(--fjord-overlay-ruler);--border-focused:var(--fjord-blue);--border-subtle:color-mix(in oklch, var(--fjord-line) 60%, transparent);--accent-primary:var(--fjord-green);--accent-primary-hover:var(--fjord-bright-green);--accent-primary-press:var(--fjord-deep-green);--accent-secondary:var(--fjord-blue);--accent-tertiary:var(--fjord-cyan);--status-ok:var(--fjord-ok);--status-warning:var(--fjord-warning);--status-error:var(--fjord-error);--status-info:var(--fjord-info);--status-hint:var(--fjord-hint);--status-modified:var(--fjord-modified);--selection-bg:#b8e7e954;--selection-bg-inactive:#b8e7e929;--highlight-match:#ffe0a366;--highlight-word:#b8e7e940;--font-sans:"Butler", "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Bluu Next", "Times New Roman", Georgia, serif;--font-mono:"JetBrains Mono", "Fira Code", "SF Mono", Menlo, Consolas, monospace;--font-ui:"JetBrains Mono", "Fira Code", "SF Mono", Menlo, Consolas, monospace;--fs-12:.75rem;--fs-13:.8125rem;--fs-14:.875rem;--fs-16:1rem;--fs-18:1.125rem;--fs-20:1.25rem;--fs-24:1.5rem;--fs-32:2rem;--fs-44:2.75rem;--fs-64:4rem;--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--lh-tight:1.1;--lh-snug:1.25;--lh-normal:1.5;--lh-relaxed:1.65;--tracking-display:-.02em;--tracking-tight:-.01em;--tracking-normal:0;--tracking-wide:.04em;--tracking-mono:0;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-xl:16px;--radius-pill:999px;--shadow-sm:0 1px 2px 0 #00000040;--shadow-md:0 4px 12px -2px #00000059;--shadow-lg:0 12px 32px -8px #00000073;--shadow-glow-blue:0 0 0 1px var(--fjord-blue), 0 0 12px -2px #5da6ea66;--shadow-glow-green:0 0 0 1px var(--fjord-green), 0 0 12px -2px #9dd99a59;--shadow-inset:inset 0 0 0 1px var(--border-default);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-fast:.12s;--dur-normal:.2s;--dur-slow:.32s}html,body{background:var(--bg-base);color:var(--fg-1);font-family:var(--font-sans);font-size:var(--fs-16);line-height:var(--lh-normal);font-feature-settings:"ss01", "cv11";-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--fg-1);letter-spacing:var(--tracking-display);line-height:var(--lh-tight);font-weight:var(--fw-semibold);margin:0 0 var(--space-3);text-wrap:balance}h1{font-size:var(--fs-44);letter-spacing:-.025em}h2{font-size:var(--fs-32)}h3{font-size:var(--fs-24);letter-spacing:var(--tracking-tight)}h4{font-size:var(--fs-20);letter-spacing:var(--tracking-tight)}h5{font-size:var(--fs-16);font-weight:var(--fw-semibold)}h6{font-size:var(--fs-14);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--fg-3)}p{margin:0 0 var(--space-4);line-height:var(--lh-relaxed);color:var(--fg-1);text-wrap:pretty}small{font-size:var(--fs-13);color:var(--fg-3)}a{color:var(--accent-secondary);text-underline-offset:.18em;transition:color var(--dur-fast) var(--ease-out);text-decoration:none}a:hover{color:var(--fjord-bright-blue);text-decoration:underline}code,kbd,samp,pre{font-family:var(--font-mono);font-size:.92em}code{color:var(--accent-tertiary);background:var(--bg-surface);border-radius:var(--radius-sm);border:1px solid var(--border-default);padding:.12em .4em}pre{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-4);line-height:var(--lh-normal);font-size:var(--fs-14);overflow-x:auto}pre code{color:var(--fg-1);background:0 0;border:0;padding:0}kbd{font-size:var(--fs-12);background:var(--bg-elevated);color:var(--fg-1);border:1px solid var(--border-default);border-radius:var(--radius-sm);border-bottom-width:2px;padding:.1em .45em}hr{background:var(--border-default);height:1px;margin:var(--space-6) 0;border:0}input,textarea,select,button{font-family:var(--font-ui);font-size:inherit;color:inherit;letter-spacing:.01em}label,.label,.badge,.chip,.tag,nav a,.nav-link{font-family:var(--font-ui)}.fj-display{font-size:var(--fs-64);font-weight:var(--fw-bold);letter-spacing:-.03em;line-height:1.05}.fj-eyebrow{font-size:var(--fs-12);font-weight:var(--fw-medium);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3)}.fj-mono-label{font-family:var(--font-mono);font-size:var(--fs-12);color:var(--fg-3);letter-spacing:.04em}.fj-prompt:before{content:"❯ ";color:var(--accent-primary)}.fj-bg-base{background:var(--bg-base)}.fj-bg-surface{background:var(--bg-surface)}.fj-bg-elevated{background:var(--bg-elevated)}.fj-fg-2{color:var(--fg-2)}.fj-fg-3{color:var(--fg-3)}@font-face{font-family:Glacial Indifference;src:url(/fonts/GlacialIndifference-Bold.otf)format("opentype");font-weight:700 900;font-style:normal;font-display:swap}:root{--bg-0:var(--fjord-background);--bg-1:var(--fjord-inactive-overlay);--ink-0:var(--fjord-foreground);--ink-1:var(--fjord-graphite-text-alt);--ink-2:var(--fjord-muted);--ink-3:var(--fjord-muted-dim);--line:var(--fjord-line);--line-strong:var(--fjord-overlay-ruler);--glass:var(--fjord-surface);--glass-strong:var(--fjord-soft-gray);--accent:var(--fjord-green);--accent-warm:var(--fjord-amber-warm);--accent-cool:var(--fjord-blue);--accent-rest:var(--fjord-cyan);--serif:var(--font-display);--sans:var(--font-sans);--mono:var(--font-mono)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100%}html{overflow-x:hidden}body{font-family:var(--sans);background:var(--bg-0);color:var(--ink-0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;letter-spacing:-.005em;font-weight:400;overflow-x:hidden}::selection{background:var(--selection-bg);color:var(--fg-1)}button{color:inherit;cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea{color:inherit;background:0 0;border:none;outline:none;font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:3px}::-webkit-scrollbar-track{background:0 0}.serif{font-family:var(--serif);letter-spacing:-.02em;font-weight:400}.mono{font-family:var(--mono)}.italic{font-style:italic}.tnum{font-variant-numeric:tabular-nums}.ambient{z-index:0;pointer-events:none;background:var(--bg-0);position:fixed;inset:0;overflow:hidden}.ambient:before{content:"";background:linear-gradient(180deg, transparent 0%, transparent 55%, var(--fjord-inactive-overlay) 100%);pointer-events:none;position:absolute;inset:0}.ambient:after{content:"";pointer-events:none;background-image:radial-gradient(#ffffff04 1px,#0000 1px);background-size:3px 3px;position:absolute;inset:0}.blob{filter:blur(110px);opacity:.32;will-change:transform;mix-blend-mode:screen;border-radius:50%;transition:background 1.6s,opacity 1.6s;position:absolute}@keyframes drift1{0%{transform:translate(-10%,-10%)scale(1)}50%{transform:translate(10%,5%)scale(1.15)}to{transform:translate(-10%,-10%)scale(1)}}@keyframes drift2{0%{transform:translate(15%,20%)scale(1.05)}50%{transform:translate(-8%,-5%)scale(.95)}to{transform:translate(15%,20%)scale(1.05)}}@keyframes drift3{0%{transform:translate(20%,-15%)scale(.9)}50%{transform:translate(-15%,15%)scale(1.1)}to{transform:translate(20%,-15%)scale(.9)}}.blob.b1{animation:28s ease-in-out infinite drift1}.blob.b2{animation:36s ease-in-out infinite drift2}.blob.b3{animation:42s ease-in-out infinite drift3}.glass{-webkit-backdrop-filter:blur(20px)saturate(1.2);border:1px solid var(--line);border-radius:var(--radius-lg);background:#1f3239b8}#root{z-index:1;min-height:100dvh;position:relative}.app{flex-direction:column;width:100%;height:100dvh;min-height:100dvh;display:flex;position:relative}.topbar{z-index:5;flex-shrink:0;justify-content:space-between;align-items:center;padding:22px 32px;display:flex;position:relative}.wordmark{align-items:baseline;gap:8px;display:flex}.wordmark .mark{font-family:var(--serif);letter-spacing:-.02em;color:var(--ink-0);font-size:28px}.wordmark .dot{border-radius:var(--radius-pill);background:var(--accent);width:7px;height:7px;margin-bottom:3px;display:inline-block}.wordmark .tag{font-family:var(--mono);text-transform:uppercase;letter-spacing:.18em;color:var(--ink-2);margin-left:6px;font-size:10px}.nav{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:100px;gap:2px;padding:4px;display:flex}.nav button{font-size:12px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-2);border-radius:100px;padding:7px 16px;transition:color .2s,background .2s}.nav button:hover{color:var(--ink-0)}.nav button.active{background:var(--accent);color:var(--fg-on-accent)}.topbar-right{align-items:center;gap:14px;display:flex}.iconbtn{width:36px;height:36px;color:var(--ink-1);border:1px solid var(--line);background:var(--glass);border-radius:50%;place-items:center;transition:all .2s;display:grid}.iconbtn:hover{color:var(--ink-0);border-color:var(--line-strong);background:var(--glass-strong)}.iconbtn.on{color:var(--accent);border-color:#d4b89666}.topbar-action{border:1px solid var(--line);background:var(--glass);height:36px;color:var(--ink-1);font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;border-radius:100px;padding:0 14px;font-size:11px;transition:color .2s,background .2s,border-color .2s}.topbar-action:hover{color:var(--ink-0);border-color:var(--line-strong);background:var(--glass-strong)}.help-overlay{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a121694;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.help-card{width:min(420px,100%);padding:28px}.help-card h2{margin-bottom:18px}.help-card p{color:var(--ink-1);justify-content:space-between;gap:18px;margin:10px 0;display:flex}.timer-controls{justify-content:center;width:100%}.stage{-webkit-overflow-scrolling:touch;flex:auto;min-width:0;min-height:0;display:flex;position:relative;overflow:auto}.screen,.screen>*{min-width:0}.preset-time-row,.manual-time-row{align-items:center!important}.manual-time-row{gap:12px!important}.manual-time-control{grid-template-columns:auto auto;align-items:center;gap:8px;min-width:0;display:inline-grid}.manual-time-label{white-space:nowrap;align-items:center;height:36px;display:inline-flex;padding-left:0!important}.time-stepper-pill{white-space:nowrap;flex:none}.countdown-wrap{place-items:center;width:100%;max-width:min(100%,980px);display:grid;overflow:visible;container-type:inline-size}.countdown-clock{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1, "lnum" 1, "ss01" 1;white-space:nowrap;justify-content:center;max-width:100%;letter-spacing:-.07em!important;font-family:Glacial Indifference,Geist,system-ui,-apple-system,Segoe UI,sans-serif!important;font-size:clamp(76px,min(17vw,34dvh),300px)!important;font-weight:800!important}.timer-screen [style*="letter-spacing: 0.18em"]{text-align:center;flex-wrap:wrap;justify-content:center;row-gap:8px}.break-countdown{font-size:clamp(72px,min(15vw,30dvh),220px)!important}.settings-card{width:100%;min-width:0}.settings-row{gap:18px;min-width:0}.settings-row>div:first-child{min-width:0}.settings-row>div:first-child+*{flex:none}.settings-segmented{flex:none;max-width:100%}@container (width<=620px){.countdown-clock{letter-spacing:-.055em!important;gap:.02em!important;font-size:clamp(68px,26cqw,156px)!important}}@container (width<=360px){.countdown-clock{letter-spacing:-.065em!important;gap:0!important;font-size:clamp(58px,25cqw,104px)!important}}@media (width<=1100px){.timer-screen{grid-template-columns:minmax(0,1fr) 320px!important}.setup-screen{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important}.settings-screen,.history-screen{gap:28px!important}.settings-screen{grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr)!important}}@media (width<=980px){.settings-screen{grid-template-columns:minmax(0,1fr)!important;align-content:start!important;gap:22px!important;height:auto!important;min-height:calc(100dvh - 92px)!important;display:grid!important}.settings-screen>div{justify-content:flex-start!important;padding-right:0!important;overflow:visible!important}.settings-screen>div:first-child{padding-top:clamp(16px,4vw,34px)!important}.settings-screen h1{max-width:720px;font-size:clamp(42px,8vw,72px)!important}}@media (width<=900px){html,body,#root{height:auto}body{overflow-y:auto}.app{height:auto;min-height:100dvh}.stage{overflow:visible}.screen{height:auto!important;min-height:calc(100dvh - 92px)!important;padding:0 clamp(16px,4vw,28px) 28px!important}.setup-screen,.timer-screen,.done-screen,.history-screen{grid-template-columns:minmax(0,1fr)!important;align-content:start!important;gap:24px!important;display:grid!important}.setup-screen>div,.timer-screen>div,.done-screen>div,.history-screen>div{justify-content:flex-start!important;padding-right:0!important;overflow:visible!important}.setup-screen>div:first-child,.done-screen>div:first-child,.history-screen>div:first-child{padding-top:clamp(20px,5vw,44px)!important}.settings-screen>div:first-child{padding-bottom:0!important}.settings-screen>div:last-child{padding-right:0!important;overflow:visible!important}.timer-screen>div:first-child{padding-top:clamp(10px,4vw,28px)!important}.timer-screen .glass,.setup-screen .glass,.done-screen .glass,.history-screen .glass,.settings-screen .glass{max-height:none!important}}@media (width<=760px){.topbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;display:grid}.wordmark{min-width:0}.wordmark .tag{display:none}.nav{scrollbar-width:none;grid-area:2/1/auto/-1;justify-self:stretch;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav button{flex:1;min-width:max-content;padding:7px 12px;font-size:10px}.topbar-right{gap:8px}.iconbtn{width:34px;height:34px}.topbar-action{height:34px;padding:0 12px;font-size:10px}.screen{min-height:calc(100dvh - 122px)!important}}@media (width<=640px){.screen{gap:18px!important;padding:0 14px 22px!important}.preset-time-row{align-items:stretch!important}.preset-time-row button{flex:calc(50% - 6px);justify-content:center;min-width:138px}.manual-time-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch!important;gap:10px!important;display:grid!important}.manual-time-control{grid-template-columns:1fr;align-items:stretch;gap:6px;min-width:0}.manual-time-label{justify-content:flex-start;height:auto;line-height:1.2;padding-left:2px!important}.time-stepper-pill{justify-content:space-between;width:100%}.setup-screen h1,.done-screen h1,.history-screen h1,.settings-screen h1{font-size:clamp(38px,14vw,64px)!important}.setup-screen input{font-size:clamp(18px,6vw,22px)!important}.timer-screen>div:first-child{align-items:stretch!important}.timer-screen>div:first-child>div,.countdown-wrap{max-width:100%}.countdown-clock{font-size:clamp(64px,25vw,136px)!important}.break-countdown{font-size:clamp(64px,24vw,124px)!important}.timer-screen [style*=min\(28vw]{justify-content:center}.break-screen [style*=min\(12vw]{font-size:clamp(54px,18vw,96px)!important}.break-screen{justify-content:flex-start!important;padding-top:28px!important}.done-screen [style*="grid-template-columns: 1fr 1fr"],.history-screen [style*="grid-template-columns: auto 1fr auto"]{grid-template-columns:1fr!important}.history-screen .glass{grid-template-columns:1fr!important;align-items:start!important}.history-screen .glass [style*=grid-column]{grid-column:1!important}.settings-screen [style*="justify-content: space-between"],.setup-screen [style*="justify-content: space-between"],.done-screen [style*="justify-content: space-between"]{gap:10px}.settings-screen [style*="padding: 28px"],.setup-screen [style*="padding: 28px"],.done-screen [style*="padding: 28px"],.settings-card{padding:20px!important}.settings-row{align-items:flex-start!important;gap:14px!important}.settings-row>div:first-child{flex:auto}}@media (width<=480px){.topbar{padding:12px}.preset-time-row button{flex-basis:100%}.manual-time-row{grid-template-columns:1fr}.manual-time-control{grid-template-columns:minmax(58px,auto) minmax(0,1fr);align-items:center}.manual-time-label{align-items:center;height:36px}.time-stepper-pill{justify-self:start;max-width:220px}.wordmark .mark{font-size:24px}.screen{padding-left:12px!important;padding-right:12px!important}.setup-screen [style*="display: flex"],.timer-screen [style*="display: flex"],.done-screen [style*="display: flex"],.settings-screen [style*="display: flex"],.setup-screen button,.done-screen button,.break-screen button{max-width:100%}.done-screen [style*="gap: 12px"],.break-screen [style*="gap: 14px"]{flex-wrap:wrap!important;justify-content:center!important}.timer-controls{flex-wrap:wrap;justify-content:center!important;align-items:center!important;width:100%!important;margin-left:auto!important;margin-right:auto!important}.break-controls{text-align:center}.settings-screen [style*="padding: 12px 0"]{flex-direction:column!important;align-items:flex-start!important}.settings-row{flex-direction:column!important;align-items:stretch!important}.settings-row>div:first-child+*{align-self:flex-start}.settings-segmented{flex-wrap:wrap;justify-content:stretch;width:100%;border-radius:14px!important}.settings-segmented button{text-align:center;flex:90px}.settings-card{padding:16px!important}.history-screen .glass{gap:8px!important}.timer-screen li[data-task-index]{flex-wrap:wrap;row-gap:8px!important}.timer-screen li[data-task-index]>div[style*="flex: 1"]{flex-basis:calc(100% - 64px)!important}.timer-screen button[aria-label^=Work\ on]{margin-left:30px}}@media (height<=680px) and (width>=901px){.topbar{padding-top:14px;padding-bottom:14px}.screen{padding-bottom:18px!important}.countdown-clock{font-size:clamp(72px,min(15vw,32svh),240px)!important}.break-countdown{font-size:clamp(68px,min(14vw,26svh),170px)!important}.break-screen [style*=min\(12vw]{font-size:min(10vw,18svh,110px)!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}