:root{--bg:#fff;--s1:#f7f8f7;--s2:#f0f2f1;--ink:#121a16;--muted:#5b6661;--line:#e2e6e4;--accent:#2b7457;--accent-ink:#fff;--accent-tint:#e7f2ed;--brand:#0a9a5c;--must:#c2372b;--must-tint:#fbeceb;--should:#8f5d00;--should-tint:#f8efdc;--could:#5f6863;--could-tint:#eef0ef;--idea:#5a4fcf;--idea-tint:#efedfc;--wait:#1f6fb2;--wait-tint:#e6f0f9;--capture:#e8622a;--warn:#b0500a;--radius:18px;--shadow:0 1px 2px rgba(18,26,22,.06),0 8px 24px rgba(18,26,22,.06)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f1412;--s1:#151b18;--s2:#1b2320;--ink:#eef3f0;--muted:#9aa7a1;--line:#27312d;--accent:#4fae86;--accent-ink:#08130e;--accent-tint:#173129;--brand:#23c47c;--must:#ef6b5f;--must-tint:#3a1d1a;--should:#e0a83a;--should-tint:#33291a;--could:#a3aca8;--could-tint:#232a27;--idea:#9d94ff;--idea-tint:#25223f;--wait:#6eb3ef;--wait-tint:#172a3b;--warn:#f0954d;--shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.25)}}*{box-sizing:border-box}body,html{margin:0;background:var(--bg);color:var(--ink);font-family:Figtree,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}.wrap{max-width:1120px;margin:0 auto}.btn,.wrap{padding:0 20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;border-radius:14px;border:0;background:var(--accent);color:var(--accent-ink);font-weight:700;text-decoration:none;cursor:pointer;white-space:nowrap}.btn:hover{filter:brightness(1.06)}.btn:disabled{opacity:.55;cursor:default}.btn.secondary{background:var(--s2);color:var(--ink)}.btn.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line)}.btn.danger{background:var(--must-tint);color:var(--must)}.btn.small{height:34px;padding:0 12px;border-radius:10px;font-size:14px}.btn.ai{background:linear-gradient(135deg,var(--idea),#8b5cf6);color:#fff}.input{width:100%;height:48px;border-radius:14px;border:1.5px solid var(--line);background:var(--bg);padding:0 14px;font-size:16px;outline:none}.input:focus,textarea.input:focus{border-color:var(--accent)}textarea.input{height:auto;min-height:96px;padding:12px 14px;resize:vertical;line-height:1.45}.card{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.chip{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:999px;font-size:12.5px;font-weight:700;white-space:nowrap}.chip.must{background:var(--must-tint);color:var(--must)}.chip.should{background:var(--should-tint);color:var(--should)}.chip.could{background:var(--could-tint);color:var(--could)}.chip.idea{background:var(--idea-tint);color:var(--idea)}.chip.waiting{background:var(--wait-tint);color:var(--wait)}.chip.plain{background:var(--s2);color:var(--muted);font-weight:600}.chip.late{background:var(--must-tint);color:var(--warn)}.muted{color:var(--muted)}.err{color:var(--must);font-size:14px;font-weight:600}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line)}.nav .wrap{height:66px;gap:24px}.brand,.nav .wrap{display:flex;align-items:center}.brand{gap:10px;font-weight:800;font-size:19px;text-decoration:none}.brand img{width:34px;height:34px;border-radius:9px}.nav .links{display:flex;gap:22px;margin-left:auto;align-items:center}.nav .links a.text{text-decoration:none;color:var(--muted);font-weight:600}.nav .links a.text:hover{color:var(--ink)}@media (max-width:720px){.nav .links a.text:not(.keep){display:none}.nav .wrap{gap:12px}}.hero{padding-top:72px;padding-bottom:56px;display:grid;grid-template-columns:1.1fr .9fr;grid-gap:48px;gap:48px;align-items:center}@media (max-width:880px){.hero{grid-template-columns:1fr;padding-top:36px;gap:32px}}.eyebrow{display:inline-flex;gap:8px;align-items:center;font-size:14px;font-weight:700;color:var(--accent);background:var(--accent-tint);padding:6px 12px;border-radius:999px}.hero h1{font-size:clamp(40px,6vw,66px);line-height:1.02;letter-spacing:-.03em;margin:18px 0 16px;font-weight:800}.hero h1 em{font-style:normal;color:var(--accent)}.hero p.lead{font-size:19px;line-height:1.55;color:var(--muted);max-width:540px;margin:0 0 28px}.hero .ctas{display:flex;gap:12px;flex-wrap:wrap}.hero .ctas .btn{height:52px;padding:0 24px;font-size:17px}.demo{position:relative;padding:22px;border-radius:28px;background:linear-gradient(160deg,var(--accent-tint),var(--s1));border:1px solid var(--line)}.demo .cap{background:var(--bg);border-radius:16px;padding:14px 16px;font-size:17px;box-shadow:var(--shadow);margin-bottom:14px}.demo .cap mark{background:var(--accent-tint);color:var(--accent);border-radius:6px;padding:1px 4px;font-weight:700}.demo .cap mark.m{background:var(--must-tint);color:var(--must)}.demo .row{display:flex;align-items:center;gap:12px;background:var(--bg);border-radius:14px;padding:12px 14px;margin-top:8px;box-shadow:var(--shadow)}.demo .row .dot{width:10px;height:10px;border-radius:50%;flex:none}.demo .row .t{flex:1 1;font-weight:600}.demo .row .w{font-size:13px;color:var(--muted)}.section{padding:72px 0;border-top:1px solid var(--line)}.section h2{font-size:clamp(30px,4vw,42px);letter-spacing:-.02em;margin:0 0 12px}.section .sub{font-size:18px;color:var(--muted);max-width:640px;margin:0 0 36px;line-height:1.55}.grid3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}@media (max-width:880px){.grid3{grid-template-columns:1fr 1fr}}@media (max-width:600px){.grid3{grid-template-columns:1fr}}.feat{padding:22px}.feat .ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:22px;margin-bottom:14px;background:var(--accent-tint)}.feat h3{margin:0 0 6px;font-size:18px}.feat p{margin:0;color:var(--muted);line-height:1.5}.steps{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;counter-reset:s}@media (max-width:760px){.steps{grid-template-columns:1fr}}.step{padding:22px;border-radius:var(--radius);background:var(--s1)}.step:before{counter-increment:s;content:counter(s);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-weight:800;margin-bottom:12px}.step h3{margin:0 0 6px}.step p{margin:0;color:var(--muted);line-height:1.5}.prio{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}@media (max-width:700px){.prio{grid-template-columns:1fr}}.prio>div{padding:20px;border-radius:var(--radius)}.prio h3{margin:0 0 6px}.prio p{margin:0;line-height:1.5}.faq details{border-bottom:1px solid var(--line);padding:16px 0}.faq summary{font-weight:700;font-size:17px;cursor:pointer}.faq p{line-height:1.55;margin:10px 0 0}.faq p,.footer{color:var(--muted)}.footer{border-top:1px solid var(--line);padding:32px 0 48px;font-size:14px}.footer .wrap{display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap;align-items:center}.auth{min-height:100vh;display:grid;place-items:center;padding:24px 16px;background:linear-gradient(180deg,var(--accent-tint),var(--bg) 60%)}.auth .card{width:100%;max-width:420px;padding:28px}.auth h1{margin:16px 0 4px;font-size:28px}.auth form{display:grid;grid-gap:12px;gap:12px;margin-top:20px}.tabs{display:flex;gap:4px;background:var(--s2);padding:4px;border-radius:14px}.tabs button{flex:1 1;height:38px;border:0;border-radius:10px;background:transparent;font-weight:700;color:var(--muted);cursor:pointer}.tabs button.on{background:var(--bg);color:var(--ink);box-shadow:var(--shadow)}.app{display:grid;grid-template-columns:240px 1fr;min-height:100vh}@media (max-width:860px){.app{grid-template-columns:1fr}}.side{border-right:1px solid var(--line);padding:18px 14px;position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:4px;background:var(--s1)}@media (max-width:860px){.side{position:-webkit-sticky;position:sticky;height:auto;flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);z-index:10;padding:10px 12px;gap:6px}.side .brand,.side .grow,.side .who{display:none}}.side .brand{margin:4px 8px 18px}.navbtn{display:flex;align-items:center;gap:10px;height:42px;padding:0 12px;border-radius:12px;border:0;background:transparent;font-weight:650;color:var(--muted);cursor:pointer;text-align:left;white-space:nowrap}.navbtn:hover{background:var(--s2);color:var(--ink)}.navbtn.on{background:var(--accent-tint);color:var(--accent)}.navbtn .n{margin-left:auto;font-size:12.5px;background:var(--bg);border-radius:999px;padding:1px 8px;color:var(--muted)}.side .grow{flex:1 1}.side .who{font-size:13px;color:var(--muted);padding:8px 12px;overflow:hidden;text-overflow:ellipsis}.main{padding:24px clamp(16px,4vw,40px) 80px;max-width:900px;width:100%}.main h1{font-size:30px;letter-spacing:-.02em;margin:4px 0 18px}.capture{padding:14px;margin-bottom:20px}.capture .line{display:flex;gap:10px}.capture .hint{font-size:13px;color:var(--muted);margin:10px 2px 0}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.toolbar .input{max-width:320px;height:40px}.group{margin:22px 0 8px;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.item{border:1px solid var(--line);border-radius:16px;margin-bottom:8px;background:var(--bg);transition:box-shadow .15s}.item:hover{box-shadow:var(--shadow)}.item .top{display:flex;align-items:center;gap:12px;padding:12px 14px}.check{width:26px;height:26px;flex:none;border-radius:50%;border:2px solid var(--line);background:var(--bg);cursor:pointer;display:grid;place-items:center;color:transparent;font-weight:900}.check:hover{color:var(--accent)}.check.done,.check:hover{border-color:var(--accent)}.check.done{background:var(--accent);color:#fff}.item .body{flex:1 1;min-width:0;cursor:pointer}.item .title{font-weight:650;font-size:16px;overflow-wrap:anywhere}.item.isdone .title{color:var(--muted);text-decoration:line-through}.item .meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:5px}.item .acts{display:flex;gap:4px;flex:none}.iconbtn{width:34px;height:34px;border-radius:10px;border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:16px}.iconbtn:hover{background:var(--s2);color:var(--ink)}.edit{border-top:1px solid var(--line);padding:14px;display:grid;grid-gap:12px;gap:12px}.edit .row2{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}@media (max-width:600px){.edit .row2{grid-template-columns:1fr}}.edit label{font-size:12px;font-weight:800;color:var(--muted);letter-spacing:.05em;text-transform:uppercase}.edit label,.subs{display:grid;grid-gap:6px;gap:6px}.sub{display:flex;gap:10px;align-items:center}.sub input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent)}.sub.done span{text-decoration:line-through;color:var(--muted)}.menu{position:absolute;right:0;top:38px;z-index:5;min-width:170px;padding:6px}.menu button{display:block;width:100%;text-align:left;height:36px;padding:0 10px;border:0;border-radius:8px;background:transparent;cursor:pointer}.menu button:hover{background:var(--s2)}.empty{text-align:center;padding:48px 20px;color:var(--muted)}.empty .big{font-size:40px}.stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin-bottom:20px}@media (max-width:700px){.stats{grid-template-columns:1fr 1fr}}.stat{padding:16px}.stat .v{font-size:30px;font-weight:800}.stat .l{font-size:13px;color:var(--muted);font-weight:600}.bars{display:flex;align-items:flex-end;gap:4px;height:120px;padding:16px 16px 8px}.bars div{flex:1 1;background:var(--accent);border-radius:4px 4px 0 0;min-height:2px;opacity:.85}.bars div.zero{background:var(--line)}.list{padding:6px 16px}.list .li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.list .li:last-child{border-bottom:0}.dump{padding:16px;margin-bottom:20px;border:1.5px solid var(--idea)}.dump .pick{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--line)}.dump .pick input{width:20px;height:20px;margin-top:2px;accent-color:var(--accent)}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:12px 16px;border-radius:14px;font-weight:600;display:flex;gap:14px;align-items:center;z-index:50;box-shadow:var(--shadow);max-width:calc(100vw - 32px)}.toast button{background:transparent;border:0;color:var(--brand);font-weight:800;cursor:pointer}