@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@300;400;500&display=swap";:root{--ink: #0f0f0f;--paper: #f5f0e8;--paper-dim: #ede7d9;--paper-dark:#e0d8c8;--accent: #1a6b3c;--accent2: #c84b1f;--success: #1a6b3c;--error: #c84b1f;--warn: #b8860b;--mono: "IBM Plex Mono", monospace;--sans: "IBM Plex Sans", sans-serif;--radius: 2px;--shadow: 4px 4px 0px var(--ink)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:var(--paper);color:var(--ink);font-family:var(--sans)}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;background:var(--paper);background-image:repeating-linear-gradient(0deg,transparent,transparent 27px,rgba(0,0,0,.04) 28px);padding:2rem 1rem 4rem}header{text-align:center;margin-bottom:3rem}.logo{font-family:var(--mono);font-size:2.2rem;font-weight:600;letter-spacing:-.02em;color:var(--ink);border-bottom:3px solid var(--ink);display:inline-block;padding-bottom:4px}.logo span{color:var(--accent)}.tagline{font-family:var(--mono);font-size:.75rem;color:#666;margin-top:.4rem;text-transform:uppercase;letter-spacing:.12em}.card{background:var(--paper-dim);border:2px solid var(--ink);box-shadow:var(--shadow);padding:2.5rem 2rem;width:100%;max-width:420px;text-align:center;position:relative}.card h2{font-family:var(--mono);font-size:1.15rem;font-weight:600;margin-bottom:.75rem}.card p{font-size:.9rem;color:#444;line-height:1.6;margin-bottom:1.25rem}.btn-primary{font-family:var(--mono);font-size:.9rem;font-weight:600;background:var(--ink);color:var(--paper);border:2px solid var(--ink);padding:.7rem 2rem;cursor:pointer;letter-spacing:.05em;transition:background .1s,color .1s,box-shadow .1s;display:inline-block;margin-top:.5rem}.btn-primary:hover:not(:disabled){background:var(--accent);border-color:var(--accent);box-shadow:3px 3px 0 var(--ink)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{font-family:var(--mono);font-size:.8rem;background:transparent;color:#666;border:1px solid #aaa;padding:.5rem 1.4rem;cursor:pointer;margin-top:1rem;transition:border-color .15s,color .15s}.btn-ghost:hover{border-color:var(--ink);color:var(--ink)}.btn-copy{font-family:var(--mono);font-size:.75rem;font-weight:600;background:var(--ink);color:var(--paper);border:none;padding:.4rem .9rem;cursor:pointer;flex-shrink:0;transition:background .1s}.btn-copy:hover{background:var(--accent)}.btn-toggle{background:transparent;border:1px solid var(--ink);padding:0 .7rem;cursor:pointer;font-size:1rem;flex-shrink:0}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-bottom:1rem;border:2px solid var(--ink)}.status-dot.waiting{background:var(--warn);animation:blink 1.2s infinite}.status-dot.connected{background:var(--success)}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.qr-frame{border:3px solid var(--ink);display:inline-block;padding:12px;background:#f5f0e8;box-shadow:4px 4px 0 var(--ink);margin:1rem 0}.qr-frame img{display:block;width:240px;height:240px}.hint{font-family:var(--mono);font-size:.75rem;color:#666;margin-bottom:.5rem!important}.session-id{font-family:var(--mono);font-size:.7rem;color:#999;margin-bottom:1rem}.icon-lock{font-size:3rem;margin-bottom:1rem;display:block}.pulse-ring{width:60px;height:60px;border:3px solid var(--accent);border-radius:50%;margin:1.5rem auto 0;animation:pulse 1.5s ease-out infinite}@keyframes pulse{0%{transform:scale(.8);opacity:1}to{transform:scale(1.8);opacity:0}}.success-icon,.error-icon{font-family:var(--mono);font-size:2.5rem;font-weight:700;width:60px;height:60px;line-height:56px;border:3px solid;display:inline-block;margin-bottom:1rem}.success-icon{color:var(--success);border-color:var(--success)}.error-icon{color:var(--error);border-color:var(--error)}.password-box{display:flex;align-items:center;border:2px solid var(--ink);background:var(--paper);margin:1rem 0;overflow:hidden;box-shadow:3px 3px 0 var(--ink)}.password-text{font-family:var(--mono);font-size:1rem;padding:.6rem .8rem;flex:1;word-break:break-all;text-align:left}.input-group{display:flex;align-items:stretch;border:2px solid var(--ink);background:var(--paper);box-shadow:3px 3px 0 var(--ink);margin:1rem 0;overflow:hidden}.password-input{font-family:var(--mono);font-size:1rem;background:transparent;border:none;outline:none;padding:.7rem .8rem;flex:1;min-width:0;color:var(--ink)}.security-note{font-family:var(--mono);font-size:.7rem!important;color:#888!important;margin-top:1rem!important;margin-bottom:0!important}.spinner{width:36px;height:36px;border:3px solid var(--paper-dark);border-top-color:var(--ink);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1.2rem}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 480px){.page{padding:1.5rem 1rem 3rem}.logo{font-size:1.8rem}.card{padding:2rem 1.25rem}.qr-frame img{width:200px;height:200px}}