:root{font-family:system-ui,-apple-system,'Malgun Gothic',sans-serif;color:#20352e;background:#f5f7f5}*{box-sizing:border-box}body{margin:0}.card{max-width:440px;margin:12vh auto;padding:36px;background:#fff;border:1px solid #dce6df;border-radius:24px;box-shadow:0 16px 70px #153b2410}.eyebrow{letter-spacing:3px;font-size:12px;font-weight:750;color:#4b7963}h1{font-size:28px;letter-spacing:-1px}p{font-size:14px;line-height:1.7;color:#66756d}label{display:block;font-size:14px;margin:24px 0 10px}input,button{font:inherit;width:100%;padding:14px;border:1px solid #c6d6cc;border-radius:10px}button{background:#235c44;color:#fff;border:0;cursor:pointer}input:focus{outline:2px solid #6da588;outline-offset:2px}[role=alert]{color:#ab302c;min-height:1em}.remote{height:100vh;display:flex;flex-direction:column;background:#17211c}.remote header{display:flex;justify-content:space-between;gap:12px;padding:14px 20px;background:#fff;font-size:14px}.remote #screen{flex:1;min-height:0}@media(max-width:500px){.card{margin:8vh 16px;padding:26px}.remote header{flex-direction:column}}