:root{--bg:#0d1117;--surface:#161b22;--surface2:#1c2333;--border:#30363d;--text:#c9d1d9;--text-h:#f0f6fc;--text-dim:#8b949e;--red:#f85149;--green:#3fb950;--blue:#58a6ff;--yellow:#d29922;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--sans);background:var(--bg);color:var(--text);font-size:14px}#root{min-height:100vh}a{color:var(--blue);text-decoration:none}button{font-family:var(--sans)}.page{max-width:960px;margin:0 auto;padding:16px}.page-wide{max-width:100%;padding:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:16px}.btn{cursor:pointer;border:1px solid var(--border);background:var(--surface);height:36px;color:var(--text);border-radius:6px;padding:0 16px;font-size:13px;font-weight:500;transition:background .15s}.btn:hover{background:var(--surface2)}.btn-primary{background:var(--blue);color:#fff;border-color:var(--blue)}.btn-primary:hover{opacity:.9}.btn-sm{height:28px;padding:0 10px;font-size:12px}.btn-active{background:var(--blue);color:#fff;border-color:var(--blue)}.nav{border-bottom:1px solid var(--border);background:var(--surface);align-items:center;gap:24px;padding:12px 16px;display:flex}.nav-brand{color:var(--red);letter-spacing:1px;font-size:16px;font-weight:600}.nav-link{color:var(--text-dim);cursor:pointer;padding:4px 0;font-size:13px}.nav-link:hover,.nav-link.active{color:var(--text-h)}.nav-spacer{flex:1}