:root{color-scheme:light dark;--bg:#f4f6f9;--card:#fff;--text:#202b3b;--text-muted:#68778a;--border:#d8e0ea;--accent:#357bd8;--accent-strong:#2962b1;--warning:#986a12;--success:#21755c;--danger:#b64259;font:15px/1.65 system-ui,"Microsoft YaHei",sans-serif}
@media(prefers-color-scheme:dark){:root{--bg:#111722;--card:#1b2534;--text:#e1e8f1;--text-muted:#a0aec1;--border:#354153;--accent:#8ab9ff;--accent-strong:#abd0ff;--warning:#e2bc69;--success:#70cbb2;--danger:#f29daf}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}[hidden]{display:none!important}header{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 20px;border-bottom:1px solid var(--border);background:var(--card)}header strong{font-size:19px}header span{flex:1;font-size:13px;color:var(--text-muted)}a{color:var(--accent)}button,input,select,textarea{font:inherit;color:inherit}button{padding:7px 13px;border:1px solid var(--border);border-radius:8px;background:var(--card);cursor:pointer}button:hover{border-color:var(--accent)}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,select,textarea{padding:9px;border:1px solid var(--border);border-radius:6px;background:var(--bg);max-width:100%}main{display:grid;grid-template-columns:270px minmax(0,1fr);height:calc(100dvh - 70px)}aside{padding:16px;overflow:auto;border-right:1px solid var(--border)}#search{width:100%;margin-top:12px}.library-tools,.actions,.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.muted{font-size:13px;color:var(--text-muted)}#documents button{display:block;width:100%;text-align:left;margin:8px 0;overflow-wrap:anywhere}#documents small{display:block;color:var(--text-muted)}#documents .active{border-color:var(--accent);background:var(--bg)}#writing{display:flex;flex-direction:column;min-width:0;min-height:0;padding:16px;gap:12px}.writing-heading{display:flex;gap:8px;flex-wrap:wrap;align-items:center}h1{font-size:18px;flex:1;margin:0;overflow-wrap:anywhere}.toolbar{font-size:13px}.toolbar span{color:var(--text-muted)}#panes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);flex:1;min-height:0;gap:12px}#source,#preview{min-width:0;min-height:0;background:var(--card);border:1px solid var(--border);border-radius:10px;overflow:auto}#source .cm-editor{height:100%;font-size:15px}#source .cm-scroller{font-family:Consolas,"Microsoft YaHei",monospace;line-height:1.65;overflow:auto}#source .cm-gutters{background:var(--bg);color:var(--text-muted);border-right:1px solid var(--border)}#source .cm-content{padding:16px 4px;caret-color:var(--accent)}#source .cm-line{padding:3px 8px}#source .cm-lineNumbers .cm-gutterElement{line-height:calc(1.65em + 6px)}#source .cm-activeLineGutter{background:var(--card)}#source .cm-selectionBackground{background:#659ee54d!important}#preview{padding:18px;overflow-wrap:anywhere}#preview img{max-width:100%;height:auto}#preview pre{overflow:auto;background:var(--bg);padding:12px}#preview table{border-collapse:collapse}#preview th,#preview td{border:1px solid var(--border);padding:6px}#preview .katex-display{overflow-x:auto;overflow-y:hidden}blockquote{border-left:3px solid var(--accent);margin-left:0;padding-left:15px}.pane-tabs{display:none}dialog{border:1px solid var(--border);border-radius:12px;padding:24px;max-width:min(900px,94vw);max-height:90dvh;background:var(--card);color:var(--text);overflow:auto}dialog::backdrop{background:#0008}dialog form{max-width:650px}dialog label{display:block;margin:12px 0}dialog input,dialog select{display:block;width:100%;margin-top:5px}dialog textarea{width:100%;height:36dvh;resize:vertical;font:13px/1.7 Consolas,monospace}.comparison{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}#message{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);max-width:90vw;background:var(--text);color:var(--card);padding:12px 18px;border-radius:10px;z-index:10;white-space:pre-wrap}p[role=alert]{color:var(--danger)}
@media(max-width:900px){main{grid-template-columns:1fr;height:auto}aside{max-height:31dvh;border-right:0;border-bottom:1px solid var(--border);padding:12px}aside .muted{display:none}#documents{display:flex;gap:8px;overflow:auto}#documents button{min-width:180px;max-width:250px;margin:0;flex-shrink:0}.library-tools{display:inline-flex}#search{width:180px;margin:0 0 8px 8px}#writing{min-height:65dvh;padding:12px}.writing-heading{gap:6px}.writing-heading button{font-size:13px}h1{flex-basis:100%}#panes{height:60dvh;flex:auto;grid-template-columns:1fr}.pane-tabs{display:flex;gap:8px}.pane-tabs [aria-pressed=true]{border-color:var(--accent)}#panes[data-pane=edit] #preview,#panes[data-pane=preview] #source{display:none}header{padding:10px 12px;gap:8px}header span{flex-basis:100%;order:3}.comparison{grid-template-columns:1fr}dialog{padding:18px}dialog textarea{height:24dvh}}

.library-tools{flex-wrap:wrap}#date{min-width:0;max-width:100%;padding:6px}#login-dialog .button{display:inline-block;padding:12px;background:#3977db;color:white;border-radius:8px}#conflict-dialog{max-height:90vh;overflow:auto}