:root{--paper:#f7f4ed;--ink:#292c29;--muted:#777a73;--line:#dedbd2;--accent:#bd5b3d;--sage:#607669;--white:#fff;--shadow:0 18px 60px #36372f16}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}.shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}aside{position:sticky;top:0;height:100vh;padding:32px 22px 20px;background:#eeebe3;border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;font-size:20px;margin:0 8px 34px}.mark{width:34px;height:34px;border-radius:11px;background:var(--ink);color:#fff;display:grid;place-items:center;font-family:Georgia;font-style:italic}.brand #closeNav{display:none;margin-left:auto}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}nav{display:grid;gap:3px}nav button,aside footer button{display:flex;justify-content:space-between;padding:10px 12px;border-radius:9px;text-align:left;color:#51544f}nav button:hover,nav button.active{background:#fff;color:var(--ink);box-shadow:0 2px 8px #3331}nav b{font-size:12px;font-weight:500;color:#92958e}nav hr{width:100%;border:0;border-top:1px solid var(--line);margin:10px 0}aside footer{margin-top:auto;display:grid;gap:8px;color:var(--muted);font-size:12px}aside footer button{text-align:left}main{width:min(880px,calc(100% - 48px));margin:auto;padding:50px 0 100px}main>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}h1{font:500 35px/1.1 Georgia,serif;margin:2px 0}.eyebrow{font-size:10px;letter-spacing:.2em;color:var(--muted);margin:0}#menuBtn{display:none}#searchBtn{font-size:27px}.capture{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);overflow:hidden;margin-bottom:28px}#quickForm{display:flex}#quickInput{width:100%;border:0;padding:18px 20px;font:17px Georgia,serif;outline:0;background:transparent}.add{margin:9px;width:39px;border-radius:10px;background:var(--ink);color:white;font-size:23px}.voice{width:100%;border-top:1px solid #eeeae2;padding:9px;color:var(--muted);font-size:12px}.voice span{color:var(--accent);margin-right:7px}.voice.recording{background:#f8e5df;color:var(--accent)}.voice.recording span{animation:pulse .8s infinite alternate}.voice em{font-style:normal}@keyframes pulse{to{opacity:.25}}.search-panel{display:flex;margin-bottom:20px}.search-panel input{flex:1;border:0;border-bottom:1px solid var(--ink);background:none;padding:12px;font-size:17px;outline:0}.summary{font-size:13px;color:var(--muted);margin-bottom:12px}.task-list{display:grid}.task{display:grid;grid-template-columns:28px 1fr auto;gap:9px;align-items:start;padding:15px 3px;border-bottom:1px solid var(--line)}.complete{width:20px;height:20px;border:1.5px solid #aaa;border-radius:50%;margin-top:2px}.complete:hover{border-color:var(--sage);background:var(--sage)}.task-title{font:16px/1.35 Georgia,serif;cursor:pointer}.meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:5px;color:var(--muted);font-size:11px}.pill{border:1px solid var(--line);border-radius:20px;padding:1px 7px}.due.overdue{color:var(--accent)}.task-tools{display:flex;opacity:0;transition:.15s}.task:hover .task-tools{opacity:1}.task-tools button{padding:4px}.empty{text-align:center;color:var(--muted);padding:80px}.empty div{margin:auto;width:43px;height:43px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:20px}.empty h2{font:22px Georgia;margin-bottom:5px}.hidden{display:none!important}dialog{border:0;border-radius:17px;width:min(540px,calc(100% - 24px));padding:0;box-shadow:0 20px 80px #1114}dialog::backdrop{background:#25282480;backdrop-filter:blur(3px)}dialog form{padding:25px;display:grid;gap:17px}dialog header{display:flex;justify-content:space-between;align-items:center}dialog h2{font:25px Georgia;margin:0}label{display:grid;gap:6px;font-size:12px;color:var(--muted)}input,select,textarea{font:15px inherit;border:1px solid var(--line);border-radius:8px;padding:10px;background:#fff;color:var(--ink)}textarea{min-height:80px;resize:vertical}.grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.check{display:flex;align-items:center}.check input{width:auto}.actions{display:flex;gap:8px;justify-content:flex-end}.actions button,.primary,#syncBtn{padding:10px 15px;border-radius:8px;background:#ebe9e2}.primary{background:var(--ink)!important;color:#fff}.danger{color:var(--accent);margin-right:auto}.delete{color:var(--muted);font-size:11px;text-decoration:underline}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;background:var(--ink);color:#fff;padding:10px 16px;border-radius:9px;transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%,0)}.lock{position:fixed;z-index:20;inset:0;background:var(--paper);display:grid;place-items:center}.lock-card{text-align:center;width:280px;display:grid;gap:12px}.lock-card .mark{margin:auto;width:50px;height:50px}.lock-card h1{margin:5px}.lock-card p{color:var(--muted);margin:0 0 15px}.lock-card button{padding:12px;border-radius:9px}.lock-card small{color:var(--accent)}
@media(max-width:720px){.shell{display:block}aside{position:fixed;z-index:10;left:-270px;width:250px;transition:.2s;box-shadow:20px 0 50px #2222}aside.open{left:0}.brand #closeNav,#menuBtn{display:block}main{width:calc(100% - 28px);padding:26px 0 80px}main>header{margin-bottom:22px}main>header>div{flex:1;margin-left:15px}h1{font-size:29px}.task-tools{opacity:1}.voice{padding:12px}.grid{grid-template-columns:1fr}.actions{flex-wrap:wrap}.danger{width:100%;text-align:left}}