:root{--bg:#0f141b;--panel:#131a22;--panel-2:#171f28;--border:#212934;--border-soft:#1a222c;--text:#eff4f8;--muted:#a5b9d0;--dim:#6b7a8d;--accent:#f06652;--accent-dim:#c7503f;--green:#2bb181;--purple:#967edc;--blue:#559ee8;--orange:#fd904d;--grey:#6b7a8d;--cat-work:#3987e5;--cat-personal:#d95926;--cat-health:#199e70;--cat-other:#c98500;--cat-learning:#d55181;--grid:#222b36;--axis:#6b7a8d;--mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--sans:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;--r-sm:6px;--r:10px;--r-lg:14px;--gap:16px;--pad:20px;--sidebar-w:230px;--topbar-h:57px;--rail-w:300px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font:400 14px/1.5 var(--sans);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,h4{letter-spacing:-.01em;margin:0;font-weight:600}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border);border:3px solid var(--bg);border-radius:99px}::-webkit-scrollbar-track{background:0 0}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.shell{display:grid;grid-template-columns:var(--sidebar-w)1fr;grid-template-rows:var(--topbar-h)1fr;grid-template-areas:"side top" "side main";height:100%}.sidebar{grid-area:side;border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0;padding:18px 14px}.sidebar__logo{font-family:var(--mono);margin:0 0 22px 8px;font-size:17px;font-weight:600}.sidebar__logo span{color:var(--accent)}.sidebar__nav{list-style:none;display:grid;gap:2px;margin:0;padding:0}.sidebar__link{display:flex;border-radius:var(--r);color:var(--muted);border-left:2px solid #0000;align-items: center;gap:11px;padding:9px 12px;transition:background .12s,color .12s;font-size:13.5px}.sidebar__link:hover{background:var(--panel);color:var(--text)}.sidebar__link.is-active{background:var(--panel-2);color:var(--text);border-left-color:var(--accent);font-weight:500}.sidebar__foot{color:var(--dim);margin-top:auto;padding:0 10px;font-size:12px}.sidebar__foot p{margin:0;line-height:1.7}.sidebar__foot hr{border:0;border-top:1px solid var(--border);width:28px;margin:14px 0}.sidebar__cursor{font-family:var(--mono);color:var(--accent)}.topbar{grid-area:top;border-bottom:1px solid var(--border);display:flex;align-items: center;gap:14px;padding:0 22px}.topbar__search{display:flex;background:var(--panel);border:1px solid var(--border);border-radius:var(--r);color:var(--dim);flex:1;align-items: center;gap:9px;max-width:920px;padding:7px 12px}.topbar__search:focus-within{border-color:var(--accent)}.topbar__search input{outline:none;color:var(--text);background:0 0;border:0;flex:1;font-size:13px}.topbar__search input::placeholder{color:var(--dim)}.topbar__search kbd{font-family:var(--mono);font-size:11px}.topbar__icon{color:var(--muted);display:grid;border-radius:var(--r-sm);background:0 0;border:0;place-items: center;padding:6px}.topbar__icon:hover{color:var(--text);background:var(--panel)}.topbar__user{display:flex;color:var(--text);border-radius:var(--r-sm);background:0 0;border:0;align-items: center;gap:9px;padding:4px 8px;font-size:13px}.topbar__user:hover{background:var(--panel)}.topbar__avatar{display:grid;background:var(--accent);color:#fff;border-radius:50%;place-items: center;width:27px;height:27px;font-size:12px;font-weight:600}.main{grid-area:main;overflow-y:auto;min-width:0;padding:24px 22px 40px}.page{display:grid;gap:var(--gap);max-width:1500px}.page__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: flex-start;gap:16px}.page__title{font-size:26px}.page__title span{color:var(--accent);font-family:var(--mono);margin-right:8px}.page__sub{color:var(--muted);margin:6px 0 0;font-size:13.5px}@media (max-width:900px){.shell{grid-template-columns:1fr;grid-template-rows:var(--topbar-h)1fr auto;grid-template-areas:"top" "main" "side"}.sidebar{border-right:0;border-top:1px solid var(--border);background:var(--bg);padding:8px}.sidebar__logo,.sidebar__foot{display:none}.sidebar__nav{grid-auto-flow:column;justify-content:space-around}.sidebar__link{border-top:2px solid #0000;border-left:0;flex-direction:column;gap:4px;padding:7px 8px;font-size:10.5px}.sidebar__link.is-active{border-top-color:var(--accent)}.topbar__name{display:none}}.boot{display:grid;color:var(--dim);font-family:var(--mono);place-content: center;height:100%;font-size:13px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--pad)}.card__head{display:flex;justify-content:space-between;align-items: center;gap:12px;margin-bottom:14px}.card__title{font-size:15px}.btn{display:inline-flex;border-radius:var(--r-sm);color:var(--muted);background:0 0;border:1px solid #0000;align-items: center;gap:6px;padding:7px 12px;transition:background .12s,color .12s,border-color .12s;font-size:13px}.btn:hover:not(:disabled){background:var(--panel-2);color:var(--text)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--accent{background:var(--accent);color:#fff;font-weight:500}.btn--accent:hover:not(:disabled){background:var(--accent-dim);color:#fff}.btn--outline{border-color:var(--border);color:var(--text)}.tag{color:var(--c);background:color-mix(in srgb,var(--c)16%,transparent);white-space:nowrap;border-radius:99px;padding:3px 9px;font-size:11.5px;font-weight:500}.dot{display:inline-block;border-radius:50%;flex:none;width:8px;height:8px}.progress{background:var(--border);overflow:hidden;border-radius:99px;height:6px}.progress__bar{border-radius:99px;height:100%;transition:width .25s}.empty{color:var(--dim);margin:6px 0 0;font-size:13px}.tip{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:9px 11px;font-size:12px;box-shadow:0 8px 22px #00000073}.tip__head{color:var(--muted);margin:0 0 6px;font-size:11px}.tip__row{display:flex;color:var(--text);align-items: center;gap:7px;margin:3px 0 0}.tip__row i{border-radius:2px;flex:none;width:8px;height:8px}.tip__row b{font-family:var(--mono);margin-left:auto;font-weight:500}.legend{list-style:none;display:flex;color:var(--muted);flex-wrap:wrap;gap:6px 14px;margin:10px 0 0;padding:0;font-size:11.5px}.legend li{display:flex;align-items: center;gap:6px}.legend i{border-radius:2px;width:8px;height:8px}.recharts-wrapper:focus,.recharts-surface:focus{outline:none}.login{display:grid;text-align:center;place-content: center;gap:48px;height:100%;padding:24px}.login__box{display:grid;justify-items:center;gap:10px}.login__logo{font-family:var(--mono);color:var(--accent);margin:0;font-size:15px}.login__title{max-width:16ch;font-size:clamp(24px,5vw,34px);line-height:1.2}.login__sub{color:var(--muted);margin:0 0 14px}.login__form{display:grid;text-align:left;gap:9px;width:100%;max-width:300px}.login__form input{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-sm);padding:9px 12px;font-size:13px}.login__form input::placeholder{color:var(--dim)}.login__form input:focus{outline:none;border-color:var(--accent)}.login__btn{justify-content:center;margin-top:3px;padding:10px 20px}.login__links{display:flex;justify-content:space-between;gap:12px}.login__link{color:var(--muted);background:0 0;border:0;padding:0;font-size:12px}.login__link:hover{color:var(--accent)}.login__note{color:var(--accent);margin:0;font-size:12px}.login__foot{font-family:var(--mono);color:var(--dim);margin:0;font-size:12px}.setup{max-width:560px}.setup__steps{text-align:left;display:grid;color:var(--muted);gap:9px;margin:18px 0 0;padding-left:20px;font-size:13px;line-height:1.6}.setup__steps::marker{color:var(--accent)}.tasks__bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;gap:12px;margin-bottom:12px}.tasks__search{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);outline:none;flex:1;min-width:180px;max-width:320px;padding:7px 11px;font-size:13px}.tasks__search:focus{border-color:var(--accent)}.tasks__search::placeholder{color:var(--dim)}.tasks__list{list-style:none;display:grid;gap:6px;margin:0;padding:0}.tasks__group{color:var(--muted);margin:14px 0 8px;font-size:12px;font-weight:600}.tabs{display:flex;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);gap:4px;padding:3px}.tabs button{color:var(--muted);background:0 0;border:0;border-radius:5px;padding:5px 12px;font-size:12.5px}.tabs button:hover{color:var(--text)}.tabs button.is-active{background:var(--accent);color:#fff}.task{display:flex;background:var(--panel-2);border:1px solid var(--border-soft);border-radius:var(--r);align-items: center;gap:12px;padding:11px 13px}.task:hover{border-color:var(--border)}.task__check{appearance:none;border:1.5px solid var(--dim);display:grid;cursor:pointer;border-radius:5px;flex:none;place-content: center;width:17px;height:17px}.task__check:checked{background:var(--accent);border-color:var(--accent)}.task__check:checked:after{content:"";border-top:0;border-bottom:2px solid #fff;border-left:2px solid #fff;border-right:0;width:9px;height:5px;transform:rotate(-45deg)translate(1px,-1px)}.task__body{flex:1;min-width:0}.task__title{overflow-wrap:anywhere;margin:0;font-size:13.5px}.task__meta{display:flex;color:var(--dim);align-items: center;gap:7px;margin:4px 0 0;font-size:11.5px}.task__meta .is-overdue{color:var(--accent)}.task__menu{position:relative;flex:none}.task__menu>button{color:var(--dim);background:0 0;border:0;border-radius:5px;padding:4px}.task__menu>button:hover{color:var(--text);background:var(--panel)}.task__pop{position:absolute;z-index:5;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:4px;top:100%;right:0;box-shadow:0 8px 22px #00000073}.task__pop button{display:flex;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:5px;align-items: center;gap:7px;width:100%;padding:7px 12px;font-size:12.5px}.task__pop button:hover{background:var(--panel);color:var(--accent)}.task.is-done .task__title{text-decoration:line-through;color:var(--dim)}.task--compact{padding:9px 11px}.taskform{display:grid;background:var(--bg);border:1px solid var(--border);border-radius:var(--r);gap:10px;margin-bottom:14px;padding:14px}.taskform__title{border:0;border-bottom:1px solid var(--border);outline:none;background:0 0;padding:6px 2px;font-size:15px}.taskform__title:focus{border-color:var(--accent)}.taskform__title::placeholder{color:var(--dim)}.taskform__row{display:flex;flex-wrap:wrap;gap:8px}.taskform__row select,.taskform__row input{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-sm);outline:none;--buncss-light: ;--buncss-dark:initial;color-scheme:dark;padding:6px 9px;font-size:12.5px}.taskform__row select:focus,.taskform__row input:focus{border-color:var(--accent)}.taskform__row button{margin-left:auto}.habits__list{list-style:none;display:grid;gap:6px;margin:0;padding:0}.habit{display:flex;background:var(--panel-2);border:1px solid var(--border-soft);border-radius:var(--r);align-items: center;gap:13px;padding:11px 13px}.habit__icon{display:grid;background:var(--bg);color:var(--muted);border-radius:9px;flex:none;place-items: center;width:32px;height:32px}.habit__body{flex:1;min-width:0}.habit__name{margin:0;font-size:13.5px}.habit__count{color:var(--dim);margin:3px 0 0;font-size:11.5px}.habit__week{display:flex;flex:none;gap:6px}.habit__day{display:grid;color:var(--dim);background:0 0;border:0;justify-items:center;gap:5px;width:19px;padding:0;font-size:10px}.habit__day:after{content:"";border:1.5px solid var(--dim);box-sizing:border-box;border-radius:50%;width:15px;height:15px}.habit__day:hover:not(:disabled):after{border-color:var(--green)}.habit__day.is-done:after{background:var(--green);border-color:var(--green)}.habit__day:disabled{opacity:.55;cursor:default}.habit__del{color:var(--dim);background:0 0;border:0;border-radius:5px;flex:none;padding:5px}.habit__del:hover{color:var(--accent);background:var(--panel)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--gap)}.stat{text-align:center}.stat__value{font-family:var(--mono);margin:0;font-size:26px;font-weight:600}.stat__label{color:var(--dim);margin:4px 0 0;font-size:12px}.habitform{display:flex;background:var(--bg);border:1px solid var(--border);border-radius:var(--r);flex-wrap:wrap;align-items: center;gap:10px;margin-bottom:14px;padding:14px}.habitform>input{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-sm);outline:none;flex:1;min-width:160px;padding:7px 10px;font-size:13px}.habitform>input:focus{border-color:var(--accent)}.habitform>input::placeholder{color:var(--dim)}.habitform__icons{display:flex;gap:4px}.habitform__icons button{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--dim);display:grid;place-items: center;padding:6px}.habitform__icons button:hover{color:var(--text)}.habitform__icons button.is-active{color:var(--accent);border-color:var(--accent)}.habitform__target{display:flex;color:var(--dim);align-items: center;gap:6px;font-size:12.5px}.habitform__target input{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);outline:none;--buncss-light: ;--buncss-dark:initial;color-scheme:dark;width:52px;padding:6px 8px}.time__grid{display:grid;grid-template-columns:1.6fr 1fr;gap:var(--gap)}@media (max-width:1000px){.time__grid{grid-template-columns:1fr}}.timer{display:flex;flex-wrap:wrap;align-items: center;gap:28px}.timer--idle{gap:10px}.timer--idle input{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-sm);outline:none;flex:1;min-width:180px;padding:9px 12px;font-size:13px}.timer--idle input:focus{border-color:var(--accent)}.timer--idle input::placeholder{color:var(--dim)}.timer--idle select{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-sm);--buncss-light: ;--buncss-dark:initial;color-scheme:dark;outline:none;padding:9px 10px;font-size:13px}.timer__ring{display:grid;text-align:center;background:conic-gradient(var(--accent)var(--sweep),var(--border)0);position:relative;border-radius:50%;flex:none;place-content: center;width:168px;height:168px}.timer__ring:after{content:"";position:absolute;background:var(--panel);border-radius:50%;inset:7px}.timer__clock,.timer__label{position:relative;z-index:1;margin:0}.timer__clock{font-family:var(--mono);letter-spacing:-.02em;font-size:25px;font-weight:600}.timer__label{color:var(--muted);overflow-wrap:anywhere;max-width:118px;margin-top:5px;font-size:12px}.timer__side{flex:1;min-width:200px}.timer__heading{margin:0 0 8px;font-size:13px;font-weight:600}.timer__meta{display:flex;color:var(--muted);align-items: center;gap:7px;margin:0 0 14px;font-size:12.5px}.timer__facts{display:flex;gap:28px;margin:0 0 16px}.timer__facts dt{color:var(--dim);margin-bottom:3px;font-size:11.5px}.timer__facts dd{font-family:var(--mono);margin:0;font-size:14px}.sessions{list-style:none;display:grid;gap:4px;margin:0;padding:0}.session{display:flex;border-radius:var(--r-sm);align-items: center;gap:11px;padding:9px 11px}.session:hover{background:var(--panel-2)}.session__body{flex:1;min-width:0}.session__label{margin:0;font-size:13px}.session__meta{color:var(--dim);margin:3px 0 0;font-size:11.5px}.session__dur{font-family:var(--mono);color:var(--muted);font-size:12.5px}.session button{color:var(--dim);background:0 0;border:0;border-radius:4px;padding:4px}.session button:hover{color:var(--accent);background:var(--panel)}.split{list-style:none;display:grid;gap:9px;margin:14px 0 0;padding:0;font-size:12.5px}.split li{display:flex;color:var(--muted);align-items: center;gap:9px}.split b{color:var(--text);font-family:var(--mono);margin-left:auto;font-weight:500}.split__ms{text-align:right;font-family:var(--mono);color:var(--dim);width:62px}.manual{display:flex;background:var(--bg);border:1px solid var(--border);border-radius:var(--r);flex-wrap:wrap;align-items: center;gap:8px;margin-bottom:16px;padding:14px}.manual input,.manual select{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-sm);outline:none;--buncss-light: ;--buncss-dark:initial;color-scheme:dark;padding:7px 10px;font-size:12.5px}.manual input:focus,.manual select:focus{border-color:var(--accent)}.manual>input:first-child{flex:1;min-width:160px}.manual__err{color:var(--accent);flex-basis:100%;margin:0;font-size:12px}.voice{display:grid;text-align:center;justify-items:center;gap:12px}.voice__mic{display:grid;background:var(--panel-2);border:1px solid var(--border);color:var(--muted);border-radius:50%;place-items: center;width:82px;height:82px;transition:color .15s,border-color .15s}.voice__mic:hover:not(:disabled){color:var(--text);border-color:var(--accent)}.voice__mic:disabled{opacity:.5;cursor:not-allowed}.voice__mic.is-live{color:#fff;background:var(--accent);border-color:var(--accent);animation:1.6s ease-out infinite voice-pulse}.voice__state{color:var(--muted);margin:0;font-size:12.5px}.voice__interim{color:var(--text);margin:0;font-size:13px;font-style:italic}.voice__error{color:var(--accent);margin:0;font-size:12.5px}.voice__result{color:var(--green);margin:0;font-size:12.5px}.voice__type{width:100%}.voice__type input{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);outline:none;text-align:center;width:100%;padding:8px 11px;font-size:12.5px}.voice__type input:focus{border-color:var(--accent)}.voice__type input::placeholder{color:var(--dim)}.voice__hints{list-style:none;display:grid;gap:5px;width:100%;margin:0;padding:0}.voice__hints button{background:var(--bg);border:1px dashed var(--border);border-radius:var(--r-sm);color:var(--dim);text-align:left;font-size:11.5px;font-family:var(--mono);width:100%;padding:7px 9px}.voice__hints button:hover{color:var(--text);border-color:var(--accent)}@keyframes voice-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent)55%,transparent)}to{box-shadow:0 0 0 18px #0000}}.today__when{text-align:right;color:var(--muted);font-size:12.5px}.today__when p{margin:0}.today__where{display:flex;color:var(--dim);justify-content:flex-end;align-items: center;gap:4px;margin-top:4px!important}@media (max-width:760px){.today__when{text-align:left}.today__where{justify-content:flex-start}}.today__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:var(--gap)}.today__grid{display:grid;grid-template-columns:minmax(0,1fr)var(--rail-w);gap:var(--gap);align-items: start}@media (max-width:900px){.today__grid{grid-template-columns:1fr}}.today__main{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);align-items: start}@media (max-width:1800px){.today__main{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1250px){.today__main{grid-template-columns:1fr}}.today__rail{display:grid;gap:var(--gap);align-content: start}.today__total{font-family:var(--mono);color:var(--muted);margin:12px 0 0;font-size:12.5px}.statcard svg{color:var(--muted)}.statcard h3{color:var(--muted);margin:10px 0 6px;font-size:13px;font-weight:500}.statcard__value{font-family:var(--mono);margin:0 0 12px;font-size:17px}.calendar__head{display:flex;justify-content:space-between;align-items: center;margin-bottom:14px}.calendar__head h2{font-size:14px}.calendar__head button{color:var(--muted);background:0 0;border:0;border-radius:4px;padding:3px}.calendar__head button:hover{color:var(--text);background:var(--panel-2)}.calendar__grid{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;gap:4px;font-size:11.5px}.calendar__wd{color:var(--dim);padding-bottom:6px}.calendar__day{aspect-ratio:1;display:grid;color:var(--muted);position:relative;border-radius:50%;place-items: center}.calendar__day.is-marked:after{content:"";position:absolute;background:var(--accent);border-radius:50%;width:3px;height:3px;bottom:3px}.calendar__day.is-today{background:var(--accent);color:#fff;font-weight:600}.calendar__day.is-today:after{background:#fff}.quick{list-style:none;display:grid;gap:6px;margin:0;padding:0}.quick button{display:flex;background:var(--panel-2);border:1px solid var(--border-soft);border-radius:var(--r);color:var(--muted);text-align:left;align-items: center;gap:11px;width:100%;padding:10px 12px}.quick button:hover{border-color:var(--accent);color:var(--text)}.quick button span{display:grid;color:var(--text);font-size:13px}.quick button small{color:var(--dim);margin-top:2px;font-size:11px}.reports__grid{display:grid;grid-template-columns:1.6fr 1fr;gap:var(--gap)}@media (max-width:1000px){.reports__grid{grid-template-columns:1fr}}.reports__foot{color:var(--dim);margin:14px 0 0;font-size:12px}.table{border-collapse:collapse;width:100%;font-size:13px}.table th,.table td{text-align:left;border-bottom:1px solid var(--border-soft);padding:9px 10px}.table th{color:var(--dim);font-size:11.5px;font-weight:500}.table td:not(:first-child){font-family:var(--mono);color:var(--muted)}.table tr:last-child td{border-bottom:0}.settings__form{display:grid;gap:14px;max-width:380px}.settings__form label{display:grid;color:var(--muted);gap:6px;font-size:12.5px}.settings__form input{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-sm);outline:none;padding:9px 11px;font-size:13px}.settings__form input:focus{border-color:var(--accent)}.settings__form input::placeholder{color:var(--dim)}.settings__form button{justify-self:start}.settings__note{color:var(--muted);max-width:62ch;margin:0;font-size:12.5px;line-height:1.6}.settings__cats{list-style:none;display:flex;flex-wrap:wrap;gap:8px 20px;margin:14px 0 0;padding:0;font-size:13px}.settings__cats li{display:flex;color:var(--muted);align-items: center;gap:8px}