:root{color:#212822;background:#f4f6f1;font-family:Segoe UI,system-ui,sans-serif;font-synthesis:none;--ink: #212822;--muted: #6d756f;--line: #e3e7df;--card: #ffffff;--mint: #c8f7d4;--danger: #9a3030}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}.shell{width:min(920px,100%);margin:0 auto;padding:calc(.9rem + env(safe-area-inset-top)) 1rem calc(5.4rem + env(safe-area-inset-bottom))}.top{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:.9rem}.eyebrow{margin:0 0 .15rem;color:var(--muted);font-size:.78rem}h1{margin:0;font-size:1.7rem;font-weight:650;letter-spacing:-.04em}.count{margin:.25rem 0 0;color:var(--muted);font-size:.9rem}.add{width:2.7rem;height:2.7rem;border:0;border-radius:50%;background:var(--ink);color:var(--mint);font-size:1.6rem;line-height:1}.tabs{position:fixed;z-index:2;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin:0;padding:.35rem .2rem calc(.35rem + env(safe-area-inset-bottom));background:#fffffff5;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tabs button{display:grid;justify-items:center;gap:.15rem;border:0;background:transparent;color:var(--muted);padding:.25rem .1rem;font-size:.68rem}.tabs button.active{color:var(--ink);font-weight:650}.tabs svg{width:1.25rem;height:1.25rem}.capture{display:grid;gap:.45rem;margin-bottom:.9rem}.capture form{display:flex;gap:.45rem;flex-wrap:wrap}.capture form button{white-space:nowrap}.capture input{flex:1}.capture .hint,.capture .note{margin:0;color:var(--muted);font-size:.82rem}.preview{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:.75rem .85rem;display:grid;gap:.45rem}.preview p{margin:0}.list{display:grid;gap:.55rem}.task{display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-items:start;width:100%;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:.8rem .85rem}.check{width:1.3rem;height:1.3rem;margin-top:.1rem;border:1.5px solid var(--ink);border-radius:50%;background:#fff;padding:0}.check.on{background:var(--ink);box-shadow:inset 0 0 0 3px #fff}.task strong{display:block;font-weight:620}.task.done strong{color:var(--muted);text-decoration:line-through}.meta,.empty,.settings p,.gate p{color:var(--muted)}.meta{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.25rem;font-size:.86rem}.chip{background:#eef3ec;border-radius:999px;padding:.05rem .45rem}.chip.high{background:var(--mint);color:var(--ink)}.chip.bad{background:#f8e4e4;color:var(--danger)}.edit{border:0;background:transparent;color:inherit;padding:0;text-align:left;width:100%}.projects{display:flex;gap:.45rem;overflow-x:auto;margin-bottom:.8rem;padding-bottom:.2rem}.projects button{display:flex;gap:.4rem;align-items:center;border:1px solid var(--line);background:var(--card);border-radius:999px;padding:.4rem .75rem;white-space:nowrap}.projects button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.projects button.active span{color:var(--mint)}.empty{margin:2rem 0;text-align:center}.error{color:var(--danger)}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;background:#21282259;display:flex;align-items:flex-end;justify-content:center}.sheet form,.settings,.gate form{background:var(--card);display:grid;gap:.7rem}.sheet form{width:min(560px,100%);max-height:min(92vh,720px);overflow:auto;border-radius:20px 20px 0 0;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom))}.sheet h2{margin:.2rem 0;font-size:1.25rem}.row{display:flex;gap:.55rem}.row>*{flex:1}.row.end{justify-content:flex-end}.row.end>*{flex:0 1 auto}label.field{display:grid;gap:.3rem;color:var(--muted);font-size:.82rem}input,textarea,select{width:100%;border:1px solid var(--line);background:#fbfcf9;border-radius:12px;padding:.7rem .75rem;color:var(--ink)}textarea{min-height:5rem;resize:vertical}button.primary{background:var(--ink);color:#fff;border:0;border-radius:999px;padding:.7rem 1rem}button.quiet,button.danger{background:transparent;border:1px solid var(--line);border-radius:999px;padding:.65rem .9rem}button.danger{color:var(--danger)}.settings,.gate{width:min(40rem,100%);margin:0 auto}.settings{display:grid;gap:.8rem}.panel{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:.9rem;display:grid;gap:.65rem}.panel h2{margin:0;font-size:1.05rem}.gate{padding:2.5rem 1rem}.gate h1{margin-bottom:.4rem}.gate form{padding:1rem;border:1px solid var(--line);border-radius:16px}@media(min-width:860px){.shell{display:grid;grid-template-columns:11rem 1fr;column-gap:1.5rem;padding-top:1.4rem;padding-bottom:2rem}.top,.work{grid-column:2}.tabs{position:static;grid-column:1;grid-row:1 / span 3;align-content:start;grid-template-columns:1fr;border:0;background:transparent;padding:.4rem 0 0;-webkit-backdrop-filter:none;backdrop-filter:none}.tabs button{grid-template-columns:1.25rem 1fr;justify-items:start;align-items:center;font-size:.92rem;padding:.55rem .4rem;border-radius:10px}.tabs button.active{background:var(--mint)}.sheet{align-items:center}.sheet form{border-radius:20px}}