:root{--bg: #0f172a;--panel: #111827;--fg: #e5e7eb;--muted: #94a3b8;--accent: #60a5fa;--line: #1f2937;--code: #0b1220;--err: #f87171;color-scheme:dark}@media (prefers-color-scheme: light){:root{--bg: #f1f5f9;--panel: #ffffff;--fg: #0f172a;--muted: #64748b;--accent: #2563eb;--line: #e2e8f0;--code: #f1f5f9;--err: #dc2626;color-scheme:light}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font:16px/1.6 -apple-system,BlinkMacSystemFont,PingFang SC,Segoe UI,sans-serif;-webkit-text-size-adjust:100%}button,select,input{font:inherit;color:inherit;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:6px 12px;min-height:36px}button{cursor:pointer}button:disabled{opacity:.4}button.ghost{border:none;background:none;color:var(--muted)}.muted{color:var(--muted)}.err{color:var(--err)}.pad{padding:16px}.center,.login{min-height:100%;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;padding:16px}.login input{width:min(320px,100%)}.library{max-width:720px;margin:0 auto;padding:16px;padding-top:max(16px,env(safe-area-inset-top))}.library header{display:flex;justify-content:space-between;align-items:center}.library ul{list-style:none;padding:0;display:grid;gap:8px}.library li{display:flex;gap:4px}.doc{flex:1;text-align:left;display:flex;flex-direction:column;padding:10px 14px}.doc .name{font-weight:600;word-break:break-all}.reader{height:100dvh;display:flex;flex-direction:column}.bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:8px 12px;padding-top:max(8px,env(safe-area-inset-top));background:var(--panel);border-bottom:1px solid var(--line)}.bar select{max-width:200px;margin-left:auto}.pager input{width:64px;text-align:center}.tabs{display:none}.scroll{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative}.row{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.cell{padding:12px;min-width:0}.cell.zh{aspect-ratio:var(--ratio)}.cell.src{background:#475569;position:relative;border-right:1px solid var(--line)}.pno{position:absolute;top:4px;left:8px;z-index:1;font-size:12px;color:#fff;background:rgba(0,0,0,.45);border-radius:10px;padding:0 8px}button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.tr-pane.idle{display:flex;gap:12px;align-items:center;padding-top:8px}.pdf-wrap{width:100%;background:#fff}.pdf-wrap canvas{display:block}.tr-pane{max-width:760px;margin:0 auto;padding-bottom:env(safe-area-inset-bottom)}.tr-pane p,.tr-pane h3{margin:0 0 .9em}.tr-pane code{background:var(--code);border-radius:4px;padding:1px 5px;font:.9em ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-word}.tr-pane pre{background:var(--code);border:1px solid var(--line);border-radius:8px;padding:10px 12px;overflow-x:auto;font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.tr-pane .verbatim{color:var(--muted)}.tr-pane .failed{color:var(--err)}.tr-pane .pending{color:var(--muted)}.tr-pane .streaming:after{content:"▍";color:var(--accent);animation:blink 1s steps(2) infinite}.tr-pane .status{font-size:13px;color:var(--muted);margin-bottom:8px;display:flex;gap:8px;align-items:center}@keyframes blink{50%{opacity:0}}@media (max-width: 799px){.tabs{display:flex;gap:8px;padding:6px 12px;background:var(--panel)}.tabs button.on{background:var(--accent);color:#fff;border-color:var(--accent)}.row{grid-template-columns:1fr}.show-src .cell.zh,.show-zh .cell.src{display:none}.bar select{max-width:130px}}