:root { --primary:#005ac1; --primary-container:#d9e2ff; --on-primary-container:#001a41; --surface:#f8f9ff; --surface-container:#edf0fa; --surface-high:#e3e7f2; --on-surface:#191c20; --on-variant:#42474f; --outline:#727780; --outline-variant:#c2c7d0; --error:#ba1a1a; }
* { box-sizing:border-box; }
body { min-width:320px; min-height:100vh; margin:0; color:var(--on-surface); background:var(--surface); font-family:Roboto,system-ui,sans-serif; }
button,input,select,textarea { font:inherit; }
button { cursor:pointer; }
.grid-glow { position:fixed; inset:0; z-index:-1; opacity:.5; background:radial-gradient(circle at 8% 15%,#d9e2ff 0,transparent 31rem),radial-gradient(circle at 92% 85%,#d4e3ff 0,transparent 33rem),linear-gradient(90deg,rgba(0,90,193,.035) 1px,transparent 1px),linear-gradient(rgba(0,90,193,.035) 1px,transparent 1px); background-size:auto,auto,28px 28px,28px 28px; }
.topbar { width:min(1180px,calc(100% - 48px)); height:82px; margin:auto; display:flex; align-items:center; justify-content:space-between; }
.brand { display:inline-flex; gap:10px; align-items:center; color:inherit; font-size:18px; text-decoration:none; letter-spacing:-.3px; }.brand b { color:var(--primary); }.brand-mark { width:36px; height:36px; display:grid; place-items:center; border-radius:12px 12px 4px 12px; color:#fff; background:var(--primary); font-family:'Roboto Mono',monospace; font-size:18px; }
.text-link { display:flex; gap:5px; align-items:center; color:var(--on-variant); font-size:14px; text-decoration:none; }.text-link:hover { color:var(--primary); }.text-link .material-symbols-outlined { font-size:18px; }
.download-layout { width:min(1100px,calc(100% - 48px)); min-height:calc(100vh - 142px); margin:auto; display:grid; grid-template-columns:minmax(0,1.04fr) minmax(380px,.96fr); gap:66px; align-items:center; padding:55px 0 72px; }
.eyebrow { margin:0 0 14px; color:var(--primary); font-family:'Roboto Mono',monospace; font-size:11px; font-weight:500; letter-spacing:.12em; }.pulse { display:inline-block; width:7px; height:7px; margin-right:6px; border-radius:50%; background:#1d9c52; box-shadow:0 0 0 4px rgba(29,156,82,.14); }
h1,h2,h3,p { margin-top:0; }.hero h1,.admin-heading h1 { max-width:620px; margin-bottom:22px; font-size:clamp(42px,5.1vw,72px); letter-spacing:-.066em; line-height:.99; }.hero h1 em,.admin-heading h1 em { color:var(--primary); font-style:normal; }.hero-copy { max-width:510px; color:var(--on-variant); font-size:17px; line-height:1.65; }.trust-row { display:flex; flex-wrap:wrap; gap:18px; margin-top:31px; color:var(--on-variant); font-size:13px; }.trust-row span { display:flex; gap:6px; align-items:center; }.trust-row .material-symbols-outlined { color:var(--primary); font-size:18px; }
.release-stack { display:grid; gap:14px; }.release-card,.empty-card { padding:26px 27px 20px; border:1px solid var(--outline-variant); border-radius:24px; background:rgba(248,249,255,.86); box-shadow:0 12px 32px rgba(39,57,82,.07); }.release-stable { border-color:#9cb7e9; }.release-beta { background:rgba(237,240,250,.86); }.channel-topline { display:flex; justify-content:space-between; align-items:center; }.channel-label,.status-pill { padding:5px 9px; border-radius:8px; background:var(--primary-container); color:var(--on-primary-container); font-size:12px; font-weight:700; }.version { color:var(--on-variant); font-family:'Roboto Mono',monospace; font-size:13px; }.release-card h2 { margin:17px 0 8px; font-size:20px; letter-spacing:-.4px; }.release-card>p { min-height:40px; margin-bottom:17px; color:var(--on-variant); font-size:14px; line-height:1.5; }.release-meta { display:flex; justify-content:space-between; gap:12px; margin-bottom:17px; color:var(--outline); font-size:12px; }.release-meta code { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.download-button,.primary-button { width:100%; min-height:48px; display:flex; align-items:center; justify-content:center; gap:9px; border:0; border-radius:15px; color:#fff; background:var(--primary); font-weight:700; }.download-button:hover,.primary-button:hover { background:#004a9f; }.download-button:disabled { opacity:.7; cursor:wait; }.download-button .material-symbols-outlined,.primary-button .material-symbols-outlined { font-size:20px; }.release-card details { margin-top:16px; color:var(--on-variant); font-size:12px; }.release-card summary { cursor:pointer; }.release-card details p { margin:11px 0 4px; }.checksum { display:block; overflow-wrap:anywhere; color:var(--outline); font-family:'Roboto Mono',monospace; font-size:10px; }.empty-card { min-height:230px; display:grid; place-items:center; align-content:center; text-align:center; }.empty-card .material-symbols-outlined,.empty-admin .material-symbols-outlined { color:var(--primary); font-size:40px; }.empty-card h2 { margin:12px 0 6px; }.empty-card p,.empty-admin p { color:var(--on-variant); }footer { padding:0 24px 27px; color:var(--outline); text-align:center; font-family:'Roboto Mono',monospace; font-size:10px; letter-spacing:.1em; }
.admin-topbar { border-bottom:1px solid var(--outline-variant); }.admin-user { display:flex; align-items:center; gap:9px; color:var(--on-variant); font-size:13px; }.admin-user form { margin:0; }.icon-button { display:grid; width:36px; height:36px; place-items:center; border:0; border-radius:50%; background:transparent; color:var(--on-variant); }.icon-button:hover { background:var(--surface-high); }.admin-layout { width:min(1180px,calc(100% - 48px)); margin:0 auto; padding:66px 0 80px; }.admin-heading h1 { max-width:810px; margin-bottom:45px; font-size:clamp(35px,4vw,61px); }.stat-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-bottom:25px; }.stat-grid article { min-height:170px; padding:22px; border-radius:22px; background:var(--surface-container); }.stat-grid .material-symbols-outlined { color:var(--primary); }.stat-grid p { margin:14px 0 4px; color:var(--on-variant); font-size:13px; }.stat-grid strong { display:block; font-size:31px; letter-spacing:-1px; }.stat-grid small { display:block; margin-top:10px; color:var(--outline); font-size:11px; line-height:1.4; }.admin-columns { display:grid; grid-template-columns:minmax(310px,.78fr) minmax(0,1.22fr); gap:20px; align-items:start; }.panel { padding:25px; border:1px solid var(--outline-variant); border-radius:25px; background:rgba(248,249,255,.8); }.panel-heading { display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:20px; }.panel-heading .eyebrow { margin-bottom:5px; }.panel-heading h2 { margin:0; font-size:22px; letter-spacing:-.6px; }.panel-heading>.material-symbols-outlined { color:var(--primary); font-size:26px; }.release-form { display:grid; grid-template-columns:1fr 1fr; gap:14px; }.release-form label { display:grid; gap:7px; color:var(--on-variant); font-size:13px; }.release-form .wide { grid-column:1/-1; }.release-form input,.release-form select,.release-form textarea { width:100%; border:1px solid var(--outline); border-radius:10px; padding:11px; color:var(--on-surface); background:transparent; }.release-form textarea { min-height:105px; resize:vertical; }.file-field { padding:13px; border:1px dashed var(--outline); border-radius:12px; }.file-field input { padding:0; border:0; border-radius:0; }.switch-row { grid-template-columns:auto 1fr; align-items:center; }.switch-row input { width:18px; height:18px; accent-color:var(--primary); }.release-list { display:grid; gap:3px; }.release-row { display:flex; justify-content:space-between; gap:16px; padding:16px 0; border-bottom:1px solid var(--outline-variant); }.release-row:last-child { border-bottom:0; }.release-row h3 { margin:8px 0 4px; font-size:15px; }.release-row code { color:var(--outline); font-family:'Roboto Mono',monospace; font-size:10px; overflow-wrap:anywhere; }.status-pill { display:inline-block; background:var(--surface-high); color:var(--on-variant); }.status-pill.active { background:#b8f5cc; color:#003916; }.row-actions { min-width:90px; display:grid; justify-items:end; align-content:center; gap:10px; color:var(--outline); font-size:12px; }.row-actions form { margin:0; }.secondary-button { border:1px solid var(--outline); border-radius:14px; padding:8px 12px; color:var(--primary); background:transparent; font-size:12px; font-weight:700; }.secondary-button:hover { background:var(--primary-container); }.empty-admin { min-height:260px; display:grid; place-items:center; align-content:center; text-align:center; }
@media (max-width:760px) { .topbar,.download-layout,.admin-layout { width:min(100% - 32px,560px); }.topbar { height:70px; }.text-link { font-size:0; }.download-layout { display:block; padding:45px 0; }.hero { margin-bottom:41px; }.hero h1,.admin-heading h1 { font-size:45px; }.hero-copy { font-size:16px; }.trust-row { gap:11px; }.release-card { padding:23px 20px 18px; }.admin-layout { padding-top:43px; }.admin-heading h1 { margin-bottom:30px; }.stat-grid { grid-template-columns:1fr; }.stat-grid article { min-height:125px; }.admin-columns { grid-template-columns:1fr; }.panel { padding:20px; }.admin-user>span:last-of-type { display:none; }.release-row { display:block; }.row-actions { margin-top:13px; grid-template-columns:auto 1fr; justify-items:start; align-items:center; }.release-form { grid-template-columns:1fr; }.release-form .wide { grid-column:auto; } }