:root{--bg:#f4f1ea;--panel:#fffdf8;--ink:#1f2328;--muted:#6b6f76;--line:#e3ded3;--accent:#2b5f8a;--accent-ink:#fff;--danger:#b3261e;--radius:12px;--shadow:0 1px 2px #0000000f, 0 2px 8px #0000000f;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#17191c;--panel:#202328;--ink:#e8e6e3;--muted:#9aa0a6;--line:#30343a;--shadow:0 1px 2px #0006}.card,.editor{color:#1f2328}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}button{font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--panel);color:inherit;border-radius:8px;padding:7px 12px}button:hover{filter:brightness(.97)}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);padding:10px 16px;font-weight:600}button.danger{color:var(--danger)}button.link{color:var(--accent);background:0 0;border:none;padding:4px}button.icon{background:0 0;border:none;border-radius:8px;padding:6px 8px;font-size:17px;line-height:1}button.icon:hover{background:#0000000f}button.icon.on{background:#0000001a}button.small{padding:4px 8px;font-size:13px}label.button-like{font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:7px 12px;display:inline-block}label.button-like:hover{filter:brightness(.97)}input,select,textarea{font:inherit;color:inherit;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:10px 12px}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px}.muted{color:var(--muted)}.small{font-size:12px}.grow{flex:1}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row.end{justify-content:flex-end;margin-top:16px}.error{color:var(--danger);font-size:14px}.auth{background:radial-gradient(circle at 30% 20%, #fff6c9 0, transparent 50%), var(--bg);place-items:center;min-height:100%;padding:24px;display:grid}.auth-card{background:var(--panel);border-radius:18px;flex-direction:column;gap:12px;width:100%;max-width:380px;padding:28px;display:flex;box-shadow:0 10px 40px #0000001f}.auth-card.wide{max-width:560px}.auth-card h2{margin:4px 0 0;font-size:20px}.auth-card p{margin:0;font-size:14px}.brand-big{align-items:center;gap:12px;display:flex}.brand-big h1{margin:0;font-size:22px}.lock-icon{text-align:center;font-size:40px}.rk{letter-spacing:.5px;color:#1f2328;word-break:break-word;background:#fff8d6;border:1px dashed #c9b44a;border-radius:10px;padding:14px;font:600 17px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.check{align-items:center;gap:8px;font-size:14px;display:flex}.app{height:100%;display:flex}.sidebar{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;flex:none;gap:2px;width:250px;padding:14px 10px;display:flex;overflow-y:auto}.sidebar.drawer{z-index:30;width:280px;box-shadow:var(--shadow);transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.drawer.open{transform:none}.scrim{z-index:25;background:#00000059;position:fixed;inset:0}.brand{align-items:center;gap:10px;padding:4px 8px 14px;font-size:18px;font-weight:700;display:flex}.nav{text-align:left;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:9px 10px;font-size:14px;display:flex}.nav:hover{background:#0000000d}.nav.active{color:var(--accent);background:#2b5f8a1f;font-weight:600}.nav>span:first-child{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;display:flex;overflow:hidden}.count{color:var(--muted);font-size:12px}.nav-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);justify-content:space-between;align-items:center;padding:14px 10px 4px;font-size:11px;display:flex}.nb-swatch{border-radius:3px;flex:none;width:12px;height:16px;display:inline-block}main{flex:1;min-width:0;position:relative;overflow-y:auto}.topbar{z-index:10;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;gap:8px;padding:12px 20px;display:flex;position:sticky;top:0}.search{background:var(--panel);border:1px solid var(--line);border-radius:999px;flex:1;align-items:center;gap:8px;max-width:640px;padding:0 14px;display:flex}.search input{background:0 0;border:none;outline:none;flex:1;padding:10px 0}.view-head{flex-wrap:wrap;align-items:baseline;gap:14px;padding:6px 20px 12px;display:flex}.view-head h2{margin:0;font-size:22px}.empty{text-align:center;color:var(--muted);padding:60px 20px}.mobile .topbar{padding:10px 12px}.mobile .view-head{padding:4px 14px 10px}.grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));align-items:start;gap:16px;padding:0 20px 110px;display:grid}.mobile .grid{grid-template-columns:1fr 1fr;gap:10px;padding:0 12px 100px}.list{flex-direction:column;gap:8px;max-width:900px;padding:0 20px 110px;display:flex}.card{border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;content-visibility:auto;contain-intrinsic-size:220px;border:1px solid #0000000f;flex-direction:column;min-height:120px;transition:transform 80ms;display:flex;overflow:hidden}.card:hover{transform:translateY(-1px)}.card:focus-visible{outline:2px solid var(--accent)}.thumb{object-fit:cover;width:100%;max-height:160px;display:block}.card-body{flex:1;padding:12px 14px 4px}.card h3{word-break:break-word;margin:0 0 6px;font-size:15px;line-height:1.3}.card p{color:#3c4046;-webkit-line-clamp:7;white-space:pre-line;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.card footer{color:#5d6168;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 14px 10px;font-size:11px;display:flex}.nb-chip{background:#00000012;border-radius:999px;padding:1px 8px}.card-actions{gap:4px;margin-left:auto;display:flex}.card-actions button{padding:3px 8px;font-size:12px}.list .card{flex-direction:row;min-height:0}.list .thumb{width:96px;height:auto;max-height:none}.list .card p{-webkit-line-clamp:2}.list .card footer{flex-direction:column;justify-content:center;align-items:flex-end}.sentinel{height:40px}.fab{z-index:15;background:var(--accent);color:#fff;border:none;border-radius:999px;padding:14px 20px;font-size:15px;font-weight:600;position:fixed;bottom:28px;right:28px;box-shadow:0 6px 20px #2b5f8a66}.mobile .fab{padding:16px 18px;bottom:18px;right:16px}.mobile .fab-label{display:none}.editor-backdrop{z-index:40;background:#14161a73;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.editor{--note:#fff;background:var(--note);border-radius:16px;flex-direction:column;width:min(820px,100%);height:min(88vh,1000px);display:flex;overflow:hidden;box-shadow:0 20px 60px #0000004d}.mobile .editor-backdrop{padding:0}.mobile .editor{border-radius:0;height:100%}.editor-head{border-bottom:1px solid #00000012;align-items:center;gap:6px;padding:10px 12px;display:flex}.editor-head select{color:#1f2328;background:#fff9;border-color:#0000001a;max-width:45vw;padding:6px 8px}.editor-head button:not(.icon){color:#1f2328}.editor .title{color:#1f2328;background:0 0;border:none;outline:none;padding:16px 24px 4px;font-size:24px;font-weight:700}.toolbar{border-bottom:1px solid #00000012;flex-wrap:wrap;gap:2px;padding:4px 18px 8px;display:flex}.tb{color:#1f2328;background:0 0;border:none;border-radius:6px;min-width:34px;height:32px;padding:0 8px;font-size:14px}.tb:hover{background:#00000012}.tb.on{background:#00000024}.tb .hl{background:#fff176;padding:0 3px}.sep{background:#0000001f;width:1px;margin:6px 4px}.body{color:#1f2328;flex:1;padding:8px 24px 24px;overflow-y:auto}.body.loading{opacity:.4}.tiptap{outline:none;min-height:100%;font-size:16px;line-height:1.6}.tiptap p{margin:0 0 .5em}.tiptap h1{margin:.6em 0 .3em;font-size:1.6em}.tiptap h2{margin:.6em 0 .3em;font-size:1.35em}.tiptap h3{margin:.6em 0 .3em;font-size:1.15em}.tiptap img{border-radius:8px;max-width:100%;height:auto;margin:8px 0;display:block}.tiptap img.ProseMirror-selectednode{outline:3px solid var(--accent)}.tiptap a{color:#1a5fb4;cursor:pointer;text-decoration:underline}.tiptap mark{border-radius:2px;padding:0 1px}.tiptap p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:#00000059;float:left;pointer-events:none;height:0}.editor-foot{color:#5d6168;border-top:1px solid #00000012;padding:8px 24px;font-size:12px}.color-wrap{position:relative}.dot{border:2px solid #00000040;border-radius:50%;width:18px;height:18px;display:inline-block}.palette{z-index:5;background:#fff;border-radius:12px;grid-template-columns:repeat(6,28px);gap:8px;padding:10px;display:grid;position:absolute;top:40px;right:0;box-shadow:0 8px 30px #0003}.swatch{border:1px solid #0003;border-radius:50%;width:28px;height:28px;padding:0}.swatch.on{outline:2px solid var(--accent);outline-offset:2px}.modal-backdrop{z-index:50;background:#14161a73;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border-radius:16px;width:min(680px,100%);max-height:90vh;padding:20px 24px;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.mobile .modal-backdrop{padding:0}.mobile .modal{border-radius:0;height:100%;max-height:100%;padding:16px}.modal-head{justify-content:space-between;align-items:center;display:flex}.modal-head h3{margin:0}.drop{border:2px dashed var(--line);cursor:pointer;text-align:center;color:var(--muted);border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:34px 16px;display:flex}.drop.over{border-color:var(--accent);background:#2b5f8a0f}.drop-icon{font-size:32px}.files{font-size:14px}.field{justify-content:space-between;align-items:center;gap:12px;margin:14px 0;display:flex}.perf{border-collapse:collapse;width:100%;font-size:14px}.perf td{border-bottom:1px solid var(--line);padding:6px 4px}.perf td:last-child{text-align:right;font-variant-numeric:tabular-nums}.report{font-size:14px}.report h4{margin:16px 0 6px}.report h4.ok{color:#1e7b34}.report h4.warn{color:#a05a00}.report ul{margin:0;padding-left:18px}.report li{margin:3px 0;line-height:1.4}.stats{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.stats>div{background:var(--bg);border-radius:10px;flex-direction:column;min-width:96px;padding:10px 14px;display:flex}.stats b{font-size:20px}.stats span{color:var(--muted);font-size:12px}.bio-settings{border-top:1px solid #00000014;flex-direction:column;gap:8px;margin:8px 0 4px;padding-top:4px;display:flex}.bio-settings h4{margin:10px 0 0}.bio-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.bio-list li{background:#0000000a;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.badge-ok,.ok{color:#2e7d32;font-weight:600}.bio-enable{flex-direction:column;gap:8px;display:flex}button.bio{justify-content:center;align-items:center;gap:8px;font-size:16px;display:flex}.auth-card .or{text-align:center}.sync-settings{border-top:1px solid var(--line,#e5e1d8);margin-top:14px;padding-top:4px}.sync-id{-webkit-user-select:all;user-select:all;word-break:break-all;background:#0000000d;border-radius:6px;padding:6px 8px;font:13px/1.4 ui-monospace,monospace}.sync-pill{white-space:nowrap;cursor:pointer;background:#0000000d;border:1px solid #0000;border-radius:999px;padding:4px 10px;font-size:12.5px}.sync-pill.ok{color:#2e7d32;background:#e8f5e9}.sync-pill.busy{color:#2b5f8a;background:#e3eef8}.sync-pill.warn{color:#8a5a00;background:#fff4d6}.sync-pill.bad{color:#b3261e;background:#fdecea}.badge-bad{color:#b3261e;font-weight:600}.mobile .sync-pill{text-overflow:ellipsis;max-width:42vw;padding:3px 8px;font-size:11.5px;overflow:hidden}.tb-wrap{display:inline-flex;position:relative}.tb .tc{border-bottom:3px solid #1f2328;padding:0 2px;font-weight:700;line-height:1}.text-palette{grid-template-columns:repeat(5,28px);top:36px;left:0;right:auto}.swatch.default{color:#1f2328;background:#fff;font-size:13px;font-weight:700}.menu{z-index:6;color:#1f2328;background:#fff;border-radius:10px;flex-direction:column;min-width:170px;padding:6px;display:flex;position:absolute;top:36px;left:0;box-shadow:0 8px 30px #0003}.menu button{text-align:left;color:#1f2328;background:0 0;border:none;border-radius:6px;padding:7px 10px;font-size:14px}.menu button:hover{background:#0000000f}.tiptap ul[data-type=taskList]{margin:0 0 .5em;padding-left:2px;list-style:none}.tiptap ul[data-type=taskList] li{align-items:flex-start;gap:8px;display:flex}.tiptap ul[data-type=taskList] li>label{-webkit-user-select:none;user-select:none;flex:none;margin-top:.3em}.tiptap ul[data-type=taskList] li>label input{accent-color:#2b5f8a;cursor:pointer;width:16px;height:16px;margin:0}.tiptap ul[data-type=taskList] li>div{flex:1;min-width:0}.tiptap ul[data-type=taskList] li>div p{margin:0 0 .15em}.tiptap ul[data-type=taskList] li[data-checked=true]>div{opacity:.6;text-decoration:line-through}.tiptap .tableWrapper{margin:.5em 0;overflow-x:auto}.tiptap table{border-collapse:collapse;table-layout:fixed;width:100%;margin:.5em 0}.tiptap td,.tiptap th{vertical-align:top;border:1px solid #00000040;min-width:60px;padding:4px 8px;position:relative}.tiptap th{text-align:left;background:#0000000f;font-weight:600}.tiptap td p,.tiptap th p{margin:0}.tiptap .selectedCell:after{content:"";pointer-events:none;background:#2b5f8a26;position:absolute;inset:0}.file-chip{cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffffb3;border:1px solid #0000002e;border-radius:999px;align-items:center;gap:4px;padding:2px 10px;font-size:14px;display:inline-flex}.file-chip:hover{background:#fff}.file-chip.missing{cursor:default;opacity:.75;border-style:dashed}.file-chip small{color:#5d6168}.file-chip.ProseMirror-selectednode{outline:2px solid var(--accent)}.toast{z-index:80;color:#fff;cursor:pointer;background:#1f2328;border-radius:999px;padding:10px 18px;font-size:14px;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000004d}.app.split main{width:var(--list-w,300px);border-right:1px solid var(--line);flex-direction:column;flex:none;display:flex;overflow:hidden}.app.split .topbar{padding:10px 12px}.app.split .view-head{padding:4px 14px 8px}.app.split .view-head h2{font-size:18px}.app.split .fab{padding:12px 16px;position:absolute;bottom:16px;right:16px}.app.split .fab-label,.app.split.expanded main{display:none}.note-list{contain:strict;flex:1;padding:0 10px 80px;overflow-y:auto}.note-list.empty{text-align:center;color:var(--muted);contain:none;padding:40px 14px}.list-card{background:var(--note);color:#1f2328;cursor:pointer;height:84px;box-shadow:var(--shadow);border:1px solid #00000014;border-radius:10px;flex-direction:column;gap:2px;padding:7px 12px;display:flex;position:absolute;left:0;right:0;overflow:hidden}.list-card:hover{filter:brightness(.98)}.list-card.selected{outline:2.5px solid var(--accent);outline-offset:-1px;box-shadow:0 2px 10px #2b5f8a59}.lc-title{white-space:nowrap;text-overflow:ellipsis;flex:none;height:18px;font-size:14px;font-weight:600;line-height:18px;overflow:hidden}.lc-preview{color:#3c4046;-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;flex:none;height:32px;font-size:12.5px;line-height:16px;display:-webkit-box;overflow:hidden}.lc-date{color:#5d6168;white-space:nowrap;flex:none;height:14px;font-size:11px;line-height:14px;overflow:hidden}.divider{z-index:5;cursor:col-resize;flex:none;width:6px;margin-left:-3px;margin-right:-3px}.divider:hover{background:#2b5f8a40}.pane-wrap{flex:1;min-width:0;padding:0;display:flex}.editor.pane{width:100%;height:100%;box-shadow:none;border-radius:0}.editor.pane .body,.editor.pane .title,.editor.pane .toolbar{padding-left:max(24px,50% - 430px);padding-right:max(24px,50% - 430px)}@media (max-width:899px){.editor-backdrop{padding:0}.editor{border-radius:0;width:100%;height:100%}}.star{color:#6b6f76;opacity:0;cursor:pointer;background:0 0;border:none;padding:0 3px;font-size:15px;line-height:1;transition:opacity .1s}.star.on{color:#e0a100;opacity:1}.card:hover .star,.card:focus-within .star,.list-card:hover .star,.star:focus-visible{opacity:1}@media (hover:none){.star{opacity:.55}.star.on{opacity:1}}.card footer .star{margin-left:auto}.list .card footer .star{margin-left:0}.list-card .star{font-size:14px;position:absolute;bottom:5px;right:6px}.list-card .lc-title{padding-right:2px}.list-card.fav .lc-date,.list-card:hover .lc-date{padding-right:22px}.star-btn.on,.fav-filter.on{color:#e0a100}.fav-filter{align-self:center;font-size:18px}.fav-ico{color:#e0a100}.filter-chip{color:var(--accent);background:#2b5f8a1a;border:1px solid #2b5f8a59;border-radius:999px;align-self:center;padding:2px 10px;font-size:12.5px}.filter-chip span{margin-left:4px;font-weight:700}.update-bar{z-index:200;color:#fff;background:#1f2937;border-radius:10px;align-items:center;gap:12px;padding:8px 10px 8px 16px;font-size:14px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #00000040}.update-bar button{padding:6px 12px}.import-summary{margin:4px 0 12px}.import-summary ul.files{max-height:160px;overflow:auto}