:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Hiragino Sans,sans-serif;line-height:1.6}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{margin:0}main{max-width:40rem;margin:0 auto;padding:1rem 1rem 6rem}header{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}header h1{overflow-wrap:anywhere;flex:1;margin:0;font-size:1.25rem}h2{margin-top:1.75rem;font-size:1.05rem}button{min-height:2.75rem;color:inherit;background:0 0;border:1px solid;border-radius:.5rem;padding:0 1rem;font-size:1rem}:is(button:not(:disabled),select:not(:disabled),label.inline:has(input:not(:disabled))){cursor:pointer}button:not(:disabled):hover{filter:brightness(1.15)}button:disabled{opacity:.4;cursor:not-allowed}button.danger{color:#c62828}button.link{border:none;min-height:auto;padding:0;text-decoration:underline}ul{padding:0;list-style:none}.profiles li,.results li{border:1px solid #8884;border-radius:.5rem;margin-bottom:.5rem;padding:.75rem}.profiles li.active{border-color:#2e7d32}.ssid{overflow-wrap:anywhere;font-weight:700}.actions{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.muted{opacity:.7;font-size:.9rem}.badge{border:1px solid #8888;border-radius:1rem;margin-left:.5rem;padding:0 .5rem;font-size:.8rem;display:inline-block}.badge.ok{color:#2e7d32;border-color:#2e7d32}.badge.ng{color:#c62828;border-color:#c62828}.results li.ng{border-color:#c62828}.message{background:#8882;border-radius:.5rem;padding:.75rem}.grid{gap:.75rem;display:grid}label{gap:.25rem;display:grid}label.inline{align-items:center;gap:.5rem;display:flex}input,select{min-height:2.5rem;padding:0 .5rem;font-size:1rem}input[type=checkbox]{width:1.25rem;height:1.25rem;min-height:auto}.networks li{padding:.25rem 0}.mock-banner{color:#000;text-align:center;background:#f9a825;padding:.25rem;font-size:.9rem}.status{border:1px solid #8884;border-radius:.75rem;margin:1rem 0;padding:1rem}.status .current{overflow-wrap:anywhere;margin:.25rem 0 .5rem;font-size:1.5rem;font-weight:700}.status .badge{margin-left:0}.pending-line{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.75rem;display:flex}.warn{background:#f9a82522;border-left:4px solid #f9a825;border-radius:.25rem;padding:.5rem .75rem}.name-row{flex-wrap:wrap;align-items:center;gap:.5rem;min-height:2.75rem;display:flex}.name-row .badge{margin-left:0}.props{grid-template-columns:max-content 1fr;gap:.1rem .75rem;margin:.25rem 0 0;font-size:.9rem;display:grid}.props dt{opacity:.7}.props dd{margin:0}.profiles li.editing{border-color:#1976d2}button.primary{color:#fff;background:#1976d2;border-color:#1976d2}button.small{min-height:2.25rem;padding:0 .75rem;font-size:.9rem}.add-open{margin:1rem 0}.add{border:1px solid #1976d2;border-radius:.75rem;margin:1.5rem 0;padding:0 1rem 1rem}h3{margin:1.25rem 0 .25rem;font-size:1rem}button.network{text-align:left;border-color:#8884;flex-wrap:wrap;align-items:center;gap:.25rem .5rem;width:100%;padding:.5rem .75rem;display:flex}button.network .badge{margin-left:0}.networks li{margin-bottom:.5rem}a.card-link{color:inherit;flex-wrap:wrap;align-items:center;gap:.25rem .75rem;min-height:2.75rem;text-decoration:none;display:flex}.things li{margin-bottom:.5rem}a.card-link{border:1px solid #8884;border-radius:.5rem;padding:.75rem}a.card-link:hover,a.card-link:focus-visible{border-color:#1976d2}.reason{color:#c62828;margin-top:.25rem}.toast{color:#fff;pointer-events:none;z-index:10;background:#333;border-radius:.5rem;width:min(36rem,100% - 2rem);padding:.75rem 1rem;transition:transform .2s;position:fixed;bottom:1rem;left:50%;transform:translate(-50%,150%);box-shadow:0 4px 16px #0006}.toast.show{transform:translate(-50%)}.toast.ok{background:#2e7d32}.toast.ng{background:#c62828}