:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color:#eef4ff;background-color:#0b0f1f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#1a2250,#0b0f1f 55%)}#app{width:100%;max-width:420px;padding:1rem}.landing-shell{display:grid;gap:.75rem}#roomCodeInput,button{width:100%;border:0;border-radius:10px;padding:.8rem .9rem;font-size:1rem;font-family:inherit}#roomCodeInput{background:#090e1ef2;color:#f3f6ff;border:1px solid #3b4a8f;text-align:center;letter-spacing:.2em;text-transform:uppercase}#roomCodeInput:focus{outline:2px solid #5b7bff;outline-offset:2px}button{color:#fff;background-color:#4f67ff;cursor:pointer}button:hover{background-color:#6078ff}.landing-header{display:flex;align-items:center;gap:.75rem}.logo{flex:0 0 auto;width:40px;height:40px;border-radius:6px;object-fit:cover}.product-text{flex:1 1 auto}.product-name{margin:0;font-size:1.1rem;color:#fff}.product-sub{margin:0;font-size:.82rem;color:#cfd8ff}.landing-instructions{margin:0 0 .25rem;font-size:.87rem;color:#c6d1ff}@media(max-width:420px){.landing-header{gap:.5rem}.product-name{font-size:1rem}.product-sub{font-size:.78rem}}.landing-footer{margin-top:.75rem;text-align:center}.cta-link{color:#cfe3ff;font-size:.92rem;text-decoration:underline}.cta-link:hover,.cta-link:focus{color:#fff}@media(max-width:420px){.cta-link{font-size:.86rem}}