:root{--bg:#f4f6fb;--surface:#fff;--surface-2:#eef1f7;--border:#dde2ec;--text:#172033;--muted:#627089;--accent:#2557d6;--accent-soft:#e3ebff;--accent-text:#fff;--good:#16a34a;--warn:#d97706;--bad:#dc2626;--break:#0d9488;--heat-0:#e7ebf3;--heat-1:#c6d6ff;--heat-2:#8fb0ff;--heat-3:#5584f5;--heat-4:#2557d6;--shadow:0 1px 2px #0f172a0f, 0 2px 8px #0f172a0a;--radius:14px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg:#0b1120;--surface:#131b2e;--surface-2:#1b2540;--border:#26324f;--text:#e6ebf5;--muted:#8d9bb8;--accent:#6d95ff;--accent-soft:#1c2a52;--accent-text:#0b1120;--good:#4ade80;--warn:#fbbf24;--bad:#f87171;--break:#2dd4bf;--heat-0:#1b2540;--heat-1:#22396f;--heat-2:#2f529e;--heat-3:#4c74d6;--heat-4:#7ea2ff;--shadow:0 1px 2px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1{letter-spacing:-.01em;margin:0;font-size:1.6rem}h2{margin:0;font-size:.95rem;font-weight:600}p{margin:.25rem 0}input,select,textarea,button{font:inherit;color:inherit}input:not([type=checkbox]),select,textarea{background:var(--surface-2);border:1px solid var(--border);border-radius:9px;min-width:0;padding:.45rem .65rem}textarea{resize:vertical;width:100%}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}input[type=checkbox]{accent-color:var(--accent);cursor:pointer;flex:none;width:1.05rem;height:1.05rem;margin:0}input.bare{background:0 0;border-color:#0000;padding:.3rem .4rem}input.bare:hover,input.bare:focus{border-color:var(--border);background:var(--surface-2)}input.num{width:4.5rem}input.compact{padding:.15rem .4rem;font-size:.8rem}.btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;white-space:nowrap;border-radius:9px;padding:.45rem .9rem;font-weight:500}.btn:hover:not(:disabled){background:var(--surface-2)}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn.primary:hover:not(:disabled){filter:brightness(1.08);background:var(--accent)}.btn.ghost{color:var(--accent);background:0 0;border-color:#0000}.btn.ghost:hover:not(:disabled){background:var(--accent-soft)}.btn.danger{color:var(--bad)}.btn.small{padding:.3rem .6rem;font-size:.85rem}.icon-btn{cursor:pointer;width:2rem;height:2rem;color:var(--muted);background:0 0;border:none;border-radius:8px;place-items:center;font-size:1.05rem;display:inline-grid}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.icon-btn.small{width:1.6rem;height:1.6rem;font-size:.95rem}.icon-btn.danger:hover{color:var(--bad)}.chip{border:1px solid var(--border);background:var(--surface);cursor:pointer;text-transform:capitalize;border-radius:999px;padding:.25rem .75rem;font-size:.85rem}.chip.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.row{align-items:center;display:flex}.row.gap{gap:.6rem}.gap-sm{gap:.35rem}.row.wrap{flex-wrap:wrap}.row.between{justify-content:space-between}.row.center{justify-content:center}.grow{flex:1}.muted{color:var(--muted)}.small{font-size:.82rem}.empty{text-align:center;padding:.75rem 0}.overdue{color:var(--bad)}ul.plain{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}kbd{background:var(--surface-2);border:1px solid var(--border);border-bottom-width:2px;border-radius:6px;padding:.05rem .45rem;font:.8rem ui-monospace,monospace}.topbar{z-index:10;background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);align-items:center;gap:1rem;padding:.6rem 1.25rem;display:flex;position:sticky;top:0}.brand{color:var(--text);letter-spacing:-.02em;font-size:1.1rem;font-weight:800}.brand span{color:var(--accent)}.brand:hover{text-decoration:none}nav{flex:1;gap:.15rem;display:flex}nav a{color:var(--muted);border-radius:9px;align-items:center;gap:.4rem;padding:.4rem .75rem;font-weight:500;display:flex}nav a:hover{background:var(--surface-2);color:var(--text);text-decoration:none}nav a.active{background:var(--accent-soft);color:var(--accent)}.topbar-actions{align-items:center;gap:.25rem;display:flex}.timer-chip{font-variant-numeric:tabular-nums;color:var(--accent);border-color:var(--accent);text-transform:none;font-weight:600}.timer-chip.break{color:var(--break);border-color:var(--break)}main{max-width:1180px;margin:0 auto;padding:1.5rem 1.25rem 4rem}.page{gap:1rem;display:grid}.page-head{margin-bottom:.25rem}.grid{gap:1rem;display:grid}.grid.two{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.today-grid{grid-template-columns:repeat(3,1fr)}.today-grid .tasks-card{grid-column:span 2}.habits-grid,.goals-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr))}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);align-content:start;gap:.75rem;padding:1rem 1.1rem;display:grid}.card.row{display:flex}.card-head{justify-content:space-between;align-items:center;gap:.5rem;min-height:1.6rem;display:flex}.tag{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:.1rem .5rem;font-size:.72rem}.phrase-card{background:linear-gradient(135deg, var(--accent-soft), var(--surface) 70%)}.phrase-fr{margin:.25rem 0;font-size:1.35rem;font-weight:600;line-height:1.35}.phrase-en{text-align:left;border:1px dashed var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:9px;padding:.5rem .7rem}.phrase-en.shown{color:var(--text);background:var(--surface);border-style:solid}.priorities{counter-reset:p;gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.priorities li{counter-increment:p;align-items:center;gap:.5rem;display:flex}.priorities li:before{content:counter(p);color:var(--accent);text-align:center;width:1rem;font-weight:700}.priorities input.bare{flex:1}.priorities li.done input.bare,.checklist li.done label span,.task.done .task-title{color:var(--muted);text-decoration:line-through}.checklist{gap:.2rem;margin:0;padding:0;list-style:none;display:grid}.checklist li{border-radius:8px;align-items:center;gap:.5rem;padding:.3rem .2rem;display:flex}.checklist li:hover{background:var(--surface-2)}.checklist label{cursor:pointer;flex:1;align-items:center;gap:.6rem;display:flex}.hover-only{opacity:0}.checklist li:hover .hover-only,.hover-only:focus{opacity:1}.streak{color:var(--muted);font-variant-numeric:tabular-nums;filter:grayscale();font-size:.8rem}.streak.hot{filter:none;color:var(--warn);font-weight:600}.ring-wrap{width:170px;height:170px;margin:0 auto;position:relative}.ring{width:100%;height:100%;transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:8px}.ring-bg{stroke:var(--surface-2)}.ring-fg{stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset .25s linear}.pomodoro.break .ring-fg{stroke:var(--break)}.ring-label{text-align:center;place-content:center;display:grid;position:absolute;inset:0}.ring-label .time{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:2.1rem;font-weight:700}.task-list{margin:0;padding:0;list-style:none;display:grid}.task{border-bottom:1px solid var(--border);align-items:center;gap:.6rem;padding:.45rem .3rem;display:flex}.task:last-child{border-bottom:none}.due-badge{background:var(--surface-2);color:var(--muted);white-space:nowrap;border-radius:999px;padding:.1rem .5rem;font-size:.75rem}.due-badge.overdue{background:color-mix(in srgb, var(--bad) 15%, transparent);color:var(--bad);font-weight:600}.due-badge.today{background:color-mix(in srgb, var(--warn) 18%, transparent);color:var(--warn);font-weight:600}.due-badge.soon{color:var(--accent)}.add-row input[type=date]{width:10.5rem}.heatmap{gap:3px;padding-bottom:2px;display:flex;overflow-x:auto}.heat-col{grid-template-rows:repeat(7,1fr);gap:3px;display:grid}.heat-cell{background:var(--heat-0);cursor:pointer;border:none;border-radius:3px;width:13px;height:13px;padding:0}.heat-cell:disabled{cursor:default}.heat-cell.future{opacity:.35}.heat-cell.l1{background:var(--heat-1)}.heat-cell.l2{background:var(--heat-2)}.heat-cell.l3{background:var(--heat-3)}.heat-cell.l4{background:var(--heat-4)}.stats-row{text-align:center;background:var(--surface-2);border-radius:10px;grid-template-columns:repeat(3,1fr);padding:.5rem;display:grid}.stats-row b{font-variant-numeric:tabular-nums;font-size:1.3rem;display:block}.stats-row span{color:var(--muted);font-size:.75rem}.week-toggles{grid-template-columns:repeat(7,1fr);gap:.3rem;display:grid}.day-toggle{border:1px solid var(--border);background:var(--surface);cursor:pointer;color:var(--muted);border-radius:9px;padding:.3rem 0;font-size:.72rem;display:grid}.day-toggle b{color:var(--text);font-size:.9rem}.day-toggle.today{border-color:var(--accent)}.day-toggle.on{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.day-toggle.on b{color:var(--accent-text)}.goal-title{flex:1;font-size:1rem;font-weight:600}.progress{background:var(--surface-2);border-radius:999px;height:10px;overflow:hidden}.progress>div{background:linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 60%, var(--good)));border-radius:inherit;height:100%;transition:width .3s}.progress.thin{width:40%;height:6px}.goal-card.complete .progress>div{background:var(--good)}.log-form{gap:.6rem}.log-form .btn{justify-self:start}.filters .search{max-width:260px;margin-left:auto}.log-list{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.log-entry{gap:.25rem}.notes{white-space:pre-wrap;margin-top:.3rem}.tiles{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.75rem;display:grid}.tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);gap:.15rem;padding:.85rem 1rem;display:grid}.tile span{color:var(--muted);font-size:.82rem}.tile b{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:1.7rem}.tile .delta{font-size:.78rem}.delta.up{color:var(--good)}.delta.down{color:var(--bad)}.bars{grid-template-columns:repeat(7,1fr);align-items:end;gap:.5rem;height:170px;display:grid}.bar-col{text-align:center;grid-template-rows:auto 1fr auto;gap:.2rem;height:100%;display:grid}.bar-col .bar{background:var(--accent);border-radius:6px 6px 2px 2px;align-self:end;min-height:2px}.bar-val,.bar-label{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.75rem}.habit-bars{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.habit-bars li{align-items:center;gap:.75rem;display:flex}.message{border-radius:9px;padding:.5rem .7rem;font-size:.9rem}.message.ok{background:color-mix(in srgb, var(--good) 14%, transparent)}.message.error{background:color-mix(in srgb, var(--bad) 14%, transparent);color:var(--bad)}.shortcuts{border-collapse:collapse;width:100%}.shortcuts td{border-bottom:1px solid var(--border);padding:.3rem .4rem}.shortcuts td:first-child{width:6rem}.overlay{z-index:20;background:#00000073;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.dialog{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);gap:1rem;width:min(420px,100%);padding:1.25rem;display:grid}.dialog .btn{justify-self:end}@media (width<=960px){.today-grid{grid-template-columns:1fr 1fr}.today-grid .tasks-card{grid-column:1/-1}}@media (width<=720px){.topbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--surface);gap:.5rem;padding:.5rem .75rem}nav{background:var(--surface);border-top:1px solid var(--border);padding:.3rem .25rem calc(.3rem + env(safe-area-inset-bottom));justify-content:space-around;position:fixed;bottom:0;left:0;right:0}nav a{flex-direction:column;gap:0;padding:.25rem .4rem;font-size:.68rem}nav a .icon{font-size:1.1rem}.brand{flex:1}main{padding:1rem .75rem 5.5rem}.today-grid,.habits-grid,.goals-grid,.grid.two{grid-template-columns:1fr}.add-row{flex-wrap:wrap}.add-row input[type=date]{flex:1;width:auto}.filters .search{flex-basis:100%;max-width:none;margin-left:0}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}