:root{--bg:#fff;--fg:#1a1a1a;--muted:#6b7280;--border:#e5e7eb;--accent:#2563eb;--card:#f9fafb;--danger:#dc2626}@media (prefers-color-scheme:dark){:root{--bg:#0f1115;--fg:#e5e7eb;--muted:#9ca3af;--border:#262b36;--accent:#60a5fa;--card:#171a21;--danger:#f87171}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font-family:-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px}a{color:var(--accent)}button{cursor:pointer;font-family:inherit}.page{max-width:1000px;margin:0 auto;padding:24px}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.topbar-title{font-size:16px;font-weight:600}.btn{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:14px}.btn-secondary{color:var(--fg);border:1px solid var(--border);background:0 0;border-radius:6px;padding:8px 16px;font-size:14px}.login-shell{justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{border:1px solid var(--border);background:var(--card);border-radius:12px;width:320px;padding:32px}.login-card h1{margin:0 0 24px;font-size:18px}.field{margin-bottom:16px}.field label{color:var(--muted);margin-bottom:4px;font-size:13px;display:block}.field input{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--fg);border-radius:6px;padding:8px 10px;font-size:14px}.error{color:var(--danger);margin-bottom:16px;font-size:13px}.tree{border:1px solid var(--border);border-radius:8px;overflow:hidden}.tree-project{background:var(--card);border-bottom:1px solid var(--border);padding:12px 16px;font-weight:600}.tree-volume{border-bottom:1px solid var(--border)}.tree-volume:last-child{border-bottom:none}.tree-volume-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;padding:10px 16px;display:flex}.tree-volume-header:hover{background:var(--card)}.tree-volume-code{color:var(--muted);margin-right:8px;font-weight:400}.tree-count{color:var(--muted);font-size:13px}.tree-sections{padding:0 16px 12px 32px}.tree-section{border-bottom:1px dashed var(--border);justify-content:space-between;padding:6px 0;font-size:13px;display:flex}.tree-section:last-child{border-bottom:none}.tree-section-code{color:var(--muted);margin-right:8px}.badge{background:var(--border);color:var(--muted);border-radius:4px;margin-left:6px;padding:1px 6px;font-size:11px;display:inline-block}