:root{--bg:#f3f4f6;--surface:#fff;--border:#e5e7eb;--text:#111827;--muted:#6b7280;--primary:#4f46e5;--primary-dark:#4338ca;--danger:#dc2626;--radius:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);max-width:100%;margin:0;padding:0;overflow-x:hidden}.app{min-height:100vh}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:20;align-items:center;gap:24px;height:52px;padding:0 20px;display:flex;position:sticky;top:0}.brand a{color:var(--text);align-items:center;gap:8px;font-size:17px;font-weight:500;text-decoration:none;display:flex}.brand .logo{width:auto;height:22px;display:block}.brand .brand-sub{color:var(--muted);font-size:15px;font-weight:600}.topbar nav{flex:1;gap:4px;display:flex}.topbar nav a{color:var(--muted);border-radius:6px;padding:6px 12px;font-size:14px;font-weight:500;text-decoration:none}.topbar nav a:hover{background:var(--bg);color:var(--text)}.topbar nav a.active{background:color-mix(in srgb, var(--primary) 12%, white);color:var(--primary-dark)}.who{color:var(--text);font-size:13px}main{max-width:1400px;margin:0 auto;padding:24px}@media (width<=640px){.topbar{gap:12px;height:48px;padding:0 12px}.topbar nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:0;overflow-x:auto}.topbar nav::-webkit-scrollbar{display:none}.topbar nav a{white-space:nowrap;padding:6px 8px}.who,.brand .brand-sub{display:none}main{padding:14px}}h1{margin:0 0 16px;font-size:22px}h2{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:24px 0 10px;font-size:15px}.muted{color:var(--muted)}button{font-family:inherit}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500}.btn:hover{background:var(--bg)}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-dark)}.btn.danger{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 40%, white)}.btn.sm{padding:3px 8px;font-size:12px}input,textarea,select{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:6px;width:100%;padding:7px 10px;font-family:inherit;font-size:14px}input:focus,textarea:focus,select:focus{outline:2px solid color-mix(in srgb, var(--primary) 40%, white);border-color:var(--primary)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.row{align-items:center;gap:8px;display:flex}.spacer{flex:1}a.link{color:var(--primary-dark)}