.hostui{--night-base:#0a0f17;--night-mid:#0d141f;--champagne:#eec98b;--accent:#799fc3;--text-high:#f2f5f9;--text-muted:#9fadbf;--text-faint:#74839a;--line:rgba(255,255,255,0.1);--surface:rgba(255,255,255,0.04);min-height:100svh;font-family:var(--font-sans),system-ui,sans-serif;color:var(--text-high);background:radial-gradient(85% 45% at 50% 0,rgba(121,159,195,.12),transparent 65%),linear-gradient(180deg,var(--night-mid) 0,var(--night-base) 32%)}.hostui .font-display{font-family:var(--font-display),Georgia,serif;font-variation-settings:"SOFT" 0,"WONK" 0;letter-spacing:-.012em}.hostui .kicker{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint)}.hostui .panel{background:var(--surface);border:1px solid var(--line);border-radius:14px}.hostui .row{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:12px;transition:background .15s}.hostui .row:hover{background:rgba(255,255,255,.07)}.hostui fieldset{border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.02)}.hostui legend{color:var(--text-high)}.hostui fieldset.bare{border:0;background:transparent;padding:0}.hostui .set-row{display:grid;gap:.5rem;padding:1.15rem 0}@media (min-width:768px){.hostui .set-row{grid-template-columns:15rem minmax(0,1fr);gap:.5rem 1.75rem;align-items:start}}.hostui .set-row>:first-child{font-size:.875rem}.hostui .set-row .desc{display:block;margin-top:.2rem;color:var(--text-muted)}.hostui .set-status{position:absolute;right:100%;top:.35rem;margin-right:.6rem;white-space:nowrap;font-size:.75rem;color:var(--text-faint)}.hostui .set-rail button{display:block;width:auto;text-align:left;padding:.4rem .75rem;border-radius:999px;font-size:.8125rem;font-weight:500;color:var(--text-muted);border:1px solid var(--line);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.hostui .set-rail button:hover{background:rgba(255,255,255,.06);color:var(--text-high)}.hostui .set-rail button[data-active=true]{background:color-mix(in srgb,var(--accent) 16%,transparent);border-color:color-mix(in srgb,var(--accent) 55%,transparent);color:var(--text-high)}@media (min-width:1024px){.hostui .set-rail button{width:100%;border:0;border-radius:9px;padding:.5rem .7rem}.hostui .set-rail button[data-active=true]{border:0;font-weight:600}}.hostui .switch{position:relative;display:inline-block;width:42px;height:24px}.hostui .switch input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.hostui .switch .track{pointer-events:none;position:absolute;inset:0;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid var(--line);transition:background .16s,border-color .16s}.hostui .switch .track:after{content:"";position:absolute;top:50%;left:2px;width:18px;height:18px;border-radius:999px;background:#cbd5e1;transform:translateY(-50%);transition:transform .18s ease,background .16s}.hostui .switch input:checked+.track{background:var(--accent);border-color:transparent}.hostui .switch input:checked+.track:after{transform:translate(18px,-50%);background:#0a0f17}.hostui .switch input:focus-visible+.track{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.hostui .choice{display:block;cursor:pointer;padding:.85rem .95rem;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025);transition:background .15s,border-color .15s}.hostui .choice:hover{background:rgba(255,255,255,.055)}.hostui .choice:has(:checked){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 20%,transparent);box-shadow:inset 0 0 0 1px var(--accent)}.hostui .choice-card{position:relative;display:block;cursor:pointer;padding:.85rem 2.75rem .9rem .95rem;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025);transition:background .15s,border-color .15s,color .15s}.hostui .choice-card:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.2)}.hostui .choice-card:has(:checked){background:var(--accent);border-color:var(--accent);color:#0a0f17;box-shadow:0 10px 26px -14px rgba(121,159,195,.9)}.hostui .choice-card:has(:checked) .text-gray-600{color:rgba(10,15,23,.75)}.hostui .choice-card:has(:checked):after{content:"✓";position:absolute;top:.8rem;right:.85rem;display:grid;place-items:center;width:1.4rem;height:1.4rem;border-radius:999px;background:rgba(10,15,23,.88);color:var(--accent);font-size:.8rem;font-weight:700;line-height:1}.hostui .pill-choice{display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;padding:.4rem .85rem;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.03);color:var(--text-muted);font-size:.875rem;transition:background .15s,border-color .15s,color .15s}.hostui .pill-choice:hover{background:rgba(255,255,255,.08);color:var(--text-high)}.hostui .pill-choice:has(:checked){background:var(--accent);border-color:var(--accent);color:#0a0f17;font-weight:650}.hostui .pill-choice:has(:checked):before{content:"✓";font-weight:700}.hostui .choice-card:has(:focus-visible),.hostui .pill-choice:has(:focus-visible){outline:2px solid var(--text-high);outline-offset:2px}html:has(.hostui){scroll-behavior:smooth;color-scheme:dark}.hostui ::-webkit-scrollbar{width:10px;height:10px}.hostui ::-webkit-scrollbar-track{background:transparent}.hostui ::-webkit-scrollbar-thumb{background:rgba(255,255,255,.16);border-radius:999px;border:2px solid transparent;background-clip:content-box}.hostui ::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.28);background-clip:content-box}.hostui .settings-savebar{background:color-mix(in srgb,var(--night-mid) 82%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.35)}.hostui input:not([type]),.hostui input[type=datetime-local],.hostui input[type=email],.hostui input[type=number],.hostui input[type=text],.hostui input[type=url],.hostui select,.hostui textarea{background:rgba(255,255,255,.06);border:1px solid var(--line);color:var(--text-high);border-radius:10px}.hostui input::placeholder,.hostui textarea::placeholder{color:var(--text-faint)}.hostui select{color-scheme:dark}.hostui optgroup,.hostui option{background-color:var(--night-mid);color:var(--text-high)}.hostui input:focus,.hostui select:focus,.hostui textarea:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 60%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}.hostui input[type=checkbox],.hostui input[type=radio],.hostui input[type=range]{accent-color:var(--accent)}.hostui input[type=color]{background:transparent;border:1px solid var(--line);border-radius:10px}.hostui .btn-primary{background:var(--accent);color:#0a0f17;font-weight:650;border-radius:10px;transition:filter .15s,transform .15s}.hostui .btn-primary:hover:not(:disabled){filter:brightness(1.08)}.hostui .btn-primary:active:not(:disabled){transform:translateY(1px)}.hostui .btn-quiet{border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--text-high);border-radius:10px;transition:background .15s,border-color .15s}.hostui .btn-quiet:hover:not(:disabled){background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.2)}.hostui .btn-danger{background:rgba(244,63,94,.14);border:1px solid rgba(244,63,94,.35);color:#fda4af;border-radius:10px}.hostui .btn-danger:hover:not(:disabled){background:rgba(244,63,94,.24)}.hostui a{text-underline-offset:3px}.hostui .bg-white{background-color:var(--surface)}.hostui .bg-gray-50{background-color:rgba(255,255,255,.05)}.hostui .bg-gray-200,.hostui .bg-gray-300{background-color:rgba(255,255,255,.1)}.hostui .bg-gray-900{background-color:rgba(255,255,255,.14)}.hostui .hover\:bg-gray-100:hover,.hostui .hover\:bg-gray-50:hover{background-color:rgba(255,255,255,.08)}.hostui .file\:bg-gray-100::file-selector-button{background-color:#cbd5e1;color:#0a0f17}.hostui .border-gray-200,.hostui .border-gray-300{border-color:var(--line)}.hostui .text-gray-400{color:var(--text-faint)}.hostui .text-gray-500,.hostui .text-gray-600{color:var(--text-muted)}.hostui .text-gray-700,.hostui .text-gray-900{color:var(--text-high)}.hostui .bg-green-100{background-color:rgba(52,211,153,.14)}.hostui .text-green-800{color:#6ee7b7}.hostui .bg-green-500,.hostui .bg-green-700{background-color:#15803d}.hostui .bg-amber-100{background-color:rgba(238,201,139,.14)}.hostui .text-amber-800{color:#f0d3a0}.hostui .bg-red-100{background-color:rgba(244,63,94,.12)}.hostui .text-red-600,.hostui .text-red-700,.hostui .text-red-800{color:#fda4af}.hostui .bg-red-500,.hostui .bg-red-600,.hostui .bg-red-700{background-color:#be123c}.hostui .bg-indigo-50{background-color:rgba(129,140,248,.12)}.hostui .bg-emerald-100{background-color:rgba(52,211,153,.14)}.hostui .text-emerald-800{color:#6ee7b7}.hostui .bg-sky-50{background-color:rgba(125,211,252,.11)}.hostui .text-sky-900{color:var(--text-high)}.hostui .bg-violet-100{background-color:rgba(196,181,253,.14)}.hostui .text-violet-800{color:#ddd6fe}.hostui .border-amber-300{border-color:rgba(238,201,139,.35)}.hostui .text-amber-900{color:#f0d3a0}.hostui .host-toggle>div{border-color:var(--line)}.hostui .host-toggle button{color:var(--text-faint)}.hostui .host-toggle button:hover{background:rgba(255,255,255,.06);color:var(--text-high)}.hostui .host-toggle button[aria-pressed=true]{background:rgba(255,255,255,.12);color:var(--text-high)}.hostui .host-toggle a{border-color:var(--line);color:var(--text-faint)}.hostui .host-toggle a:hover{background:rgba(255,255,255,.06);color:var(--text-high)}.hostui .host-toggle .locale-menu{background:var(--night-mid);border-color:var(--line);box-shadow:0 18px 50px -12px rgba(0,0,0,.65)}.hostui table{border-collapse:collapse}.hostui thead tr{border-color:var(--line)}.hostui tbody tr:hover{background:rgba(255,255,255,.035)}.hostui .divide-gray-100>*+*,.hostui .divide-gray-200>*+*{border-color:var(--line)}.hostui .bg-amber-50,.hostui .bg-amber-50\/50{background-color:rgba(238,201,139,.09)}.hostui .border-amber-200{border-color:rgba(238,201,139,.3)}.hostui .text-amber-700{color:#f0d3a0}.hostui .bg-red-50{background-color:rgba(244,63,94,.12)}.hostui .text-red-900{color:#fda4af}.hostui .text-emerald-700,.hostui .text-green-700{color:#6ee7b7}.hostui .bg-gray-100{background-color:rgba(255,255,255,.07)}.hostui .text-gray-800{color:var(--text-high)}