:root{--bg: #ffffff;--fg: #111111;--muted: #666666;--border: #e0e0e0;--accent: #2481cc;--accent-fg: #ffffff;--surface: #f7f8fa}:root[data-theme=dark]{--bg: #18181b;--fg: #f4f4f5;--muted: #a1a1aa;--border: #2e2e33;--accent: #5eb1f0;--accent-fg: #0a0a0c;--surface: #232328}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:var(--bg);color:var(--fg);min-height:100vh;line-height:1.45}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}.title{font-size:17px;font-weight:600}.lang-btn{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:4px 10px;font-size:13px;color:var(--fg);cursor:pointer}main{padding:28px 20px;max-width:520px;margin:0 auto}.greeting{font-size:22px;font-weight:600;margin:0 0 6px}.subtitle{color:var(--muted);margin:0 0 24px;font-size:14px}.role-list{display:flex;flex-direction:column;gap:12px}.role-btn{display:block;width:100%;text-align:left;padding:16px 18px;background:var(--surface);border:1px solid var(--border);border-radius:10px;font-size:16px;color:var(--fg);cursor:pointer;transition:background .12s,border-color .12s}.role-btn:hover{border-color:var(--accent)}.role-btn .role-title{font-weight:600;display:block;margin-bottom:2px}.role-btn .role-sub{display:block;color:var(--muted);font-size:13px;font-weight:400}.status{color:var(--muted);text-align:center;padding:40px 0;font-size:14px}.error{background:#fee;color:#c00;border:1px solid #fbb;border-radius:6px;padding:12px 14px;margin-top:20px;font-size:14px}:root[data-theme=dark] .error{background:#3b1f1f;color:#ffb4b4;border-color:#5a2e2e}