:root{--bg: oklch(.985 .006 285);--ink: oklch(.22 .02 285);--muted: oklch(.55 .02 285);--line: oklch(.93 .008 285);--accent: oklch(.47 .14 285);--accent-2: oklch(.42 .13 285);--danger: oklch(.55 .18 25);--ok: oklch(.55 .12 145);--card: #fff;--radius: 16px;--font: "DM Sans", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%,oklch(.94 .03 285),transparent 55%),radial-gradient(900px 500px at 100% 0%,oklch(.96 .02 200),transparent 50%),var(--bg);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}a{color:inherit}.app-shell{min-height:100%;display:flex;flex-direction:column}.topbar{height:54px;display:flex;align-items:center;gap:10px;padding:0 18px;position:sticky;top:0;z-index:20;background:#ffffffd1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.brand{font-weight:700;letter-spacing:-.03em;font-size:17px}.layout{flex:1;display:grid;grid-template-columns:1fr;min-height:0}@media(min-width:960px){.layout.split{grid-template-columns:minmax(280px,340px) 1fr}}.panel{min-height:0;overflow:auto}.panel-side{border-right:1px solid var(--line);background:#ffffff73}.pad{padding:clamp(20px,4vw,40px) clamp(16px,4vw,26px) 110px}.h1{margin:0;font-size:clamp(27px,5vw,34px);line-height:1.08;letter-spacing:-.028em;font-weight:600}.muted{color:var(--muted)}.lead{margin:0 0 22px;font-size:16px;line-height:1.5;max-width:44ch;text-wrap:pretty}.btn{border:none;border-radius:14px;height:48px;padding:0 16px;cursor:pointer;font-weight:600;letter-spacing:-.01em;transition:transform .12s ease,opacity .12s ease,background .15s ease}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;width:100%;height:60px;border-radius:var(--radius);font-size:17px}.btn-primary:hover{background:var(--accent-2)}.btn-ghost{background:transparent;color:var(--ink);height:36px;border-radius:10px}.btn-danger{background:var(--danger);color:#fff}.card-list{display:flex;flex-direction:column;gap:10px}.list-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px;text-align:left;cursor:pointer;display:flex;justify-content:space-between;gap:12px;align-items:center}.list-card.active{border-color:#a9a9d3;box-shadow:0 0 0 3px #dbdcf2}.list-card .name{font-weight:600;letter-spacing:-.015em}.list-card .meta{font-size:13px;color:var(--muted);margin-top:2px}.textarea{width:100%;min-height:160px;border:1px solid var(--line);border-radius:14px;padding:14px 16px;resize:vertical;background:#fff;outline:none}.textarea:focus{border-color:#9998cf;box-shadow:0 0 0 3px #e2e2f8}.mic-row{display:flex;gap:10px;margin:12px 0 18px;align-items:center}.mic-btn{width:48px;height:48px;border-radius:999px;border:1px solid var(--line);background:#fff;cursor:pointer}.mic-btn.rec{background:#ffe2df;background:oklch(.94 .05 25);border-color:#f8a49d;animation:pulse 1.2s ease infinite}@keyframes pulse{50%{transform:scale(1.05)}}.err{background:#ffecea;background:oklch(.96 .03 25);border:1px solid oklch(.88 .05 25);color:#7c2524;border-radius:12px;padding:12px 14px;margin-bottom:14px;font-size:14px}.item-row{position:relative;display:flex;align-items:center;gap:14px;width:100%;padding:15px 18px;background:#fff;border:none;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:pan-y}.item-row.done .title{text-decoration:line-through;color:var(--muted)}.check{width:22px;height:22px;border-radius:7px;border:1.5px solid oklch(.8 .02 285);flex:none;display:grid;place-items:center}.check.on{background:var(--accent);border-color:var(--accent);color:#fff;font-size:13px}.p0{font-size:11px;font-weight:700;letter-spacing:.04em;color:#a93800;color:oklch(.5 .16 40);background:#ffebd5;background:oklch(.95 .04 70);border-radius:6px;padding:2px 6px}.cat-h{margin:18px 0 6px;padding:0 18px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.login-wrap{min-height:100%;display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%);background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px 24px;box-shadow:0 20px 50px #45455d14}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:13px;font-weight:600;color:var(--muted)}.field input{height:46px;border-radius:12px;border:1px solid var(--line);padding:0 14px;outline:none}.field input:focus{border-color:#9998cf}.quick-add{position:sticky;bottom:0;padding:12px 16px 20px;background:linear-gradient(transparent,var(--bg) 30%);display:flex;gap:8px}.quick-add input{flex:1;height:48px;border-radius:14px;border:1px solid var(--line);padding:0 14px;background:#fff}.menu{position:absolute;right:12px;top:42px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 30px #2d2d381f;z-index:30;min-width:160px;overflow:hidden}.menu button{display:block;width:100%;text-align:left;border:none;background:transparent;padding:10px 14px;cursor:pointer}.menu button:hover{background:#f4f4fc}.menu button.danger{color:var(--danger)}.empty{margin-top:48px;text-align:center}.empty .h1{margin-bottom:10px}