@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:#b88a5e;--layer-2:#c9a27a;--layer-3:#d4af86;--layer-4:#e3cbaa;--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);--page-max:1440px}: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-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-primary:#f2ece2;--color-on-primary:#161310;--color-on-primary-muted:#5e554b;--color-layer-1:#9c7249;--color-layer-2:#ad865e;--color-layer-3:#b8936b;--color-layer-4:#c7ae8c;--color-on-layer:#1f1b16;--color-layer-done:#2b251f;--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-primary:#f2ece2;--color-on-primary:#161310;--color-on-primary-muted:#5e554b;--color-layer-1:#9c7249;--color-layer-2:#ad865e;--color-layer-3:#b8936b;--color-layer-4:#c7ae8c;--color-on-layer:#1f1b16;--color-layer-done:#2b251f;--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)}}*,: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{max-width:1200px;padding:0 var(--gutter);margin:0 auto}.topbar{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-6) 0;display:flex}.topbar__logo{min-height:var(--tap-min);color:inherit;border-radius:var(--radius-card);align-items:center;text-decoration:none;display:inline-flex}.logo{align-items:center;gap:var(--space-3);color:var(--color-text);display:inline-flex}.logo__word{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.75rem;line-height:1;transform:translateY(-.08em)}@media (min-width:768px){.topbar{padding:var(--space-8) 0}.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}}.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}.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__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)}.theme-picker{gap:var(--space-3);border:0;justify-items:start;margin:0;padding:0;display:grid}.theme-picker legend{margin-bottom:var(--space-3);padding:0}@media (min-width:768px){.theme-picker{display:none}}.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);margin:0 0 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}}.page--today{padding-bottom:calc(var(--space-16) + var(--space-12))}.today-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}.today-header__logo{grid-area:logo;display:inline-flex}.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-header__actions{gap:var(--space-2);grid-area:actions;display:flex}.today-header__myday{width:52px;min-height:52px;padding:0}.today-header__text{display:none}.today-header__close{border-color:var(--color-text);width:52px;min-height:52px;padding:0}.today-header__close-icon{display:grid}.today-header__close[aria-disabled=true]{opacity:.45;cursor:not-allowed}.today-header__close[hidden],.icon-btn.today-header__theme{display:none}.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){.today-header{padding:var(--space-8) 0;grid-template-columns:1fr auto 1fr;grid-template-areas:"logo summary actions"}.today-header__summary{text-align:center}.today-header__count{justify-content:center}.today-header__actions{justify-self:end}.today-header__myday{width:auto;padding:0 var(--space-5)}.today-header__text{display:inline}.today-header__close{width:auto;padding:0 var(--space-5)}.today-header__close-icon{display:none}.icon-btn.today-header__theme{display:grid}}.today{--cup-h:clamp(300px, 48vh, 420px);--cup-r:56px;--cup-pad:8px;--stroke:var(--stroke-cup);padding-top:var(--space-6)}.cup-stage{grid-template-columns:minmax(0,1fr);grid-template-areas:"cup""saucer""tray";justify-items:center;display:grid;position:relative}.cup{grid-area:cup}.saucer{grid-area:saucer}.cup-note{margin-bottom:var(--space-4);font-weight:var(--weight-semibold);color:var(--color-text-muted);text-align:center}.cup-note.is-over{color:var(--color-overflow-text)}.cup{z-index:1;grid-template-columns:minmax(0,1fr);width:calc(100% - 48px);margin-right:48px;display:grid;position:relative}.cup__body{height:var(--cup-h);border:var(--stroke) solid var(--color-stroke);border-radius:0 0 var(--cup-r) var(--cup-r);border-top:0;position:relative}.cup__body:before,.cup__body:after{content:"";width:16px;height:var(--stroke);background:var(--color-stroke);position:absolute;top:0}.cup__body:before{left:calc(-8px - var(--stroke) / 2)}.cup__body:after{right:calc(-8px - var(--stroke) / 2)}.cup__handle{width:clamp(36px,9%,60px);height:38%;margin-left:var(--stroke);border:var(--stroke) solid var(--color-stroke);border-left:0;border-radius:0 999px 999px 0;position:absolute;top:18%;left:100%}.cup__capacity{z-index:4;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);white-space:nowrap;position:absolute;top:0;right:0;transform:translate(40%,-50%)}.cup__inside{height:100%;padding:var(--cup-pad);flex-direction:column;display:flex}.cup__room{flex:auto;place-items:center;min-height:0;display:grid;overflow:hidden}.cup__room.has-layers{margin-bottom:var(--space-1);border-bottom:1.5px dashed var(--color-line-dashed)}.cup__room-text{gap:var(--space-1);padding:var(--space-2);color:var(--color-text-muted);text-align:center;display:grid}.saucer{border:2px solid var(--color-stroke);background:var(--color-saucer);border-radius:50%;width:100%;height:44px;margin-top:-26px;position:relative}.saucer:after{content:"";border:1px solid var(--color-line);border-radius:50%;position:absolute;inset:12px 18%}@media (min-width:640px){.today{--cup-h:clamp(320px, 50vh, 460px);--cup-r:80px;--cup-pad:10px}.cup{width:min(560px,100% - 80px);margin-right:0}.cup__capacity{font-size:var(--text-base);padding:var(--space-2) var(--space-4);transform:translate(calc(100% + 80px),-50%)}.saucer{width:min(100%,1000px);height:64px;margin-top:-36px}}.layers{flex-direction:column-reverse;flex:none;gap:4px;margin:0;padding:0;list-style:none;display:flex}.layer{border-radius:var(--radius-layer);background:var(--tone);color:var(--color-on-layer);transition:background-color var(--dur-fast), color var(--dur-fast);transform-origin:bottom;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;display:flex;position:relative}.layers:not(.layers--over) .layer:first-child{border-radius:var(--radius-layer) var(--radius-layer) calc(var(--cup-r) - var(--cup-pad)) calc(var(--cup-r) - var(--cup-pad))}.layer__main{align-items:center;gap:var(--space-2);min-width:0;padding:0 var(--space-2) 0 var(--space-5);border-radius:inherit;color:inherit;text-align:left;background:0 0;border:0;flex:1;display:flex}.layer__main:focus-visible{outline-offset:-3px}.layer__text{flex:1;min-width:0;display:grid}.layer__title{min-width:0;font-size:var(--text-base);font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.layer__duration{font-size:var(--text-sm);font-weight:var(--weight-semibold);flex:none}.layer__check{flex:none;display:none}.layer__more{border-radius:var(--radius-layer);width:40px;color:inherit;background:0 0;border:0;flex:none;place-items:center;display:grid}.layer__more:focus-visible{outline-offset:-3px}.layer__more{opacity:0;transition:opacity var(--dur-instant)}.layer:focus-within .layer__more{opacity:1}@media (hover:hover){.layer:hover .layer__more{opacity:1}}@media (hover:none){.layer__more{width:12px}.layer:focus-within .layer__more{width:40px}}.layer.is-short .layer__title{font-size:var(--text-sm)}.layer.is-large .layer__main{padding-top:var(--space-5);align-items:flex-start}.layer.is-large .layer__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:var(--leading-snug);white-space:normal;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.layer.is-large .layer__duration{font-size:2.25rem;font-weight:400;line-height:.9}.layer.is-large .layer__more{height:48px;margin-top:var(--space-2);align-self:flex-start}.layer.is-done{background:var(--color-layer-done);color:var(--color-text-muted)}.layer.is-done .layer__title{text-decoration:line-through;text-decoration-thickness:1.5px}.layer.is-done .layer__check{display:grid}.layers--over{z-index:3;gap:6px;margin:0 -6px -10px;position:relative}.layer.is-over,.layer.is-over.is-done{background:var(--color-overflow);color:var(--color-on-overflow);transform-origin:0 100%}.layer.is-over .layer__main{align-items:center;padding-top:0}.layer__sub{font-size:var(--text-sm);font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cup__drip{z-index:2;top:4px;left:calc(-1 * var(--stroke) - 8px);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}.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-8);padding:var(--space-3);border:1.5px solid var(--color-overflow-text);background:var(--color-surface);text-align:center;border-radius:20px;flex-wrap:wrap;display:flex}.banner[hidden]{display:none}.banner.is-making-room{border-color:var(--color-text)}.banner__text strong{font-weight:var(--weight-semibold)}.banner__text span{color:var(--color-text-muted)}.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;flex-wrap:nowrap}.banner__text{font-size:var(--text-md)}}.today.is-making-room .layers:not(.layers--over) .layer:not(.is-done){outline:2px dashed var(--color-text);outline-offset:-5px}.today.is-making-room .layers:not(.layers--over) .layer.is-done{opacity:.55}.drag-ghost{z-index:60;pointer-events:none;margin:0;list-style:none;position:fixed;top:0;left:0;box-shadow:0 14px 32px #1f1b1638}.layer.is-lifted{opacity:.3}.today.is-dragging{cursor:grabbing}@media (min-width:640px){.layer__main{padding-left:var(--space-6)}.layer__title{font-size:var(--text-md)}.layer.is-large .layer__main{padding-top:var(--space-6)}.layer.is-large .layer__title{font-size:1.5rem}.layer.is-large .layer__duration{font-size:2.75rem}}.pour-bar{z-index:20;left:50%;bottom:max(var(--space-4), env(safe-area-inset-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%)}.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{padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);background:var(--color-soft);color:var(--color-text-muted);font-weight:var(--weight-semibold);display:none}.pour-bar__duration.is-explicit{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{bottom:var(--space-6);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3)}.pour-bar__duration{display:inline-block}.pour-bar__submit{width:auto;padding:0 var(--space-8);font-size:var(--text-md)}.pour-bar__label{display:inline}.pour-bar__icon{display:none}}.cup.is-target .cup__room{border-radius:var(--radius-layer);background:var(--color-soft)}.cup__inside.is-draining{overflow:hidden}.cup__note-line{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text)}.cup__reopen{margin-top:var(--space-2);justify-self:center}.today.is-closed .cup__room-text{max-width:22rem}.banner--calm{border-color:var(--color-text)}.banner+.banner{margin-top:calc(-1 * var(--space-4))}.tray{z-index:2;gap:var(--space-3);width:100%;margin-top:var(--space-6);grid-area:tray;display:grid;position:relative}.tray__head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.tray__title{align-items:center;gap:var(--space-2);display:inline-flex}.tray__hint{font-size:var(--text-sm);color:var(--color-text-muted)}.tray__drop{min-height:56px;padding:var(--space-2) var(--space-4);border:1.5px dashed var(--color-line-dashed);border-radius:var(--radius-card);color:var(--color-text-muted);transition:background-color var(--dur-fast), border-color var(--dur-fast), color var(--dur-fast);place-items:center;display:none}.today.is-dragging .tray__drop{display:grid}.today.is-over .tray__drop{border-color:var(--color-overflow-text);background:var(--color-overflow-tint);color:var(--color-overflow-text)}.tray.is-target .tray__drop{border-style:solid;border-color:var(--color-text);background:var(--color-surface);color:var(--color-text)}.today.is-over .tray.is-target .tray__drop{border-color:var(--color-overflow-text);color:var(--color-overflow-text)}.tray__chips{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.chip-task{border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-soft);color:var(--color-text);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;display:flex}.chip-task__main{justify-content:space-between;align-items:center;gap:var(--space-3);min-width:0;min-height:52px;padding:var(--space-2) var(--space-4);border-radius:inherit;color:inherit;text-align:left;background:0 0;border:0;flex:1;display:flex}.chip-task__main:focus-visible{outline-offset:-3px}.chip-task.is-lifted{opacity:.3}.tray__group{gap:var(--space-2);display:grid}.tray__group[hidden]{display:none}.tray__group-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-muted)}.chip-task__title{font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chip-task__duration{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-muted);flex:none}.spill-arrow{width:100%;height:100%;color:var(--color-overflow-text);pointer-events:none;display:none;position:absolute;inset:0;overflow:visible}.spill-arrow path{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-dasharray:6 7;stroke-linecap:round}.spill-arrow__label{font-weight:var(--weight-semibold);color:var(--color-overflow-text);white-space:nowrap;pointer-events:none;display:none;position:absolute;transform:translateY(-50%)}.cup-stage.has-arrow .spill-arrow,.cup-stage.has-arrow .spill-arrow__label{display:block}.saucer-hint{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;display:none}@media (min-width:900px){.cup-stage{column-gap:clamp(var(--space-12), 7vw, 8rem);grid-template-columns:minmax(0,1fr) minmax(240px,300px);grid-template-areas:"cup tray""saucer saucer";align-items:end}.cup{justify-self:end}.tray{align-self:end;margin:0 0 -22px}.tray__hint{display:none}.tray__drop{display:grid}.tray__chips{grid-template-columns:minmax(0,1fr)}.saucer-hint{display:block}}html:has(.page--today) .toast-region{bottom:calc(var(--space-16) + var(--space-10))}.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)}