@font-face{font-family:Gloock;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/gloock-latin-400.woff2)format("woff2")}@font-face{font-family:Manrope;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/manrope-latin-var.woff2)format("woff2")}:root{--paper:#f6f2ea;--ink:#1f1b16;--muted:#6e655a;--surface:#fffdf9;--soft:#efe4d4;--saucer:#e7dccb;--line:#d8cdbd;--line-dashed:#cfc3b1;--layer-1:#96643a;--layer-2:#b47b4b;--layer-3:#cd9760;--layer-4:#e0b27c;--overflow:#c93c24;--overflow-text:#b8361f;--overflow-tint:#fbede8;--brand-red:#e0482f;--font-display:"Gloock", Georgia, "Times New Roman", serif;--font-ui:"Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;--text-xs:.75rem;--text-sm:.8125rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.375rem;--text-xl:2rem;--text-2xl:2.75rem;--text-3xl:clamp(2.75rem, 2rem + 3vw, 4.5rem);--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.05;--leading-snug:1.3;--leading-normal:1.5;--tracking-label:1.5px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-pill:999px;--radius-card:12px;--radius-layer:6px;--stroke-cup:2.5px;--stroke-icon:1.8px;--tap-min:44px;--layer-min-height:28px;--dur-instant:.12s;--dur-fast:.2s;--dur-base:.35s;--dur-pour:.5s;--dur-slow:.6s;--stagger:60ms;--ease-out:cubic-bezier(.33, 1, .68, 1);--ease-in:cubic-bezier(.11, 0, .5, 0);--ease-in-out:cubic-bezier(.45, 0, .55, 1);--ease-pour:cubic-bezier(.34, 1.15, .64, 1);--gutter:var(--space-5);--content-max:1200px}:root,:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:var(--paper);--color-text:var(--ink);--color-text-muted:var(--muted);--color-surface:var(--surface);--color-soft:var(--soft);--color-saucer:var(--saucer);--color-line:var(--line);--color-line-dashed:var(--line-dashed);--color-stroke:var(--ink);--color-cup-body:var(--surface);--color-primary:var(--ink);--color-on-primary:var(--surface);--color-on-primary-muted:var(--line);--color-layer-1:var(--layer-1);--color-layer-2:var(--layer-2);--color-layer-3:var(--layer-3);--color-layer-4:var(--layer-4);--color-on-layer:var(--ink);--color-layer-done:var(--soft);--color-overflow:var(--overflow);--color-on-overflow:#fff;--color-overflow-text:var(--overflow-text);--color-overflow-tint:var(--overflow-tint);--color-focus:var(--ink)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#161310;--color-text:#f2ece2;--color-text-muted:#a89d8f;--color-surface:#1f1b17;--color-soft:#2b251f;--color-saucer:#2e2720;--color-line:#3b332b;--color-line-dashed:#4a4037;--color-stroke:#f2ece2;--color-cup-body:#2a241e;--color-primary:#f2ece2;--color-on-primary:#161310;--color-on-primary-muted:#5e554b;--color-layer-1:#80552f;--color-layer-2:#a57447;--color-layer-3:#c49563;--color-layer-4:#dfbb89;--color-on-layer:#1f1b16;--color-layer-done:#4a3f33;--color-overflow:#c93c24;--color-on-overflow:#fff;--color-overflow-text:#f0765d;--color-overflow-tint:#2e1a14;--color-focus:#f2ece2}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#161310;--color-text:#f2ece2;--color-text-muted:#a89d8f;--color-surface:#1f1b17;--color-soft:#2b251f;--color-saucer:#2e2720;--color-line:#3b332b;--color-line-dashed:#4a4037;--color-stroke:#f2ece2;--color-cup-body:#2a241e;--color-primary:#f2ece2;--color-on-primary:#161310;--color-on-primary-muted:#5e554b;--color-layer-1:#80552f;--color-layer-2:#a57447;--color-layer-3:#c49563;--color-layer-4:#dfbb89;--color-on-layer:#1f1b16;--color-layer-done:#4a3f33;--color-overflow:#c93c24;--color-on-overflow:#fff;--color-overflow-text:#f0765d;--color-overflow-tint:#2e1a14;--color-focus:#f2ece2}@media (min-width:768px){:root{--gutter:var(--space-10)}}@media (min-width:1280px){:root{--gutter:clamp(40px, 4vw, 80px)}}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--color-bg);min-height:100dvh;color:var(--color-text);font-family:var(--font-ui);font-size:var(--text-base);font-weight:var(--weight-regular);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg{max-width:100%;display:block}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}[hidden]{display:none!important}.display{font-family:var(--font-display);font-weight:400;line-height:var(--leading-tight);letter-spacing:-.01em}.label{font-size:var(--text-sm);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-text-muted)}.tnum{font-variant-numeric:tabular-nums}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.page{padding:0 var(--gutter);padding-top:env(safe-area-inset-top);padding-left:max(var(--gutter), env(safe-area-inset-left));padding-right:max(var(--gutter), env(safe-area-inset-right))}.page>main{width:100%;max-width:var(--content-max);margin-inline:auto}.logo{align-items:center;gap:var(--space-3);color:var(--color-text);display:inline-flex}.logo .cup-mark{flex:none}.logo__word{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.75rem;line-height:1;transform:translateY(-.08em)}@media (min-width:768px){.logo__word{font-size:2rem}}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--tap-min);padding:0 var(--space-5);border-radius:var(--radius-pill);font-size:var(--text-base);font-weight:var(--weight-semibold);white-space:nowrap;transition:background-color var(--dur-instant), border-color var(--dur-instant);background:0 0;border:1.5px solid #0000;line-height:1;text-decoration:none;display:inline-flex}.btn--primary{background:var(--color-primary);color:var(--color-on-primary)}.btn--secondary{border-color:var(--color-line);color:var(--color-text)}.btn--secondary:hover{background:var(--color-surface);border-color:var(--color-line-dashed)}.btn--on-dark{min-height:52px;padding:0 var(--space-6);background:var(--color-bg);color:var(--color-text);font-size:var(--text-md)}.btn--on-dark:focus-visible{outline-color:var(--color-on-primary)}.btn--small{min-height:40px;padding:0 var(--space-4);font-size:var(--text-sm)}.link-btn{min-height:var(--tap-min);padding:0 var(--space-3);border-radius:var(--radius-pill);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-semibold);text-underline-offset:3px;background:0 0;border:0;text-decoration:underline}.link-btn:hover{color:var(--color-text)}.chip{min-height:var(--tap-min);padding:0 var(--space-4);border:1.5px dashed var(--color-line-dashed);border-radius:var(--radius-pill);font-weight:var(--weight-medium);transition:background-color var(--dur-instant), border-color var(--dur-instant);background:0 0;align-items:center;display:inline-flex}.chip:hover{border-color:var(--color-text-muted);background:var(--color-surface)}.card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:16px}.field{gap:var(--space-2);border:0;min-width:0;padding:0;display:grid}.field__label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-muted);padding:0}.field-row{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.input{width:100%;min-height:var(--tap-min);padding:0 var(--space-3);border:1px solid var(--color-line);background:var(--color-bg);font-size:var(--text-base);border-radius:10px}.input:hover{border-color:var(--color-line-dashed)}.input:focus-visible{outline-offset:0;border-color:var(--color-text)}.input[aria-invalid=true]{border-color:var(--color-text);border-style:dashed}.input::placeholder{color:var(--color-text-muted)}.field__error{font-size:var(--text-sm);color:var(--color-text-muted)}.tabs,.segmented{gap:var(--space-1);border-radius:var(--radius-pill);background:var(--color-soft);padding:5px;display:inline-flex}.tabs__tab,.segmented__option span{min-height:var(--tap-min);padding:0 var(--space-5);border-radius:var(--radius-pill);font-weight:var(--weight-medium);white-space:nowrap;transition:background-color var(--dur-fast), color var(--dur-fast);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.tabs__tab[aria-selected=true],.segmented__option input:checked+span{background:var(--color-primary);color:var(--color-on-primary)}.segmented__option{cursor:pointer}.segmented__option input:focus-visible+span{outline:2px solid var(--color-focus);outline-offset:2px}.segmented--small .segmented__option span{min-height:40px;padding:0 var(--space-4);font-size:var(--text-sm)}.stepper{min-height:var(--tap-min);border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-bg);justify-content:space-between;align-items:center;display:inline-flex}.stepper__btn{width:var(--tap-min);height:var(--tap-min);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.stepper__btn:hover{background:var(--color-soft)}.stepper__value{min-width:2ch;font-weight:var(--weight-semibold);text-align:center}.range{--fill:50%;width:100%;height:var(--tap-min);appearance:none;cursor:pointer;background:0 0;margin:0}.range::-webkit-slider-runnable-track{border:1px solid var(--color-line);border-radius:var(--radius-pill);background:linear-gradient(to right, var(--color-text) var(--fill), var(--color-soft) var(--fill));height:8px}.range::-webkit-slider-thumb{border:3px solid var(--color-surface);background:var(--color-text);width:24px;height:24px;box-shadow:0 0 0 1px var(--color-text);appearance:none;border-radius:50%;margin-top:-9px}.range::-moz-range-track{border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-soft);height:8px}.range::-moz-range-progress{border-radius:var(--radius-pill);background:var(--color-text);height:8px}.range::-moz-range-thumb{border:3px solid var(--color-surface);background:var(--color-text);width:18px;height:18px;box-shadow:0 0 0 1px var(--color-text);border-radius:50%}.range:focus-visible{outline-offset:0;border-radius:var(--radius-card)}.toast-region{z-index:50;left:50%;bottom:max(var(--space-4), env(safe-area-inset-bottom));width:max-content;max-width:calc(100vw - 2 * var(--space-4));position:fixed;transform:translate(-50%)}.toast{align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-1) var(--space-1) var(--space-5);border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-on-primary);font-weight:var(--weight-medium);animation:toast-in var(--dur-base) var(--ease-out);display:flex;box-shadow:0 6px 24px #1f1b162e}.toast__action{min-height:var(--tap-min);padding:0 var(--space-4);border-radius:var(--radius-pill);color:inherit;font-weight:var(--weight-bold);text-underline-offset:3px;background:0 0;border:0;text-decoration:underline}.toast__action:focus-visible{outline-color:var(--color-on-primary);outline-offset:-4px}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){@keyframes toast-in{0%{opacity:0}}}.sheet{width:min(440px, calc(100vw - 2 * var(--space-4)));border:1px solid var(--color-line);background:var(--color-surface);color:var(--color-text);border-radius:20px;margin:auto;padding:0}.sheet::backdrop{animation:backdrop-in var(--dur-base) var(--ease-out);transition:opacity var(--dur-fast) var(--ease-in);background:#16131066}.sheet.is-closing::backdrop{opacity:0}@keyframes backdrop-in{0%{opacity:0}}.sheet__move{justify-self:start}.sheet__summary{color:var(--color-text-muted)}.field__optional{font-weight:var(--weight-regular)}.sheet__form{gap:var(--space-4);padding:var(--space-6);display:grid}.sheet__title{font-size:var(--text-lg);font-weight:var(--weight-semibold)}.sheet__actions{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.sheet__spacer{flex:1}@media (max-width:639px){.sheet{width:100%;max-width:none;padding-bottom:env(safe-area-inset-bottom);border-radius:20px 20px 0 0;margin:auto 0 0}}.app-header{align-items:center;gap:var(--space-4) var(--space-3);padding:var(--space-6) 0 var(--space-4);grid-template-columns:1fr auto;grid-template-areas:"logo actions""summary summary";display:grid}.app-header__logo{min-height:var(--tap-min);color:inherit;border-radius:var(--radius-card);grid-area:logo;justify-self:start;align-items:center;text-decoration:none;display:inline-flex}.app-header__actions{grid-area:actions;gap:6px;display:flex}.app-header__actions .icon-btn,.app-header__myday,.app-header__close{width:48px;height:48px;min-height:48px;padding:0}@media (max-width:379px){.app-header__actions{gap:var(--space-1)}.app-header__actions .icon-btn,.app-header__myday,.app-header__close{width:var(--tap-min);height:var(--tap-min);min-height:var(--tap-min)}}.app-header__text{display:none}.app-header__close{border-color:var(--color-text)}.app-header__close-icon{display:grid}.app-header__close[aria-disabled=true]{opacity:.45;cursor:not-allowed}.app-header__close[hidden]{display:none}.app-header__actions [aria-current=page]{background:var(--color-soft);border-color:var(--color-soft)}.icon-btn{border:1.5px solid var(--color-line);width:52px;height:52px;color:var(--color-text);transition:background-color var(--dur-instant), border-color var(--dur-instant);background:0 0;border-radius:50%;place-items:center;display:grid}.icon-btn:hover{background:var(--color-surface);border-color:var(--color-line-dashed)}@media (min-width:900px){.app-header{padding:var(--space-8) 0;grid-template-columns:1fr auto 1fr;grid-template-areas:"logo summary actions"}.app-header__actions{justify-self:end;gap:var(--space-2)}.app-header__actions .icon-btn{width:52px;height:52px}.app-header__myday{width:auto;height:auto;min-height:52px;padding:0 var(--space-5)}.app-header__text{display:inline}.app-header__close{width:auto;height:auto;min-height:52px;padding:0 var(--space-5)}.app-header__close-icon{display:none}}.duration-control{gap:var(--space-3);display:grid}.duration-control__value{text-align:center;font-size:2rem;line-height:1.1}.duration-control__presets{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.duration-control__preset{min-height:var(--tap-min);border:1px solid var(--color-line);border-radius:var(--radius-pill);color:var(--color-text);font-weight:var(--weight-semibold);transition:background-color var(--dur-instant), border-color var(--dur-instant), color var(--dur-instant);background:0 0}.duration-control__preset:hover{border-color:var(--color-text)}.duration-control__preset[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.duration-control__columns{gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-line);grid-template-columns:1fr 1fr;display:grid}.duration-control__column{gap:var(--space-2);min-width:0;display:grid}.duration-control__unit{text-align:center}.duration-control__list{height:calc(var(--tap-min) * 4.5);overscroll-behavior:contain;scroll-snap-type:y proximity;scrollbar-width:none;border:1px solid var(--color-line);border-radius:var(--radius-card);position:relative;overflow-y:auto}.duration-control__list::-webkit-scrollbar{display:none}.duration-control__option{min-height:var(--tap-min);scroll-snap-align:center;font-weight:var(--weight-semibold);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--dur-instant), color var(--dur-instant);place-items:center;display:grid}.duration-control__option:hover{background:var(--color-soft)}.duration-control__option[aria-selected=true]{background:var(--color-primary);color:var(--color-on-primary)}.duration-control__option[aria-disabled=true]{color:var(--color-line-dashed);cursor:default}.duration-control__option[aria-disabled=true]:hover{background:0 0}@media (max-width:359px){.app-header .logo__word{display:none}}.my-day{gap:var(--space-10);padding-bottom:var(--space-8);display:grid}.my-day__title{margin-top:var(--space-2);text-wrap:balance;font-size:clamp(2.25rem,1.4rem + 3.4vw,3.75rem)}.my-day__title:focus{outline:none}.my-day__intro{max-width:36rem;margin-top:var(--space-4);font-size:var(--text-md);line-height:var(--leading-snug);color:var(--color-text-muted)}.my-day .tabs{margin-top:var(--space-6)}.blocks{gap:var(--space-2);margin-top:var(--space-5);padding:0;list-style:none;display:grid}.block{border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface);transition:border-color var(--dur-fast)}.block.is-open{border-color:var(--color-text)}.block__row{align-items:stretch;display:flex}.block__main{align-items:center;gap:var(--space-2) var(--space-3);min-width:0;min-height:60px;padding:var(--space-3) var(--space-2) var(--space-3) var(--space-4);border-radius:var(--radius-card) 0 0 var(--radius-card);text-align:left;background:0 0;border:0;flex:1;grid-template-columns:auto minmax(0,1fr) auto auto;display:grid}.block__main:focus-visible{outline-offset:-2px}.block__icon{color:var(--color-text);display:grid}.block__label{font-size:var(--text-base);font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.block__label.is-empty{color:var(--color-text-muted)}.block__note{align-items:center;gap:var(--space-1);margin-top:calc(-1 * var(--space-2));font-size:var(--text-sm);color:var(--color-text-muted);grid-column:2/-1;display:flex}.block__note:empty{display:none}.block__note .icon{flex:none}.block__when{font-size:var(--text-sm);color:var(--color-text-muted);white-space:nowrap}.block__total{min-width:4.5ch;font-weight:var(--weight-bold);text-align:right;white-space:nowrap}.block__remove{border-radius:0 var(--radius-card) var(--radius-card) 0;width:48px;color:var(--color-text-muted);background:0 0;border:0;flex:none;place-items:center;display:grid}.block__remove:hover{color:var(--color-text)}.block__remove:focus-visible{outline-offset:-2px}.block.has-overlap:not(.is-open){border-style:dashed;border-color:var(--color-text-muted)}.block__editor{gap:var(--space-4);padding:var(--space-2) var(--space-4) var(--space-4);border-top:1px solid var(--color-line);padding-top:var(--space-4);display:grid;overflow:hidden}.block__actions{justify-content:flex-end;display:flex}.block__editor .segmented{justify-self:start}.add-row{align-items:center;gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.add-row__label{color:var(--color-text-muted)}.add-row__chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.my-day__summary{gap:var(--space-8);align-content:start;display:grid}.clock{aspect-ratio:1;width:min(100%,380px);margin:0 auto;position:relative;container-type:inline-size}.clock svg{width:100%;height:100%;overflow:visible}.clock__sweep{fill:none;stroke:#fff}.clock__free{fill:var(--color-layer-2)}.clock__booked{fill:url(#clock-hatch)}.clock__hatch-bg{fill:var(--color-saucer)}.clock__hatch-line{stroke:var(--color-line);stroke-width:3.5px}.clock__edge{fill:none;stroke:var(--color-stroke);stroke-width:2px}.clock__hour,.clock__label{font-family:var(--font-ui);text-anchor:middle;dominant-baseline:central}.clock__hour{font-size:13px;font-weight:var(--weight-medium);fill:var(--color-text-muted)}.clock__label{font-size:13px;font-weight:var(--weight-semibold);fill:var(--color-text);paint-order:stroke;stroke:var(--color-saucer);stroke-width:4px;stroke-linejoin:round}.clock__center{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;padding:0 24%;display:flex;position:absolute;inset:0}.clock__value{font-size:min(20cqi,4.75rem)}.clock__value.is-long{font-size:min(12.5cqi,3rem)}.clock__caption{margin-top:var(--space-1);font-size:var(--text-md);line-height:var(--leading-snug)}.clock__after{font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--color-text-muted)}.breathing{gap:var(--space-2);padding:var(--space-5) var(--space-6);display:grid}.breathing__head{justify-content:space-between;align-items:baseline;gap:var(--space-4);display:flex}.breathing__label,.breathing__value{font-size:var(--text-md);font-weight:var(--weight-semibold)}.breathing__help{font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--color-text-muted)}.result-bar{bottom:var(--space-3);z-index:10;gap:var(--space-3);margin:0 calc(-1 * var(--space-2)) var(--space-3);padding:var(--space-3) var(--space-4) var(--space-4);background:var(--color-primary);color:var(--color-on-primary);border-radius:20px;grid-template-columns:minmax(0,1fr);display:grid;position:sticky}.result-bar__icon{display:none}.result-bar__title{font-size:1.5rem}.result-bar__sub{margin-top:var(--space-1);font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--color-on-primary-muted)}.result-bar .btn{width:100%;min-height:48px}@media (max-width:639px){.result-bar{left:var(--space-3);right:var(--space-3);bottom:max(var(--space-3), env(safe-area-inset-bottom));margin:0;position:fixed}.page--my-day{padding-bottom:calc(var(--result-bar-h,160px) + var(--space-8))}html:has(.page--my-day){scroll-padding-bottom:calc(var(--result-bar-h,160px) + var(--space-6))}html:has(.page--my-day) .toast-region{bottom:calc(var(--result-bar-h,160px) + var(--space-6))}}@media (min-width:640px){.result-bar{align-items:center;gap:var(--space-5);max-width:var(--content-max);margin:0 auto var(--space-6);padding:var(--space-5) var(--space-6) var(--space-5) var(--space-8);border-radius:24px;grid-template-columns:auto minmax(0,1fr) auto}.result-bar__icon{display:grid}.result-bar__title{font-size:2.25rem}.result-bar__sub{font-size:var(--text-base)}.result-bar .btn{width:auto;min-height:52px}}@media (min-width:960px){.my-day{column-gap:clamp(var(--space-10), 6vw, 7rem);padding-bottom:var(--space-10);grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);row-gap:0}.block__label{font-size:var(--text-md)}.block__when{font-size:var(--text-base)}.block__main{padding-left:var(--space-5);gap:var(--space-4)}}@media (max-width:380px){.block__when{display:none}}:root{--pour-bottom:max(var(--space-6), calc(env(safe-area-inset-bottom) + var(--space-3)));--pour-h:72px}@media (min-width:640px){:root{--pour-bottom:var(--space-10)}}.today-header__summary{grid-area:summary}.today-header__count{align-items:baseline;gap:0 var(--space-3);margin-top:var(--space-1);font-weight:var(--weight-regular);flex-wrap:wrap;display:flex}.today-header__count:focus{outline:none}.today-header__count .display{font-size:clamp(3rem,2rem + 4vw,3.5rem);line-height:1}.today-header__of{font-size:var(--text-md);color:var(--color-text-muted)}.today-header__count.is-over .display{color:var(--color-overflow-text)}.today{--cup-h:clamp(170px, 28vh, 240px);--cup-r:40px;--cup-pad:8px;--stroke:var(--stroke-cup);--saucer-rest:.59;padding:var(--space-2) 0 var(--space-6)}.today__grid{gap:var(--space-6);display:grid}.today__cup{justify-items:center;gap:var(--space-3);display:grid}.today__side{gap:var(--space-4);align-content:start;min-width:0;display:grid}.page--today{padding-bottom:calc(var(--pour-h) + max(var(--pour-bottom), env(safe-area-inset-bottom)) + var(--space-5))}.pour-fade{z-index:19;height:calc(var(--pour-bottom) + var(--pour-h) + var(--space-8));background:linear-gradient(to bottom, transparent, var(--color-bg) 45%);pointer-events:none;position:fixed;bottom:0;left:0;right:0}@media (min-width:900px){.pour-fade{display:none}.page--today{min-height:100dvh;padding-bottom:var(--space-8);flex-direction:column;display:flex}.today{--cup-h:clamp(300px, min(56vh, 34vw), 520px);--cup-r:80px;--cup-pad:10px;--saucer-rest:.5625;padding:var(--space-8) 0 var(--space-4);flex-direction:column;flex:1;justify-content:center;display:flex}.today__grid{column-gap:clamp(var(--space-8), 4vw, 5rem);grid-template-columns:minmax(0,2fr) minmax(380px,3fr);align-items:center}.today__cup{justify-self:center;width:min(100%,480px)}.today__side{justify-self:start;width:100%;max-width:640px}}@media (min-width:900px) and (min-height:600px){.page--today{grid-template-rows:auto minmax(0,1fr);height:100dvh;min-height:0;padding-bottom:0;display:grid}.today{min-height:0;padding:var(--space-4) 0 var(--space-6);grid-template-rows:auto minmax(0,1fr);justify-content:stretch;display:grid}.today__grid{grid-template-rows:minmax(0,1fr);min-height:0}.today__side{flex-direction:column;align-self:center;min-height:0;max-height:100%;display:flex}.today-card{flex-direction:column;min-height:0;display:flex}.today-card>*,.tomorrow{flex:none}.today-card>[data-list]{overscroll-behavior:contain;scrollbar-width:thin;flex:0 auto;min-height:112px;overflow-y:auto}[data-list].has-more-below{-webkit-mask-image:linear-gradient(#000 calc(100% - 32px),#0000);mask-image:linear-gradient(#000 calc(100% - 32px),#0000)}[data-list].has-more-above{-webkit-mask-image:linear-gradient(#0000,#000 32px);mask-image:linear-gradient(#0000,#000 32px)}[data-list].has-more-above.has-more-below{-webkit-mask-image:linear-gradient(#0000,#000 32px calc(100% - 32px),#0000);mask-image:linear-gradient(#0000,#000 32px calc(100% - 32px),#0000)}}.cup-stage{pointer-events:none;justify-items:center;width:100%;display:grid;position:relative}.cup{z-index:1;width:min(100%,320px);margin-bottom:calc(-1 * var(--cup-foot,0px));grid-template-columns:minmax(0,1fr);display:grid;position:relative}.cup__body{height:var(--cup-h);position:relative}.cup__art,.saucer__art{width:100%;height:100%;color:var(--color-stroke);position:absolute;inset:0;overflow:visible}[data-part=inside],[data-anchor]{visibility:hidden}[data-part=body],[data-part=handle-fill]{color:var(--color-cup-body)}[data-part=saucer-fill]{color:var(--color-saucer)}[data-part=saucer-line]{color:var(--color-line)}.cup__inside{top:var(--inside-y);left:var(--inside-x);width:var(--inside-w);height:var(--inside-h);clip-path:url(#cup-clip);flex-direction:column;display:flex;position:absolute}.cup__room{flex:auto;place-items:center;min-height:0;display:grid;overflow:hidden}.cup__room-text{padding:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);text-align:center}.saucer{width:min(100%,360px);height:44px;margin-top:calc(-1 * var(--saucer-lift,0px));position:relative}.cup.is-art{width:min(100%, var(--art-width), calc(var(--cup-h) * var(--art-aspect)))}.cup.is-art .cup__body{height:auto;aspect-ratio:var(--art-aspect)}.saucer.is-art{width:min(100%, var(--art-width));height:auto;aspect-ratio:var(--art-aspect)}@media (min-width:900px){.cup,.cup.is-art{width:min(100%, calc(var(--cup-h) * var(--art-aspect,1.4)))}.saucer{width:min(100%, calc(var(--cup-h) * var(--art-aspect,1.4) * 1.3));height:calc(var(--cup-h) * .15)}}.cup-caption{max-width:28rem;font-size:var(--text-sm);color:var(--color-text-muted);text-align:center}.cup-caption.is-over{color:var(--color-overflow-text)}@media (min-width:900px){.today__cup{gap:var(--space-5)}}.layers{flex-direction:column-reverse;flex:none;gap:3px;display:flex}.layer{background:var(--tone);transform-origin:bottom;transition:background-color var(--dur-fast), opacity var(--dur-fast);border-radius:3px;flex:none}.layer.is-done{background:var(--color-layer-done)}.cup.has-focus .layer:not(.is-focus){opacity:.35}.layer.is-focus{outline:2px dashed var(--color-stroke);outline-offset:-2px}.layers--over{z-index:3;margin:0 calc(var(--spill-right,0px) - 6px) calc(-10px - var(--spill-y,0px)) calc(var(--spill-left,0px) - 6px);gap:6px;position:relative}.layers--over[hidden]{display:none}.layer.is-over,.layer.is-over.is-done{border-radius:var(--radius-layer);background:var(--color-overflow);transform:rotate(var(--tilt,0deg));transform-origin:0 100%}.cup__drip{z-index:2;top:var(--drip-y,4px);left:calc(var(--drip-x,-4.5px) - 3.5px);background:var(--color-overflow);opacity:0;border-radius:4px;width:7px;height:44px;position:absolute}.cup__drip:after{content:"";background:var(--color-overflow);border-radius:50%/60% 60% 40% 40%;width:6px;height:8px;position:absolute;top:calc(100% + 8px);left:.5px}.today.is-over .cup__drip{opacity:1}.today-card{gap:var(--space-2);padding:var(--space-5) var(--space-3) var(--space-3);border:1px solid var(--color-line);background:var(--color-surface);transition:border-color var(--dur-fast), background-color var(--dur-fast);border-radius:24px;display:grid}.today-card__head{justify-content:space-between;align-items:baseline;gap:var(--space-1) var(--space-4);padding:0 var(--space-2) var(--space-2);flex-wrap:wrap;display:flex}.today-card__title{font-size:2rem;line-height:1.1}.today-card__count{font-size:var(--text-sm);color:var(--color-text-muted)}.today-card__count.is-over{color:var(--color-overflow-text)}.today-card__empty,.today-card__closed{padding:var(--space-4) var(--space-2);color:var(--color-text-muted)}.today-card__closed{gap:var(--space-2);color:var(--color-text);justify-items:start;display:grid}.today-card__closed[hidden]{display:none}.today-card__note{font-family:var(--font-display);font-size:var(--text-lg)}.today-card.is-target{border-color:var(--color-text);background:var(--color-soft)}@media (min-width:640px){.today-card{padding:var(--space-6) var(--space-5) var(--space-5)}.today-card__title{font-size:2.5rem}}.task-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.task-list[hidden]{display:none}.task{grid-template-columns:var(--tap-min) 4px minmax(0, 1fr) auto 40px;align-items:center;column-gap:var(--space-3);min-height:56px;padding:var(--space-1) 0;border-radius:var(--radius-card);transition:background-color var(--dur-instant);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;display:grid}.task.is-focus{background:var(--color-soft)}.task__check{width:var(--tap-min);height:var(--tap-min);cursor:pointer;place-items:center;display:grid;position:relative}.task__box{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.task__tick{border:1.5px solid var(--color-line-dashed);color:#0000;width:26px;height:26px;transition:background-color var(--dur-fast), border-color var(--dur-fast), color var(--dur-fast);border-radius:50%;place-items:center;display:grid}.task__box:focus-visible+.task__tick{outline:2px solid var(--color-focus);outline-offset:3px}.task__box:checked+.task__tick{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.task__bar{margin:var(--space-2) 0;background:var(--tone);transition:background-color var(--dur-fast);border-radius:2px;align-self:stretch}.task__title{padding:var(--space-2) 0;font-size:var(--text-md);font-weight:var(--weight-medium);line-height:var(--leading-snug);overflow-wrap:anywhere}.task__time{font-size:var(--text-base);color:var(--color-text-muted);white-space:nowrap}.task__more{width:40px;height:40px;color:var(--color-text);opacity:0;transition:opacity var(--dur-instant);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.task:focus-within .task__more,.task.is-focus .task__more{opacity:1}@media (hover:hover){.task:hover .task__more{opacity:1}}.task.is-done .task__title{color:var(--color-text-muted);text-decoration:line-through;text-decoration-thickness:1.5px}.task.is-done .task__bar{background:var(--color-layer-done)}.task.is-lifted{opacity:.3}.today.is-making-room [data-list] .task:not(.is-done){outline:2px dashed var(--color-text);outline-offset:-3px;cursor:pointer}.over-block{gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-3);border:1.5px solid var(--color-overflow-text);background:var(--color-overflow-tint);border-radius:16px;display:grid}.over-block[hidden]{display:none}.over-block.is-making-room{border-style:dashed}.task.is-over{grid-template-columns:var(--tap-min) 4px minmax(0, 1fr) auto 40px}.task__warning{color:var(--color-overflow-text);place-items:center;display:grid}.task.is-over .task__bar{background:var(--color-overflow)}.task.is-over .task__title{font-weight:var(--weight-semibold)}.task__note{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-overflow-text);display:block}.task.is-over .task__time{color:var(--color-text);font-weight:var(--weight-semibold)}.over-block__message{padding:0 var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-overflow-text)}.over-block__message:empty{display:none}@media (max-width:639px){.task.is-over .task__note{display:none}}@media (min-width:640px){.over-block__message{display:none}}.over-block__text:empty{display:none}.over-block__text{padding:0 var(--space-2);font-size:var(--text-sm)}.over-block__text span{color:var(--color-text-muted)}.over-block__actions{gap:var(--space-2);padding:0 var(--space-1);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.over-block__actions .btn{padding-inline:var(--space-3)}@media (min-width:640px){.over-block__actions{padding:0 0 0 calc(var(--tap-min) + 4px + 2 * var(--space-3));flex-wrap:wrap;display:flex}.over-block__actions .btn{padding-inline:var(--space-5)}}.over-block.is-making-room .over-block__actions{padding-left:var(--space-2)}.room-left{margin-top:var(--space-2);padding:var(--space-3) var(--space-4);border:1.5px dashed var(--color-line-dashed);border-radius:var(--radius-card);color:var(--color-text-muted);text-align:center}.room-left[hidden]{display:none}.pour-bar{z-index:20;left:50%;bottom:var(--pour-bottom);align-items:center;gap:var(--space-2);width:min(720px, calc(100% - 2 * var(--gutter)));padding:var(--space-2);border:2px solid var(--color-stroke);border-radius:var(--radius-pill);background:var(--color-surface);display:flex;position:fixed;transform:translate(-50%)}@media (min-width:900px){.pour-bar{width:100%;margin-top:var(--space-2);position:relative;bottom:auto;left:auto;transform:none}}.pour-bar__input{min-width:0;min-height:48px;padding:0 var(--space-4);border-radius:var(--radius-pill);font-size:var(--text-md);background:0 0;border:0;flex:1}.pour-bar__input::placeholder{color:var(--color-text-muted)}.pour-bar__input:focus-visible{outline:none}.pour-bar:focus-within{outline:2px solid var(--color-focus);outline-offset:3px}.pour-bar__duration{min-width:var(--tap-min);min-height:var(--tap-min);padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--color-soft);color:var(--color-text-muted);font-weight:var(--weight-semibold);transition:color var(--dur-instant), border-color var(--dur-instant);border:1px solid #0000;flex:none}.pour-bar__duration.is-set{color:var(--color-text)}.pour-bar__duration:hover,.pour-bar__duration[aria-expanded=true]{border-color:var(--color-text);color:var(--color-text)}.pour-bar__submit{width:52px;min-height:52px;padding:0}.pour-bar__label{display:none}@media (min-width:640px){.pour-bar__submit{width:auto;padding:0 var(--space-6);font-size:var(--text-md)}.pour-bar__label{display:inline}.pour-bar__icon{display:none}}.duration-picker{z-index:1;bottom:calc(100% + var(--space-3));gap:var(--space-3);width:min(300px,100%);padding:var(--space-4);border:1px solid var(--color-line);background:var(--color-surface);color:var(--color-text);border-radius:20px;display:grid;position:absolute;box-shadow:0 10px 32px #1f1b162e}.duration-picker[hidden]{display:none}.duration-picker__head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.tomorrow{gap:var(--space-3);padding:var(--space-4) var(--space-5);border:1.5px dashed var(--color-line-dashed);transition:background-color var(--dur-fast), border-color var(--dur-fast), color var(--dur-fast);border-radius:20px;display:grid}.tomorrow__head{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex;position:relative}.tomorrow__title{align-items:center;gap:var(--space-2);display:inline-flex}.tomorrow__hint{font-size:var(--text-sm);color:var(--color-text-muted)}.tomorrow__toggle{align-items:center;gap:var(--space-1);min-height:var(--tap-min);color:var(--color-text);font-weight:var(--weight-medium);background:0 0;border:0;display:inline-flex}.tomorrow__toggle:after{content:"";inset:calc(-1 * var(--space-4)) calc(-1 * var(--space-5));position:absolute}.tomorrow.is-open .tomorrow__toggle .icon{rotate:90deg}.tomorrow__hint{display:none}.tomorrow__body{gap:var(--space-3);display:none}.tomorrow.is-open .tomorrow__body{display:grid}.today.is-dragging .tomorrow__hint,.today.is-over .tomorrow__hint{display:block}.today.is-dragging .tomorrow__toggle,.today.is-over .tomorrow__toggle{display:none}@media (min-width:900px){.tomorrow{padding:var(--space-4) var(--space-6) var(--space-5)}.tomorrow__hint{display:block}.tomorrow__toggle{display:none}.tomorrow__body{display:grid}}.today.is-over .tomorrow{border-color:var(--color-overflow-text);background:var(--color-overflow-tint);color:var(--color-overflow-text)}.today.is-over .tomorrow__hint{color:var(--color-overflow-text)}.tomorrow.is-target{border-style:solid;border-color:var(--color-text);background:var(--color-surface)}.today.is-over .tomorrow.is-target{border-color:var(--color-overflow-text)}.tomorrow__group{gap:var(--space-2);display:grid}.tomorrow__group[hidden]{display:none}.tomorrow__group-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-muted)}.tomorrow__chips{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.tomorrow__chips:empty{display:none}.chip-task{border-radius:var(--radius-pill);background:var(--color-soft);max-width:100%;color:var(--color-text);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;display:flex}.chip-task__main{min-width:0;min-height:var(--tap-min);padding:var(--space-2) var(--space-4);border-radius:inherit;color:inherit;font-weight:var(--weight-medium);text-align:left;background:0 0;border:0}.chip-task__time:before{content:" · "}.chip-task.is-lifted{opacity:.3}.banner{justify-content:center;align-items:center;gap:var(--space-3) var(--space-4);width:-moz-fit-content;width:fit-content;max-width:100%;margin:0 auto var(--space-6);padding:var(--space-3);border:1.5px solid var(--color-text);background:var(--color-surface);text-align:center;border-radius:20px;flex-wrap:wrap;display:flex}.banner[hidden]{display:none}.banner__actions{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}@media (min-width:640px){.banner{padding:var(--space-2) var(--space-2) var(--space-2) var(--space-6);border-radius:var(--radius-pill);text-align:left}}.drag-ghost{z-index:60;background:var(--color-surface);pointer-events:none;margin:0;list-style:none;position:fixed;top:0;left:0;box-shadow:0 14px 32px #1f1b1638}.today.is-dragging{cursor:grabbing}html:has(.page--today) .toast-region{bottom:calc(var(--pour-bottom) + var(--pour-h) + var(--space-3))}@media (min-width:900px){html:has(.page--today) .toast-region{bottom:var(--space-6)}}.shelf{padding:var(--space-6) 0 var(--space-16)}.shelf__title{margin-top:var(--space-2);font-size:clamp(2.25rem,1.4rem + 3.4vw,3.75rem)}.shelf__title:focus{outline:none}.shelf__intro{max-width:34rem;margin-top:var(--space-4);font-size:var(--text-md);color:var(--color-text-muted)}.shelf__row{gap:var(--space-10) var(--space-6);margin:var(--space-10) 0 0;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));padding:0;list-style:none;display:grid}.shelf__empty{margin-top:var(--space-10);color:var(--color-text-muted)}.shelf-cup{align-content:start;justify-items:center;gap:var(--space-1);text-align:center;display:grid}.shelf-cup__art{width:112px;margin-bottom:var(--space-3);justify-items:center;display:grid;position:relative}.shelf-cup__cup{z-index:1;border:2px solid var(--color-stroke);border-top:0;border-radius:0 0 24px 24px;align-items:flex-end;width:84px;height:72px;margin-right:16px;padding:4px;display:flex;position:relative}.shelf-cup__level{width:100%;height:100%;position:relative}.shelf-cup__fill{background:var(--color-layer-2);border-radius:3px 3px 18px 18px;width:100%;position:absolute;bottom:0}.shelf-cup__planned{border-top:1.5px dashed var(--color-text-muted);opacity:.7;position:absolute;left:0;right:0;transform:translateY(50%)}.shelf-cup__handle{border:2px solid var(--color-stroke);border-left:0;border-radius:0 999px 999px 0;width:14px;height:28px;position:absolute;top:14px;left:calc(50% + 34px)}.shelf-cup__saucer{border:2px solid var(--color-stroke);background:var(--color-saucer);border-radius:50%;width:112px;height:14px;margin-top:-8px}.shelf-cup__numbers{font-size:var(--text-sm);color:var(--color-text-muted)}.shelf-cup__note{max-width:16rem;margin-top:var(--space-1);font-family:var(--font-display);font-size:var(--text-md);line-height:var(--leading-snug)}