:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#121722;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{min-width:320px;margin:0}button,select,input,a{font:inherit}.shell{box-sizing:border-box;min-height:100vh;padding:32px}.workspace{max-width:1180px;margin:0 auto}.masthead,.connect-panel,.repo-summary{justify-content:space-between;align-items:center;gap:24px;display:flex}.masthead{margin-bottom:36px}.dashboard-grid{grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr);gap:18px;margin-bottom:24px;display:grid}.onboarding{margin-bottom:24px}.flow-copy{max-width:760px;margin-bottom:16px}.flow-copy p:last-child{color:#4b5568;line-height:1.6}.flow-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.flow-steps div,.setup-panel{background:#fff;border:1px solid #dce3ef;border-radius:8px;box-shadow:0 18px 60px #26395b14}.flow-steps div{align-items:center;gap:10px;min-height:58px;padding:12px;display:flex}.flow-steps div.current{border-color:#60a5fa;box-shadow:inset 0 3px #60a5fa,0 18px 60px #26395b14}.flow-steps strong{color:#fff;background:#111827;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.86rem;display:inline-flex}.flow-steps span{color:#475569;font-weight:700;line-height:1.3}.setup-panel{margin-bottom:18px;padding:22px}.setup-panel h3{margin:0 0 8px}.setup-panel dl{gap:12px;margin:18px 0 0;display:grid}.setup-panel div{grid-template-columns:150px minmax(0,1fr);gap:16px;display:grid}.setup-panel dt{color:#475569;font-weight:800}.setup-panel dd{overflow-wrap:anywhere;margin:0}.eyebrow{color:#596276;letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:700}h1,h2,p{margin-top:0}h1{margin-bottom:12px;font-size:clamp(2.2rem,7vw,5rem);line-height:.95}h2{margin-bottom:8px}.lede{color:#4b5568;max-width:620px;font-size:1.15rem;line-height:1.6}.connect-panel,.repo-summary,.notice,.user-row,.picker-grid,.score-panel,.dimension-rail,.chart-panel{background:#fff;border:1px solid #dce3ef;border-radius:8px;box-shadow:0 18px 60px #26395b14}.connect-panel,.repo-summary{padding:28px}.score-panel,.chart-panel{padding:22px}.score-panel{grid-template-columns:.85fr 1.15fr;align-items:center;min-height:300px;display:grid}.score-panel h2{margin-bottom:2px;font-size:clamp(4rem,12vw,7rem);line-height:.9}.score-band{color:#64748b;text-transform:capitalize;font-weight:700}.wheel-chart{width:100%;min-height:260px}.dimension-rail{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px;display:grid}.dimension-button{color:#111827;cursor:pointer;text-align:left;background:#f8fafc;border:1px solid #dce3ef;border-radius:8px;min-height:132px;padding:16px}.dimension-button.active{border-color:var(--accent);box-shadow:inset 0 3px 0 var(--accent)}.dimension-button span,.dimension-button small{display:block}.dimension-button span{color:#475569;font-weight:800}.dimension-button strong{margin:10px 0 8px;font-size:2.2rem;line-height:1;display:block}.dimension-button small{color:#64748b;line-height:1.35}.chart-panel.wide{grid-column:span 2}.panel-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.panel-header h2{margin-bottom:0}.panel-header span{color:#64748b;font-size:.9rem;font-weight:700}.trend-chart{width:100%;min-height:280px}.breakdown-chart{width:100%;min-height:300px}.recommendations{flex-direction:column;gap:12px;display:flex}.recommendation,.finding{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:14px}.recommendation strong,.finding strong{margin-bottom:6px;display:block}.recommendation p,.finding p{color:#64748b;margin-bottom:0;line-height:1.45}.recommendation.quiet{opacity:.82}.finding-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.finding span{color:#475569;text-transform:uppercase;background:#e2e8f0;border-radius:999px;margin-bottom:10px;padding:3px 8px;font-size:.75rem;font-weight:800;display:inline-flex}.severity-high span{color:#991b1b;background:#fee2e2}.severity-medium span{color:#92400e;background:#fef3c7}.notice{color:#475569;margin-bottom:18px;padding:18px}.notice.error{color:#991b1b;border-color:#f5b4b4}.primary,.ghost{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;text-decoration:none;display:inline-flex}.primary{color:#fff;background:#111827;border:1px solid #111827}.ghost{color:#111827;background:#fff;border:1px solid #cbd5e1}.user-row{align-items:center;gap:12px;margin-bottom:18px;padding:14px;display:flex}.user-row img{border-radius:50%;width:42px;height:42px}.user-row span{color:#64748b;font-size:.92rem;display:block}.picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:18px;padding:18px;display:grid}.picker-grid.single{grid-template-columns:.8fr 1.1fr 1.1fr}.installation-summary{min-height:44px}.installation-summary span,.installation-summary small{display:block}.installation-summary span{color:#475569;margin-bottom:8px;font-size:.86rem;font-weight:700}.installation-summary strong{display:block}.installation-summary small{color:#64748b;margin-top:3px}label span{color:#475569;margin-bottom:8px;font-size:.86rem;font-weight:700;display:block}select,input{color:#111827;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;min-height:44px;padding:0 12px}code{font-size:.9em}@media (width<=760px){.shell{padding:20px}.masthead,.connect-panel,.repo-summary,.panel-header{flex-direction:column;align-items:flex-start}.dashboard-grid,.score-panel,.picker-grid,.picker-grid.single,.dimension-rail,.finding-grid,.flow-steps,.setup-panel div{grid-template-columns:1fr}.chart-panel.wide{grid-column:auto}}@media (prefers-color-scheme:dark){:root{color:#eef2f7;background:#111318}.lede,.eyebrow,.notice,.user-row span,label span,.installation-summary span,.installation-summary small,.flow-copy p:last-child,.flow-steps span,.setup-panel dt{color:#a9b4c5}.connect-panel,.repo-summary,.notice,.user-row,.picker-grid,.score-panel,.dimension-rail,.chart-panel,.flow-steps div,.setup-panel,.dimension-button,.recommendation,.finding,.ghost,select,input{color:#eef2f7;background:#171b22;border-color:#2b3442}.dimension-button,.recommendation,.finding{background:#1d232d}.score-band,.dimension-button span,.dimension-button small,.panel-header span,.recommendation p,.finding p{color:#a9b4c5}.primary{color:#111318;background:#eef2f7;border-color:#eef2f7}}
