:root{--bg:#fbfbfa;--surface:#fff;--sidebar:#f5f5f3;--border:#e7e6e2;--hover:#ecebe7;--text:#1d1d1b;--muted:#6f6e69;--faint:#a8a7a1;--accent:#4f46e5;--on-accent:#fff;--accent-soft:#eceefe;--chip:#f0efeb;--chip-text:#55544f;--due:#a14e06;--due-soft:#fdf0dc;--danger:#c2410c;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#161618;--surface:#1d1d20;--sidebar:#121214;--border:#2b2b2f;--hover:#242428;--text:#ececec;--muted:#9d9da3;--faint:#64646a;--accent:#8e8fff;--on-accent:#112;--accent-soft:#26274a;--chip:#27272b;--chip-text:#c6c6ca;--due:#f2b765;--due-soft:#3a2b14;--danger:#fb8a5b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0}button,input,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}.app{grid-template-columns:280px 1fr;height:100%;display:grid}.main{overflow-y:auto}.page{max-width:760px;min-height:100%;margin:0 auto;padding:48px 40px 120px}.back{display:none}.sidebar{background:var(--sidebar);border-right:1px solid var(--border);flex-direction:column;gap:10px;padding:16px 12px;display:flex;overflow-y:auto}.brand{align-items:center;gap:8px;padding:4px 8px 6px;font-size:15px;font-weight:650;display:flex}.brand-mark{background:var(--accent);width:22px;height:22px;color:var(--on-accent);border-radius:6px;place-items:center;font-size:13px;display:grid}.btn-primary{background:var(--accent);color:var(--on-accent);text-align:left;cursor:pointer;border:0;border-radius:8px;padding:9px 12px;font-weight:550}.btn-primary:hover{filter:brightness(1.08)}.btn-ghost{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:6px 10px;font-size:13px;display:inline-block}.btn-ghost:hover{background:var(--hover);color:var(--text)}.btn-ghost.danger{color:var(--danger);border-color:currentColor}.nav-item,.note-item{border-radius:7px;align-items:center;padding:7px 10px;font-size:14px;display:flex}.nav-item:hover,.note-item:hover{background:var(--hover)}.nav-item.active,.note-item.active{background:var(--surface);box-shadow:0 0 0 1px var(--border)}.count{background:var(--chip);color:var(--muted);border-radius:999px;margin-left:auto;padding:1px 8px;font-size:12px}.search,.field{border:1px solid var(--border);background:var(--surface);border-radius:8px;outline:none;padding:7px 10px;font-size:13px}.search{width:100%}.search:focus,.field:focus{border-color:var(--accent)}.section-label{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;padding:6px 10px 0;font-size:11px}.note-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.note-item{flex-direction:column;align-items:flex-start;gap:1px}.note-title{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:500;overflow:hidden}.note-sub{color:var(--muted);font-size:12px}.muted-pad{padding:6px 10px}.title-input{letter-spacing:-.01em;background:0 0;border:0;outline:none;width:100%;padding:0;font-size:30px;font-weight:700}.title-input::placeholder,.line textarea::placeholder{color:var(--faint)}.meta-row{flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 28px;display:flex}.attendees{flex:200px;min-width:0}.summary{color:var(--muted);font-size:13px}.editor{cursor:text;flex-direction:column;min-height:240px;display:flex}.line{border-radius:6px;align-items:flex-start;gap:8px;display:flex}.gutter{flex:none;justify-content:center;width:22px;padding-top:5px;display:flex}.line textarea{resize:none;background:0 0;border:0;outline:none;flex:1;min-width:0;padding:0;font-size:16px;line-height:1.65;display:block;overflow:hidden}.line textarea:not(:focus)::placeholder{opacity:0}.editor .line:only-child textarea::placeholder{opacity:1}.line.is-done textarea{color:var(--faint);text-decoration:line-through}.make-todo{border:1.5px dashed var(--faint);cursor:pointer;opacity:0;background:0 0;border-radius:4px;width:16px;height:16px;padding:0}.line:hover .make-todo,.line:focus-within .make-todo{opacity:.7}.make-todo:hover{border-color:var(--accent);opacity:1!important}.check{border:1.5px solid var(--muted);background:var(--surface);cursor:pointer;appearance:none;border-radius:4px;flex:none;place-items:center;width:16px;height:16px;margin:0;animation:.25s ease-out pop;display:grid}.check:checked{border-color:var(--accent);background:var(--accent)}.check:checked:after{content:"";border:solid var(--on-accent);border-width:0 2px 2px 0;width:4px;height:8px;transform:translateY(-1px)rotate(45deg)}.check:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes pop{0%{opacity:0;transform:scale(.4)}70%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.chips{flex:none;gap:4px;padding-top:3px;display:flex}.chip{background:var(--chip);color:var(--chip-text);white-space:nowrap;border-radius:999px;padding:0 8px;font-size:12px;line-height:20px}.chip.due{background:var(--due-soft);color:var(--due)}.unmark{color:var(--muted);cursor:pointer;opacity:0;background:0 0;border:0;padding:0 4px;font-size:16px;line-height:26px}.line:hover .unmark,.line:focus-within .unmark{opacity:.6}.unmark:hover{opacity:1!important}.line.flash{animation:1.2s ease-out flash}@keyframes flash{0%{background:var(--accent-soft)}to{background:0 0}}.hint{border-top:1px solid var(--border);color:var(--muted);margin-top:32px;padding-top:16px;font-size:13px;line-height:1.7}kbd{border:1px solid var(--border);background:var(--surface);border-bottom-width:2px;border-radius:4px;padding:0 5px;font-family:inherit;font-size:12px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}h1{letter-spacing:-.01em;margin:0;font-size:30px}.tabs{background:var(--chip);border-radius:9px;gap:2px;padding:3px;display:flex}.tab{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:5px 12px;font-size:13px}.tab.active{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #00000014}.tab span{opacity:.7;margin-left:6px}.todo-group{margin-bottom:28px}.group-head{border-bottom:1px solid var(--border);align-items:baseline;gap:8px;margin-bottom:4px;padding:6px 0;font-size:14px;font-weight:600;display:flex}.group-head:hover{color:var(--accent)}.group-head span{color:var(--muted);font-size:12px;font-weight:400}.todo-list{margin:0;padding:0;list-style:none}.todo-row{border-radius:6px;align-items:flex-start;gap:10px;padding:0 6px;display:flex}.todo-row:hover{background:var(--hover)}.todo-row .check{margin-top:10px}.todo-row .chips{padding-top:8px}.todo-text{flex:1;padding:7px 0;font-size:15px;line-height:1.5}.todo-row.is-done .todo-text{color:var(--faint);text-decoration:line-through}.empty-line{color:var(--muted)}.empty-state{min-height:60vh;color:var(--muted);text-align:center;place-content:center;display:grid}.empty-state h2{color:var(--text);margin:0 0 6px;font-size:20px}.empty-state p{margin:0}.empty-state .actions{justify-content:center;gap:8px;margin-top:18px;display:flex}@media (width<=760px){.app{grid-template-columns:1fr}.app.has-selection .sidebar,.app:not(.has-selection) .main{display:none}.sidebar{border-right:0}.page{padding:16px 16px 96px}.back{color:var(--accent);margin-bottom:16px;font-size:15px;display:inline-block}.title-input{font-size:24px}.search,.field{font-size:16px}.line{flex-wrap:wrap}.line .chips{flex-basis:100%;order:3;padding:0 0 6px 30px}}