:root{color-scheme:light;--bg: #f4f6f9;--panel: #ffffff;--border: #d9dee6;--text: #1d2432;--muted: #5b6472;--accent: #2563eb;--danger: #d63c34;--code-bg: #eef1f5;--btn: #e8ebf1;--hover: #e8ebf1;--active: #dfe6f3;--on-accent: #fff;--overlay: rgba(15, 20, 30, .45);--surface: #fff}html[data-theme=dark]{color-scheme:dark;--bg: #0f1115;--panel: #161a22;--border: #262c38;--text: #e6e9ef;--muted: #8b93a3;--accent: #4f8cff;--danger: #e5534b;--code-bg: #0d1117;--btn: #1d2330;--hover: #1d2330;--active: #1b2536;--on-accent: #fff;--overlay: rgba(0, 0, 0, .6);--surface: #fff}*{box-sizing:border-box}body{margin:0;font:15px/1.6 system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}#layout{display:flex;flex-direction:column;height:100vh;height:100dvh}.topbar{display:flex;align-items:center;gap:14px;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--panel)}.brand{font-weight:700;font-size:16px;white-space:nowrap}.count{color:var(--muted);font-weight:400;font-size:12px;margin-left:6px}#q{flex:1;min-width:140px;margin:0;padding:7px 12px;border-radius:9px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:14px}#q:focus{outline:none;border-color:var(--accent)}.top-actions{display:flex;align-items:center;gap:8px}.who{color:var(--muted);font-size:12px;white-space:nowrap;max-width:260px;overflow:hidden;text-overflow:ellipsis}button{padding:7px 14px;border-radius:9px;border:1px solid var(--border);background:var(--btn);color:var(--text);cursor:pointer;font-size:14px}button:hover{border-color:var(--accent)}button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}button.danger:hover{border-color:var(--danger);color:var(--danger)}button:disabled{opacity:.6;cursor:default}.folder-input{width:175px;padding:6px 10px;border-radius:9px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:13px}.folder-input:hover{border-color:var(--accent)}.menu{position:relative}#menuBtn{font-size:18px;line-height:1;padding:4px 10px}.menu-panel{position:absolute;right:0;top:calc(100% + 6px);z-index:60;min-width:190px;background:var(--panel);border:1px solid var(--border);border-radius:11px;padding:5px;display:flex;flex-direction:column;gap:2px;box-shadow:0 10px 28px var(--overlay)}.menu-label{padding:6px 10px 2px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em}.menu-item{width:100%;text-align:left;background:transparent;border:none;padding:8px 10px;border-radius:7px;font-size:14px;color:var(--text)}.menu-item:hover{background:var(--active);border:none}.menu-panel select{width:100%;margin:0;padding:7px 10px;border-radius:7px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:14px;cursor:pointer}.menu-panel select:hover{border-color:var(--accent)}.list-wrap{flex:1;min-height:0;overflow-y:auto;padding:12px 16px 24px}ul{list-style:none;margin:0;padding:0}li{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:10px;cursor:pointer}li+li{margin-top:4px}li:hover{background:var(--hover)}li.active{background:var(--active);outline:1px solid var(--accent)}li .t{font-weight:600;word-break:break-all}li .tags{display:flex;gap:4px;flex-wrap:wrap}.tag{display:inline-block;padding:1px 8px;border-radius:999px;background:var(--active);color:var(--accent);font-size:12px}li .m{margin-left:auto;font-size:13px;color:var(--muted);white-space:nowrap;padding-left:12px}#empty{color:var(--muted);text-align:center;padding-top:60px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);z-index:50;display:flex;align-items:center;justify-content:center;padding:24px}.modal-card{position:relative;background:var(--panel);border:1px solid var(--border);border-radius:14px;width:100%;max-width:980px;height:84vh;display:flex;flex-direction:column;padding:22px 26px;box-shadow:0 16px 48px var(--overlay)}.modal-card.small{max-width:540px;height:auto}.modal-x{position:absolute;top:12px;right:12px;font-size:15px;line-height:1;padding:6px 9px;border-radius:8px;background:transparent;border:none;color:var(--muted)}.modal-x:hover{color:var(--text);background:var(--active)}.card-title{margin:0 0 4px;font-size:22px;word-break:break-all;padding-right:36px}.meta{color:var(--muted);font-size:13px;margin-bottom:8px}.desc{margin-bottom:10px}.tags{margin-bottom:6px}.toolbar{margin-top:14px;display:flex;gap:8px;flex-shrink:0}#previewBody{flex:1;min-height:0;overflow-y:auto;margin-top:14px}#previewBody img{max-width:100%;border-radius:8px}#previewBody iframe{width:100%;height:100%;min-height:240px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}#previewBody video,#previewBody audio{max-width:100%}#previewBody pre{background:var(--code-bg);padding:14px;border-radius:10px;overflow-x:auto;border:1px solid var(--border);font:13px/1.5 ui-monospace,Menlo,Consolas,monospace;white-space:pre-wrap;word-break:break-word}#previewBody .markdown h1,#previewBody .markdown h2,#previewBody .markdown h3{margin-top:1.4em}#previewBody .markdown a{color:var(--accent)}#previewBody .markdown code{background:var(--code-bg);padding:2px 6px;border-radius:6px}#previewBody .markdown pre code{padding:0;background:none}#previewBody .markdown blockquote{margin:0;padding-left:14px;border-left:3px solid var(--accent);color:var(--muted)}#previewBody .nopreview{color:var(--muted);padding:40px 0;text-align:center}.nopreview-dl{margin-top:14px}.modal-card label{display:block;color:var(--muted);font-size:13px;margin:10px 0 4px}.modal-card textarea,.modal-card input[type=text]{width:100%;padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);font:inherit}.modal-card textarea{min-height:80px;resize:vertical}.spinner{color:var(--muted);padding:60px 0;text-align:center}.login-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;align-items:center;justify-content:center;z-index:40}.modal-box{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:20px 24px;width:min(420px,90vw)}.modal-box h3{margin:0 0 6px;font-size:17px}.modal-hint{color:var(--muted);font-size:13px;margin:0 0 12px}.modal-box .login-input{width:100%;padding:9px 11px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);font:inherit;margin-bottom:8px}.passwrap{position:relative}.passwrap input{width:100%;padding:9px 46px 9px 11px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);font:inherit}.pass-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:none;background:none;cursor:pointer;font-size:16px;padding:4px 6px;color:var(--muted);line-height:1}.pass-toggle:hover{color:var(--text)}.modal-err{color:var(--danger);font-size:13px;min-height:18px;margin-top:8px}.modal-box .toolbar{margin:12px 0 0}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:70;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:10px 18px;box-shadow:0 10px 28px var(--overlay);cursor:pointer;max-width:min(560px,92vw);font-size:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:720px){.topbar{flex-wrap:wrap;gap:10px}#q{flex-basis:100%;order:3}.who{max-width:140px}.modal-overlay{padding:12px}.modal-card{height:92vh;padding:18px}}