:root,:root[data-theme=dark]{--bg:#0f1115;--panel:#161920;--panel-2:#1c2029;--hover:#222734;--border:#272c38;--text:#e6e8ee;--muted:#8a91a2;--accent:#6366f1;--accent-soft:#6366f129;--danger:#f06363;--warn:#f5a524;--ok:#22c55e;--info:#38bdf8;--shadow:0 10px 40px #00000073;--p1:#7d8595;--p2:#38bdf8;--p3:#f5a524;--p4:#f06363;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#f6f7f9;--panel:#fff;--panel-2:#f1f3f6;--hover:#eceef3;--border:#e2e5eb;--text:#171a21;--muted:#697084;--accent:#5457e6;--accent-soft:#5457e61a;--danger:#dc3b3b;--warn:#c77c02;--ok:#15913f;--info:#0284c7;--shadow:0 10px 40px #14192824;--p1:#8b93a5;--p2:#0284c7;--p3:#d97706;--p4:#dc2626;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}input,select,textarea{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;outline:none;min-width:0;padding:7px 10px}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}kbd{border:1px solid var(--border);color:var(--muted);border-bottom-width:2px;border-radius:4px;padding:0 4px;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}h1,h2,h3{margin:0}.muted{color:var(--muted)}.small{font-size:12px}.center{text-align:center}.spacer{flex:1}.dot{background:var(--c,var(--accent));border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.dot.lg{width:10px;height:10px}.btn{border:1px solid var(--border);background:var(--panel-2);white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-weight:500;display:inline-flex}.btn:hover{background:var(--hover)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{filter:brightness(1.1)}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn.ghost{background:0 0}.btn.ghost.danger{color:var(--danger);border-color:#0000}.btn.sm{padding:4px 10px;font-size:13px}.btn:disabled{opacity:.5;cursor:default}.icon-btn{width:32px;height:32px;color:var(--muted);background:0 0;border:0;border-radius:8px;place-items:center;text-decoration:none;display:inline-grid}.icon-btn:hover{background:var(--hover);color:var(--text)}.icon-btn.danger:hover{color:var(--danger)}.icon-btn.xs{border-radius:6px;width:22px;height:22px}.segmented{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;gap:2px;padding:2px;display:inline-flex}.segmented button{color:var(--muted);background:0 0;border:0;border-radius:6px;place-items:center;padding:4px 9px;display:inline-grid}.segmented button.active{background:var(--panel);color:var(--text);box-shadow:0 1px 3px #0003}.app{grid-template-columns:260px 1fr;height:100%;display:grid}.app.has-drawer{grid-template-columns:260px 1fr 420px}.main{min-width:0;padding:18px 28px 60px;overflow-y:auto}.splash{background:var(--bg);height:100%}.sidebar{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;gap:2px;padding:16px 12px;display:flex;overflow-y:auto}.brand{align-items:center;gap:10px;padding:4px 8px 16px;font-size:16px;font-weight:700;display:flex}.nav-item{text-align:left;cursor:pointer;width:100%;color:var(--text);background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:7px 8px;display:flex}.nav-item:hover{background:var(--hover)}.nav-item.active{background:var(--accent-soft)}.nav-item .nav-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.nav-item .count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.nav-item kbd,.nav-item .edit{display:none}.nav-item:hover .edit{display:inline-grid}.nav-item:hover .count{display:none}.nav-icon.all{background:conic-gradient(#6366f1 0 33%, #10b981 0 66%, #f59e0b 0);border-radius:3px;width:10px;height:10px}.badge{border-radius:999px;padding:0 6px;font-size:11px;font-weight:600}.badge.warn{background:color-mix(in srgb, var(--danger) 18%, transparent);color:var(--danger)}.nav-section{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);justify-content:space-between;align-items:center;padding:16px 8px 6px;font-size:11px;font-weight:600;display:flex}.week{margin-top:8px}.nav-section .muted{text-transform:none;letter-spacing:0}.week-row{padding:4px 8px 6px}.week-label{justify-content:space-between;margin-bottom:4px;font-size:12px;display:flex}.progress{background:var(--panel-2);border-radius:99px;height:5px;overflow:hidden}.progress>div{border-radius:inherit;background:var(--c,var(--accent));height:100%;transition:width .3s}.progress>div.over{background:var(--danger)}.progress.full{grid-column:2}.sidebar-foot{flex-wrap:wrap;align-items:center;gap:2px;margin-top:auto;padding-top:16px;display:flex}.shortcuts{width:100%;padding:8px 6px 0}.topbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.topbar h1{letter-spacing:-.01em;align-items:center;gap:10px;font-size:22px;display:flex}.search{background:var(--panel-2);border:1px solid var(--border);color:var(--muted);border-radius:8px;align-items:center;gap:6px;padding:0 10px;display:flex}.search:focus-within{border-color:var(--accent)}.search input{width:180px;color:var(--text);background:0 0;border:0;padding:7px 0;box-shadow:none!important}.running-pill{border:1px solid color-mix(in srgb, var(--ok) 40%, transparent);background:color-mix(in srgb, var(--ok) 12%, transparent);border-radius:999px;align-items:center;gap:8px;max-width:340px;padding:4px 6px 4px 12px;display:flex}.running-pill b{font-variant-numeric:tabular-nums;color:var(--ok)}.running-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.running-pill .stop{background:var(--ok);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.pulse{background:var(--ok);border-radius:50%;flex:none;width:8px;height:8px;animation:1.4s infinite pulse}@keyframes pulse{50%{opacity:.3}}.stats{flex-wrap:wrap;gap:10px;margin:16px 0;display:flex}.stat{background:var(--panel);border:1px solid var(--border);color:var(--muted);border-radius:10px;padding:8px 14px;font-size:13px}.stat b{color:var(--text);font-variant-numeric:tabular-nums;margin-right:4px;font-size:16px}.stat.today b{color:var(--warn)}.stat.overdue b{color:var(--danger)}.quickadd{background:var(--panel);border:1px solid var(--border);color:var(--muted);border-radius:12px;padding:6px 6px 6px 14px}.quickadd:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.quickadd-row{align-items:center;gap:10px;display:flex}.quickadd-row input{color:var(--text);background:0 0;border:0;flex:1;padding:6px 0;box-shadow:none!important}.quickadd-row select{max-width:160px;padding:4px 8px}.quickadd-preview{flex-wrap:wrap;gap:6px;padding:6px 0 4px 26px;display:flex}.chip{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:999px;align-items:center;gap:6px;padding:2px 9px;font-size:12px;display:inline-flex}.chip.tag{color:var(--accent)}.chip.prio-1{color:var(--p1)}.chip.prio-2{color:var(--p2)}.chip.prio-3{color:var(--p3)}.chip.prio-4{color:var(--p4)}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0 10px;display:flex}.chips{flex-wrap:wrap;flex:1;gap:4px;display:flex}.filter{color:var(--muted);background:0 0;border:1px solid #0000;border-radius:999px;padding:4px 12px;font-size:13px}.filter:hover{color:var(--text);background:var(--hover)}.filter.active{background:var(--accent-soft);color:var(--accent);border-color:color-mix(in srgb, var(--accent) 30%, transparent);font-weight:500}.toolbar select{padding:4px 8px;font-size:13px}.task-list{flex-direction:column;gap:2px;display:flex}.group{margin-bottom:14px}.group-head{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:0 0;border:0;align-items:center;gap:8px;padding:6px 4px;font-size:12px;font-weight:600;display:flex}.group-head:disabled{cursor:default}.group-head .count,.column-head .count{opacity:.8;font-weight:500}.status-dot{background:var(--muted);border-radius:50%;width:8px;height:8px}.s-in_progress.status-dot{background:var(--info)}.s-blocked.status-dot{background:var(--danger)}.s-done.status-dot{background:var(--ok)}.task{cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:flex-start;gap:12px;padding:10px 12px;display:flex;position:relative}.task.row:hover{background:var(--panel);border-color:var(--border)}.task.is-selected{background:var(--panel)!important;border-color:var(--accent)!important}.task.is-running{border-color:color-mix(in srgb, var(--ok) 45%, transparent)}.task-body{flex:1;min-width:0}.task-title{overflow-wrap:anywhere}.task.is-done .task-title{color:var(--muted);text-decoration:line-through}.task-meta{color:var(--muted);flex-wrap:wrap;gap:4px 12px;margin-top:3px;font-size:12px;display:flex}.task-meta:empty{display:none}.meta{align-items:center;gap:4px;display:inline-flex}.meta.company{color:var(--text);opacity:.85}.meta.tag{color:var(--accent)}.meta.ok{color:var(--ok)}.meta.running{color:var(--ok);font-variant-numeric:tabular-nums}.due-overdue{color:var(--danger);font-weight:500}.due-today{color:var(--warn);font-weight:500}.due-soon{color:var(--text)}.prio-text-3{color:var(--p3)}.prio-text-4{color:var(--p4);font-weight:600}.status-pill{background:var(--panel-2);border-radius:4px;padding:0 6px;font-size:11px}.status-pill.s-in_progress{color:var(--info);background:color-mix(in srgb, var(--info) 14%, transparent)}.status-pill.s-blocked{color:var(--danger);background:color-mix(in srgb, var(--danger) 14%, transparent)}.check{border:2px solid var(--p1);color:#fff;background:0 0;border-radius:50%;flex:none;place-items:center;width:18px;height:18px;margin-top:1px;padding:0;display:grid}.check.prio-0{border-color:color-mix(in srgb, var(--muted) 60%, transparent)}.check.prio-2{border-color:var(--p2);background:color-mix(in srgb, var(--p2) 10%, transparent)}.check.prio-3{border-color:var(--p3);background:color-mix(in srgb, var(--p3) 10%, transparent)}.check.prio-4{border-color:var(--p4);background:color-mix(in srgb, var(--p4) 12%, transparent)}.check:hover{background:color-mix(in srgb, var(--ok) 20%, transparent)}.is-done .check{background:var(--ok);border-color:var(--ok)}.timer-btn{border:1px solid var(--border);background:var(--panel-2);width:28px;height:28px;color:var(--muted);opacity:0;border-radius:50%;flex:none;place-items:center;display:grid}.task:hover .timer-btn,.timer-btn.on{opacity:1}.timer-btn:hover{color:var(--ok);border-color:var(--ok)}.timer-btn.on{background:var(--ok);border-color:var(--ok);color:#fff}@media (hover:none){.timer-btn{opacity:1}}.board{grid-template-columns:repeat(4,minmax(220px,1fr));gap:12px;padding-bottom:8px;display:grid;overflow-x:auto}.column{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;min-height:200px;transition:border-color .15s,background .15s;display:flex}.column.drag-over{border-color:var(--accent);background:var(--accent-soft)}.column-head{align-items:center;gap:8px;padding:12px 14px 8px;font-size:13px;font-weight:600;display:flex}.column-body{flex-direction:column;gap:8px;padding:4px 8px 10px;display:flex}.task.card{background:var(--panel-2);border-color:var(--border);border-left:3px solid var(--c)}.task.card:hover{border-color:color-mix(in srgb, var(--accent) 50%, var(--border));border-left-color:var(--c)}.task.card:active{cursor:grabbing}.column-empty{border:1px dashed var(--border);text-align:center;color:var(--muted);border-radius:8px;padding:18px;font-size:12px}.drawer{background:var(--panel);border-left:1px solid var(--border);flex-direction:column;min-width:0;display:flex;overflow:hidden}.drawer-head{border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:12px 14px;display:flex}.status-select{font-weight:500}.status-select.s-in_progress{color:var(--info)}.status-select.s-blocked{color:var(--danger)}.status-select.s-done{color:var(--ok)}.drawer-body{flex:1;padding:16px 18px 40px;overflow-y:auto}.title-input{resize:none;field-sizing:content;background:0 0;border:1px solid #0000;width:100%;margin:0 -6px 12px;padding:4px 6px;font-size:19px;font-weight:600}.title-input:hover{border-color:var(--border)}.fields{grid-template-columns:80px 1fr;align-items:center;gap:10px 12px;display:grid}.fields>label{color:var(--muted);font-size:13px}.fields .segmented{flex-wrap:wrap}.fields .segmented button{padding:3px 8px;font-size:12px}.segmented button.active.prio-1{color:var(--p1)}.segmented button.active.prio-2{color:var(--p2)}.segmented button.active.prio-3{color:var(--p3)}.segmented button.active.prio-4{color:var(--p4)}.due-field input[type=date]{flex:100%}.due-field,.time-field{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tracked{font-variant-numeric:tabular-nums}.tracked.running{color:var(--ok)}.estimate{width:58px;padding:4px 8px}.drawer h3{gap:8px;margin:24px 0 8px;font-size:13px;display:flex}.checklist{margin:0;padding:0;list-style:none}.checklist li{align-items:center;gap:8px;padding:4px 0;display:flex}.checklist li span{overflow-wrap:anywhere;flex:1}.checklist li.done span{color:var(--muted);text-decoration:line-through}.checklist li .icon-btn{opacity:0}.checklist li:hover .icon-btn{opacity:1}.checklist input[type=checkbox]{accent-color:var(--ok);width:16px;height:16px}.add-item{background:0 0;border-style:dashed;width:100%}.notes{resize:vertical;width:100%;min-height:160px;line-height:1.55}.empty,.welcome{text-align:center;color:var(--muted);padding:60px 20px}.welcome{background:var(--panel);border:1px solid var(--border);border-radius:14px;max-width:520px;margin:30px auto}.welcome h2{color:var(--text);margin-bottom:8px}.welcome p{margin:0 0 20px}.modal-backdrop{z-index:50;background:#00000080;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;flex-direction:column;gap:8px;width:100%;max-width:400px;padding:22px;display:flex}.modal h2{margin-bottom:8px;font-size:17px}.modal label{color:var(--muted);margin-top:6px;font-size:13px}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{border:2px solid #0000;border-radius:50%;outline:2px solid #0000;width:28px;height:28px}.swatch.active{border-color:var(--panel);outline-color:var(--text)}.modal-actions{gap:8px;margin-top:16px;display:flex}.toast{background:var(--text);color:var(--bg);box-shadow:var(--shadow);z-index:60;cursor:pointer;border-radius:10px;max-width:calc(100% - 32px);padding:10px 16px;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.mobile-only,.scrim{display:none}@media (width<=1180px){.app.has-drawer{grid-template-columns:260px 1fr}.drawer{z-index:40;width:min(440px,100%);box-shadow:var(--shadow);position:fixed;top:0;bottom:0;right:0}}@media (width<=800px){.app,.app.has-drawer{grid-template-columns:1fr}.main{padding:12px 16px 60px}.mobile-only{display:inline-grid}.sidebar{z-index:45;width:280px;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.open{box-shadow:var(--shadow);transform:none}.scrim{z-index:44;background:#00000073;display:block;position:fixed;inset:0}.topbar h1{font-size:18px}.search{order:5;width:100%}.search input{width:100%}.running-pill{order:6;max-width:100%}.stats{gap:6px}.stat{padding:6px 10px}.board{scroll-snap-type:x mandatory;grid-template-columns:repeat(4,78vw)}.column{scroll-snap-align:start}.quickadd-row select{max-width:110px}}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}a.btn,a.brand,a.nav-item{text-decoration:none}a.btn{color:inherit}a.btn.primary{color:#fff}.brand{color:var(--text)}.btn.lg{border-radius:10px;padding:11px 22px;font-size:15px}.btn.block{justify-content:center;width:100%;padding:10px 14px}.eyebrow{letter-spacing:.04em;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:20px}.form-error{color:var(--danger);background:color-mix(in srgb, var(--danger) 10%, transparent);border:1px solid color-mix(in srgb, var(--danger) 30%, transparent);border-radius:8px;padding:8px 12px;font-size:13px}.notice{background:var(--accent-soft);border-radius:10px;padding:14px;line-height:1.6}code{background:var(--panel-2);border:1px solid var(--border);border-radius:5px;padding:1px 5px;font:12.5px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.landing{background:radial-gradient(1100px 500px at 50% -120px, color-mix(in srgb, var(--accent) 22%, transparent), transparent 70%), var(--bg);min-height:100%;overflow-x:hidden}.lp-nav{align-items:center;gap:24px;max-width:1160px;margin:0 auto;padding:18px 24px;display:flex}.lp-nav .brand{align-items:center;gap:10px;padding:0;font-size:16px;font-weight:700;display:flex}.lp-nav nav{flex:1;gap:22px;display:flex}.lp-nav nav a{color:var(--muted);font-weight:500}.lp-nav nav a:hover{color:var(--text);text-decoration:none}.lp-nav-actions{align-items:center;gap:8px;display:flex}.hero{text-align:center;max-width:820px;margin:0 auto;padding:72px 24px 40px}.hero h1{letter-spacing:-.035em;margin:22px 0 18px;font-size:clamp(36px,6vw,62px);line-height:1.05}.grad{background:linear-gradient(92deg,#6366f1,#10b981 55%,#f59e0b);color:#0000;-webkit-background-clip:text;background-clip:text}.lead{color:var(--muted);max-width:640px;margin:0 auto 28px;font-size:clamp(16px,2vw,19px);line-height:1.6}.hero-ctas{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:14px;display:flex}.preview{max-width:1060px;margin:20px auto 40px;padding:0 24px}.window{border:1px solid var(--border);background:var(--bg);box-shadow:0 30px 80px #00000059, 0 0 0 1px color-mix(in srgb, var(--accent) 12%, transparent);pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:16px;overflow:hidden}.window-bar{background:var(--panel);border-bottom:1px solid var(--border);gap:7px;padding:12px 14px;display:flex}.window-bar i{background:var(--border);border-radius:50%;width:11px;height:11px}.window-body{grid-template-columns:220px 1fr;min-height:380px;display:grid}.pv-side{background:var(--panel);border-right:1px solid var(--border);padding:14px 10px}.pv-week{margin-top:10px}.pv-main{min-width:0;padding:20px 24px}.pv-title{margin-bottom:14px;font-size:20px;font-weight:700}.pv-quickadd{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin-bottom:12px;padding:10px 14px;overflow:hidden}.pv-typed b{font-weight:500}.pv-typed:after{content:"";background:var(--accent);vertical-align:-2px;width:2px;height:1em;margin-left:2px;animation:1s step-end infinite pulse;display:inline-block}.tk-p{color:var(--p3)}.tk-t{color:var(--accent)}.tk-d{color:var(--info)}.tk-c{color:var(--ok)}.preview .timer-btn{opacity:0}.lp-section{text-align:center;max-width:1080px;margin:0 auto;padding:72px 24px 24px}.lp-section h2,.final-cta h2{letter-spacing:-.025em;font-size:clamp(26px,4vw,38px);line-height:1.15}.section-lead{color:var(--muted);max-width:580px;margin:12px auto 40px;font-size:17px}.features{text-align:left;grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.feature{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:22px}.feature h3,.step h3{margin:14px 0 6px;font-size:16px}.feature p,.step p{color:var(--muted);margin:0;line-height:1.6}.feature-icon{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:10px;place-items:center;display:grid}.feature-icon svg{width:20px;height:20px}.fi-dots{background:conic-gradient(#6366f1 0 33%, #10b981 0 66%, #f59e0b 0);border-radius:5px;width:18px;height:18px}.fi-kbd{font:600 13px ui-monospace,monospace}.steps{text-align:left;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px;display:grid}.step{border:1px dashed var(--border);border-radius:14px;padding:22px}.step b{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.pricing{text-align:left;grid-template-columns:repeat(2,minmax(0,340px));justify-content:center;gap:16px;display:grid}.plan{background:var(--panel);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:14px;padding:26px;display:flex}.plan.featured{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.plan-name{color:var(--muted);font-weight:600}.price{letter-spacing:-.03em;font-size:40px;font-weight:700}.price span{color:var(--muted);font-size:15px;font-weight:400}.price.soon{color:var(--muted);padding:8px 0;font-size:26px}.plan ul{flex-direction:column;flex:1;gap:8px;margin:0 0 8px;padding:0;list-style:none;display:flex}.plan li:before{content:"✓";color:var(--ok);margin-right:10px;font-weight:700}.plan .btn{justify-content:center}.faq{text-align:left;max-width:720px}.faq h2{text-align:center;margin-bottom:28px}.faq details{border-bottom:1px solid var(--border);padding:16px 4px}.faq summary{cursor:pointer;font-size:15px;font-weight:600}.faq details p{color:var(--muted);margin:10px 0 0;line-height:1.6}.final-cta{text-align:center;flex-direction:column;align-items:center;gap:24px;padding:80px 24px;display:flex}.lp-foot{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:12px;max-width:1160px;margin:0 auto;padding:24px;font-size:13px;display:flex}.auth{background:radial-gradient(700px 400px at 50% 0%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 70%), var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:100%;padding:32px 16px;display:flex}.auth-brand{align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.auth-card{background:var(--panel);border:1px solid var(--border);width:100%;max-width:400px;box-shadow:var(--shadow);border-radius:16px;padding:30px}.auth-card h1{letter-spacing:-.015em;font-size:22px}.auth-card>p{margin:6px 0 22px}.auth-card.center{text-align:center}.auth-card.center .btn{margin-top:16px}.auth-form,.stack{flex-direction:column;gap:14px;display:flex}.auth-form label,.stack label{flex-direction:column;gap:6px;font-size:13px;font-weight:500;display:flex}.auth-form input,.stack input{width:100%;padding:9px 12px;font-size:14px}.label-row{justify-content:space-between;align-items:baseline;display:flex}.password-input{position:relative}.password-input input{padding-right:60px}.reveal{color:var(--muted);background:0 0;border:0;padding:4px 8px;font-size:12px;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.strength{color:var(--muted);align-items:center;gap:10px;margin-top:-6px;font-size:12px;display:flex}.strength .bars{flex:1;gap:4px;display:flex}.strength i{background:var(--panel-2);border-radius:2px;flex:1;height:4px}.strength.s1 i.on{background:var(--danger)}.strength.s2 i.on{background:var(--warn)}.strength.s3 i.on,.strength.s4 i.on{background:var(--ok)}.auth-footer{color:var(--muted);font-size:14px}.nav-item svg{color:var(--muted);flex:none}.nav-item.current{background:var(--hover);font-weight:500}.nav-item.current svg{color:var(--accent)}.sidebar .brand{align-items:center;gap:10px;padding:4px 8px 14px;font-size:16px;font-weight:700;display:flex}.sidebar-foot{display:block}.user-menu{position:relative}.user-chip{text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;width:100%;padding:8px;display:flex}.user-chip:hover{background:var(--hover)}.avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#10b981);border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:grid}.user-text{flex-direction:column;min-width:0;line-height:1.3;display:flex}.user-text b,.user-text span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.menu{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);z-index:20;border-radius:12px;padding:6px;position:absolute;bottom:calc(100% + 6px);left:0;right:0}.menu button,.menu a{width:100%;color:var(--text);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;text-decoration:none;display:flex}.menu button:hover,.menu a:hover{background:var(--hover)}.menu svg{color:var(--muted)}.menu hr{border:0;border-top:1px solid var(--border);margin:6px 0}button.stat{font:inherit;text-align:left;cursor:pointer}button.stat:hover{border-color:var(--accent)}.skeleton-list{flex-direction:column;gap:10px;padding-top:70px;display:flex}.skeleton{background:linear-gradient(90deg, var(--panel) 25%, var(--panel-2) 50%, var(--panel) 75%);background-size:200% 100%;border-radius:10px;height:48px;animation:1.2s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.onboarding{flex-direction:column;align-items:flex-start;gap:14px;max-width:540px;margin:48px auto;padding:32px;display:flex}.onboarding h2{letter-spacing:-.02em;font-size:24px}.onboarding>p{margin:0;line-height:1.6}.onboarding-rows{flex-direction:column;gap:8px;width:100%;margin-top:6px;display:flex}.onboarding-row{align-items:center;gap:10px;display:flex}.onboarding-row input{flex:1;padding:10px 12px}.swatch.sm{flex:none;width:14px;height:14px}.onboarding .btn.lg{justify-content:center;width:100%;margin-top:6px}.first-task h3{color:var(--text);margin-bottom:6px}.syntax{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:14px;display:flex}.mobile-bar{display:none}.page{max-width:980px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.page-head h1{letter-spacing:-.02em;font-size:24px}.page-head p{margin:4px 0 0}.week-nav{align-items:center;gap:8px;display:flex}.week-name{text-align:center;min-width:110px;font-weight:600}.report-total{margin-bottom:18px}.report-total b{letter-spacing:-.02em;margin-right:6px;font-size:28px}.day-bars{grid-template-columns:repeat(7,1fr);gap:10px;display:grid}.day-bar{flex-direction:column;align-items:center;gap:4px;display:flex}.bar-track{background:var(--panel-2);border-radius:8px;align-items:flex-end;width:100%;max-width:56px;height:140px;display:flex;overflow:hidden}.bar-stack{flex-direction:column-reverse;width:100%;transition:height .3s;display:flex}.bar-stack>div{min-height:2px}.table-card{margin-top:16px;padding:0;overflow-x:auto}.report-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13px}.report-table th,.report-table td{text-align:right;white-space:nowrap;border-bottom:1px solid var(--border);padding:11px 14px}.report-table th:first-child,.report-table td:first-child{text-align:left}.report-table th{color:var(--muted);font-size:12px;font-weight:500}.report-table tfoot td{border-bottom:0;font-weight:600}.section-title{margin:28px 0 10px;font-size:16px}.entry-day{margin-bottom:16px}.entry-day-head{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;padding:6px 0;font-size:12px;font-weight:600}.entry{background:var(--panel);border:1px solid var(--border);border-radius:10px;align-items:center;gap:12px;margin-bottom:6px;padding:10px 14px;display:flex}.entry-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.entry-dur{font-variant-numeric:tabular-nums;text-align:right;min-width:60px}.settings-section{grid-template-columns:260px 1fr;gap:24px;margin-bottom:16px;display:grid}.settings-desc h2{font-size:15px}.settings-desc p{margin:6px 0 0;font-size:13px;line-height:1.5}.settings-body{max-width:420px}.danger-zone{border-color:color-mix(in srgb, var(--danger) 40%, var(--border))}@media (width<=900px){.features,.steps{grid-template-columns:1fr 1fr}.lp-nav nav{display:none}.lp-nav{justify-content:space-between}.window-body{grid-template-columns:1fr}.pv-side{display:none}.settings-section{grid-template-columns:1fr;gap:14px}}@media (width<=800px){.mobile-bar{align-items:center;gap:10px;margin-bottom:8px;display:flex}}@media (width<=600px){.features,.steps,.pricing{grid-template-columns:1fr}.lp-nav{padding:14px 16px}.lp-nav-actions{gap:4px}.lp-nav-actions .btn{padding:7px 12px}.hide-sm{display:none}}@media (width<=360px){.lp-nav .brand span{display:none}.hero{padding-top:40px}.preview,.lp-section{padding-left:16px;padding-right:16px}.pv-main{padding:14px}.auth-card{padding:22px}.day-bars{gap:4px}.bar-track{height:100px}.entry-range{display:none}}
