:root{color-scheme:dark;font-family:"Segoe UI",Arial,sans-serif;color:#eef3fc;background:#0b1120;font-synthesis:none;--accent:#22d3ee;--muted:#98a8bf;--md-sys-color-primary:#22d3ee;--md-sys-color-on-primary:#08202a;--md-sys-color-surface:#121c2e;--md-sys-color-surface-container:#182338;--md-sys-color-surface-container-high:#1d2a40;--md-sys-color-surface-container-highest:#233149;--md-sys-color-on-surface:#eef3fc;--md-sys-color-on-surface-variant:#afbdd2;--md-sys-color-secondary-container:#193b48;--md-sys-color-on-secondary-container:#d3f7ff;--md-sys-color-outline:#65758d;--md-sys-color-outline-variant:#2b3b53;--md-sys-color-error:#ffb4ab;--md-dialog-container-shape:22px;--text-color:#eef3fc;--danger-color:#ffb4ab;--roboto-font:"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% 12%,#12304455,transparent 60%)}button,select,input{font:inherit}button,select,summary,.family,.ack{-webkit-tap-highlight-color:transparent}
header{height:76px;border-bottom:1px solid #202b3d;padding:0 max(24px,calc((100vw - 1040px)/2));display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:10px;color:#f3f7ff;font-size:25px;font-weight:750;letter-spacing:-.9px;text-decoration:none}.brand-icon{width:30px;height:30px;border-radius:9px;background:var(--accent);color:#08202a;text-align:center;line-height:29px;font-size:26px}.brand-label{border-left:1px solid #344056;padding-left:12px;margin-left:4px;font-size:13px;font-weight:500;letter-spacing:0;color:var(--muted)}.header-note{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.header-note i{width:6px;height:6px;border-radius:50%;background:#3bd6a4}
main{max-width:800px;margin:auto;padding:36px 24px 20px}.intro{text-align:center;margin-bottom:28px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--accent);margin:0 0 10px}h1{font-size:clamp(26px,4vw,34px);font-weight:700;letter-spacing:-1px;margin:0 0 10px}.intro>p:last-child{color:var(--muted);font-size:14px;margin:0;line-height:1.5}.installer{border:1px solid #29364c;border-radius:20px;padding:26px;background:#111a2b;box-shadow:0 16px 50px #0003}.section-heading{display:flex;align-items:center;gap:10px}.step{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#213046;color:#b2c2d9;font-size:12px;font-weight:700;flex-shrink:0}h2{font-size:15px;font-weight:650;margin:0}.hint{margin-left:auto;color:#7e90aa;font-size:11px}
.families{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0 24px;border:0;padding:0;min-width:0}.family{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:17px 8px 14px;border-radius:12px;background:#162135;border:1px solid #2a3850;cursor:pointer;transition:background .15s,border-color .15s}.family:hover{border-color:#5c748a;background:#1a2940}.family:has(input:checked){border-color:var(--accent);background:#123241;box-shadow:inset 0 0 0 1px #22d3ee33}.family:has(input:disabled){cursor:wait;opacity:.6}.family input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:inherit}.family:has(input:focus-visible){outline:2px solid #9ef1ff;outline-offset:3px}.family svg{width:30px;height:30px;color:#9cabc1;margin-bottom:10px}.family:has(input:checked) svg{color:var(--accent)}.family strong{font-size:14px;font-weight:650}.family small{color:var(--muted);font-size:11px;margin-top:5px}.variant-heading{margin-bottom:12px}
select{width:100%;background:#0e1728;color:#edf4ff;border:1px solid #34445f;border-radius:10px;min-height:47px;padding:10px 36px 10px 13px;font-size:14px;cursor:pointer;text-overflow:ellipsis}select:disabled{cursor:wait;color:var(--muted)}.board-info{margin:13px 0 0;padding:14px 16px;background:#172237;border-radius:10px}.board-title{display:flex;justify-content:space-between;gap:10px;align-items:center}.board-title strong{font-size:13px;font-weight:650}.badge{color:#9ee3d0;background:#173d38;border-radius:5px;padding:4px 7px;font-size:10px;white-space:nowrap}.badge.pending{color:#e7bd79;background:#3a3023}.board-info p{color:#a6b5ca;font-size:12px;line-height:1.65;margin:9px 0}.features{display:flex;gap:6px;flex-wrap:wrap}.features span{border:1px solid #34445a;border-radius:5px;padding:4px 7px;font-size:10px;color:#bac7d9}
.install-section{margin-top:22px;padding-top:20px;border-top:1px solid #273449}.ack{display:flex;gap:9px;align-items:flex-start;margin:15px 0;color:#b4c0d4;font-size:12px;line-height:1.5;cursor:pointer}.ack input{margin:1px 0 0;width:16px;height:16px;accent-color:var(--accent);flex-shrink:0}.primary{display:block;width:100%;min-height:47px;border:0;border-radius:10px;background:var(--accent);color:#08202a;font-size:14px;font-weight:750;cursor:pointer;transition:background .15s}.primary:hover:not(:disabled){background:#67e8f9}.primary:disabled{background:#243247;color:#7c8fa9;cursor:not-allowed}esp-web-install-button{display:block}#status{text-align:center;font-size:11px;line-height:1.6;color:var(--muted);margin:10px 0 0;min-height:18px}#status[data-error=true],.error{color:#ffb4ab}.error{font-size:12px;line-height:1.5;text-align:center}.retry{display:block;margin:8px auto 0;padding:5px 12px;background:transparent;color:var(--accent);border:1px solid #2d5565;border-radius:7px;font-size:12px;cursor:pointer}
.help{margin-top:16px;border:1px solid #273449;border-radius:12px;background:#111a2baa}.help summary{display:flex;justify-content:space-between;padding:15px 18px;cursor:pointer;font-size:12px;font-weight:600;color:#bcc9db;list-style:none}.help summary::-webkit-details-marker{display:none}.help[open] summary span{transform:rotate(180deg)}.help ol{margin:0 20px 15px;padding-left:18px;font-size:12px;line-height:1.7;color:var(--muted)}.help li{padding:0 0 9px 4px}.help p{margin:0 20px 18px;font-size:11px;color:var(--muted)}.help strong{color:#d7e1ef;font-weight:600}footer{display:flex;gap:12px;justify-content:space-between;font-size:10px;color:#6e819c;padding:20px 4px 0;line-height:1.6}:focus-visible{outline:2px solid #9ef1ff;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}[hidden]{display:none!important}
@media(max-width:540px){header{height:62px;padding:0 18px}.brand{font-size:23px}.brand-label,.header-note{display:none}main{padding:25px 14px 16px}.intro{margin-bottom:22px}.intro>p:last-child{font-size:12px}.installer{padding:20px 16px;border-radius:16px}.hint{display:none}.families{gap:7px}.family{padding:15px 5px 12px}.family strong{font-size:12px}.family small{font-size:10px}.board-title{align-items:flex-start}footer{flex-direction:column;gap:3px;text-align:center}}