:root{--espresso:#2c1f1f;--mocha:#6b4f4f;--lilac:#c4b3cc;--mist:#e8dded;--haze:#f6f3f7;--cream:#faf7ee;--terracotta:#f0603c;--danger:#c2410c;--white:#fff;--line:#2c1f1f1a;--line-strong:#2c1f1f29;--radius-xl:28px;--radius-lg:18px;--radius-md:12px;--font-body:"Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;--font-display:"Syncopate", var(--font-body);--page-pad:clamp(16px, 3vw, 40px)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--white);color:var(--espresso);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.45}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--espresso);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.num{font-family:var(--font-display);font-variant-numeric:tabular-nums}.muted{color:var(--mocha)}.danger{color:var(--danger)}.shell{min-height:100dvh;padding:20px var(--page-pad) 120px;flex-direction:column;gap:20px;max-width:1480px;margin:0 auto;display:flex}.topbar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:14px 24px;padding:6px 0 14px;display:flex}.brand{align-items:baseline;gap:10px;text-decoration:none;display:flex}.brand-word{font-family:var(--font-display);letter-spacing:.22em;font-size:19px;font-weight:700}.brand-sub{letter-spacing:.18em;text-transform:uppercase;color:var(--mocha);font-size:10px}.pillnav{background:var(--haze);border-radius:99px;flex-wrap:wrap;gap:4px;padding:4px;display:flex}.pillnav a{border-radius:99px;align-items:center;gap:8px;min-height:38px;padding:0 16px;font-size:13px;text-decoration:none;display:inline-flex}.pillnav a[aria-current=page]{background:var(--espresso);color:var(--white);font-weight:500}.pillnav a:not([aria-current=page]):hover{background:var(--white)}.badge{background:var(--white);color:var(--espresso);border-radius:99px;padding:2px 7px;font-size:10px}.pillnav a[aria-current=page] .badge{color:var(--white);background:#ffffff2e}.topbar-right{align-items:center;gap:10px;margin-left:auto;display:flex}.avatar{background:var(--mist);width:40px;height:40px;font-family:var(--font-display);border-radius:99px;justify-content:center;align-items:center;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.bottomnav{display:none}@media (max-width:760px){.pillnav.desktop{display:none}.bottomnav{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:6px 6px calc(8px + env(safe-area-inset-bottom));background:#fffffff0;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}.bottomnav a{min-height:52px;color:var(--mocha);flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:11px;text-decoration:none;display:flex}.bottomnav a:before{content:"";background:0 0;border-radius:99px;width:18px;height:3px}.bottomnav a[aria-current=page]{color:var(--espresso);font-weight:600}.bottomnav a[aria-current=page]:before{background:var(--espresso)}.shell{padding-bottom:110px}}.quickadd{flex-direction:column;flex:300px;gap:6px;min-width:0;display:flex;position:relative}.quickadd-bar{border:1px solid var(--line-strong);background:var(--white);border-radius:99px;align-items:center;gap:10px;min-height:48px;padding:0 5px 0 18px;transition:border-color .15s,box-shadow .15s;display:flex}.quickadd-bar:focus-within{border-color:var(--espresso);box-shadow:0 0 0 4px var(--haze)}.quickadd-bar input{background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:14px}.kbd{color:var(--mocha);border:1px solid var(--line-strong);border-radius:6px;padding:3px 6px;font-size:10px}.quickadd-preview{z-index:30;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-md);flex-wrap:wrap;gap:6px;padding:10px 12px;font-size:12px;display:flex;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 12px 30px #2c1f1f14}.chip{background:var(--haze);border-radius:99px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex}.chip.ok{background:var(--mist)}.chip.warn{background:#f0603c24}.dot{border-radius:99px;flex:none;width:8px;height:8px;display:inline-block}.help{color:var(--mocha);font-size:11px}.btn{border:1px solid var(--line-strong);white-space:nowrap;background:0 0;border-radius:99px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 20px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{background:var(--haze)}.btn.primary{background:var(--espresso);color:var(--white);border-color:var(--espresso)}.btn.primary:hover{background:#3d2c2c}.btn.accent{background:var(--terracotta);color:var(--espresso);border-color:var(--terracotta);font-weight:600}.btn.ghost-light{color:var(--white);border-color:#ffffff4d}.btn.ghost-light:hover{background:#ffffff14}.btn.small{min-height:34px;padding:0 14px;font-size:12px}.btn.danger{color:var(--danger);border-color:#c2410c4d}.icon-btn{border:1px solid var(--line-strong);background:0 0;border-radius:99px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex}.icon-btn:hover{background:var(--haze)}.icon-btn.on{background:var(--espresso);border-color:var(--espresso);color:var(--white)}.icon-round{background:var(--espresso);width:38px;height:38px;color:var(--white);border:0;border-radius:99px;flex:none;justify-content:center;align-items:center;display:inline-flex}.grid-hero{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}.cols{flex-wrap:wrap;align-items:flex-start;gap:20px;display:flex}.col-main{flex-direction:column;flex:999 560px;gap:20px;min-width:0;display:flex}.col-side{flex-direction:column;flex:300px;gap:20px;min-width:0;display:flex}.card{border-radius:var(--radius-xl);border:1px solid var(--line);background:var(--white);flex-direction:column;gap:18px;min-width:0;padding:28px;display:flex}.card.soft{background:var(--haze);border-color:#0000}.card.lilac{background:var(--mist);border-color:#0000}.card.dark{background:var(--espresso);color:var(--white);border-color:#0000;position:relative;overflow:hidden}.card.dashed{border-style:dashed;border-color:var(--line-strong)}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--mocha);align-items:center;gap:10px;font-size:11px;display:flex}.card.dark .eyebrow{color:var(--lilac)}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.hero-title{letter-spacing:-.045em;margin:0;font-size:clamp(60px,7vw,108px);font-weight:300;line-height:.88}.hero-title .period{color:var(--lilac)}.page-title{letter-spacing:-.04em;margin:0;font-size:clamp(40px,5vw,64px);font-weight:300;line-height:.95}.stats{border-top:1px solid var(--line-strong);padding-top:16px;display:flex}.stats>div{flex-direction:column;flex:1;gap:4px;display:flex}.stats>div+div{border-left:1px solid var(--line-strong);padding-left:16px}.stats .num{font-size:22px;font-weight:700}.stats .lbl{color:var(--mocha);font-size:12px}.ring{pointer-events:none;border:1px solid #c4b3cc38;border-radius:99px;position:absolute}.timer-card{justify-content:space-between;min-height:250px}.timer-clock{font-family:var(--font-display);letter-spacing:.03em;font-variant-numeric:tabular-nums;font-size:clamp(38px,4.4vw,60px);line-height:1}.timer-title{font-size:17px;font-weight:500}.timer-meta{color:#ffffff9e;font-size:12px}.live-dot{background:var(--lilac);border-radius:99px;width:8px;height:8px}.live-dot.running{background:var(--terracotta);animation:1.8s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #f0603c8c}70%{box-shadow:0 0 0 12px #f0603c00}to{box-shadow:0 0 #f0603c00}}@media (prefers-reduced-motion:reduce){.live-dot.running{animation:none}}.timer-pill{background:var(--espresso);min-height:40px;color:var(--white);border-radius:99px;align-items:center;gap:10px;max-width:320px;padding:0 6px 0 14px;font-size:13px;text-decoration:none;display:inline-flex}.timer-pill .t{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.timer-pill .num{font-size:12px}.timer-pill form button{width:30px;height:30px;color:var(--white);background:#ffffff24;border:0;border-radius:99px;justify-content:center;align-items:center;display:inline-flex}.bars{align-items:flex-end;gap:10px;height:120px;display:flex}.bars>div{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;height:100%;display:flex}.bar{background:var(--mist);border-radius:99px;width:100%;min-height:4px}.bar.today{background:var(--espresso)}.bars span{color:var(--mocha);font-size:11px}.legend{color:var(--mocha);flex-wrap:wrap;gap:16px;font-size:12px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.filters{flex-wrap:wrap;gap:6px;display:flex}.filter{border:1px solid var(--line-strong);background:0 0;border-radius:99px;align-items:center;gap:6px;min-height:34px;padding:0 14px;font-size:12px;text-decoration:none;display:inline-flex}.filter[aria-current=true]{background:var(--espresso);border-color:var(--espresso);color:var(--white)}.group-head{align-items:center;gap:10px;padding:0 4px 8px;font-size:13px;font-weight:600;display:flex}.count{color:var(--mocha);background:var(--haze);border-radius:99px;padding:2px 8px;font-size:11px;font-weight:400}.tasklist{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.task{border-radius:var(--radius-lg);align-items:center;gap:12px;padding:8px 8px 8px 4px;display:flex}.task:hover{background:#fbfafc}.task.active{background:var(--haze)}.check{background:0 0;border:0;flex:none;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex}.check span{border:1.5px solid var(--espresso);color:#0000;border-radius:8px;justify-content:center;align-items:center;width:22px;height:22px;transition:background .15s;display:inline-flex}.check:hover span{background:var(--haze);color:var(--mocha)}.check.done span{background:var(--espresso);color:var(--white)}.task-body{flex-direction:column;flex:1;gap:4px;min-width:0;padding:4px 0;text-decoration:none;display:flex}.task-title{overflow-wrap:anywhere;font-size:15px;font-weight:500}.task.is-done .task-title{color:var(--mocha);text-decoration:line-through}.task-meta{color:var(--mocha);flex-wrap:wrap;align-items:center;gap:4px 12px;font-size:12px;display:flex}.task-meta span{align-items:center;gap:6px;display:inline-flex}.prio{border-radius:99px;flex:none;padding:4px 10px;font-size:11px}.prio.high{background:#f0603c29}.prio.med{background:var(--haze)}.prio.low{color:var(--mocha)}.logged{font-family:var(--font-display);color:var(--mocha);text-align:right;flex:none;width:70px;font-size:11px}.overdue{color:var(--danger)}@media (max-width:640px){.task .logged,.task .prio.med,.task .prio.low{display:none}.card{border-radius:24px;padding:20px}}.empty{text-align:center;color:var(--mocha);padding:28px 8px;font-size:14px}.progress{background:var(--haze);border-radius:99px;height:6px;overflow:hidden}.progress>div{background:var(--espresso);border-radius:99px;height:100%}.progress.over>div{background:var(--terracotta)}.proj-row{flex-direction:column;gap:8px;text-decoration:none;display:flex}.proj-row .top{justify-content:space-between;gap:12px;font-size:14px;display:flex}.form{flex-direction:column;gap:16px;display:flex}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field label,.label{letter-spacing:.14em;text-transform:uppercase;color:var(--mocha);font-size:11px}.input,.select,.textarea{border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--white);outline:none;width:100%;min-height:46px;padding:10px 16px;font-size:15px}.input:focus,.select:focus,.textarea:focus{border-color:var(--espresso);box-shadow:0 0 0 4px var(--haze)}.textarea{resize:vertical;min-height:110px;line-height:1.5}.input.title-input{letter-spacing:-.02em;border-color:#0000;border-radius:10px;min-height:0;padding:6px 4px;font-size:clamp(22px,3vw,32px);font-weight:400}.input.title-input:hover{border-color:var(--line)}.row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;display:grid}.form-error{color:var(--espresso);border-radius:var(--radius-md);background:#f0603c1f;padding:10px 14px;font-size:13px}.form-ok{background:var(--mist);border-radius:var(--radius-md);padding:10px 14px;font-size:13px}.checkbox{align-items:center;gap:10px;min-height:44px;font-size:14px;display:inline-flex}.checkbox input{width:18px;height:18px;accent-color:var(--espresso)}.inline-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.inline-form .input{flex:180px;width:auto}.segmented{background:var(--haze);border-radius:99px;flex-wrap:wrap;gap:4px;width:fit-content;padding:4px;display:flex}.segmented button{background:0 0;border:0;border-radius:99px;min-height:36px;padding:0 14px;font-size:13px}.segmented button[aria-pressed=true]{background:var(--espresso);color:var(--white)}.sublist{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.sublist li{border-bottom:1px solid var(--line);align-items:center;gap:8px;min-height:48px;display:flex}.sublist li .grow{flex:1;min-width:0;font-size:14px}.sublist li.done .grow{color:var(--mocha);text-decoration:line-through}.x-btn{width:36px;height:36px;color:var(--mocha);background:0 0;border:0;border-radius:99px;justify-content:center;align-items:center;display:inline-flex}.x-btn:hover{background:var(--haze);color:var(--espresso)}.table-wrap{overflow-x:auto}table.entries{border-collapse:collapse;width:100%;font-size:13px}table.entries th{text-align:left;letter-spacing:.12em;text-transform:uppercase;color:var(--mocha);border-bottom:1px solid var(--line);padding:8px 10px;font-size:11px;font-weight:500}table.entries td{border-bottom:1px solid var(--line);vertical-align:middle;padding:10px}.tag{background:var(--haze);border-radius:99px;padding:2px 8px;font-size:11px}.tag.bill{background:var(--mist)}.auth-wrap{background:var(--white);place-items:center;min-height:100dvh;padding:24px;display:grid}.auth-card{flex-direction:column;gap:28px;width:100%;max-width:420px;display:flex}.auth-brand{font-family:var(--font-display);letter-spacing:.22em;font-size:34px;font-weight:700}.back{color:var(--mocha);align-items:center;gap:8px;font-size:13px;text-decoration:none;display:inline-flex}.back:hover{color:var(--espresso)}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatches label{position:relative}.swatches input{opacity:0;position:absolute}.swatches span{outline:1px solid var(--line);border:2px solid #0000;border-radius:99px;width:32px;height:32px;display:block}.swatches input:checked+span{border-color:var(--white);outline:2px solid var(--espresso)}.swatches input:focus-visible+span{outline:2px solid var(--espresso);outline-offset:2px}.shell:has(.timer-card.dark) .topbar .timer-pill{display:none}@media (max-width:760px){.topbar .quickadd{flex-basis:100%;order:10}.timer-pill{max-width:220px}}