:root{--bg:#f7f5f0;--paper:#fffdf8;--text:#1f2328;--muted:#6b7280;--faint:#e7e3da;--rule:#ddd7cb;--guide:#e2ddd2;--accent:var(--nb-light,#2563eb);--danger:#dc2626;--hit:#fde68a;--highlight:#fef08a;--hl-green:#bbf7d0;--hl-pink:#fbcfe8;--hl-blue:#bfdbfe;--popover:#fff;--shadow:0 6px 24px #0000001f, 0 1px 3px #00000014;--radius:8px;--indent-step:24px;--font:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#15171a;--paper:#1c1f23;--text:#e6e6e3;--muted:#9aa0a6;--faint:#2a2e33;--rule:#343940;--guide:#30353b;--accent:var(--nb-dark,#7aa2ff);--danger:#f87171;--hit:#854d0e;--highlight:#713f12;--hl-green:#14532d;--hl-pink:#831843;--hl-blue:#1e3a8a;--popover:#24282d;--shadow:0 6px 24px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#15171a;--paper:#1c1f23;--text:#e6e6e3;--muted:#9aa0a6;--faint:#2a2e33;--rule:#343940;--guide:#30353b;--accent:var(--nb-dark,#7aa2ff);--danger:#f87171;--hit:#854d0e;--highlight:#713f12;--hl-green:#14532d;--hl-pink:#831843;--hl-blue:#1e3a8a;--popover:#24282d;--shadow:0 6px 24px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html{overflow-anchor:none}body{background:var(--bg);color:var(--text);font:16px/1.55 var(--font);-webkit-font-smoothing:antialiased;margin:0}button,input,select{font:inherit;color:inherit}button,.button{cursor:pointer;border:1px solid var(--rule);background:var(--paper);border-radius:6px;padding:4px 12px;text-decoration:none;display:inline-block}button:hover:not(:disabled),.button:hover{border-color:var(--muted)}button:disabled{opacity:.4;cursor:default}input,select{border:1px solid var(--rule);background:var(--paper);border-radius:6px;padding:4px 8px}input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.muted{color:var(--muted)}.error{color:var(--danger)}.visually-hidden{clip:rect(0 0 0 0);opacity:0;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}button.link{color:var(--accent);background:0 0;border:none;padding:2px 4px}button.link.danger,.danger{color:var(--danger)}.icon-btn{color:var(--muted);background:0 0;border:none;padding:2px 6px;font-size:1rem;line-height:1}.icon-btn:hover:not(:disabled){color:var(--text)}.icon-link{font-size:1.1rem;text-decoration:none}.icon-link.active{color:var(--accent)}.chrome{z-index:20;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:3px solid var(--accent);border-bottom:1px solid var(--rule);position:sticky;top:0}.topbar{align-items:center;gap:12px;padding:8px 16px;display:flex}.new-note-btn{white-space:nowrap;background:var(--accent);border-color:var(--accent);color:#fff;font-weight:550}.new-note-btn:hover:not(:disabled){border-color:var(--accent);filter:brightness(1.08)}.brand{color:var(--text);white-space:nowrap;font-weight:650;text-decoration:none}.notebook-switcher{min-width:0;position:relative}.notebook-switcher .brand{background:0 0;border-color:#0000;align-items:center;gap:8px;max-width:240px;padding:4px 8px;display:inline-flex}.notebook-switcher .brand:hover{background:var(--faint)}.notebook-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.caret{color:var(--muted);font-size:.8em}.notebook-dot{background:var(--dot-light);border-radius:50%;flex:none;width:10px;height:10px}:root[data-theme=dark] .notebook-dot{background:var(--dot-dark)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .notebook-dot{background:var(--dot-dark)}}.notebook-switcher .notebook-menu{min-width:220px;max-width:min(320px,100vw - 32px);margin-top:4px;left:0;right:auto}.notebook-switcher .notebook-menu button{align-items:center;gap:8px;display:flex}.notebook-switcher .notebook-menu button[aria-checked=true]{background:var(--faint);font-weight:600}.notebook-menu hr{border:none;border-top:1px solid var(--rule);width:100%;margin:4px 0}.notebook-count{white-space:nowrap;margin-left:auto;font-size:.8rem}.notebook-rows{margin:0 0 12px;padding:0;list-style:none}.notebook-row{border-bottom:1px solid var(--faint);flex-wrap:wrap;align-items:center;gap:8px;padding:6px 0;display:flex}.notebook-row .swatches{margin:0}.tabs{border-bottom:1px solid var(--rule);gap:4px;margin-bottom:20px;display:flex}.tab{color:var(--muted);white-space:nowrap;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 14px;text-decoration:none}.tab:hover{color:var(--text)}.tab.is-active{color:var(--text);border-bottom-color:var(--accent);font-weight:600}.settings-page [role=tabpanel]>h2:first-child{margin-top:0}.settings-scope{align-items:center;gap:8px;margin:0 0 8px;display:flex}.notebook-row-name{flex:1;min-width:140px;font-weight:600}.nav{align-items:center;gap:4px;margin-left:auto;display:flex}.nav-link{color:var(--muted);border-radius:6px;padding:4px 8px;text-decoration:none}.nav-link:hover,.nav-link.active{color:var(--text);background:var(--faint)}.save-state{color:var(--muted);align-items:center;gap:6px;min-width:80px;padding:0 8px;font-size:.8rem;display:inline-flex}.save-dot{background:#22c55e;border-radius:50%;width:8px;height:8px}.save-pending .save-dot,.save-saving .save-dot{background:#f59e0b}.save-error .save-dot{background:var(--danger)}.search-bar{flex:1;min-width:0;max-width:560px;position:relative}.search-field{border:1px solid var(--rule);border-radius:var(--radius);background:var(--paper);cursor:text;flex-wrap:wrap;align-items:center;gap:4px;padding:2px 6px;display:flex}.search-field:focus-within{border-color:var(--accent)}.search-field input{background:0 0;border:none;outline:none;flex:1;min-width:80px;padding:4px}.search-icon{color:var(--muted);padding:0 2px}.search-suggestions,.date-range{min-width:260px;position:absolute;top:calc(100% + 4px);left:0}.date-range{gap:8px;padding:12px;display:grid;left:auto;right:0}.date-range .presets{flex-wrap:wrap;gap:4px;display:flex}.date-range label{justify-content:space-between;align-items:center;gap:8px;display:flex}.popover{background:var(--popover);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow);z-index:50}.suggestion-popup{z-index:60}.suggestion-list{flex-direction:column;min-width:220px;max-height:320px;padding:4px;display:flex;overflow-y:auto}.suggestion-list button{text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;display:flex}.suggestion-list button.is-selected{background:var(--faint)}.suggestion-list .hint{color:var(--muted);margin-left:auto;font-size:.8rem}.suggestion-list .empty{color:var(--muted);padding:6px 8px;font-size:.85rem}.dot{background:var(--chip);border-radius:50%;flex:none;width:10px;height:10px}.chip{white-space:nowrap;background:var(--faint);color:var(--text);vertical-align:middle;border-radius:999px;align-items:center;gap:2px;padding:0 8px;font-size:.78rem;line-height:1.6;display:inline-flex}.tag-chip{--chip:#888;background:color-mix(in srgb, var(--chip) 16%, transparent);color:color-mix(in srgb, var(--chip) 75%, var(--text));border:1px solid color-mix(in srgb, var(--chip) 35%, transparent)}.chip .chip-label,.chip .chip-remove{color:inherit;font-size:inherit;line-height:inherit;background:0 0;border:none;padding:0}.chip .chip-remove{opacity:.5;padding-left:2px}.chip .chip-remove:hover{opacity:1}.task-due{color:var(--muted)}.task-due.overdue{background:color-mix(in srgb, var(--danger) 15%, transparent);color:var(--danger)}.task-due.due-today{color:color-mix(in srgb, #b45309 80%, var(--text));background:#f59e0b33}.menu{flex-direction:column;min-width:160px;padding:4px;display:flex;position:absolute;top:100%;right:0}.menu button{text-align:left;background:0 0;border:none;padding:6px 10px}.menu button:hover{background:var(--faint)}.main{max-width:860px;margin:0 auto;padding:0 16px 40vh}.stream{background:var(--paper);border:1px solid var(--rule);border-radius:0 0 var(--radius) var(--radius);border-top:none;min-height:calc(100vh - 60px);padding:0 28px 24px;box-shadow:0 1px 2px #0000000a}.stream-top{text-align:center;min-height:40px;color:var(--muted);padding-top:16px;font-size:.8rem}.stream-status{text-align:center;color:var(--muted);padding:40px}.empty-state{text-align:center;padding:40px 0 16px}.empty-state p{margin:4px 0}.note{border-top:1px solid var(--rule);scroll-margin-top:calc(var(--chrome-h,96px) + 8px);border-radius:4px;padding:6px 0 4px}.note.flash,.task.flash{animation:1.8s ease-out flash}@keyframes flash{0%,30%{background:color-mix(in srgb, var(--accent) 18%, transparent)}to{background:0 0}}.note-header{flex-wrap:wrap;align-items:center;gap:4px 6px;min-height:30px;display:flex;position:relative}.note-date{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;background:0 0;border:none;padding:0;font-size:.82rem}.sep{color:var(--muted)}.note-title{field-sizing:content;background:0 0;border:none;outline:none;min-width:6ch;max-width:100%;padding:0;font-size:1.02rem;font-weight:600}.note-title::placeholder{color:var(--muted);font-weight:400}.note-tags{flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.add-tag{border:1px dashed var(--rule);color:var(--muted);opacity:0;background:0 0;border-radius:999px;padding:0 8px;font-size:.75rem;line-height:1.6;transition:opacity .15s}.note:hover .add-tag,.note:focus-within .add-tag,.add-tag[aria-expanded=true]{opacity:1}.tag-picker{position:relative}.tag-picker-popover{width:280px;padding:6px;position:absolute;top:calc(100% + 4px);left:0}.tag-picker-popover input{width:100%}.note-menu{opacity:0;margin-left:auto;position:relative}.note:hover .note-menu,.note:focus-within .note-menu{opacity:1}.tiptap{caret-color:var(--text);outline:none;padding:2px 0 6px}.tiptap>*{margin:0}.tiptap p,.tiptap .task{min-height:1.55em}.tiptap h1{margin:.4em 0 .1em;font-size:1.45rem;line-height:1.3}.tiptap h2{margin:.35em 0 .1em;font-size:1.22rem;line-height:1.35}.tiptap h3{margin:.3em 0 .05em;font-size:1.06rem}.tiptap ul,.tiptap ol{margin:0;padding-left:1.4em}.tiptap li,.tiptap li>p{margin:0}.tiptap code{font-family:var(--mono);background:var(--faint);border-radius:4px;padding:1px 4px;font-size:.88em}.tiptap pre{font-family:var(--mono);background:var(--faint);border-radius:6px;padding:8px 12px;overflow-x:auto}.tiptap blockquote{border-left:3px solid var(--rule);color:var(--muted);padding-left:12px}.tiptap mark{background:var(--highlight);color:inherit;border-radius:2px;padding:0 1px}.tiptap mark[data-color=green]{background:var(--hl-green)!important}.tiptap mark[data-color=pink]{background:var(--hl-pink)!important}.tiptap mark[data-color=blue]{background:var(--hl-blue)!important}.tiptap hr{border:none;border-top:1px solid var(--rule);margin:8px 0}.tiptap .note-image{--image-max-h:320px;margin:6px 0}.note-image-frame{width:min(100%, calc(var(--w) * 1px), calc(var(--image-max-h) * var(--w) / var(--h)));aspect-ratio:var(--w) / var(--h);border:1px solid var(--rule);background:var(--faint);border-radius:6px;max-width:100%;position:relative;overflow:hidden}.note-image-frame img{object-fit:contain;cursor:zoom-in;width:100%;height:100%;display:block}.ProseMirror .note-image-frame img{cursor:grab}.note-image.ProseMirror-selectednode .note-image-frame{outline:2px solid var(--accent);outline-offset:2px}.note-image-tools{gap:4px;display:none;position:absolute;top:6px;right:6px}.note-image:hover .note-image-tools,.note-image.ProseMirror-selectednode .note-image-tools{display:flex}.note-image-tools button{border:1px solid var(--rule);background:var(--popover);min-width:28px;height:28px;color:var(--text);box-shadow:var(--shadow);border-radius:6px;padding:0 6px;line-height:1}.note-image.is-uploading img{opacity:.55}.note-image.is-uploading .note-image-frame:after,.note-image.is-missing .note-image-frame:after{background:var(--popover);color:var(--muted);border-radius:4px;padding:2px 8px;font-size:.8rem;line-height:1.5;position:absolute;bottom:8px;left:8px}.note-image.is-uploading .note-image-frame:after{content:"Uploading…"}.note-image.is-missing .note-image-frame:after{content:"Image not available"}.lightbox{background:0 0;border:none;width:100vw;max-width:none;height:100vh;max-height:none;margin:0;padding:0}.lightbox[open]{place-items:center;display:grid}.lightbox::backdrop{background:#000000d1}.lightbox img{object-fit:contain;background:#fff;border-radius:6px;max-width:calc(100vw - 32px);max-height:calc(100vh - 88px)}.lightbox-bar{align-items:center;gap:12px;display:flex;position:fixed;top:12px;right:16px}.lightbox-bar a{color:#fff;font-size:.9rem}.lightbox-close{color:#fff;background:#ffffff26;border:none;border-radius:50%;width:36px;height:36px;font-size:1.4rem;line-height:1}.tiptap.ProseMirror-focused p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--muted);float:left;pointer-events:none;height:0}.tag-chip.is-hit{box-shadow:0 0 0 2px var(--hit)}.search-hit,.tiptap mark.search-hit{background:var(--hit);box-shadow:0 0 0 1px var(--hit);border-radius:2px}.tiptap [data-indent]{padding-left:calc(var(--indent) * var(--indent-step));background-image:repeating-linear-gradient(to right, transparent 0 calc(var(--indent-step) / 2 - 1px), var(--guide) calc(var(--indent-step) / 2 - 1px) calc(var(--indent-step) / 2), transparent calc(var(--indent-step) / 2) var(--indent-step));background-size:calc(var(--indent) * var(--indent-step)) 100%;background-repeat:no-repeat}.task{align-items:flex-start;gap:8px;display:flex}.task-check{-webkit-user-select:none;user-select:none;flex:none;align-items:center;height:1.55em;display:inline-flex}.task-check input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;margin:0}.task-text{flex:1;min-width:0}.task[data-done=true] .task-text{color:var(--muted);text-decoration:line-through}.task-chips{-webkit-user-select:none;user-select:none;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:2px 4px;max-width:55%;min-height:1.55em;display:inline-flex}.task-add-date{color:var(--muted);opacity:.55;background:0 0;border:none;padding:0 4px;font-size:.72rem}.task:hover .task-add-date,.task-add-date:focus-visible{opacity:1}.task-done-at{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.72rem}.suggestion{color:var(--accent)}.format-toolbar{border-top:1px solid var(--rule);padding:0 16px}.format-toolbar-inner{border:0 solid #0000;border-width:0 12px;flex-wrap:wrap;align-items:center;gap:2px 13px;max-width:860px;margin:0 auto;padding:3px 4px;display:flex;overflow:hidden}.tb-group{flex:none;align-items:center;gap:2px;display:flex;position:relative}.tb-swatches{padding:0 4px}.tb-group:before{content:"";border-left:1px solid var(--rule);position:absolute;top:5px;bottom:5px;left:-7px}.format-toolbar.is-idle .tb-btn:disabled,.format-toolbar.is-idle .tb-color:disabled{opacity:.4}.tb-btn{background:0 0;border:none;border-radius:5px;min-width:28px;height:28px;padding:0 6px;font-size:.85rem}.tb-btn:hover:not(:disabled),.tb-btn.is-active{background:var(--faint)}.tb-btn.is-active{color:var(--accent)}.tb-bold{font-weight:700}.tb-italic{font-style:italic}.tb-underline{text-decoration:underline}.tb-strike{text-decoration:line-through}.tb-marker{background:var(--marker);border:1px solid var(--rule);border-radius:3px;width:18px;height:14px;margin:0 2px;padding:0}.tb-marker.is-active{box-shadow:0 0 0 2px var(--accent)}.tb-color{background:var(--pen);border:2px solid var(--bg);width:18px;height:18px;box-shadow:0 0 0 1px var(--rule);border-radius:50%;margin:0 2px;padding:0}.tb-color.is-active{box-shadow:0 0 0 2px var(--accent)}.page{background:var(--paper);border:1px solid var(--rule);border-radius:0 0 var(--radius) var(--radius);border-top:none;min-height:calc(100vh - 60px);padding:16px 28px 32px}.page h1{margin:8px 0 16px;font-size:1.4rem}.page h2{margin:28px 0 8px;font-size:1.05rem}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px;font-size:.9rem;display:flex}.segmented{border:1px solid var(--rule);border-radius:6px;display:inline-flex;overflow:hidden}.segmented button{border:none;border-radius:0;padding:4px 12px}.segmented button.is-active{background:var(--faint);font-weight:600}.task-group h2{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:20px 0 4px;font-size:.85rem}.task-group .count{font-weight:400}.task-rows{margin:0;padding:0;list-style:none}.task-row{border-bottom:1px solid var(--faint);align-items:center;gap:10px;padding:6px 0;display:flex}.task-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.task-row-main{text-align:left;background:0 0;border:none;flex-direction:column;flex:1;align-items:flex-start;min-width:0;padding:0;display:flex}.task-row-source{color:var(--muted);font-size:.78rem}.task-row.is-done .task-row-text{color:var(--muted);text-decoration:line-through}.task-row-chips{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.category-card{border:1px solid var(--rule);border-left:4px solid var(--chip);border-radius:var(--radius);margin-bottom:12px;padding:10px 12px}.category-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.category-name{flex:1;min-width:120px;font-weight:600}.swatches{align-items:center;gap:6px;margin:8px 0;display:flex}.swatch{background:var(--chip);border:2px solid var(--paper);width:20px;height:20px;box-shadow:0 0 0 1px var(--rule);border-radius:50%;padding:0}.swatch.is-active{box-shadow:0 0 0 2px var(--text)}.swatches input[type=color]{background:0 0;border:none;width:28px;height:24px;padding:0}.tag-rows{margin:0 0 8px;padding:0;list-style:none}.tag-row{flex-wrap:wrap;align-items:center;gap:6px;padding:3px 0;display:flex}.tag-row>input{flex:1;min-width:120px}.inline-form{flex-wrap:wrap;gap:6px;display:flex}.inline-form input{flex:1;min-width:160px}.field{gap:4px;display:grid}.field>span{color:var(--muted);font-size:.85rem}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:550}.hint{margin:-6px 0 0;font-size:.8rem}.switch-mode{text-align:center;margin:0;font-size:.9rem}.account-form{gap:10px;max-width:360px;margin-bottom:20px;display:grid}.notebook-dialog form{gap:12px;min-width:min(360px,100vw - 80px);display:grid}.notebook-dialog h2{margin-bottom:0}.dialog-actions{justify-content:flex-end;gap:8px;display:flex}.page-error{padding:16px}.login{place-items:center;min-height:100vh;padding:16px;display:grid}.login-card{background:var(--paper);border:1px solid var(--rule);width:min(320px,100%);box-shadow:var(--shadow);border-radius:12px;gap:12px;padding:28px;display:grid}.login-card h1{text-align:center;margin:0 0 8px;font-size:1.3rem}.dialog{border:1px solid var(--rule);background:var(--popover);color:var(--text);box-shadow:var(--shadow);border-radius:12px;max-width:min(560px,100vw - 32px);padding:20px 24px}.dialog::backdrop{background:#00000059}.dialog h2{margin-top:0}.shortcuts{border-collapse:collapse;width:100%;margin-bottom:16px}.shortcuts td{vertical-align:top;padding:4px 8px 4px 0;font-size:.9rem}kbd{font-family:var(--mono);background:var(--faint);border:1px solid var(--rule);white-space:nowrap;border-radius:4px;padding:1px 6px;font-size:.8rem}.toaster{z-index:100;gap:8px;width:min(480px,100vw - 32px);display:grid;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.toast{background:var(--text);color:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow);align-items:center;gap:12px;padding:10px 14px;font-size:.9rem;display:flex}.toast span{flex:1}.toast-action{color:inherit;background:0 0;border:none;padding:0;font-weight:700;text-decoration:underline}.toast-close{color:inherit;opacity:.6;background:0 0;border:none;padding:0 2px}@media (width<=1040px){.topbar{flex-wrap:wrap}.search-bar{flex-basis:100%;order:3;max-width:none}}@media (width<=720px){.tab{text-align:center;flex:1;padding:8px 4px}.topbar{gap:6px;padding:6px 12px}.format-toolbar{padding:0 4px}.format-toolbar-inner{border-width:0}.save-label{display:none}.save-state{min-width:0}.main{padding:0}.stream,.page{border-left:none;border-right:none;border-radius:0;padding-left:16px;padding-right:16px}.add-tag,.note-menu{opacity:1}:root{--indent-step:16px}.date-range{left:0;right:0}}@media (hover:none){.add-tag,.note-menu,.task-add-date{opacity:1}}.page-back{color:var(--muted);margin-top:8px;font-size:.9rem;text-decoration:none;display:inline-block}.page-back:hover{color:var(--text)}.deleted-notes{margin:0 0 8px;padding:0;list-style:none}.deleted-notes li{border-bottom:1px solid var(--rule);align-items:center;gap:12px;padding:6px 0;display:flex}.deleted-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}