:root{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#edf1f5;background:#0b1015;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header,main{max-width:1440px;margin:auto;padding:26px 5%}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #26313a;font-size:12px;letter-spacing:1px}.brand{display:flex;align-items:center;gap:12px;font-weight:700}.mark{color:#b9f77b;font-size:24px}.tag{padding:4px 8px;border:1px solid #34434b;border-radius:5px;font-size:10px;letter-spacing:1px;color:#b3c0c9}a{color:#a3b2bf;text-decoration:none}.intro{display:flex;justify-content:space-between;gap:30px;padding:36px 0 44px}.eyebrow{font-size:11px;letter-spacing:2px;color:#b9f77b}h1{font-size:clamp(38px,5vw,64px);line-height:1.05;letter-spacing:-2px;margin:22px 0}h1 span{color:#8796a4}.intro p:not(.eyebrow),footer,.note{color:#94a4b1;font-size:13px;line-height:1.7}.sync{align-self:center;text-align:right;min-width:230px}.sync>span{font-size:13px;color:#b9f77b}.sync p{margin:7px 0}.sync small{display:block;color:#94a4b1;margin-top:8px}button{cursor:pointer;background:#b9f77b;color:#17220d;border:0;border-radius:7px;padding:12px 18px;font:inherit;font-size:12px;font-weight:650;margin-top:12px}button:disabled{opacity:.6;cursor:wait}.auto{display:block;margin-top:16px;font-size:12px;color:#adbac4}input[type=checkbox]{accent-color:#b9f77b}.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:20px 0}h2{font-size:17px;font-weight:550;letter-spacing:-.3px}.sectionhead>span{font-size:11px;color:#94a4b1}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.card{padding:22px;background:linear-gradient(135deg,#19242c,#11191f);border:1px solid #2b3842;border-radius:12px}.card h3{font-size:13px;color:#bcc9d4;margin:0 0 24px}.version{font-size:34px;letter-spacing:-1px;margin:0 0 8px}.build{font-family:ui-monospace,monospace;color:#b9f77b;font-size:12px}.card p:last-child{color:#94a4b1;font-size:11px;line-height:1.8;margin-bottom:0}.note{font-size:11px}.catalog{margin-top:40px;border-top:1px solid #28333c}.quiet{background:transparent;color:#adbac4;border:1px solid #34434b;margin:0}.filters{display:grid;grid-template-columns:2fr 1fr 1.5fr 1fr;gap:12px;margin:18px 0 24px}.filters label{font-size:11px;color:#a5b5c0}.filters input,.filters select{display:block;width:100%;margin-top:8px;padding:12px;background:#141d24;color:#edf1f5;border:1px solid #34434b;border-radius:6px;font:inherit;font-size:12px}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:2px solid #b9f77b;outline-offset:3px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#92a3b0;padding:15px 12px;background:#131c23;white-space:nowrap}td{padding:18px 12px;border-bottom:1px solid #26313a;vertical-align:top;line-height:1.6}td small{display:block;color:#94a4b1;font-size:10px}td:nth-child(2){font-family:ui-monospace,monospace}td:nth-child(3),td:nth-child(4){white-space:nowrap}summary{cursor:pointer;color:#b9f77b}details p{max-width:290px;max-height:170px;overflow:auto;word-break:break-word;color:#adbac4}footer{margin:40px 0 10px;font-size:11px}#error{padding:16px;border:1px solid #a36b39;background:#30251a;border-radius:8px;color:#ffd5a6;font-size:13px}#empty{padding:20px;color:#a5b5c0}@media(max-width:800px){.intro{flex-direction:column}.sync{align-self:stretch;text-align:left}.filters{grid-template-columns:1fr 1fr}.sectionhead>span{display:none}header,main{padding-left:20px;padding-right:20px}.cards{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.version{font-size:28px}}@media(prefers-reduced-motion:no-preference){button:hover{filter:brightness(1.08)}}

/* Explicit dimensions avoid native Safari select/search height differences. */
.filters input,.filters select{height:44px;min-height:44px;box-sizing:border-box;line-height:20px;margin-bottom:0;appearance:none;-webkit-appearance:none}
.filters select{padding-right:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23a5b5c0' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}
.cards{align-items:start}.card h3{margin-bottom:20px}.branch+.branch{border-top:1px solid #2b3842;margin-top:18px;padding-top:16px}.branch-label{color:#94a4b1;font-size:10px;letter-spacing:.6px;margin-bottom:6px}.branch-version{font-size:23px;letter-spacing:-.5px;margin:0 0 10px}.branch-details summary{font-size:11px;line-height:1.6}.branch-details .variant{border-top:1px solid #34434b;padding-top:12px;margin-top:12px}.branch-details p{font-size:11px;line-height:1.7;color:#94a4b1}.branch-details .device-list{max-height:150px;overflow:auto;overflow-wrap:anywhere}.branch-latest .version{margin-bottom:12px}

.filters{grid-template-columns:2fr 1fr 1fr}.cards{align-items:stretch}.platform-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;width:100%;height:205px;margin:0;color:#edf1f5;font-weight:400;white-space:normal}.platform-name{font-size:13px;color:#bcc9d4;min-height:34px;line-height:17px;margin-bottom:12px}.platform-card .version{display:block;margin:0 0 8px}.card-hint{font-size:11px;color:#94a4b1;margin-top:auto}.platform-card[aria-expanded=true]{border-color:#b9f77b}.platform-releases{background:#11191f;border:1px solid #34434b;border-radius:12px;padding:22px;margin-top:18px}.platform-releases h3{font-size:15px;margin:0 0 20px}.branches{display:flex;flex-wrap:wrap;align-items:flex-start;gap:18px}.branches .branch{flex:0 0 auto;width:200px;max-width:100%;height:136px;border:1px solid #2b3842;border-radius:8px;margin:0;padding:16px;min-width:0}.branches .branch-version{margin-bottom:12px}@media(max-width:800px){.filters{grid-template-columns:1fr 1fr}.filters label:first-child{grid-column:1/-1}}

/* Compact shared header; catalog has its own page. */
.topbar{display:flex;align-items:center;justify-content:flex-start;gap:24px;height:76px;padding-top:0;padding-bottom:0;white-space:nowrap;letter-spacing:0}
.topbar h1{display:flex;align-items:center;gap:10px;font-size:17px;line-height:1.2;font-weight:650;letter-spacing:-.3px;margin:0}
.topbar nav{display:flex;gap:5px;font-size:12px}.topbar nav a{padding:10px 12px;border-radius:6px}.topbar nav a[aria-current=page]{background:#1a252c;color:#edf1f5}
.topbar .sync{display:flex;align-items:center;gap:16px;margin-left:auto;min-width:0;text-align:left;font-size:11px}.topbar .sync>span{font-size:11px;color:#b9f77b}.sync time{color:#94a4b1}.topbar .auto{display:flex;align-items:center;gap:5px;margin:0;font-size:11px}.auto input{margin:0}.topbar button{font-size:11px;padding:10px 13px;margin:0}
main{padding-top:14px}.sectionhead{margin:16px 0 22px}h2{margin:0}.catalog{margin:0;border:0}footer{margin:26px 0 0;font-size:10px}.sectionhead>span{font-size:11px}#error{margin:12px 0}
@media(max-width:1100px){.sync time{display:none}.topbar{gap:16px}.topbar .sync{gap:10px}}
@media(max-width:800px){.topbar{gap:12px;height:66px}.topbar h1{font-size:15px}.topbar nav a{padding:9px 8px}.topbar .sync>span,.topbar .auto{display:none}}
@media(max-width:480px){.topbar{gap:8px;padding-left:12px;padding-right:12px}.topbar h1{gap:5px;font-size:13px}.topbar .mark{font-size:19px}.topbar nav{gap:0;font-size:11px}.topbar nav a{padding:8px 6px}.topbar .sync button{font-size:0;padding:9px;width:34px}.topbar .sync button:before{content:'↻';font-size:16px}}

.variant-trigger{display:block;padding:0;margin:8px 0 0;background:transparent;color:#b9f77b;font-size:11px;font-weight:500;text-align:left;line-height:1.6}
body.modal-open{overflow:hidden}.variants-dialog{padding:0;width:min(700px,calc(100% - 32px));max-height:85dvh;background:#11191f;color:#edf1f5;border:1px solid #3a4b57;border-radius:14px;box-shadow:0 24px 100px #0008;overflow:auto}.variants-dialog::backdrop{background:#05090dba;backdrop-filter:blur(4px)}.dialog-header{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 24px;border-bottom:1px solid #2b3842;background:#11191f}.dialog-header h2{font-size:16px;line-height:1.5}.dialog-header button{white-space:nowrap;margin:0}.dialog-body{padding:4px 24px 24px}.dialog-body .variant{padding-top:20px}.dialog-body .variant+.variant{border-top:1px solid #2b3842;margin-top:24px}.dialog-body h3{font-size:14px;margin:0 0 8px}.variant-dates{font-size:12px;color:#94a4b1;line-height:1.7}.device-count{font-size:12px;color:#bcc9d4;margin:18px 0 10px}.device-grid{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.device-grid li{font-family:ui-monospace,monospace;font-size:11px;line-height:1.5;border:1px solid #2b3842;background:#19242c;border-radius:5px;padding:5px 8px;overflow-wrap:anywhere;max-width:100%}@media(max-width:480px){.dialog-header{padding:16px;gap:10px}.dialog-header h2{font-size:14px}.dialog-body{padding:0 16px 16px}}
