@layer reset,tokens,base,material,layout,components,states,utilities;@property --sun-angle{syntax: "<angle>"; inherits: true; initial-value: 240deg;}@property --sun-warmth{syntax: "<number>"; inherits: true; initial-value: .3;}@property --light{syntax: "<angle>"; inherits: true; initial-value: 60deg;}@layer reset{*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100dvh;-webkit-font-smoothing:antialiased}img,picture,svg,video,canvas{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit;letter-spacing:inherit}button{background:none;border:0;padding:0;cursor:pointer}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul[role=list],ol[role=list]{list-style:none;padding:0}fieldset{border:0;padding:0;min-width:0}}@layer tokens{:root{color-scheme:light;--light: calc(var(--sun-angle) - 180deg);--sx: cos(var(--light));--sy: sin(var(--light));--clay: oklch(.93 .012 75);--clay-raised: oklch(.945 .011 75);--clay-sunk: oklch(.915 .013 75);--clay-hi: oklch(.99 .006 75);--clay-lo: oklch(.78 .02 70);--ambient: oklch(.55 .02 70 / .22);--edge: oklch(.7 .02 70 / .35);--edge-strong: oklch(.5 .02 70 / .7);--sheen: oklch(1 0 0 / .38);--rim: oklch(1 0 0 / .55);--window-warm: oklch(.86 .12 62 / .3);--window-cool: oklch(.97 .02 95 / .22);--ink: oklch(.27 .02 60);--ink-muted: oklch(.48 .02 65);--ink-faint: oklch(.64 .015 70);--on-accent: oklch(.99 .005 75);--vermilion: oklch(.64 .17 38);--vermilion-ink: oklch(.52 .16 36);--vermilion-glow: oklch(.64 .17 38 / .45);--danger: oklch(.54 .19 25);--moon: oklch(.86 .03 90);--hue-today: 38;--hue-inbox: 250;--hue-work: 165;--hue-music: 305;--hue-ideas: 80;--hue-life: 140;--section-h: var(--hue-today);--section-c: .13;--section-l: .64;--section-ink-l: .47;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--panel-pad: clamp(20px, 2.5vw, 32px);--hero-pad: clamp(24px, 3vw, 40px);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 28px;--radius-pill: 999px;--font-ui: "Zen Kaku Gothic New", "Hiragino Sans", "Noto Sans JP", system-ui, sans-serif;--font-latin: "Inter Tight", "Zen Kaku Gothic New", system-ui, sans-serif;--font-numeral: "Fraunces", Georgia, "Times New Roman", serif;--fs-100: clamp(.75rem, .72rem + .15vw, .8125rem);--fs-200: clamp(.875rem, .85rem + .15vw, .9375rem);--fs-300: clamp(1rem, .95rem + .25vw, 1.125rem);--fs-400: clamp(1.25rem, 1.15rem + .5vw, 1.5rem);--fs-500: clamp(1.5rem, 1.3rem + 1vw, 2rem);--fs-800: clamp(3.5rem, 2.5rem + 5vw, 7rem);--dur-press: .12s;--dur-rise: .32s;--dur-view: .3s;--dur-drum: .52s;--dur-fill: .9s;--dur-light: 2.4s;--stagger: 70ms;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-spring: linear(0, .38 12%, .82 28%, 1.03 42%, 1.06 50%, 1.01 66%, .995 80%, 1);--shadow-e0: inset 0 0 0 1px var(--edge);--shadow-e1: calc(var(--sx) * -3px) calc(var(--sy) * -3px) 8px var(--clay-hi), calc(var(--sx) * 3px) calc(var(--sy) * 3px) 8px var(--clay-lo), inset calc(var(--sx) * -1px) calc(var(--sy) * -1px) 0 var(--rim), inset 0 0 0 1px var(--edge);--shadow-e2: calc(var(--sx) * -8px) calc(var(--sy) * -8px) 20px var(--clay-hi), calc(var(--sx) * 8px) calc(var(--sy) * 8px) 20px var(--clay-lo), calc(var(--sx) * 1px) calc(var(--sy) * 2px) 3px var(--ambient), inset calc(var(--sx) * -1px) calc(var(--sy) * -1px) 0 var(--rim), inset 0 0 0 1px var(--edge);--shadow-e3: calc(var(--sx) * -14px) calc(var(--sy) * -14px) 32px var(--clay-hi), calc(var(--sx) * 14px) calc(var(--sy) * 14px) 32px var(--clay-lo), calc(var(--sx) * 2px) calc(var(--sy) * 4px) 6px var(--ambient), inset calc(var(--sx) * -1px) calc(var(--sy) * -1px) 0 var(--rim), inset 0 0 0 1px var(--edge);--shadow-e-1: inset calc(var(--sx) * 3px) calc(var(--sy) * 3px) 6px var(--clay-lo), inset calc(var(--sx) * -3px) calc(var(--sy) * -3px) 6px var(--clay-hi), inset 0 0 0 1px var(--edge);--shadow-e-2: inset calc(var(--sx) * 6px) calc(var(--sy) * 6px) 12px var(--clay-lo), inset calc(var(--sx) * -6px) calc(var(--sy) * -6px) 12px var(--clay-hi), inset 0 1px 0 var(--ambient), inset 0 0 0 1px var(--edge)}:root,[data-section]{--section: oklch(var(--section-l) var(--section-c) var(--section-h));--section-ink: oklch(var(--section-ink-l) var(--section-c) var(--section-h));--section-soft: oklch(var(--section-l) var(--section-c) var(--section-h) / .16);--section-glow: oklch(var(--section-l) var(--section-c) var(--section-h) / .35)}[data-section=today]{--section-h: var(--hue-today)}[data-section=inbox]{--section-h: var(--hue-inbox)}[data-section=work]{--section-h: var(--hue-work)}[data-section=music]{--section-h: var(--hue-music)}[data-section=ideas]{--section-h: var(--hue-ideas)}[data-section=life]{--section-h: var(--hue-life)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--clay: oklch(.24 .01 70);--clay-raised: oklch(.255 .01 70);--clay-sunk: oklch(.222 .01 70);--clay-hi: oklch(.33 .012 70);--clay-lo: oklch(.11 .01 70);--ambient: oklch(.08 0 0 / .5);--edge: oklch(.55 .015 70 / .5);--edge-strong: oklch(.75 .015 70 / .8);--sheen: oklch(1 0 0 / .06);--rim: oklch(1 0 0 / .09);--window-warm: oklch(.55 .1 60 / .16);--window-cool: oklch(.6 .03 95 / .08);--ink: oklch(.93 .01 75);--ink-muted: oklch(.75 .015 70);--ink-faint: oklch(.52 .012 70);--on-accent: oklch(.18 .01 70);--vermilion: oklch(.7 .16 40);--vermilion-ink: oklch(.77 .14 42);--vermilion-glow: oklch(.7 .16 40 / .45);--danger: oklch(.72 .16 25);--section-c: .12;--section-l: .7;--section-ink-l: .78}}:root[data-theme=dark]{color-scheme:dark;--clay: oklch(.24 .01 70);--clay-raised: oklch(.255 .01 70);--clay-sunk: oklch(.222 .01 70);--clay-hi: oklch(.33 .012 70);--clay-lo: oklch(.11 .01 70);--ambient: oklch(.08 0 0 / .5);--edge: oklch(.55 .015 70 / .5);--edge-strong: oklch(.75 .015 70 / .8);--sheen: oklch(1 0 0 / .06);--rim: oklch(1 0 0 / .09);--window-warm: oklch(.55 .1 60 / .16);--window-cool: oklch(.6 .03 95 / .08);--ink: oklch(.93 .01 75);--ink-muted: oklch(.75 .015 70);--ink-faint: oklch(.52 .012 70);--on-accent: oklch(.18 .01 70);--vermilion: oklch(.7 .16 40);--vermilion-ink: oklch(.77 .14 42);--vermilion-glow: oklch(.7 .16 40 / .45);--danger: oklch(.72 .16 25);--section-c: .12;--section-l: .7;--section-ink-l: .78}@media(prefers-contrast:more){:root{--edge: var(--edge-strong);--ink-muted: var(--ink)}}@media(prefers-reduced-motion:reduce){:root{--dur-press: 1ms;--dur-rise: 1ms;--dur-view: 1ms;--dur-drum: 1ms;--dur-fill: 1ms;--dur-light: 1ms;--stagger: 0ms;--ease-spring: linear}}}@layer base{html{background:var(--clay);color:var(--ink);font-family:var(--font-ui)}html[data-light-anim]{transition:--sun-angle var(--dur-light) var(--ease-out),--sun-warmth var(--dur-light) var(--ease-out)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none;background:radial-gradient(75vmax 60vmax at calc(50% + cos(var(--sun-angle))*62%) calc(50% + sin(var(--sun-angle))*85%),color-mix(in oklch,var(--window-warm) calc(var(--sun-warmth) * 100%),var(--window-cool)),transparent 72%)}:root[data-night] body:after{opacity:.35}body{background:var(--clay);color:var(--ink);font-family:var(--font-ui);font-size:var(--fs-200);line-height:1.7}h1,h2,h3,h4{line-height:1.3;font-weight:600;font-feature-settings:"palt";text-wrap:balance}kbd{font-family:var(--font-latin);font-size:.85em;font-weight:600}::selection{background:var(--section-soft);color:var(--ink)}:focus-visible{outline:2px solid var(--section-ink);outline-offset:3px}:focus:not(:focus-visible){outline:none}}@layer material{@keyframes rise{0%{opacity:0;box-shadow:var(--shadow-e0);translate:0 8px}}@keyframes surface{0%{opacity:0;translate:0 8px}}}@layer layout{.app{--sidebar-w: 232px;--grid-gap: 24px;display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);gap:var(--grid-gap);width:100%;max-width:1440px;min-height:100dvh;margin-inline:auto;padding-block:var(--grid-gap);padding-left:max(var(--grid-gap),env(safe-area-inset-left,0px));padding-right:max(var(--grid-gap),env(safe-area-inset-right,0px))}.app__nav{position:sticky;top:var(--grid-gap);align-self:start;height:calc(100dvh - var(--grid-gap) * 2);min-height:0}.app__main{display:grid;align-content:start;gap:var(--grid-gap);min-width:0}.app__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:72px}.app__tools{display:flex;align-items:center;gap:var(--space-4)}.dashboard{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--grid-gap);grid-template-areas:"today today today today today today today today today today today today" "work  work  work  work  work  work  work  work  work  work  work  work" "inbox inbox inbox inbox inbox inbox inbox music music music music music" "inbox inbox inbox inbox inbox inbox inbox life  life  life  life  life" "ideas ideas ideas ideas ideas ideas ideas ideas ideas ideas ideas ideas"}.dashboard>.panel[data-section=today]{grid-area:today}.dashboard>.panel[data-section=work]{grid-area:work}.dashboard>.panel[data-section=inbox]{grid-area:inbox}.dashboard>.panel[data-section=music]{grid-area:music}.dashboard>.panel[data-section=life]{grid-area:life}.dashboard>.panel[data-section=ideas]{grid-area:ideas}.dashboard[data-mode=focus]{grid-template-areas:none}.dashboard[data-mode=focus]>.panel{grid-area:auto / 1 / auto / -1}@media(max-width:1180px){.dashboard{grid-template-areas:"today today today today today today today today today today today today" "work  work  work  work  work  work  work  work  work  work  work  work" "inbox inbox inbox inbox inbox inbox music music music music music music" "life  life  life  life  life  life  life  life  life  life  life  life" "ideas ideas ideas ideas ideas ideas ideas ideas ideas ideas ideas ideas"}}@media(max-width:1023px){.app{--sidebar-w: 76px}}@media(max-width:767px){.app{--grid-gap: 16px;grid-template-columns:minmax(0,1fr);padding-top:0}.app__nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:10;height:auto;margin-left:calc(max(var(--grid-gap),env(safe-area-inset-left,0px))*-1);margin-right:calc(max(var(--grid-gap),env(safe-area-inset-right,0px))*-1);padding-block:var(--space-2);padding-left:max(var(--grid-gap),env(safe-area-inset-left,0px));padding-right:max(var(--grid-gap),env(safe-area-inset-right,0px));background:color-mix(in oklch,var(--clay) 82%,transparent);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2)}body:before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--clay)}.app__header{min-height:56px}.app__tools{gap:var(--space-2)}.dashboard{grid-template-columns:minmax(0,1fr);grid-template-areas:"today" "work" "inbox" "music" "life" "ideas"}}}@layer components{.dateline{font-family:var(--font-numeral);font-variation-settings:"SOFT" 100,"opsz" 144;font-size:var(--fs-500);font-weight:300;letter-spacing:-.02em;line-height:1}.dateline__sub{display:block;margin-top:var(--space-2);font-family:var(--font-ui);font-size:var(--fs-100);font-weight:400;color:var(--ink-muted);letter-spacing:.04em}.app__crumb{margin-top:var(--space-2);font-size:var(--fs-100);color:var(--ink-muted)}.app__crumb strong{color:var(--section-ink);font-weight:600}.sundial-wrap{display:flex;align-items:center;gap:var(--space-3)}.sundial{position:relative;flex:none;width:56px;height:56px;border-radius:50%;background:var(--clay);box-shadow:var(--shadow-e2)}.sundial:before{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;border-radius:50%;background:var(--clay-sunk);box-shadow:var(--shadow-e-1)}.sundial__tick{position:absolute;left:50%;top:50%;width:4px;height:1.5px;margin:-.75px 0 0 -2px;border-radius:var(--radius-pill);background:var(--ink-faint);transform:rotate(var(--a)) translate(14px)}.sundial__shadow{position:absolute;left:50%;top:50%;width:15px;height:3px;margin-top:-1.5px;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--clay-lo),transparent);transform-origin:0 50%;transform:rotate(var(--light))}.sundial__gnomon{position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--clay-raised);box-shadow:var(--shadow-e1)}.sundial__sun{position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--vermilion);box-shadow:0 0 8px var(--vermilion-glow);transform:rotate(var(--sun-angle)) translate(23px)}:root[data-night] .sundial__sun{background:var(--moon);box-shadow:0 0 6px var(--moon)}.sundial__time{font-family:var(--font-latin);font-variant-numeric:tabular-nums;font-size:var(--fs-100);font-weight:500;color:var(--ink-muted);line-height:1.3}.sundial__time small{display:block;font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase}.panel{position:relative;isolation:isolate;container-type:inline-size;display:flex;flex-direction:column;gap:var(--space-5);min-width:0;padding:var(--panel-pad);border-radius:var(--radius-lg);background:var(--clay);box-shadow:var(--shadow-e2);animation:rise var(--dur-rise) var(--ease-out) both;animation-delay:calc(var(--rise-i, 0) * var(--stagger))}.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background:radial-gradient(420px circle at var(--mx, 50%) var(--my, 0%),var(--sheen),transparent 60%);opacity:0;pointer-events:none;transition:opacity var(--dur-rise) var(--ease-out)}@media(hover:hover)and (pointer:fine){.panel:hover:before{opacity:1}}.panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;border-radius:inherit;box-shadow:var(--shadow-e3);opacity:0;pointer-events:none;transition:opacity var(--dur-rise) var(--ease-out)}.panel:hover:after,.panel:focus-within:after{opacity:1}.panel[data-elev="3"]{background:var(--clay-raised);box-shadow:var(--shadow-e3)}.panel[data-elev="3"]:after{display:none}.panel[data-variant=hero]{padding:var(--hero-pad);gap:var(--space-8)}.panel[data-variant=showcase]{background:var(--clay-sunk);box-shadow:var(--shadow-e-2);animation-name:surface}.panel[data-variant=showcase]:after,.panel[data-variant=showcase]:before{display:none}.app[data-booted] .panel{animation:none}.panel[data-section=today]{view-transition-name:panel-today}.panel[data-section=work]{view-transition-name:panel-work}.panel[data-section=inbox]{view-transition-name:panel-inbox}.panel[data-section=music]{view-transition-name:panel-music}.panel[data-section=life]{view-transition-name:panel-life}.panel[data-section=ideas]{view-transition-name:panel-ideas}.panel__header{display:flex;align-items:center;gap:var(--space-3);min-height:44px}.panel__icon{flex:none;width:20px;height:20px;color:var(--section-ink)}.panel__icon svg{width:100%;height:100%}.panel__heading{display:grid;gap:2px;min-width:0}.panel__label{font-family:var(--font-latin);font-size:var(--fs-100);font-weight:600;letter-spacing:.08em;text-transform:uppercase;line-height:1;color:var(--section-ink)}.panel__title{font-size:var(--fs-300);font-weight:500;line-height:1.3;color:var(--ink)}.panel__action{margin-inline-start:auto}.panel__body{display:flex;flex-direction:column;gap:var(--space-4);flex:1;min-height:0}.today-hero{display:grid;gap:var(--space-8)}.today-hero__count{display:grid;align-content:start;gap:var(--space-4)}.today-hero__eyebrow{font-size:var(--fs-100);font-weight:600;letter-spacing:.06em;color:var(--section-ink)}.today-hero__next{font-size:var(--fs-200);color:var(--ink-muted)}.today-hero__next strong{display:block;margin-top:var(--space-1);font-size:var(--fs-300);font-weight:600;color:var(--ink)}.today-hero__lists{display:grid;gap:var(--space-6);min-width:0}.today-hero__side{display:grid;gap:var(--space-8);align-content:start;min-width:0}@container (min-width: 760px){.today-hero{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;column-gap:var(--space-10)}.today-hero__lists{grid-column:2;grid-row:1}.today-hero__side{grid-column:1;grid-row:1}}.today-list{display:grid;gap:var(--space-3)}.today-list__title{display:flex;align-items:baseline;gap:var(--space-2);font-size:var(--fs-100);font-weight:600;letter-spacing:.04em;color:var(--ink-muted)}.today-list__count{font-family:var(--font-latin);font-variant-numeric:tabular-nums;color:var(--section-ink)}.done-tray{display:grid;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);background:var(--clay-sunk);box-shadow:var(--shadow-e-2)}.done-tray__empty{font-size:var(--fs-100);color:var(--ink-muted)}@container (min-width: 760px){.panel[data-section=work] .meter{grid-template-columns:auto minmax(0,1fr);align-items:end;column-gap:var(--space-10);row-gap:var(--space-3)}.panel[data-section=work] .meter__readout{grid-row:1 / span 2;flex-wrap:nowrap}.panel[data-section=work] .meter__delta{margin-inline-start:0}.panel[data-section=work] .meter__track,.panel[data-section=work] .meter__foot{grid-column:2}}.sidebar{display:flex;flex-direction:column;gap:var(--space-5);height:100%;min-height:0}.sidebar__brand{padding-inline:var(--space-3);font-family:var(--font-numeral);font-variation-settings:"SOFT" 100,"opsz" 48;font-size:var(--fs-300);font-weight:400;letter-spacing:-.01em}.sidebar__hint{margin-top:auto;padding-inline:var(--space-2);font-size:var(--fs-100);line-height:1.6;color:var(--ink-muted)}.segmented{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:var(--radius-pill);background:var(--clay-sunk);box-shadow:var(--shadow-e-2)}.segmented:before{content:"";position:absolute;z-index:-1;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);border-radius:var(--radius-pill);background:var(--clay);box-shadow:var(--shadow-e2);translate:calc(var(--seg-i, 0) * 100%) 0;transition:translate var(--dur-rise) var(--ease-spring)}.segmented__option{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;border-radius:var(--radius-pill);font-size:var(--fs-100);font-weight:600;color:var(--ink-muted);transition:color var(--dur-rise) var(--ease-out)}.segmented__option svg{width:16px;height:16px;flex:none}.segmented__option:hover,.segmented__option[aria-checked=true]{color:var(--ink)}.tabs{display:flex;flex-direction:column;gap:var(--space-1);margin:0;padding:var(--space-2);list-style:none;border-radius:var(--radius-lg);background:var(--clay-sunk);box-shadow:var(--shadow-e-2)}.tab{position:relative;display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--ink-muted);font-weight:500;text-align:start;white-space:nowrap;transition:color var(--dur-rise) var(--ease-out),background-color var(--dur-rise) var(--ease-out),box-shadow var(--dur-rise) var(--ease-out)}.tab:hover{color:var(--ink)}.tab:active{box-shadow:var(--shadow-e-1);transition-duration:var(--dur-press)}.tab[aria-current=true]{background:var(--clay);color:var(--ink);font-weight:600;box-shadow:var(--shadow-e2)}.tab__icon{flex:none;width:20px;height:20px}.tab__icon svg{width:100%;height:100%}.tab:hover .tab__icon,.tab[aria-current=true] .tab__icon{color:var(--section-ink)}.tab__label{flex:1;min-width:0;line-height:1}@keyframes count-bump{0%{scale:1}35%{scale:1.45}to{scale:1}}.tab__count{display:inline-block;font-family:var(--font-latin);font-variant-numeric:tabular-nums;font-size:var(--fs-100);font-weight:600;color:var(--vermilion-ink)}.app[data-booted] .tab__count{animation:count-bump .42s var(--ease-spring) both}.tab__kbd{min-width:1.6em;font-size:.6875rem;text-align:center;color:var(--ink-muted)}.tab__landing{position:absolute;top:50%;right:10px;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:var(--section);box-shadow:0 0 8px var(--section-glow)}@media(max-width:1023px){.sidebar__brand{display:none}.segmented{grid-template-columns:1fr;grid-template-rows:1fr 1fr;border-radius:var(--radius-lg)}.segmented:before{width:calc(100% - 8px);height:calc(50% - 4px);border-radius:var(--radius-md);translate:0 calc(var(--seg-i, 0) * 100%)}.segmented__option{border-radius:var(--radius-md)}.tab{justify-content:center;padding:0}.tab__count{position:absolute;top:4px;right:6px;font-size:.625rem}.segmented__label,.tab__label,.tab__kbd,.sidebar__hint{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}}@media(max-width:767px){.sidebar{flex-direction:row;align-items:center;gap:var(--space-2);height:auto}.segmented{flex:none;grid-template-columns:44px 44px;grid-template-rows:none;border-radius:var(--radius-pill)}.segmented:before{width:calc(50% - 4px);height:calc(100% - 8px);border-radius:var(--radius-pill);translate:calc(var(--seg-i, 0) * 100%) 0}.segmented__option{border-radius:var(--radius-pill)}.tabs{flex:1;min-width:0;flex-direction:row;gap:var(--space-1);padding:4px;border-radius:var(--radius-pill);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:24px;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 28px),transparent)}.tabs::-webkit-scrollbar{display:none}.tabs>li{flex:none;scroll-snap-align:center}.tab{width:auto;min-height:40px;padding:0 14px;gap:6px;border-radius:var(--radius-pill)}.tab[aria-current=true]{box-shadow:var(--shadow-e1)}.tab__icon{width:18px;height:18px}.tab__label{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;font-size:var(--fs-100)}.tab__count{position:static;font-size:.6875rem}.tab__kbd,.sidebar__hint{display:none}}.field{display:grid;gap:var(--space-2);min-width:0}.field__label{font-size:var(--fs-100);font-weight:600;color:var(--ink-muted)}.field__error{font-size:var(--fs-100);color:var(--danger)}.input{width:100%;min-height:44px;padding:10px var(--space-4);border:0;border-radius:var(--radius-md);background:var(--clay-sunk);box-shadow:var(--shadow-e-2);color:var(--ink);caret-color:var(--section-ink)}.input::placeholder{color:var(--ink-muted);opacity:1}.input:focus-visible{outline:2px solid var(--section-ink);outline-offset:2px}.input[aria-invalid=true]{box-shadow:var(--shadow-e-2),inset 0 0 0 1.5px var(--danger)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;min-width:44px;padding:0 var(--space-5);border-radius:var(--radius-pill);background:var(--clay);color:var(--ink);font-weight:600;line-height:1;white-space:nowrap;-webkit-user-select:none;user-select:none;box-shadow:var(--shadow-e1);transition:box-shadow var(--dur-rise) var(--ease-out),background-color var(--dur-rise) var(--ease-out),scale var(--dur-rise) var(--ease-spring)}.btn:hover{box-shadow:var(--shadow-e2)}.btn:active{box-shadow:var(--shadow-e-1);scale:.985;transition-duration:var(--dur-press)}.btn--primary{background:var(--section-ink);color:var(--on-accent);box-shadow:var(--shadow-e2),inset 0 1px #ffffff40}.btn--primary:hover{background:oklch(from var(--section-ink) calc(l + .03) c h);box-shadow:var(--shadow-e3),inset 0 1px #ffffff40}.btn--primary:active{background:oklch(from var(--section-ink) calc(l - .04) c h);box-shadow:inset calc(var(--sx) * 3px) calc(var(--sy) * 3px) 6px #00000040,inset 0 0 0 1px var(--edge)}.btn--ghost{background:transparent;box-shadow:var(--shadow-e0)}.btn--ghost:hover{background:var(--clay);box-shadow:var(--shadow-e1)}.btn--icon{padding:0;width:44px;border-radius:50%}.btn--sm{min-height:36px;min-width:36px;padding:0 var(--space-4);font-size:var(--fs-100)}.btn--sm.btn--icon{width:36px}.btn--sm:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:inherit}.btn:disabled,.btn--primary:disabled{background:var(--clay);color:var(--ink-muted);box-shadow:var(--shadow-e0);cursor:not-allowed;scale:1}.sound-toggle{color:var(--ink-muted)}.sound-toggle[aria-pressed=true]{background:var(--clay-sunk);box-shadow:var(--shadow-e-1);color:var(--ink)}.meter{--value: 0;--max: 120;--pace: 0;display:grid;gap:var(--space-4)}.meter__readout{display:flex;align-items:baseline;gap:var(--space-2) var(--space-3);flex-wrap:wrap}.meter__value{position:relative;display:inline-flex;font-family:var(--font-numeral);font-size:var(--fs-800);line-height:.9;color:var(--ink)}.meter__unit{font-family:var(--font-latin);font-size:var(--fs-300);font-weight:500;color:var(--ink-muted)}.meter__delta{margin-inline-start:auto;font-size:var(--fs-100);font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink-muted)}.meter[data-state=ahead] .meter__delta{color:var(--section-ink)}.meter__track{position:relative;height:22px;padding:4px;border-radius:var(--radius-pill);background:var(--clay-sunk);box-shadow:var(--shadow-e-2)}.meter__fill{height:100%;inline-size:calc(min(var(--value),var(--max)) / var(--max) * 100%);border-radius:inherit;background:linear-gradient(180deg,oklch(from var(--section) calc(l + .08) c h),var(--section));box-shadow:0 0 12px var(--section-glow),inset 0 1px #ffffff59;transition:inline-size var(--dur-fill) var(--ease-spring)}.meter__pace{position:absolute;top:-6px;bottom:-6px;inset-inline-start:calc(4px + (100% - 8px) * min(var(--pace),var(--max)) / var(--max));width:4px;translate:-50% 0;border-radius:var(--radius-pill);background:var(--clay-raised);box-shadow:var(--shadow-e1)}.meter__foot{display:flex;justify-content:space-between;gap:var(--space-3);font-size:var(--fs-100);font-variant-numeric:tabular-nums;color:var(--ink-muted)}@keyframes gain-float{0%{opacity:0;translate:0 6px}15%{opacity:1;translate:0 0}70%{opacity:1;translate:0 -10px}to{opacity:0;translate:0 -18px}}.meter__gain{position:absolute;top:-.2em;right:-.4em;padding:2px 10px;border-radius:var(--radius-pill);background:var(--clay-raised);box-shadow:var(--shadow-e1);font-family:var(--font-latin);font-size:var(--fs-200);font-weight:600;color:var(--section-ink);pointer-events:none;animation:gain-float 1.6s var(--ease-out) both}.worklog{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4);padding-top:var(--space-5)}.worklog:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;border-radius:var(--radius-pill);box-shadow:inset 0 1px 0 var(--clay-lo),inset 0 -1px 0 var(--clay-hi)}.worklog__error{grid-column:1 / -1}@container (min-width: 640px){.worklog{grid-template-columns:minmax(0,1.2fr) auto minmax(0,2fr) auto;align-items:end}}.stepper{display:flex;align-items:center;gap:var(--space-2)}.stepper__input{width:5.5em;text-align:center;font-family:var(--font-latin);font-variant-numeric:tabular-nums;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.stepper__input::-webkit-outer-spin-button,.stepper__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.check{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;flex:none;display:grid;place-items:center;width:28px;height:28px;margin:0;border-radius:50%;background:var(--clay);box-shadow:var(--shadow-e1);cursor:pointer;transition:box-shadow var(--dur-press) var(--ease-out),background-color var(--dur-press) var(--ease-out)}.check:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%}.check:after{content:"";width:12px;height:7px;border-left:2.5px solid var(--section-ink);border-bottom:2.5px solid var(--section-ink);rotate:-45deg;translate:0 -1px;scale:0;transition:scale var(--dur-rise) var(--ease-spring)}.check:hover{box-shadow:var(--shadow-e2),inset 0 0 0 1.5px var(--section-soft)}.check:active{box-shadow:var(--shadow-e-1)}.check:checked{background:var(--clay-sunk);box-shadow:var(--shadow-e-1)}.check:checked:after{scale:1}.check:focus-visible{outline:2px solid var(--section-ink);outline-offset:3px}.task-list{display:grid;gap:var(--space-2)}.task{position:relative;display:flex;align-items:center;gap:var(--space-3);min-height:56px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--clay);box-shadow:var(--shadow-e1);view-transition-class:task}.task__body{display:grid;gap:2px;min-width:0;flex:1;cursor:pointer}.task__text{color:var(--ink)}.task__meta{font-size:var(--fs-100);color:var(--ink-muted)}.task:has(.check:checked){background:transparent;box-shadow:var(--shadow-e0)}.task:has(.check:checked) .task__text{color:var(--ink-muted)}.task[data-priority=top]:before{content:"";position:absolute;inset-block:14px;inset-inline-start:0;width:3px;border-radius:var(--radius-pill);background:var(--section)}.task[data-compact],.task[data-compact]:has(.check:checked){min-height:44px;padding:var(--space-2) var(--space-1);background:transparent;box-shadow:none}.task[data-compact] .check{width:22px;height:22px}.task[data-compact] .check:after{width:10px;height:6px;border-left-width:2px;border-bottom-width:2px}.task[data-compact] .task__text{font-size:var(--fs-200);color:var(--ink-muted)}.task[data-compact] .task__meta{font-variant-numeric:tabular-nums}.counter{display:grid;gap:var(--space-5)}.counter__readout{display:flex;align-items:flex-end;gap:var(--space-4)}.counter__total{display:flex;align-items:baseline;gap:var(--space-2);padding-bottom:.6em;font-family:var(--font-latin);font-size:var(--fs-400);font-variant-numeric:tabular-nums;font-weight:500;color:var(--ink-muted)}.counter__unit{font-family:var(--font-ui);font-size:var(--fs-100)}.drum{--drum-r: 1.539em;display:inline-flex;font-family:var(--font-numeral);font-variation-settings:"SOFT" 100,"opsz" 144;font-variant-numeric:tabular-nums lining-nums;font-size:var(--fs-800);font-weight:300;line-height:1;color:var(--ink);transition:color var(--dur-rise) var(--ease-out)}.counter[data-complete] .drum{color:var(--section-ink)}.drum__window{position:relative;display:inline-block;width:.6em;height:1.1em;overflow:hidden;perspective:6em;-webkit-mask-image:linear-gradient(transparent,#000 16%,#000 84%,transparent);mask-image:linear-gradient(transparent,#000 16%,#000 84%,transparent)}.drum__cylinder{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transform:translateZ(calc(var(--drum-r) * -1)) rotateX(calc(var(--step, 0) * -36deg));transition:transform var(--dur-drum) var(--ease-spring)}.drum__face{position:absolute;left:0;right:0;top:.05em;height:1em;display:grid;place-items:center;backface-visibility:hidden;transform:rotateX(calc(var(--n) * 36deg)) translateZ(var(--drum-r))}.drum__point{display:inline-block;align-self:flex-end;width:.22em;padding-bottom:.08em;line-height:1;text-align:center}.tally{display:flex;flex-wrap:wrap;gap:10px}.tally__key{--delay: 0ms;position:relative;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--clay);box-shadow:var(--shadow-e1);transition:box-shadow var(--dur-press) var(--ease-out) var(--delay),background-color var(--dur-press) var(--ease-out) var(--delay)}.tally__key:after{content:"";width:6px;height:6px;border-radius:50%;background:var(--section);box-shadow:0 0 6px var(--section-glow);scale:0;transition:scale var(--dur-rise) var(--ease-spring) var(--delay)}.tally__key[data-done]{background:var(--clay-sunk);box-shadow:var(--shadow-e-1)}.tally__key[data-done]:after{scale:1}.counter[data-complete] .tally__key{--delay: calc(var(--i, 0) * 30ms)}.chip{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--clay);box-shadow:var(--shadow-e1);font-size:var(--fs-100);font-weight:500;color:var(--ink-muted)}button.chip:hover{color:var(--section-ink)}.triage{display:flex;flex-direction:column;gap:var(--space-4);flex:1;min-height:0}.memo-tray{flex:1;min-height:120px;padding:var(--space-3);border-radius:var(--radius-md);background:var(--clay-sunk);box-shadow:var(--shadow-e-2)}.memo-tray .memo{background:var(--clay-raised)}.triage__hint{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-3);font-size:var(--fs-100);color:var(--ink-muted)}.triage__key{display:inline-flex;align-items:center;gap:4px}.triage__key kbd{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 4px;border-radius:6px;background:var(--clay);box-shadow:var(--shadow-e1);color:var(--section-ink);font-size:.6875rem}.panel[data-section=inbox] .panel__body{min-height:0}.inbox-add{margin-top:auto;display:grid;gap:var(--space-2)}.quick-input{display:flex;align-items:center;gap:var(--space-2);padding:6px 6px 6px var(--space-4);border-radius:var(--radius-pill);background:var(--clay-sunk);box-shadow:var(--shadow-e-2)}.quick-input:focus-within{outline:2px solid var(--section-ink);outline-offset:2px}.quick-input .input{flex:1;min-width:0;min-height:40px;padding:0;background:transparent;box-shadow:none}.quick-input .input:focus-visible{outline:none}.memo-list{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}.memo{display:grid;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);background:var(--clay);box-shadow:var(--shadow-e1);view-transition-class:memo}.memo:focus-visible{outline:2px solid var(--section-ink);outline-offset:3px}.memo__text{color:var(--ink);white-space:pre-wrap}.memo__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-3)}.memo__time{font-family:var(--font-latin);font-variant-numeric:tabular-nums;font-size:var(--fs-100);color:var(--ink-muted)}.memo__dests{display:flex;flex-wrap:wrap;gap:6px}.memo__dest{min-height:30px;padding:0 10px}.memo__dest:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--section)}.memo__dest:active{background:var(--clay-sunk);box-shadow:var(--shadow-e-1)}.mini-list{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.idea{display:grid;gap:2px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--clay);box-shadow:var(--shadow-e1)}.idea__title{font-weight:600}.idea__meta{font-family:var(--font-latin);font-size:var(--fs-100);font-variant-numeric:tabular-nums;color:var(--ink-muted)}.subhead{font-size:var(--fs-100);font-weight:600;letter-spacing:.04em;color:var(--ink-muted)}.vision-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.vision{display:grid;gap:var(--space-2);align-content:start;padding:var(--space-5);border-radius:var(--radius-md);background:var(--clay);box-shadow:var(--shadow-e1)}.vision__horizon{font-family:var(--font-latin);font-size:var(--fs-100);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--section-ink)}.vision__title{font-size:var(--fs-300);font-weight:600}.vision__note{font-size:var(--fs-200);color:var(--ink-muted)}.toast-region{position:fixed;left:50%;z-index:30;bottom:calc(var(--space-6) + env(safe-area-inset-bottom,0px));translate:-50% 0;width:max-content;max-width:calc(100vw - 32px)}@keyframes toast-in{0%{opacity:0;translate:0 12px}}.toast{display:flex;align-items:center;gap:var(--space-3);min-height:52px;padding:6px 6px 6px var(--space-5);border-radius:var(--radius-pill);background:var(--clay-raised);box-shadow:var(--shadow-e3);animation:toast-in var(--dur-rise) var(--ease-spring) both}.toast__message{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toast__action{color:var(--section-ink)}.empty{display:grid;place-items:center;min-height:96px;padding:var(--space-6);border-radius:var(--radius-md);background:var(--clay-sunk);box-shadow:var(--shadow-e-2);color:var(--ink-muted);text-align:center}.light-preview{display:grid;gap:2px}.light-preview__label{font-size:.6875rem;color:var(--ink-muted)}.range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:132px;height:22px;background:transparent;cursor:pointer}.range::-webkit-slider-runnable-track{height:8px;border-radius:var(--radius-pill);background:var(--clay-sunk);box-shadow:var(--shadow-e-1)}.range::-moz-range-track{height:8px;border-radius:var(--radius-pill);background:var(--clay-sunk);box-shadow:var(--shadow-e-1)}.range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;margin-top:-5px;border-radius:50%;background:var(--clay-raised);box-shadow:var(--shadow-e1),inset 0 0 0 4px var(--clay-raised),inset 0 0 0 9px var(--vermilion)}.range::-moz-range-thumb{width:18px;height:18px;border:0;border-radius:50%;background:var(--clay-raised);box-shadow:var(--shadow-e1),inset 0 0 0 4px var(--clay-raised),inset 0 0 0 9px var(--vermilion)}.range:focus-visible{outline:2px solid var(--vermilion-ink);outline-offset:4px;border-radius:var(--radius-pill)}@media(max-width:767px){.sundial__time,.light-preview{display:none}}.demo-note{font-size:var(--fs-100);color:var(--ink-muted)}}@layer states{[hidden]{display:none!important}::view-transition-group(*){animation-duration:var(--dur-view);animation-timing-function:var(--ease-out)}::view-transition-old(*),::view-transition-new(*){animation-duration:var(--dur-view);animation-timing-function:var(--ease-out)}@keyframes vt-sink{to{opacity:0;scale:.97}}@keyframes vt-float{0%{opacity:0;scale:.97}}::view-transition-old(*):only-child{animation-name:vt-sink}::view-transition-new(*):only-child{animation-name:vt-float}::view-transition-group(*.task){animation-duration:.42s;animation-timing-function:var(--ease-spring)}::view-transition-old(*.task),::view-transition-new(*.task){animation-duration:.24s;height:100%;object-fit:none;object-position:left center}::view-transition-group(*.memo){animation-duration:.52s;animation-timing-function:cubic-bezier(.5,0,.2,1)}::view-transition-old(*.memo){animation-duration:.36s}@media(prefers-reduced-motion:reduce){.panel{animation:none}*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}}@layer utilities{.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}}