:root{--bg:#f4f6f8;--surface:#fff;--ink:#182230;--muted:#687386;--border:#dfe4ea;--border-strong:#c8d0da;--accent:#3168d5;--accent-soft:#e9f0ff;--success:#268255;--success-soft:#eaf7ef;--danger:#c53b3b;--danger-soft:#fff0f0;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;font-family:var(--sans);color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,input{letter-spacing:0}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;height:64px;padding:0 32px;display:flex}.brand{color:var(--ink);align-items:center;gap:10px;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{background:var(--ink);color:#fff;border-radius:7px;place-items:center;width:34px;height:34px;display:grid}.api-status{color:var(--muted);align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.status-dot{background:var(--success);width:8px;height:8px;box-shadow:0 0 0 3px var(--success-soft);border-radius:50%}.api-status.offline .status-dot{background:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}main{flex:1;width:min(1120px,100% - 48px);margin:0 auto;padding:48px 0 64px}.page-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:36px;display:flex}.eyebrow{color:var(--accent);font:700 12px/1.2 var(--mono);margin:0 0 10px}h1{color:var(--ink);margin:0;font-size:34px;line-height:1.2}.heading-copy{color:var(--muted);margin:10px 0 0}.summary{color:var(--muted);border:1px solid var(--border);background:var(--surface);white-space:nowrap;border-radius:7px;align-items:center;gap:9px;padding:9px 12px;display:inline-flex}.summary strong{color:var(--ink)}.import-section{border-top:3px solid var(--accent);background:var(--surface);padding:24px;box-shadow:0 1px #0f172a08}.section-title,.profiles-toolbar{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.section-title svg{color:var(--success)}h2{color:var(--ink);margin:0;font-size:19px;line-height:1.3}.section-title p,.profiles-toolbar p{color:var(--muted);margin:5px 0 0;font-size:14px}.token-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;margin-top:22px;display:grid}.field,.edit-field{gap:7px;display:grid}label{color:var(--ink);font-size:13px;font-weight:650}input{box-sizing:border-box;border:1px solid var(--border-strong);width:100%;min-width:0;height:42px;color:var(--ink);font:inherit;background:#fff;border-radius:6px;outline:none;padding:0 12px}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}button{font:inherit}.primary-button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:6px;justify-content:center;align-items:center;gap:9px;height:42px;padding:0 18px;font-weight:650;display:inline-flex}button:disabled{cursor:not-allowed;opacity:.55}.primary-button:not(:disabled):hover{background:#273244}.notice{box-sizing:border-box;border:1px solid;border-radius:6px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:44px;margin-top:16px;padding:9px 12px;font-size:14px;display:grid}.notice.success{background:var(--success-soft);color:#17603a;border-color:#a7d8ba}.notice.error{background:var(--danger-soft);color:#9d2525;border-color:#efb2b2}.notice button{width:30px;height:30px;color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.profiles-section{margin-top:38px}.profiles-toolbar{border-bottom:1px solid var(--border);align-items:center;padding-bottom:15px}.icon-button{border:1px solid var(--border-strong);background:var(--surface);width:36px;height:36px;color:var(--muted);cursor:pointer;border-radius:6px;flex:0 0 36px;place-items:center;display:inline-grid}.icon-button:not(:disabled):hover{color:var(--ink);background:#f8fafc;border-color:#9aa5b3}.success-button{color:var(--success)}.danger-button{color:var(--danger)}.introduction-button{color:var(--accent);text-decoration:none}.profile-list{gap:10px;margin-top:14px;display:grid}.profile-row{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);border-radius:7px;grid-template-columns:52px minmax(180px,1fr) 130px auto;align-items:center;gap:16px;min-height:82px;padding:14px 16px;display:grid}.avatar-wrap{width:46px;height:46px;color:var(--muted);background:#e8edf2;border-radius:50%;place-items:center;display:grid;overflow:hidden}.avatar-wrap img{object-fit:cover;width:100%;height:100%}.profile-main{min-width:0}.profile-title-line{align-items:center;gap:8px;display:flex}.profile-title-line h3{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-title-line a{color:var(--muted);display:inline-flex}.profile-title-line a:hover{color:var(--accent)}h3{color:var(--ink);margin:0;font-size:15px}.profile-main>p{color:var(--muted);font:13px/1.4 var(--mono);margin:5px 0 0}.profile-meta{gap:3px;display:grid}.profile-meta span{color:var(--muted);text-transform:uppercase;font-size:11px}.profile-meta strong{color:var(--ink);font:13px/1.4 var(--mono);text-overflow:ellipsis;overflow:hidden}.profile-actions{gap:7px;display:flex}.edit-field input{height:38px}.state-panel{min-height:130px;color:var(--muted);border-bottom:1px solid var(--border);justify-content:center;align-items:center;gap:10px;display:flex}.empty-state{text-align:center;flex-direction:column}.empty-state div{gap:3px;display:grid}.empty-state strong{color:var(--ink)}.empty-state span{font-size:14px}footer{border-top:1px solid var(--border);color:var(--muted);text-align:center;background:var(--surface);padding:20px 32px;font-size:12px}.page-badge{color:var(--accent);background:var(--accent-soft);border-radius:999px;align-items:center;gap:7px;padding:7px 11px;font-size:12px;font-weight:700;display:inline-flex}.introduction-page{width:min(880px,100% - 48px)}.back-link{color:var(--muted);align-items:center;gap:7px;margin-bottom:24px;font-size:14px;font-weight:650;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--accent)}.introduction-state{min-height:320px;color:var(--muted);background:var(--surface);border:1px solid var(--border);justify-content:center;align-items:center;gap:10px;display:flex}.error-state{color:var(--danger)}.introduction-hero{background:var(--ink);color:#fff;border-radius:10px 10px 0 0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;padding:30px;display:grid}.introduction-avatar{color:#cbd5e1;background:#344154;border:3px solid #ffffff2e;border-radius:50%;place-items:center;width:88px;height:88px;display:grid;overflow:hidden}.introduction-avatar img{object-fit:cover;width:100%;height:100%}.introduction-identity .eyebrow{color:#8db3ff}.introduction-identity h1{color:#fff;font-size:30px}.introduction-identity>p:last-child{color:#b6c1cf;font:14px/1.4 var(--mono);margin:7px 0 0}.github-link{color:#fff;border:1px solid #ffffff47;border-radius:6px;align-items:center;gap:7px;padding:9px 12px;font-size:13px;font-weight:650;text-decoration:none;display:inline-flex}.github-link:hover{background:#ffffff14}.introduction-card{background:var(--surface);border:1px solid var(--border);border-top:0;border-radius:0 0 10px 10px;padding:30px}.introduction-card-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:20px;display:flex}.introduction-card-heading svg{color:var(--accent)}.introduction-copy{color:var(--ink);letter-spacing:.01em;margin:28px 0;font-size:18px;line-height:1.9}.introduction-empty{text-align:center;color:var(--muted);background:var(--bg);border:1px dashed var(--border-strong);border-radius:7px;margin:28px 0;padding:28px}.introduction-actions{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;padding-top:20px;display:flex}.introduction-actions p{color:var(--muted);margin:0;font-size:13px}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=720px){.topbar{padding:0 18px}main{width:min(100% - 32px,1120px);padding-top:32px}.page-heading{flex-direction:column;align-items:flex-start;margin-bottom:26px}h1{font-size:28px}.token-form{grid-template-columns:1fr}.profile-row{grid-template-columns:48px minmax(0,1fr) auto;gap:12px}.profile-meta{display:none}.profile-actions{border-top:1px solid var(--border);grid-column:2/4;padding-top:10px}.profile-actions .icon-button{flex:1}.page-badge{display:none}.introduction-page{width:min(100% - 32px,880px)}.introduction-hero{grid-template-columns:auto minmax(0,1fr);padding:22px}.introduction-avatar{width:68px;height:68px}.introduction-identity h1{font-size:24px}.github-link{grid-column:1/3;justify-content:center}.introduction-card{padding:22px}.introduction-actions{flex-direction:column;align-items:stretch}}