:root{--bg: #fbfbfa;--fg: #1f2328;--dim: #6b7280;--line: #e5e7eb;--accent: #2563eb;--panel: #ffffff;--stale: #b45309}@media (prefers-color-scheme: dark){:root{--bg: #16181d;--fg: #e6e6e6;--dim: #9aa0a6;--line: #2b2f36;--accent: #60a5fa;--panel: #1c1f26;--stale: #fbbf24}}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--fg)}.app{display:grid;grid-template-columns:300px 1fr;height:100vh}.side{border-right:1px solid var(--line);padding:16px;overflow-y:auto;background:var(--panel)}.side h1{font-size:15px;margin:0 0 12px;color:var(--dim);font-weight:600;letter-spacing:.04em}.search{width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--fg);font-size:13px}.tabs{display:flex;gap:6px;margin:10px 0}.tabs button{flex:1;padding:6px;font-size:12px;border:1px solid var(--line);background:transparent;color:var(--dim);border-radius:6px;cursor:pointer}.tabs button.on{background:var(--accent);color:#fff;border-color:var(--accent)}.list{list-style:none;margin:0;padding:0}.list li{padding:8px 10px;border-radius:6px;cursor:pointer;font-size:13px;margin-bottom:2px}.list li:hover{background:var(--bg)}.list li.hint{cursor:default;color:var(--dim);font-size:12px}.list li.hint a{color:var(--accent);cursor:pointer}.list b{display:block;font-weight:600}.dim{color:var(--dim);font-size:11px}.snippet{color:var(--dim);font-size:12px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stale{color:var(--stale)}.main{overflow-y:auto;padding:0;display:flex;flex-direction:column}.empty{color:var(--dim);margin:40vh auto;font-size:14px}.bar{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--bg)}.bar h2{margin:0;font-size:16px}.bar button{margin-left:6px;padding:5px 12px;font-size:12px;border:1px solid var(--line);background:transparent;color:var(--fg);border-radius:6px;cursor:pointer}.bar button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.ok{color:var(--accent);font-size:12px;margin-right:8px}.content,.editor{flex:1;margin:0;padding:24px;font-size:14px;line-height:1.7;font-family:ui-monospace,SF Mono,Menlo,monospace;white-space:pre-wrap;word-break:break-word}.editor{width:100%;border:none;outline:none;background:var(--bg);color:var(--fg);resize:none}.hist{border-top:1px solid var(--line);padding:16px 24px}.hist h3{font-size:13px;color:var(--dim);margin:0 0 8px}.hist pre{font-size:12px;color:var(--dim);white-space:pre-wrap;margin:0}.authwrap{display:flex;align-items:center;justify-content:center;min-height:100vh}.authform{width:100%;max-width:320px;padding:24px}.authform h1{font-size:18px;margin:0 0 16px;color:var(--dim);font-weight:600}.authform input{width:100%;padding:9px 10px;margin:6px 0;font-size:14px;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--fg);box-sizing:border-box}.authform button{width:100%;padding:9px;margin-top:8px;font-size:14px;border:0;border-radius:6px;background:var(--accent);color:#fff;cursor:pointer}.authform .err{color:#c00;font-size:13px;margin:4px 0}.authform .okmsg{color:var(--accent);font-size:13px;margin:4px 0}.authform .switch{text-align:center;font-size:13px;margin-top:14px;color:var(--dim)}.authform .switch a{color:var(--accent)}.authform .hintline{font-size:12px;color:var(--dim);margin:2px 0 0;line-height:1.6}.authform .hintline code{background:#7f7f7f26;padding:0 3px;border-radius:3px}