:root{--bg: #122A38;--fg: #F2F6F8;--muted: #9FB3BF;--accent: #2FB4D9;--danger: #FF8A80;--field: #0C1D27;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--fg);font:16px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}main{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}.card{width:min(100%,440px);text-align:center}.logo{width:96px;height:96px;margin-bottom:16px}h1{font-size:1.5rem;margin:0 0 8px}p{margin:0 0 16px;color:var(--muted)}form{display:flex;gap:8px;margin-top:8px}input{flex:1;min-width:0;font:inherit;font-size:1.25rem;letter-spacing:.08em;text-align:center;color:var(--fg);background:var(--field);border:1px solid #2A4656;border-radius:8px;padding:12px}input:focus{outline:2px solid var(--accent);border-color:transparent}button{font:inherit;font-weight:600;color:#061219;background:var(--accent);border:0;border-radius:8px;padding:12px 20px;cursor:pointer}button.quiet{background:transparent;color:var(--muted);text-decoration:underline;padding:8px}.error{color:var(--danger);min-height:1.4em;margin-top:12px}.host{font-family:ui-monospace,Menlo,Consolas,monospace;color:var(--fg)}.spinner{width:36px;height:36px;margin:0 auto 16px;border:3px solid #2A4656;border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation:none}}#app{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg)}#frame{width:100%;height:100%;border:0;display:block;background:var(--bg)}