:root{color:#14171f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}code{color:#1f4f7a;background:#fff;border:1px solid #d7dce7;border-radius:5px;padding:.1rem .35rem}#app{min-height:100svh}.home-shell{background:radial-gradient(circle at 18% 18%,#1f6f8b29,#0000 28%),linear-gradient(135deg,#f7f8fb 0%,#eef4f1 48%,#f9faf7 100%);place-items:center;min-height:100svh;padding:24px;display:grid}.hero-panel{width:min(760px,100%);padding:48px}.brand{color:#24566a;letter-spacing:.08em;text-transform:uppercase;margin-bottom:24px;font-size:15px;font-weight:700}.hero-panel h1{color:#10141d;max-width:680px;margin:0;font-size:clamp(40px,7vw,72px);font-weight:750;line-height:.98}.hero-panel p{color:#586170;max-width:640px;margin:24px 0 0;font-size:18px;line-height:1.6}.slug-form{gap:10px;width:min(560px,100%);margin-top:34px;display:flex}.slug-form input{color:#111827;background:#fff;border:1px solid #cad1dc;border-radius:8px;outline:none;flex:1;min-width:0;height:52px;padding:0 16px}.slug-form input:focus{border-color:#2f6b83;box-shadow:0 0 0 3px #2f6b8329}.slug-form button{color:#fff;cursor:pointer;background:#153342;border:0;border-radius:8px;height:52px;padding:0 22px;font-weight:700}.status{min-height:28px}.proxy-shell{background:#111827;grid-template-rows:auto 1fr;min-height:100svh;display:grid}.proxy-bar{color:#f9fafb;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;min-height:58px;padding:10px 16px;display:flex}.proxy-bar div{flex-direction:column;gap:2px;min-width:0;display:flex}.proxy-bar strong,.proxy-bar span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.proxy-bar span{color:#aab3c2;font-size:13px}.dot{background:#ef4444;border-radius:999px;flex:none;width:12px;height:12px}.dot.connected{background:#20d18b}.connect-state{color:#fff;text-align:center;align-content:center;place-items:center;gap:12px;padding:24px;display:grid}.connect-state h1{margin:0;font-size:32px}.connect-state p{color:#aab3c2;margin:0}@media (width<=640px){.hero-panel{padding:18px}.slug-form{flex-direction:column}.slug-form button{width:100%}}