:root{--accent: #1a73e8;--accent-soft: #e8f0fe;--danger: #d93025;--warn: #b06000;--radius: 10px;--shadow: 0 1px 3px rgba(0, 0, 0, .12);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}[data-theme=light]{--bg: #f6f7f9;--surface: #ffffff;--surface-2: #f1f3f5;--text: #1c1e21;--text-muted: #6b7280;--border: #e3e5e8}[data-theme=dark]{--bg: #15171a;--surface: #1f2226;--surface-2: #2a2e33;--text: #e8eaed;--text-muted: #9aa0a6;--border: #34383e;--accent-soft: #1d3050;--shadow: 0 1px 3px rgba(0, 0, 0, .5)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{color:var(--accent);word-break:break-all}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:16px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}hr{border:none;border-top:1px solid var(--border);margin:6px 0}.app{display:flex;flex-direction:column;height:100%}.main{flex:1;overflow-y:auto;padding:12px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.muted{color:var(--text-muted);font-weight:400}.count{color:var(--text-muted);font-weight:400;font-size:.85em}.empty-hint{color:var(--text-muted);padding:16px 8px;list-style:none;text-align:center}.empty-state{color:var(--text-muted);display:grid;place-items:center;height:50vh;text-align:center;padding:24px}.splash{display:grid;place-items:center;height:100%;padding:24px;text-align:center}.setup-needed{max-width:520px;margin:0 auto}.setup-needed code{background:var(--surface-2);padding:2px 6px;border-radius:4px}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:40px 32px;max-width:360px;width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.auth-card h1{margin:4px 0 0;font-size:24px}.auth-card p{margin:0 0 8px;color:var(--text-muted)}.auth-denied{color:var(--danger)!important}.btn-google{display:flex;align-items:center;gap:10px;padding:12px 20px;font-size:16px}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius);padding:8px 14px;font-size:15px}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.danger{color:var(--danger)}.btn:disabled{opacity:.5;cursor:default}.link-btn{background:none;border:none;color:var(--accent);padding:4px 6px;font-size:14px}.link-btn.danger{color:var(--danger)}.icon-btn{background:none;border:none;color:var(--text-muted);font-size:18px;min-width:40px;min-height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.icon-btn.small{min-width:26px;min-height:26px;font-size:13px}.done-btn:hover{color:#188038}.header{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 12px;padding-top:max(8px,env(safe-area-inset-top));background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.header-left{position:relative}.list-switcher{background:none;border:none;font-size:18px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:6px;padding:8px 4px;max-width:40vw}.list-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chev{font-size:12px;color:var(--text-muted)}.nav-tabs{display:flex;gap:2px;background:var(--surface-2);border-radius:999px;padding:3px}.nav-tabs button{border:none;background:none;color:var(--text-muted);padding:7px 14px;border-radius:999px;font-size:14px;font-weight:600}.nav-tabs button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.header-right{display:flex;align-items:center;gap:8px;margin-left:auto}.search-input{padding:8px 12px;width:170px;border-radius:999px}.status-pill{font-size:12px;padding:3px 10px;border-radius:999px;white-space:nowrap}.status-pill.offline{background:var(--warn);color:#fff}.status-pill.demo{background:var(--accent-soft);color:var(--accent);font-weight:700}.status-pill.syncing{background:var(--accent-soft);color:var(--accent)}.menu-wrap{position:relative}.avatar-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--border);background:var(--accent);color:#fff;font-weight:700;overflow:hidden;padding:0}.avatar-btn img{width:100%;height:100%;object-fit:cover}.dropdown{position:absolute;top:calc(100% + 6px);left:0;z-index:50;min-width:200px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 6px 24px #0000002e;padding:6px;display:flex;flex-direction:column}.dropdown.right{left:auto;right:0}.dropdown-item{background:none;border:none;text-align:left;padding:10px 12px;border-radius:6px;color:var(--text);font-size:15px}.dropdown-item:hover{background:var(--surface-2)}.dropdown-row{display:flex;align-items:center;gap:2px}.dropdown-row .dropdown-item{flex:1}.pin-toggle{opacity:.3;filter:grayscale(1)}.pin-toggle.active{opacity:1;filter:none}.dropdown-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.dropdown-item.danger{color:var(--danger)}.dropdown-label{padding:6px 12px;font-size:12px;color:var(--text-muted)}.mobile-tabs{display:flex;gap:8px;margin-bottom:10px}.mobile-tabs button{flex:1;padding:12px;font-size:16px;font-weight:600;background:var(--surface);color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius)}.mobile-tabs button.active{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.sections{display:flex;gap:16px;align-items:flex-start}.todo-section{flex:1;min-width:0}.list-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.list-tab{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:999px;padding:7px 16px;font-size:14px;font-weight:600}.list-tab.active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.list-tab.new{font-size:16px;padding:7px 12px}.section-head{display:flex;align-items:baseline;justify-content:space-between}.section-tools{display:flex;gap:4px}.section-head h2{margin:4px 0 8px;font-size:18px}.add-bar{display:flex;gap:8px;margin-bottom:10px}.add-bar input{flex:1;padding:12px 14px}.add-bar .btn{font-size:20px;line-height:1;padding:0 16px}.todo-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;min-height:60px}.todo-card{display:flex;align-items:flex-start;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:3px 6px}.todo-card.overlay{box-shadow:0 8px 24px #00000040}.todo-card.stale{border-left:3px solid var(--warn)}.todo-card.done{opacity:.92}.drag-handle{border:none;background:none;color:var(--text-muted);font-size:16px;padding:6px;cursor:grab;touch-action:none;align-self:center}.drag-handle:active{cursor:grabbing}.todo-body{flex:1;min-width:0;padding:4px 2px;align-self:center}.todo-text{font-size:16px;line-height:1.35;white-space:pre-wrap;word-break:break-word;cursor:text}.todo-body textarea{width:100%;font-size:16px;line-height:1.4;padding:6px 8px;resize:none;overflow:hidden}.todo-meta{font-size:12px;color:var(--text-muted);margin-top:1px;display:flex;gap:8px;flex-wrap:wrap}.wait-badge.stale{color:var(--warn);font-weight:600}.todo-actions{display:flex;align-items:center;align-self:center}.todo-actions .icon-btn{min-width:34px;min-height:34px}.star-btn{font-size:17px}.star-btn.active,.star-btn.active:hover{color:#f5b400}.todo-card.selectable{cursor:pointer;align-items:center}.todo-card.selected{border-color:var(--accent);background:var(--accent-soft)}.select-check{width:18px;height:18px;margin:6px 2px 6px 6px;flex-shrink:0;pointer-events:none;accent-color:var(--accent)}.select-bar{position:fixed;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 6px 24px #00000040;padding:10px 14px;display:flex;align-items:center;gap:12px;z-index:150;font-size:15px;white-space:nowrap;flex-wrap:wrap;justify-content:center;max-width:calc(100vw - 24px)}.select-bar .move-select{padding:7px 10px;font-size:14px;border-radius:8px;max-width:150px}.archive-head{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:12px}.archive-head h2{margin:0;font-size:18px}.archive-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.archive-tools input,.archive-tools select{padding:8px 10px}.done-list{max-width:760px}.search-results h2{font-size:18px}.search-results h3{font-size:14px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin:18px 0 6px}.result-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.result-list li{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;cursor:pointer;font-size:15px}.result-list li:hover{border-color:var(--accent)}.badge{display:inline-block;font-size:11px;font-weight:700;border-radius:4px;padding:1px 6px;margin-right:8px;vertical-align:middle;text-transform:uppercase}.badge.todo{background:var(--accent-soft);color:var(--accent)}.badge.waiting{background:#fef3e0;color:var(--warn)}.badge.done{background:#e6f4ea;color:#188038}.badge.note{background:var(--surface-2);color:var(--text-muted)}[data-theme=dark] .badge.waiting{background:#3a2e15}[data-theme=dark] .badge.done{background:#16301f}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:100;display:grid;place-items:center;padding:16px}.modal{background:var(--surface);border-radius:14px;padding:20px;width:100%;max-width:480px;box-shadow:0 12px 40px #0000004d}.modal h3{margin:0 0 4px}.modal p{margin:0 0 12px;font-size:14px}.modal textarea{width:100%;padding:10px;resize:vertical}.modal-row{display:flex;align-items:center;justify-content:space-between;margin-top:12px;flex-wrap:wrap;gap:10px}.modal-row select{padding:6px 8px}.modal-actions{display:flex;gap:8px}.toast{position:fixed;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);background:#2d2f33;color:#fff;border-radius:10px;padding:12px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 6px 24px #00000059;z-index:200;font-size:15px;max-width:calc(100vw - 32px)}.toast-undo{background:none;border:none;color:#8ab4f8;font-weight:700;font-size:15px}.toast-close{background:none;border:none;color:#9aa0a6;font-size:18px}.notes-layout{display:flex;gap:16px;height:100%}.notes-sidebar{width:260px;flex-shrink:0;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding-bottom:20px}.sidebar-actions{display:flex;gap:8px}.sidebar-actions .btn{flex:1}.sidebar-group-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:4px 6px;display:flex;justify-content:space-between;align-items:center}.sidebar-group-title.folder{cursor:pointer;border-radius:6px}.sidebar-group-title.folder:hover{background:var(--surface-2)}.folder-tools{display:none}.sidebar-group-title.folder:hover .folder-tools{display:inline-flex}.note-link{display:flex;align-items:center;gap:6px;width:100%;text-align:left;background:none;border:none;padding:9px 8px;border-radius:8px;color:var(--text);font-size:15px}.note-link:hover{background:var(--surface-2)}.note-link.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.note-link .pin{color:#f5b400;font-size:13px}.note-link-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-filter-banner{font-size:13px;background:var(--surface-2);border-radius:8px;padding:6px 10px}.tag-cloud{display:flex;flex-wrap:wrap;gap:6px;padding:4px}.tag{background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);border-radius:999px;padding:3px 10px;font-size:13px}.tag.active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.notes-editor-pane{flex:1;min-width:0;display:flex;flex-direction:column}.note-editor{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);display:flex;flex-direction:column;flex:1;overflow:hidden}.note-head{display:flex;align-items:center;gap:4px;padding:10px 12px 0}.back-btn{display:none;background:none;border:none;font-size:26px;color:var(--text-muted);padding:0 8px}.note-title{flex:1;border:none;background:none;font-size:22px;font-weight:700;padding:6px 4px;outline:none}.pin-btn{color:var(--text-muted)}.pin-btn.active{color:#f5b400}.note-meta-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:4px 16px 8px;font-size:13px}.note-meta-row select{padding:5px 8px;font-size:13px}.note-updated{margin-left:auto}.toolbar{display:flex;align-items:center;gap:2px;flex-wrap:wrap;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:6px 10px;background:var(--surface-2);position:sticky;top:0;z-index:5}.tb-btn{background:none;border:none;border-radius:6px;color:var(--text);min-width:36px;min-height:36px;font-size:15px;display:inline-flex;align-items:center;justify-content:center}.tb-btn:hover{background:var(--border)}.tb-btn.active{background:var(--accent-soft);color:var(--accent)}.tb-select{padding:5px 6px;font-size:13px;border-radius:6px}.tb-sep{width:1px;height:22px;background:var(--border);margin:0 6px}.editor-content{flex:1;overflow-y:auto;padding:14px 18px 40px}.editor-content .tiptap{outline:none;min-height:200px;font-size:16px;line-height:1.55}.tiptap p{margin:.4em 0}.tiptap img{max-width:100%;border-radius:8px}.tiptap ul[data-type=taskList]{list-style:none;padding-left:4px}.tiptap ul[data-type=taskList] li{display:flex;gap:8px}.tiptap ul[data-type=taskList] input{width:18px;height:18px;margin-top:4px}.tiptap p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--text-muted);float:left;height:0;pointer-events:none}@media (min-width: 768px){.mobile-tabs{display:none}.main{padding:20px 24px}.sections{max-width:1100px;margin:0 auto;gap:28px}.list-tabs{max-width:1100px;margin:0 auto 14px}.todo-section.col-todo{flex:3}.todo-section.col-waiting{flex:2}.search-input{width:230px}}@media (min-width: 1280px){.sections{max-width:1340px;gap:64px}.list-tabs{max-width:1340px}}@media (max-width: 767px){.sections .mobile-hidden{display:none}.header{gap:6px}.nav-tabs{order:3;width:100%;justify-content:stretch}.nav-tabs button{flex:1}.search-input{width:120px}.notes-layout.note-open .notes-sidebar{display:none}.notes-layout:not(.note-open) .notes-editor-pane{display:none}.notes-sidebar{width:100%}.back-btn{display:block}.note-updated{display:none}}.source-badge{display:inline-block;margin-left:8px;padding:1px 7px;font-size:11px;font-weight:600;color:var(--accent);background:var(--accent-soft);border-radius:999px;vertical-align:1px;white-space:nowrap}.pin-main-btn{font-size:17px}.pin-main-btn.active{color:var(--accent)}.pin-main-btn:not(.active){color:var(--text-muted)}.list-counts{margin-left:8px;font-size:11.5px;color:var(--text-muted);font-weight:400;white-space:nowrap}.todo-actions .icon-btn{min-width:28px;min-height:32px;padding:3px 2px}.img-block{margin:6px 0}.img-resizer{position:relative;display:inline-block;max-width:100%;line-height:0}.img-resizer img{width:100%;height:auto;border-radius:4px}.img-resizer.selected img{outline:2px solid var(--accent);outline-offset:1px}.img-handle{position:absolute;right:-7px;bottom:-7px;width:16px;height:16px;border-radius:50%;background:var(--accent);border:2px solid var(--surface);cursor:nwse-resize;touch-action:none;z-index:5}.img-presets{position:absolute;top:-34px;left:0;display:flex;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:3px;box-shadow:var(--shadow);z-index:5;line-height:normal}.img-presets button{border:none;background:none;color:var(--text);cursor:pointer;font-size:12px;padding:3px 7px;border-radius:5px}.img-presets button:hover{background:var(--surface-2)}.img-presets button.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.notes-sidebar .sidebar-group.drop-target{outline:2px dashed var(--accent);outline-offset:2px;border-radius:8px;background:var(--accent-soft)}.note-link.selected{background:var(--accent-soft)}.note-link .select-check{pointer-events:none}.drag-overlay-note{background:var(--surface);border:1px solid var(--accent);box-shadow:var(--shadow);border-radius:8px;padding:8px 10px;display:flex;align-items:center;gap:8px;max-width:220px}.drag-count{background:var(--accent);color:#fff;border-radius:999px;font-size:11px;font-weight:700;padding:1px 7px}.notes-select-bar{position:sticky;bottom:0;margin-top:auto;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:8px;display:flex;align-items:center;gap:8px;font-size:13px;box-shadow:var(--shadow)}.img-block{width:fit-content;max-width:100%}.sidebar-actions{align-items:center}.sidebar-actions .btn{white-space:nowrap;flex:0 1 auto;padding:8px 10px;font-size:14px}.sidebar-actions .link-btn{margin-left:auto;flex-shrink:0}.editor-content .tiptap{min-height:100%}