*{box-sizing:border-box}body,html{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:#08080b}.app{--bg:#f7f7fa;--card:#fff;--text:#121216;--muted:#6d6d78;--line:#e6e6eb;--soft:#f0f0f5;--purple:#8b5cf6;--cyan:#06b6d4;min-height:100vh;background:var(--bg);color:var(--text);position:relative;overflow:hidden}.app.dark{--bg:#08080b;--card:#101015;--text:#f4f4f6;--muted:#90909d;--line:#25252e;--soft:#17171f}.ambient{position:absolute;border-radius:50%;filter:blur(100px);opacity:.14;pointer-events:none}.ambient-a{width:480px;height:480px;background:#7c3aed;top:-250px;left:8%}.ambient-b{width:420px;height:420px;background:#0891b2;top:680px;right:-260px}.nav{height:70px;max-width:1220px;margin:auto;padding:0 28px;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2}.brand,.nav{display:flex;align-items:center}.brand{gap:9px;font-weight:850;letter-spacing:-.03em}.brand-mark{display:grid;place-items:center;width:29px;height:29px;border:1px solid var(--line);border-radius:8px}.brand em{font-size:9px;letter-spacing:.14em;color:var(--purple);font-style:normal;margin-left:3px}.nav-right{gap:20px}.meta a,.nav a,.nav-right{display:flex;align-items:center}.meta a,.nav a{color:var(--muted);font-size:13px;text-decoration:none;gap:5px}.icon-btn{background:transparent;color:var(--text);border:1px solid var(--line);border-radius:8px;width:34px;height:34px;display:grid;place-items:center;cursor:pointer}.hero{max-width:930px;text-align:center;margin:96px auto 78px;padding:0 24px;position:relative;z-index:1}.eyebrow,.section-kicker{font-size:10px;font-weight:850;letter-spacing:.16em;color:var(--purple)}.eyebrow{display:inline-flex;gap:7px;align-items:center;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:var(--card)}h1{font-size:clamp(52px,8vw,94px);line-height:.91;letter-spacing:-.08em;margin:25px 0 23px;font-weight:900}h1 span{background:linear-gradient(100deg,#8b5cf6,#06b6d4);-webkit-background-clip:text;color:transparent}.hero-copy{max-width:650px;margin:auto;color:var(--muted);font-size:16px;line-height:1.7}.searchbar{max-width:690px;height:64px;margin:32px auto 0;border:1px solid var(--line);background:var(--card);box-shadow:0 18px 60px #00000015;border-radius:15px;display:flex;align-items:center;padding:6px 7px 6px 18px;gap:9px;text-align:left}.searchbar svg{color:var(--muted);flex:none}.prefix{color:var(--muted);font-size:14px}.searchbar input{border:0;outline:0;background:transparent;color:var(--text);font-size:15px;flex:1 1;min-width:80px}.searchbar button{height:50px;padding:0 20px;border:0;border-radius:10px;background:var(--text);color:var(--bg);font-weight:800;display:flex;align-items:center;gap:7px;cursor:pointer}.searchbar button:disabled{opacity:.65}.spinner{width:16px;height:16px;border:2px solid;border-right:2px solid transparent;border-radius:50%;animation:spin .7s linear infinite}.hero-hint{margin-top:15px;color:var(--muted);font-size:11px;display:flex;align-items:center;justify-content:center;gap:5px}.error{margin:14px auto 0;max-width:690px;padding:11px;border:1px solid #ef444455;background:#ef44440d;color:#ef7777;border-radius:9px;font-size:13px}.preview-grid{max-width:1220px;margin:0 auto 100px;padding:0 28px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:13px;gap:13px}.audit-card,.data-note,.empty-card,.loading-card,.panel,.preview-card,.profile-card,.recommend-card,.repo-card,.score-hero,.score-panel,.stat{border:1px solid var(--line);background:var(--card);border-radius:15px}.preview-card{min-height:205px;padding:24px;position:relative;transition:.25s}.preview-card:hover,.recommend-card:hover,.repo-card:hover{transform:translateY(-3px);border-color:#8b5cf655}.preview-icon{width:36px;height:36px;border-radius:9px;background:var(--soft);display:grid;place-items:center}.mini-num{position:absolute;right:22px;top:25px;color:var(--muted);font-size:10px}.preview-card h3{font-size:17px;margin:36px 0 8px}.preview-card p{color:var(--muted);font-size:13px;line-height:1.6;margin:0}.preview-card>svg{position:absolute;bottom:22px;right:22px;color:var(--muted)}.loading-card{max-width:600px;margin:-30px auto 100px;padding:50px;text-align:center;position:relative;z-index:2}.loader-ring{width:42px;height:42px;border:2px solid var(--line);border-top-color:var(--purple);border-radius:50%;animation:spin 1s linear infinite;margin:auto}.loading-card h3{margin:20px 0 5px}.loading-card p{color:var(--muted);font-size:13px}.dashboard{max-width:1220px;margin:0 auto 100px;padding:0 28px;position:relative;z-index:1}.profile-card{padding:25px;justify-content:space-between;gap:25px}.profile-card,.profile-main{display:flex;align-items:center}.profile-main{gap:18px}.avatar{width:78px;height:78px;border-radius:50%;border:2px solid var(--line)}.handle{font-size:11px;color:var(--purple);font-weight:750}.profile-card h2{margin:3px 0 5px;font-size:24px;letter-spacing:-.04em}.profile-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.5;max-width:720px}.meta{display:flex;gap:14px;margin-top:12px;color:var(--muted);font-size:11px;flex-wrap:wrap}.meta a,.meta span,.profile-link{display:flex;align-items:center;gap:5px}.profile-link{color:var(--text);font-size:12px;text-decoration:none;border:1px solid var(--line);padding:9px 12px;border-radius:8px;white-space:nowrap}.score-hero{margin-top:13px;padding:26px 30px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(120deg,var(--card),#8b5cf60a)}.score-hero h2{font-size:62px;letter-spacing:-.08em;margin:7px 0 3px}.score-hero h2 small{font-size:15px;letter-spacing:0;color:var(--muted);margin-left:5px}.score-hero p{color:var(--muted);font-size:12px;line-height:1.65;max-width:720px;margin:0}.score-hero strong{color:var(--text)}.score-ring{width:116px;height:116px;place-items:center;flex:none}.score-ring,.score-ring>div{border-radius:50%;display:grid}.score-ring>div{width:90px;height:90px;background:var(--card);place-items:center;align-content:center}.score-ring b{font-size:28px;letter-spacing:-.06em}.score-ring span{font-size:9px;color:var(--muted)}.stats-grid{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:10px;gap:10px;margin-top:13px}.stat{padding:16px 15px}.stat-top{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;gap:5px}.stat strong{display:block;font-size:25px;letter-spacing:-.06em;margin-top:13px}.stat small{color:var(--muted);font-size:8px}.tabs{display:flex;gap:5px;margin-top:35px;padding:5px;border:1px solid var(--line);background:var(--card);border-radius:12px;width:max-content}.tabs button{border:0;background:transparent;color:var(--muted);padding:9px 15px;border-radius:8px;font-size:12px;font-weight:750;cursor:pointer}.tabs button.active{background:var(--soft);color:var(--text)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin:48px 0 17px}.section-head h2{margin:5px 0 0;font-size:27px;letter-spacing:-.05em}.muted{color:var(--muted);font-size:11px}.insight-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:13px;gap:13px}.insight-column{min-width:0}.column-title{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800;margin:0 0 10px}.insight{border:1px solid var(--line);background:var(--card);border-radius:12px;padding:16px;margin-bottom:9px}.insight.strength{border-color:#22c55e2e}.insight.gap{border-color:#f59e0b2e}.insight.warning{border-color:#ef44442e}.insight h3{font-size:13px;margin:0 0 6px}.insight p{font-size:11px;line-height:1.65;color:var(--muted);margin:0}.insight small{display:block;font-size:9px;color:var(--purple);margin-top:9px}.empty-card{padding:22px;color:var(--muted);font-size:12px;line-height:1.6}.score-panel{padding:21px 23px}.score-row{padding:14px 0;border-bottom:1px solid var(--line)}.score-row:first-child{padding-top:0}.score-row:last-child{border:0;padding-bottom:0}.score-row-top{display:flex;justify-content:space-between;font-size:12px}.score-row-top b{font-size:11px}.score-track{height:7px;background:var(--soft);border-radius:999px;overflow:hidden;margin-top:8px}.score-fill{height:100%;background:linear-gradient(90deg,var(--purple),var(--cyan));border-radius:999px}.score-row p{color:var(--muted);font-size:10px;line-height:1.5;margin:7px 0 0}.charts-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:13px;gap:13px;margin-top:13px}.panel{padding:23px;min-height:320px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start}.panel-head h3{font-size:15px;margin:0}.panel-head p{font-size:10px;margin:5px 0;line-height:1.5}.panel-head p,.panel-head>svg{color:var(--muted)}.chart-row{display:flex;align-items:center}.donut-wrap{width:52%;display:grid;place-items:center;height:220px}.donut{width:164px;height:164px;border-radius:50%;display:grid;place-items:center;transition:transform .45s ease}.donut:hover{transform:rotate(8deg) scale(1.03)}.donut-hole{width:116px;height:116px;border-radius:50%;background:var(--card);display:grid;place-items:center;align-content:center}.donut-hole strong{font-size:28px;letter-spacing:-.06em}.donut-hole span{font-size:9px;color:var(--muted)}.legend{width:48%;display:flex;flex-direction:column;gap:9px}.legend-item{display:grid;grid-template-columns:10px 1fr auto;grid-gap:7px;gap:7px;align-items:center;font-size:11px}.legend-item i{width:7px;height:7px;border-radius:50%}.legend-item b{font-size:10px;color:var(--muted)}.repo-bars{margin-top:25px;display:flex;flex-direction:column;gap:15px}.bar-row{display:grid;grid-template-columns:110px 1fr 38px;align-items:center;grid-gap:10px;gap:10px;font-size:10px}.bar-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.bar-row>b{font-size:10px;text-align:right}.bar-track{height:9px;border-radius:999px;background:var(--soft);overflow:hidden}.bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--purple),var(--cyan));min-width:4px;animation:grow .8s ease both}.audit-list{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}.audit-card{padding:21px}.audit-card-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.audit-card-head>div:first-child span{font-size:11px;color:var(--muted)}.audit-card h3{font-size:31px;letter-spacing:-.06em;margin:4px 0}.audit-card h3 small{font-size:10px;color:var(--muted);letter-spacing:0;margin-left:4px}.audit-weight{font-size:9px;color:var(--purple);white-space:nowrap}.audit-card>p{font-size:11px;line-height:1.6;color:var(--muted);margin:3px 0 12px}.audit-card ul{margin:0;padding-left:16px}.audit-card li{font-size:10px;line-height:1.6;color:var(--muted);margin:4px 0}.data-note{display:flex;gap:11px;padding:17px;margin-top:13px}.data-note>svg{color:var(--purple);flex:none}.data-note strong{font-size:11px}.data-note p{font-size:10px;color:var(--muted);line-height:1.6;margin:5px 0 0}.recommend-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:13px;gap:13px}.recommend-card{padding:22px;position:relative;transition:.25s}.recommend-number{color:var(--purple);font-size:10px;font-weight:850;letter-spacing:.1em}.recommend-card h3{font-size:17px;letter-spacing:-.03em;margin:11px 0 9px}.recommend-card p{font-size:11px;line-height:1.65;color:var(--muted);margin:8px 0}.recommend-card .why{padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}.recommend-card .why strong{color:var(--text)}.stack{display:flex;flex-wrap:wrap;gap:5px;margin-top:13px}.stack span,.topic-row span{font-size:9px;padding:5px 7px;border-radius:999px;background:var(--soft);color:var(--muted);border:1px solid var(--line)}.repo-head{margin-top:48px}.repo-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:13px;gap:13px}.repo-card{padding:19px;text-decoration:none;color:var(--text);transition:.25s}.repo-title{display:flex;align-items:center;gap:8px}.repo-title h3{font-size:14px;margin:0;flex:1 1}.repo-card p,.repo-title>svg:last-child{color:var(--muted)}.repo-card p{font-size:11px;line-height:1.6;min-height:38px}.topic-row{gap:5px;margin:9px 0 12px}.repo-bottom,.topic-row{display:flex;flex-wrap:wrap}.repo-bottom{gap:13px;align-items:center;color:var(--muted);font-size:10px}.repo-bottom span{display:flex;align-items:center;gap:4px}.repo-bottom span:first-child{color:var(--text);font-weight:650}.activity-list{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:var(--card)}.activity{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none}.activity:last-child{border:0}.activity-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 5px #22c55e15}.activity div{flex:1 1}.activity b{display:block;font-size:12px}.activity small{display:block;font-size:10px;margin-top:4px}.activity small,.activity>svg{color:var(--muted)}.empty{height:220px;display:grid;place-items:center;font-size:12px}.empty,footer{color:var(--muted)}footer{max-width:1220px;margin:auto;padding:25px 28px 45px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:10px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes grow{0%{width:0!important}}@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:800px){.hero{margin-top:70px}.audit-list,.charts-grid,.insight-grid,.preview-grid,.recommend-grid,.repo-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.profile-card{align-items:flex-start;flex-direction:column}.profile-link{align-self:stretch;justify-content:center}.chart-row{flex-direction:column}.legend{width:100%;padding:10px 15px 0}.panel{min-height:0}.nav{padding:0 18px}.nav-right a{display:none}.score-hero{align-items:flex-start}.score-ring{width:92px;height:92px}.score-ring>div{width:72px;height:72px}.score-ring b{font-size:23px}.score-hero h2{font-size:48px}}@media(max-width:520px){h1{font-size:48px}.prefix{display:none}.searchbar{height:58px}.searchbar button{height:44px;padding:0 13px}.dashboard,.preview-grid{padding:0 15px}.profile-main{align-items:flex-start}.avatar{width:60px;height:60px}.score-hero{padding:21px}.score-hero p{font-size:11px}.score-ring{display:none}.tabs{width:100%;overflow:auto}.tabs button{flex:1 1;white-space:nowrap}.stat{padding:14px 12px}.stat strong{font-size:23px}footer{padding-left:15px;padding-right:15px;gap:15px;flex-direction:column}}