:root{color-scheme:dark;font-family:Segoe UI,Helvetica Neue,sans-serif;background:radial-gradient(circle at top left,rgba(87,124,255,.22),transparent 24rem),radial-gradient(circle at 85% 15%,rgba(62,220,152,.16),transparent 20rem),linear-gradient(180deg,#07111f,#030712 58%,#02040a);color:#e5eefb;--surface: rgba(7, 16, 31, .84);--surface-strong: rgba(8, 19, 37, .95);--surface-soft: rgba(13, 27, 50, .7);--border: rgba(125, 162, 255, .18);--text: #e5eefb;--muted: #93a7c4;--accent: #79a8ff;--accent-strong: #95f5c6;--danger: #ff8d88;--shadow: 0 24px 80px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;color:var(--text);background:transparent}button,input,select{font:inherit}a{color:inherit}.app-shell{position:relative;min-height:100vh;overflow:hidden;padding:32px 20px 48px}.background-orb{position:fixed;inset:auto;width:18rem;height:18rem;border-radius:999px;filter:blur(28px);opacity:.35;pointer-events:none}.orb-one{top:4rem;right:6rem;background:#5699ff40}.orb-two{bottom:4rem;left:4rem;background:#3adfa12e}.hero,.dashboard{position:relative;z-index:1;width:min(1280px,100%);margin:0 auto}.hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);gap:20px;align-items:end;margin-bottom:22px}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:var(--accent-strong)}.hero h1,.panel h2,.details-card h4,.compare-card h3,.repo-card h3,.details-header h3{margin:0}.hero h1{max-width:13ch;font-size:clamp(2.5rem,5vw,4.4rem);line-height:.96}.hero-copy,.panel-copy,.repo-description,.muted-text{color:var(--muted)}.hero-copy{max-width:66ch;margin:18px 0 0;font-size:1.02rem;line-height:1.6}.panel{border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow);border-radius:24px;padding:22px}.hero-metrics{display:grid;gap:16px;align-self:stretch}.hero-metrics div,.details-summary div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:12px}.hero-metrics div:last-child,.details-summary div:last-child{border-bottom:0;padding-bottom:0}.hero-metrics span,.details-summary dt,.repo-stats dt,.detail-list dt{color:var(--muted)}.hero-metrics strong,.details-summary dd,.repo-stats dd,.detail-list dd{margin:0;font-size:1.1rem}.dashboard{display:grid;gap:20px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:20px;align-items:start}.panel-heading{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:20px}.panel-copy{margin:0;max-width:34ch;line-height:1.5;text-align:right}.search-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.field{display:grid;gap:8px}.field-query{grid-column:span 2}.field span{font-size:.88rem;color:var(--muted)}.field input,.field select,.button,.icon-button{border-radius:14px;border:1px solid rgba(131,163,255,.22);background:#091425eb;color:var(--text)}.field input,.field select{min-height:46px;padding:0 14px;outline:none}.field input:focus,.field select:focus,.button:focus,.icon-button:focus{border-color:#79a8ffe6;box-shadow:0 0 0 3px #79a8ff29}.repo-grid,.comparison-grid,.details-grid{display:grid;gap:16px}.repo-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.repo-card,.compare-card,.details-card{border-radius:20px;border:1px solid rgba(255,255,255,.08);background:var(--surface-soft);padding:18px}.repo-card{transition:transform .18s ease,border-color .18s ease,background .18s ease}.repo-card:hover{transform:translateY(-2px);border-color:#79a8ff6b}.repo-card.selected,.repo-card.active{border-color:#95f5c694}.repo-card-header,.compare-card-top,.details-header{display:flex;justify-content:space-between;gap:14px}.repo-card-header{align-items:center}.avatar{width:44px;height:44px;border-radius:14px}.avatar.small{width:28px;height:28px;border-radius:8px}.repo-owner{margin:0 0 4px;color:var(--accent-strong);font-size:.84rem}.repo-description{min-height:68px;line-height:1.55}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;background:#79a8ff29;color:#dfe9fd;font-size:.8rem}.pill.subtle{background:#ffffff0f;color:var(--muted)}.repo-stats,.detail-list,.details-summary{display:grid;gap:10px}.repo-stats{grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 16px}.repo-stats div,.detail-list div{border-radius:14px;background:#ffffff08;padding:12px}.repo-actions,.pagination{display:flex;gap:10px;justify-content:space-between;align-items:center}.button,.icon-button{cursor:pointer;transition:border-color .18s ease,transform .18s ease,background .18s ease}.button{min-height:42px;padding:0 16px;background:linear-gradient(135deg,#79a8ff47,#95f5c638)}.button.ghost,.icon-button{background:#ffffff0a}.button:hover,.icon-button:hover{transform:translateY(-1px);border-color:#79a8ff75}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.state-card{border-radius:18px;border:1px dashed rgba(125,162,255,.26);background:#050b15b3;padding:22px;color:var(--muted)}.error-state{border-color:#ff8d885c;color:#ffd4d1}.comparison-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.metric-stack{display:grid;gap:12px;margin:18px 0}.metric-row{display:grid;gap:8px}.metric-labels{display:flex;justify-content:space-between;gap:12px}.metric-bar-track{height:10px;border-radius:999px;background:#ffffff0f;overflow:hidden}.metric-bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#79a8ff,#95f5c6)}.details-content{display:grid;gap:18px}.details-header{align-items:start}.details-summary{min-width:min(100%,280px)}.details-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.details-list{list-style:none;margin:14px 0 0;padding:0}.details-list li{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}.details-list li:last-child{border-bottom:0;padding-bottom:0}.list-identity{display:flex;align-items:center;gap:10px}.muted-row{color:var(--muted)}code{padding:4px 8px;border-radius:10px;background:#79a8ff24}@media(max-width:1080px){.hero,.dashboard-grid,.details-grid,.search-grid{grid-template-columns:1fr}.field-query{grid-column:auto}.panel-copy{text-align:left}}@media(max-width:760px){.app-shell{padding:20px 14px 32px}.hero h1{max-width:none}.panel,.repo-card,.compare-card,.details-card{border-radius:18px}.repo-actions,.pagination,.panel-heading,.compare-card-top,.details-header,.details-list li{flex-direction:column;align-items:stretch}}
