@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:Roboto Mono,monospace;background-color:#fff;color:#000}body{min-height:100vh;min-height:100dvh;padding:20px;padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom))}.container{max-width:420px;margin:0 auto}header{text-align:center;margin-bottom:24px}.logo{width:40px;height:40px;margin-bottom:12px}header h1{font-size:1.25rem;font-weight:700;margin-bottom:12px}.badge{display:inline-block;background:#f5f5f5;border:2px solid #000;padding:8px 14px;font-family:Roboto Mono,monospace;font-size:.7rem}.card{border:2px solid #000;box-shadow:4px 4px #000;padding:20px;margin-bottom:20px;background:#fff}.card h2{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:16px;color:#000}.hidden{display:none!important}#scanner-container{margin-bottom:16px;border:2px solid #000;overflow:hidden}#qr-reader{width:100%}#qr-reader video{display:block}.divider{display:flex;align-items:center;margin:16px 0;color:#666;font-size:.75rem;text-transform:uppercase;letter-spacing:1px}.divider:before,.divider:after{content:"";flex:1;height:2px;background:#000}.divider span{padding:0 12px}.input-group{display:flex;gap:8px}.input-group input{flex:1;background:#f5f5f5;border:2px solid #000;padding:14px;font-family:Roboto Mono,monospace;font-size:.8rem;color:#000}.input-group input::placeholder{color:#999}.input-group button{background:#000;border:2px solid #000;box-shadow:3px 3px #000;padding:14px 18px;color:#fff;font-family:Roboto Mono,monospace;font-weight:700;cursor:pointer;transition:all .1s ease}.input-group button:active{box-shadow:1px 1px #000;transform:translate(2px,2px)}.connected-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;font-weight:700;font-size:.85rem}.status-dot{width:10px;height:10px;background:#000;border:2px solid #000}.secondary-btn{width:100%;background:#fff;border:2px solid #000;box-shadow:3px 3px #000;padding:12px;font-family:Roboto Mono,monospace;font-weight:700;cursor:pointer;transition:all .1s ease}.secondary-btn:active{box-shadow:1px 1px #000;transform:translate(2px,2px)}.request-card{background:#f5f5f5;border:2px solid #000;padding:16px;margin-bottom:16px}.request-method{display:inline-block;background:#000;color:#fff;padding:4px 10px;font-size:.7rem;font-family:Roboto Mono,monospace;font-weight:700;margin-bottom:12px;text-transform:uppercase}.request-message{background:#fff;border:2px solid #000;padding:12px;font-family:Roboto Mono,monospace;font-size:.8rem;line-height:1.5;white-space:pre-wrap;word-break:break-word;margin-bottom:12px}.request-description{color:#666;font-size:.75rem}.action-buttons{display:flex;gap:12px}.reject-btn,.approve-btn{flex:1;padding:16px;border:2px solid #000;font-family:Roboto Mono,monospace;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .1s ease}.reject-btn{background:#fff;color:#000;box-shadow:3px 3px #000}.approve-btn{background:#000;color:#fff;box-shadow:3px 3px #000}.reject-btn:active,.approve-btn:active{box-shadow:1px 1px #000;transform:translate(2px,2px)}.log{background:#f5f5f5;border:2px solid #000;padding:12px;max-height:150px;overflow-y:auto;font-family:Roboto Mono,monospace;font-size:.65rem;line-height:1.8}.log-entry{color:#666}.log-entry.info{color:#000;font-weight:700}.log-entry.success{color:#000}.log-entry.error{color:#000;text-decoration:underline}#qr-reader__scan_region{background:transparent!important}#qr-reader__dashboard{padding:10px!important;background:#f5f5f5!important}#qr-reader__dashboard_section_swaplink{display:none!important}#qr-reader__dashboard button{background:#fff!important;border:2px solid #000!important;color:#000!important;font-family:Roboto Mono,monospace!important;padding:8px 12px!important;cursor:pointer!important}
