:root{--deep-navy:#0a1020;--sky-navy:#182338;--coral:#ff6b4a;--teal:#40dccb;--paper:#e8ecf2;--mut:#94a3b8;--glow:color-mix(in srgb, var(--teal) 28%, transparent);--font-display:"Rubik", system-ui, sans-serif;--font-body:"Figtree", system-ui, sans-serif;--ease:cubic-bezier(.22, 1, .36, 1);font-family:var(--font-body);color:var(--paper);background:var(--deep-navy)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(900px 520px at 12% -10%, color-mix(in srgb, var(--coral) 22%, transparent), transparent 55%), radial-gradient(780px 480px at 92% 8%, color-mix(in srgb, var(--teal) 18%, transparent), transparent 50%), linear-gradient(165deg, #0c1424 0%, var(--deep-navy) 48%, #070b14 100%);-webkit-font-smoothing:antialiased;background-attachment:fixed;min-height:100dvh;margin:0}#root{min-height:100dvh}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.toss{color:var(--coral)}.shell{max-width:26rem;animation:rise .52s var(--ease) both;margin:0 auto;padding:clamp(2rem,8vh,4.5rem) 1.25rem 3rem;position:relative}.shell.wide{max-width:34rem}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.boot{text-align:center;place-items:center;gap:1rem;min-height:100dvh;display:grid}.boot-mark{width:4.5rem;height:4.5rem;box-shadow:0 18px 50px var(--glow);animation:pulse 1.6s var(--ease) infinite;border-radius:1.15rem}@keyframes pulse{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.08);transform:scale(1.04)}}.brand-block{margin-bottom:1.75rem}.brand-row{align-items:center;gap:.75rem;display:flex}.brand-row img{width:3rem;height:3rem;box-shadow:0 12px 32px var(--glow);border-radius:.85rem}.brand{font-family:var(--font-display);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,6vw,2.55rem);font-weight:800;line-height:1}.tag{color:var(--teal);letter-spacing:-.01em;margin:.65rem 0 0;font-weight:600}.tag-sub{color:var(--mut);max-width:22rem;margin:.35rem 0 0;font-size:.95rem}.card{background:color-mix(in srgb, var(--sky-navy) 78%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:rise .62s var(--ease) 80ms both;border:1px solid #ffffff1a;border-radius:1.15rem;gap:.95rem;padding:1.35rem 1.3rem 1.4rem;display:grid;box-shadow:0 24px 60px #00000059}label{letter-spacing:.02em;text-transform:uppercase;color:var(--mut);gap:.4rem;font-size:.82rem;font-weight:600;display:grid}input,select{font:inherit;text-transform:none;letter-spacing:normal;color:var(--paper);transition:border-color .18s var(--ease), box-shadow .18s var(--ease);background:#070c16;border:1px solid #ffffff1f;border-radius:.7rem;padding:.75rem .85rem;font-size:1rem;font-weight:500}input:focus,select:focus,.btn:focus-visible{border-color:var(--teal);box-shadow:0 0 0 3px color-mix(in srgb, var(--teal) 28%, transparent);outline:none}.btn{font:inherit;background:var(--coral);color:#fff;cursor:pointer;min-height:48px;transition:transform .16s var(--ease), filter .16s var(--ease), background .16s var(--ease);box-shadow:0 10px 28px color-mix(in srgb, var(--coral) 32%, transparent);border:none;border-radius:999px;padding:.8rem 1.2rem;font-weight:700}.btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn.ghost{box-shadow:none;color:var(--paper);background:0 0;border:1px solid #ffffff2e}.btn.ghost:hover{border-color:var(--teal)}.btn.secondary{border:1px solid color-mix(in srgb, var(--teal) 55%, transparent);color:var(--teal);box-shadow:none;background:0 0;margin-top:.25rem}.btn.block{width:100%}.err{color:#fbbf24;margin:0;font-size:.92rem}.muted,.hint{color:var(--mut);font-size:.92rem}.hint a{color:var(--teal);font-weight:600}.bar{flex-wrap:wrap;align-items:center;gap:.7rem;margin-bottom:1.5rem;display:flex}.bar strong{font-family:var(--font-display);letter-spacing:-.03em;font-size:1.15rem}.bar .spacer{flex:1}.section-head{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 .35rem;font-size:1.45rem}.host-list{gap:.75rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.host-list li{background:color-mix(in srgb, var(--sky-navy) 70%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:rise .5s var(--ease) both;border:1px solid #ffffff17;border-radius:1rem;justify-content:space-between;align-items:center;gap:.85rem;padding:1rem 1.05rem;display:flex}.host-list li:nth-child(2){animation-delay:60ms}.host-list li:nth-child(3){animation-delay:.12s}.host-meta{gap:.2rem;display:grid}.host-meta strong{font-family:var(--font-display);letter-spacing:-.02em}.host-meta span{color:var(--mut);font-size:.85rem}.pill{color:var(--teal);align-items:center;gap:.35rem;font-size:.75rem;font-weight:650;display:inline-flex}.pill:before{content:"";background:var(--teal);width:.45rem;height:.45rem;box-shadow:0 0 0 3px color-mix(in srgb, var(--teal) 25%, transparent);animation:pulse 1.8s var(--ease) infinite;border-radius:50%}.empty-hosts{border:1px dashed color-mix(in srgb, var(--teal) 35%, transparent);background:color-mix(in srgb, var(--sky-navy) 45%, transparent);color:var(--mut);text-align:center;border-radius:1rem;padding:1.4rem 1.1rem;line-height:1.5}.actions{gap:.65rem;margin-top:1.25rem;display:grid}.install-box{border:1px solid color-mix(in srgb, var(--teal) 30%, transparent);background:color-mix(in srgb, var(--sky-navy) 65%, transparent);border-radius:1rem;gap:.45rem;margin-top:1.35rem;padding:1rem 1.05rem;display:grid}.install-box strong{color:var(--teal);letter-spacing:.02em;text-transform:uppercase;font-size:.82rem}.install-box .cmd{color:#fff;white-space:nowrap;background:#070c16;border-radius:.55rem;padding:.55rem .65rem;font-size:.72rem;display:block;overflow-x:auto}.session{background:#05080f;grid-template-rows:auto 1fr auto;height:100dvh;display:grid;overflow:hidden}.toolbar{background:color-mix(in srgb, var(--sky-navy) 94%, #000);z-index:5;border-bottom:1px solid #ffffff14;flex-wrap:wrap;align-items:center;gap:.4rem;padding:.5rem .65rem;display:flex}.toolbar .btn{min-height:40px;box-shadow:none;padding:.45rem .8rem;font-size:.85rem}.chk,.mini{color:var(--mut);align-items:center;gap:.35rem;font-size:.8rem;display:inline-flex}.stage{touch-action:none;background:radial-gradient(circle at 50% 40%,#121a2a,#05080f 70%);position:relative;overflow:hidden}.screen{transform-origin:0 0;cursor:crosshair;max-width:none;box-shadow:0 30px 80px #0000008c}.drop-hint{color:var(--mut);pointer-events:none;background:color-mix(in srgb, var(--deep-navy) 70%, transparent);border-radius:999px;margin:0;padding:.35rem .55rem;font-size:.75rem;position:absolute;bottom:.85rem;right:.85rem}.softkeys{background:var(--sky-navy);border-top:1px solid #ffffff14;flex-wrap:wrap;gap:.35rem;padding:.55rem;display:flex}.softkeys button{font:inherit;color:var(--paper);cursor:pointer;background:#121a2a;border:1px solid #ffffff1f;border-radius:.55rem;min-height:40px;padding:.5rem .7rem}.soft-input{flex:1;min-width:8rem}html{background:#0a1020}body{margin:0}