: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}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}