:root{--bg: #f4f5f7;--surface: #ffffff;--surface-2: #e9ebef;--line: #dadde4;--line-soft: #e8eaef;--text: #14161b;--text-2: #4c525e;--text-3: #818795;--habits: #0e7c5a;--habits-soft: #dcf0e8;--focus: #4a3fd1;--focus-soft: #e4e2fa;--life: #0f62c9;--life-soft: #ddebfb;--workout: #0284c7;--workout-soft: #d8ecfa;--skip: #be3455;--skip-soft: #fae2e7;--untracked: #cbcfd8;--shadow: 0 2px 10px rgba(20, 22, 27, .07), 0 12px 32px rgba(20, 22, 27, .09);--sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;--mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace;--t-xs: .6875rem;--t-sm: .8125rem;--t-md: .9375rem;--t-lg: 1.125rem;--t-xl: 1.5rem;--t-2xl: 2.25rem;--t-3xl: 3.25rem;--r-sm: 8px;--r-md: 12px;--r-lg: 18px;--r-xl: 26px;--pad: 1.125rem;--navbar-h: 3.6rem;--max-w: 87.5rem;--accent: var(--habits);--accent-soft: var(--habits-soft)}@media(prefers-color-scheme:dark){:root{--bg: #0d0f13;--surface: #161920;--surface-2: #1e222b;--line: #2a2f3a;--line-soft: #22262f;--text: #e7e9ee;--text-2: #a2a8b6;--text-3: #6e7583;--habits: #43c99a;--habits-soft: #0f2b22;--focus: #9b8cff;--focus-soft: #1a1830;--life: #52a8ff;--life-soft: #0e2136;--workout: #48b6f5;--workout-soft: #08222f;--skip: #f1748f;--skip-soft: #2c191f;--untracked: #2f343f;--shadow: 0 2px 10px rgba(0, 0, 0, .4), 0 12px 32px rgba(0, 0, 0, .32)}}[data-accent=focus]{--accent: var(--focus);--accent-soft: var(--focus-soft)}[data-accent=life]{--accent: var(--life);--accent-soft: var(--life-soft)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:var(--t-md);line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.num{font-variant-numeric:tabular-nums;letter-spacing:-.01em}.mono{font-family:var(--mono)}.app{min-height:100%;position:relative}.screen{max-width:var(--max-w);margin:0 auto;padding:0 var(--pad);padding-top:calc(env(safe-area-inset-top) + .75rem);padding-bottom:calc(var(--navbar-h) + env(safe-area-inset-bottom) + 2.5rem)}.screen[data-tab=today]{max-width:72rem}.page-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.page-head h1{font-size:var(--t-xl);letter-spacing:-.03em;font-weight:680;margin:0}.page-head .eyebrow{margin:0}.page-tools{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.sync{font-size:var(--t-xs)}.grid{display:grid;grid-template-columns:1fr;gap:.85rem;grid-auto-flow:row dense}@media(min-width:46rem){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.widget.is-tall{grid-column:1 / -1}}@media(min-width:74rem){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.widget.is-wide:not(.is-tall){grid-column:span 2}}.widget{padding:.9rem 1rem 1rem;display:flex;flex-direction:column;min-width:0}.widget-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.5rem}.widget-head h2{margin:0;font-size:var(--t-sm);font-weight:650;letter-spacing:.01em}.widget-tools{display:flex;align-items:center;gap:.4rem}.widget-note{margin:0 0 .6rem;font-size:var(--t-xs);color:var(--text-3)}.widget-body{min-width:0;flex:1;display:flex;flex-direction:column;min-height:0}.widget.is-list .widget-body{overflow-y:auto;overscroll-behavior:contain;max-height:20rem;margin-right:-.35rem;padding-right:.35rem}.rhythm-pair{display:grid;grid-template-columns:1fr;gap:1.4rem;min-width:0;flex:1}@media(min-width:62rem){.rhythm-pair{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:2rem}}.rhythm-pair>div{min-width:0;display:flex;flex-direction:column}.rhythm-pair .hour-bars{flex:1;min-height:6.5rem;max-height:13rem;height:auto}.period{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.period.is-compact .nav-label{min-width:4.4rem;font-size:var(--t-xs)}.period.is-compact .nav-btn{width:1.6rem;height:1.6rem}.period.is-compact .seg button{padding:.24rem .55rem}.widget-head{flex-wrap:wrap}.home{display:grid;grid-template-columns:1fr;gap:.85rem;align-items:start}@media(min-width:58rem){.home{grid-template-columns:minmax(0,1fr) 20rem}.home-main{grid-column:1;grid-row:1}.home-side{grid-column:2;grid-row:1;position:sticky;top:calc(var(--navbar-h) + 1.5rem)}}.home-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}@media(min-width:58rem){.home-side{grid-template-columns:1fr}}.home-main{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-lg);padding:.9rem 1rem 1rem}.hero{border-radius:var(--r-lg);padding:.95rem 1rem 1.05rem;display:flex;flex-direction:column;gap:.15rem;border:1px solid transparent}.hero[data-tone=habits]{background:var(--habits-soft);border-color:color-mix(in srgb,var(--habits) 18%,transparent);--hero: var(--habits)}.hero[data-tone=focus]{background:var(--focus-soft);border-color:color-mix(in srgb,var(--focus) 18%,transparent);--hero: var(--focus)}.hero-label{margin:0;font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.12em;font-weight:650;color:var(--hero)}.hero-value{margin:.3rem 0 0;font-size:var(--t-2xl);font-weight:720;letter-spacing:-.045em;line-height:1;color:var(--hero)}.hero-unit{font-size:.55em;font-weight:650;letter-spacing:-.02em}.hero-note{margin:.35rem 0 0;font-size:var(--t-xs);color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-slot{margin-top:.75rem;min-height:2.1rem}.rank-meter{height:4px;border-radius:2px;background:color-mix(in srgb,var(--hero) 16%,transparent);overflow:hidden}.rank-meter i{display:block;height:100%;border-radius:2px;background:var(--hero);transition:width .42s cubic-bezier(.22,1,.36,1)}.rank-note{margin:.35rem 0 0;font-size:var(--t-xs);color:var(--text-2)}.rank-note strong{color:var(--hero);font-weight:700}.dots{display:flex;gap:.25rem;margin-top:.7rem}.dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--hero)}.dot[data-empty]{background:transparent;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--hero) 32%,transparent)}.eyebrow{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.12em;font-weight:600;color:var(--accent);margin:0 0 .35rem}.muted{color:var(--text-3);font-size:var(--t-sm)}.navbar{position:fixed;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom) + .7rem);z-index:30;padding:0 var(--pad);width:max-content;max-width:calc(100% - 1.5rem)}.navbar-inner{display:flex;gap:.2rem;padding:.3rem;border-radius:999px;background:color-mix(in srgb,var(--surface) 82%,transparent);-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);border:1px solid var(--line);box-shadow:var(--shadow)}@media(min-width:58rem){.navbar{bottom:auto;top:.85rem}.screen{padding-top:calc(var(--navbar-h) + 1.4rem);padding-bottom:3rem}}.tab{display:flex;align-items:center;gap:.45rem;padding:.55rem .95rem;border-radius:999px;color:var(--text-3);font-size:var(--t-sm);font-weight:580;letter-spacing:.01em;white-space:nowrap;transition:color .16s ease,background .18s ease}.tab svg{width:19px;height:19px;flex:none}.tab:hover{color:var(--text-2)}.tab[data-tone=today][aria-selected=true]{color:var(--text);background:var(--surface-2)}.tab[data-tone=habits][aria-selected=true]{color:var(--habits);background:var(--habits-soft)}.tab[data-tone=focus][aria-selected=true]{color:var(--focus);background:var(--focus-soft)}.tab[data-tone=life][aria-selected=true]{color:var(--life);background:var(--life-soft)}@media(max-width:30rem){.tab span{display:none}.tab{padding:.6rem .85rem}}.card{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-lg);padding:1rem 1.1rem}.habit-list{display:flex;flex-direction:column;gap:.3rem}.habit-row{display:flex;align-items:center;gap:.7rem;width:100%;padding:.5rem .8rem .5rem .55rem;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line-soft);text-align:left;transition:background .16s ease,border-color .16s ease}.habit-row:hover{border-color:var(--line)}.habit-row.is-pending{opacity:.55}.habit-open{flex:1;min-width:0;display:flex;align-items:center;gap:.6rem;padding:.42rem 0;text-align:left}.chip{position:relative;flex:none;width:2rem;height:2rem;border-radius:9px;border:1.5px solid var(--untracked);background:transparent;overflow:hidden;display:grid;place-items:center;transition:transform .12s cubic-bezier(.22,1,.36,1)}.chip:active{transform:scale(.9)}.chip:hover{border-color:var(--habits)}.chip-fill{position:absolute;inset:auto 0 0 0;background:var(--habits);transition:height .22s cubic-bezier(.22,1,.36,1)}.chip-mark{position:relative;font-size:var(--t-xs);font-weight:750;line-height:1}.habit-row[data-state=done] .chip{border-color:var(--habits)}.habit-row[data-state=done] .chip-mark{color:var(--surface)}.habit-row[data-state=partial] .chip{border-color:var(--habits)}.habit-row[data-state=partial] .chip-mark{color:var(--habits)}.habit-row[data-state=skip] .chip{border-color:var(--skip);background:var(--skip-soft)}.habit-row[data-state=skip] .chip-mark{color:var(--skip)}.habit-row[data-state=untracked] .chip{border-style:solid;border-color:var(--untracked);background:var(--surface-2)}.habit-row[data-state=untracked] .chip-mark{color:var(--text-3)}.habit-row[data-state=empty] .chip{border-style:dashed;border-color:var(--line)}.habit-name{flex:1;min-width:0;font-size:var(--t-md);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.habit-row[data-state=untracked] .habit-name,.habit-row[data-state=empty] .habit-name{color:var(--text-3)}.habit-meta{flex:none;font-size:var(--t-xs);font-weight:600;color:var(--text-3)}.track{height:5px;border-radius:3px;background:var(--surface-2);overflow:hidden}.track-fill{height:100%;border-radius:3px;background:var(--accent);transition:width .32s cubic-bezier(.22,1,.36,1)}.nav{display:flex;align-items:center;gap:.15rem}.nav-btn{width:2rem;height:2rem;display:grid;place-items:center;border-radius:var(--r-sm);color:var(--text-3)}.nav-btn:disabled{opacity:.3}.nav-label{min-width:5.5rem;text-align:center;font-size:var(--t-sm);font-weight:600;color:var(--text-2)}.seg{display:inline-flex;padding:3px;gap:2px;background:var(--surface-2);border-radius:999px}.seg button{padding:.3rem .72rem;border-radius:999px;font-size:var(--t-xs);font-weight:600;color:var(--text-3);transition:background .16s ease,color .16s ease}.seg button[aria-pressed=true]{background:var(--surface);color:var(--accent);box-shadow:0 1px 3px #00000014}.picker{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:var(--t-xs);font-weight:600;color:var(--text-2);background:var(--surface-2);border-radius:999px;padding:.34rem 1.6rem .34rem .75rem;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:right .78rem center,right .53rem center;background-size:4px 4px,4px 4px;background-repeat:no-repeat}.timer-btn{flex:none;width:2.6rem;height:2.6rem;border-radius:50%;display:grid;place-items:center;background:var(--focus);color:#fff;transition:transform .14s cubic-bezier(.22,1,.36,1)}.timer-btn:active{transform:scale(.92)}.timer-btn:disabled{opacity:.45}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--focus);margin-right:.4rem;animation:pulse 1.8s ease-in-out infinite}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.55rem}.stat{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-md);padding:.8rem .9rem}.stat-label{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:var(--text-3);margin-bottom:.3rem}.stat-value{font-size:var(--t-xl);font-weight:700;letter-spacing:-.035em;line-height:1.05}.bar-row{display:flex;flex-direction:column;gap:.28rem;padding:.5rem 0}.bar-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;font-size:var(--t-sm)}.bar-head .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.bar-head .val{flex:none;font-weight:650;font-size:var(--t-xs);color:var(--text-3)}.rank{display:inline-block;min-width:1.1rem;font-size:var(--t-xs);font-weight:700;color:var(--text-3)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#080e0b6b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:40;animation:fade .18s ease}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{transform:translateY(100%)}}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:41;max-width:34rem;margin:0 auto;background:var(--bg);border-radius:var(--r-xl) var(--r-xl) 0 0;border-top:1px solid var(--line);box-shadow:var(--shadow);padding:.6rem var(--pad) calc(env(safe-area-inset-bottom) + 1.1rem);animation:rise .26s cubic-bezier(.22,1,.36,1);max-height:82vh;display:flex;flex-direction:column}.sheet-grip{width:2.4rem;height:4px;border-radius:2px;background:var(--line);margin:.25rem auto .9rem;flex:none}.sheet h2{margin:0 0 .15rem;font-size:var(--t-lg);letter-spacing:-.02em;font-weight:650}.sheet-scroll{overflow-y:auto;min-height:0}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:1rem}.value-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;padding:1rem .4rem;border-radius:var(--r-md);background:var(--surface);border:1.5px solid var(--line-soft);font-size:var(--t-xs);font-weight:600;color:var(--text-2);transition:transform .12s ease,border-color .16s ease,background .16s ease}.value-btn:active{transform:scale(.96)}.value-btn[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.value-btn[data-tone=skip][aria-pressed=true]{border-color:var(--skip);background:var(--skip-soft);color:var(--skip)}.value-btn[data-tone=off][aria-pressed=true]{border-color:var(--untracked);background:var(--surface-2);color:var(--text-2)}.value-foot{display:flex;align-items:center;gap:1rem;margin-top:1rem}.value-foot p{margin:0;flex:1;min-width:0}.btn-reset{flex:none;padding:.5rem .9rem;border-radius:999px;background:var(--surface-2);color:var(--text-2);font-size:var(--t-xs);font-weight:650}.btn-reset:disabled{opacity:.4;cursor:default}.value-glyph{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:.62rem;font-weight:800}.value-dot{width:1.35rem;height:1.35rem;border-radius:7px;border:1.5px solid currentColor;position:relative;overflow:hidden}.value-dot i{position:absolute;inset:auto 0 0 0;background:currentColor}.task-row{display:flex;align-items:center;gap:.75rem;width:100%;text-align:left;padding:.7rem .2rem;border-bottom:1px solid var(--line-soft)}.task-row .name{flex:1;min-width:0;font-size:var(--t-sm);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.due{flex:none;font-size:var(--t-xs);font-weight:600;padding:.15rem .45rem;border-radius:999px;background:var(--surface-2);color:var(--text-3)}.due[data-tone=now]{background:var(--focus-soft);color:var(--focus)}.due[data-tone=late]{background:var(--skip-soft);color:var(--skip)}.field{width:100%;padding:.8rem .9rem;border-radius:var(--r-md);border:1.5px solid var(--line);background:var(--surface);color:var(--text);font-size:var(--t-md)}.field:focus{outline:none;border-color:var(--accent)}.chart{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;overflow:visible}.chart-scroll{overflow-x:auto;overflow-y:hidden;margin:0 calc(var(--pad) * -1);padding:0 var(--pad)}.chart-wrap{flex:1;min-height:11rem;display:flex;flex-direction:column}.chart-area{position:relative;flex:1;min-height:9.5rem}.tip{position:absolute;transform:translate(-50%,-145%);pointer-events:none;white-space:nowrap;background:var(--text);color:var(--bg);font-size:var(--t-xs);font-variant-numeric:tabular-nums;padding:.22rem .5rem;border-radius:6px;box-shadow:0 4px 14px #00000038;z-index:5}.tip strong{font-weight:700}.tick{font-size:9px;font-family:var(--sans);fill:var(--text-3);font-variant-numeric:tabular-nums}.readout{display:flex;align-items:baseline;gap:.5rem;min-height:1.5rem;margin-top:.4rem;font-size:var(--t-sm)}.readout strong{font-weight:680;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.readout span{color:var(--text-3);font-size:var(--t-xs)}.donut{width:9.5rem;margin:0 auto}.donut svg{width:100%;height:auto;display:block}.donut-value{fill:var(--text);font-family:var(--sans);font-size:19px;font-weight:700;letter-spacing:-.03em}.donut-sub{fill:var(--text-3);font-family:var(--sans);font-size:9px;letter-spacing:.06em;text-transform:uppercase}.hour-bars{display:grid;grid-template-columns:repeat(24,1fr);align-items:end;gap:2px;height:6.5rem}.hour-bar{height:100%;display:flex;align-items:flex-end;border-radius:3px}.hour-bar-fill{width:100%;min-height:2px;border-radius:3px;background:var(--accent);opacity:.85;transition:height .26s cubic-bezier(.22,1,.36,1)}.hour-bar[aria-pressed=true] .hour-bar-fill{opacity:1;box-shadow:0 0 0 1.5px var(--accent)}.hour-axis{display:flex;justify-content:space-between;font-size:var(--t-xs);color:var(--text-3);margin-top:.3rem;font-variant-numeric:tabular-nums}.week-grid{display:grid;max-width:32rem;grid-template-columns:1.6rem repeat(7,1fr);gap:2px;align-items:center;align-content:start}.week-head,.week-hour{font-size:var(--t-xs);color:var(--text-3);text-align:center;font-variant-numeric:tabular-nums}.week-hour{text-align:right;padding-right:.25rem}.week-cell{height:.8rem;border-radius:3px;background:var(--surface-2)}.week-cell[data-level="1"]{background:color-mix(in srgb,var(--accent) 32%,var(--surface-2))}.week-cell[data-level="2"]{background:color-mix(in srgb,var(--accent) 62%,var(--surface-2))}.week-cell[data-level="3"]{background:var(--accent)}.legend{display:flex;align-items:center;gap:.35rem;justify-content:flex-end;font-size:var(--t-xs);color:var(--text-3);margin-top:.5rem}.legend i{width:10px;height:10px;border-radius:3px;display:block}.dot-legend{display:flex;flex-wrap:wrap;gap:.35rem .9rem;margin-top:.8rem}.dot-legend span{display:flex;align-items:center;gap:.35rem;font-size:var(--t-xs);color:var(--text-2)}.dot-legend i{width:8px;height:8px;border-radius:50%;flex:none}.logo{display:block;margin:0 auto}.wordmark{font-size:var(--t-xl);font-weight:700;letter-spacing:-.035em;margin:1rem 0 .3rem}.center{display:grid;place-items:center;min-height:60vh;text-align:center;padding:2rem 1rem;gap:.75rem}.spinner{width:1.6rem;height:1.6rem;border-radius:50%;border:2px solid var(--line);border-top-color:var(--accent);animation:spin .72s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.banner{display:flex;align-items:center;gap:.6rem;padding:.6rem .8rem;border-radius:var(--r-md);background:var(--skip-soft);color:var(--skip);font-size:var(--t-sm);font-weight:550;margin-bottom:.9rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.8rem 1.1rem;border-radius:var(--r-md);background:var(--accent);color:var(--surface);font-size:var(--t-md);font-weight:620;transition:transform .12s ease}@media(prefers-color-scheme:dark){.btn{color:#0d0f13}}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5}.btn-quiet{background:var(--surface-2);color:var(--text-2)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.life-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin-bottom:.9rem;padding:.1rem 0}.tot{display:flex;flex-direction:column;gap:.1rem;min-width:0;padding-left:.7rem;border-left:3px solid var(--line);font-variant-numeric:tabular-nums}.tot>span{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.09em;font-weight:620;color:var(--text-3)}.tot b{font-size:var(--t-lg);font-weight:720;letter-spacing:-.03em;line-height:1.1}.tot i{font-style:normal;font-size:var(--t-xs);color:var(--text-3)}.tot[data-kind=habits]{border-left-color:var(--habits)}.tot[data-kind=habits] b{color:var(--habits)}.tot[data-kind=focus]{border-left-color:var(--focus)}.tot[data-kind=focus] b{color:var(--focus)}.tot[data-kind=workout]{border-left-color:var(--workout)}.tot[data-kind=workout] b{color:var(--workout)}.life-card{padding:.9rem 1rem 1.1rem;overflow-x:auto;overscroll-behavior-x:contain}.life-scroll.is-week{min-width:52rem}.day-heads{display:flex;gap:.4rem;margin-bottom:.5rem}.day-heads-pad{flex:none;width:2.2rem}.day-heads-row{flex:1;min-width:0;display:flex;gap:.35rem}.day-head{flex:1;min-width:0;padding:.45rem .5rem .55rem;border-radius:var(--r-sm);border:1px solid var(--line-soft)}.day-head[data-today]{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 30%,transparent)}.day-head p{margin:0}.day-head-name{font-size:var(--t-sm);font-weight:650;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.day-head-date{font-size:var(--t-xs);color:var(--text-3);margin-bottom:.3rem!important}.day-head-stats{margin:0;display:grid;gap:.05rem;font-size:var(--t-xs);letter-spacing:-.01em}.day-head-stats>div{display:flex;justify-content:space-between;gap:.4rem;min-width:0}.day-head-stats dt{color:var(--text-3);overflow:hidden;text-overflow:ellipsis}.day-head-stats dd{margin:0;font-weight:650;white-space:nowrap}.day-head-stats>div[data-kind=habits] dd{color:var(--habits)}.day-head-stats>div[data-kind=focus] dd{color:var(--focus)}.day-head-stats>div[data-kind=workout] dd{color:var(--workout)}.timeline{display:flex;gap:.4rem;height:calc(var(--rows) * 1.6rem)}.timeline-hours{flex:none;width:2.2rem;display:grid;grid-template-rows:repeat(var(--rows),1fr);font-size:var(--t-xs);color:var(--text-3);font-variant-numeric:tabular-nums;text-align:right;padding-right:.25rem}.timeline-hours span{transform:translateY(-.4em)}.timeline-days{flex:1;min-width:0;display:flex;gap:.35rem}.timeline-day{position:relative;flex:1;min-width:0;border-radius:var(--r-sm);overflow:hidden}.timeline-day[data-today]{background:color-mix(in srgb,var(--accent) 7%,transparent)}.timeline-grid{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:repeat(var(--rows),1fr)}.timeline-grid i{border-top:1px solid var(--line-soft)}.block{position:absolute;left:1.5%;width:97%;min-height:.85rem;border-radius:5px;border-left:3px solid currentColor;padding:.1rem .3rem;text-align:left;overflow:hidden;font-size:var(--t-xs);line-height:1.2;transition:filter .14s ease}.block:hover{filter:brightness(.97)}.block[data-kind=focus]{background:var(--focus-soft);color:var(--focus)}.block[data-kind=workout]{background:var(--workout-soft);color:var(--workout)}@media(prefers-color-scheme:dark){.block:hover{filter:brightness(1.35)}}.block-body{display:block;overflow:hidden}.block-body strong{display:block;font-weight:650;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.block-body span{opacity:.75;font-size:.92em;white-space:nowrap}.month{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.18rem}.month-head{font-size:var(--t-xs);color:var(--text-3);text-align:center;padding-bottom:.2rem}.month-cell{min-height:5rem;border-radius:var(--r-sm);border:1px solid var(--line-soft);padding:.28rem .15rem .3rem;display:flex;flex-direction:column;gap:.15rem;min-width:0}.month-cell.is-outside{opacity:.35}.month-cell[data-today]{border-color:var(--accent);background:var(--accent-soft)}.month-day{font-size:var(--t-xs);color:var(--text-3)}.month-stats{margin:0;display:grid;gap:.04rem;min-width:0;font-size:.5625rem;line-height:1.3;letter-spacing:-.02em}.month-stats>div{display:flex;flex-direction:column;min-width:0}.month-stats dt{color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.04em}.month-stats dd{margin:0;font-weight:700;white-space:nowrap}.month-stats>div[data-kind=habits] dd{color:var(--habits)}.month-stats>div[data-kind=focus] dd{color:var(--focus)}.month-stats>div[data-kind=workout] dd{color:var(--workout)}@media(min-width:48rem){.month-stats{font-size:var(--t-xs);gap:.02rem}.month-stats>div{flex-direction:row;justify-content:space-between;gap:.4rem}.month-cell{padding:.35rem .45rem .45rem}.month{gap:.3rem}}.life-detail{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--navbar-h) + env(safe-area-inset-bottom) + 1.6rem);z-index:25;display:flex;align-items:center;gap:.5rem;max-width:calc(100% - 2rem);padding:.55rem .75rem;border-radius:999px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);font-size:var(--t-sm);white-space:nowrap}@media(min-width:58rem){.life-detail{bottom:1.6rem}}.life-detail strong{font-weight:650;overflow:hidden;text-overflow:ellipsis}.life-detail span:not(.dot){color:var(--text-3);font-size:var(--t-xs)}.life-detail .dot{width:8px;height:8px;border-radius:50%;flex:none}.life-detail .dot[data-kind=focus]{background:var(--focus)}.life-detail .dot[data-kind=workout]{background:var(--workout)}.life-detail button{color:var(--text-3);padding:0 .2rem}