@layer components {
.pair-screen{min-height:100dvh;display:grid;place-items:center;padding:28px 18px;background:radial-gradient(ellipse at 50% 20%,#8ee3ca0a,transparent 60%)}.pair-card{width:100%;max-width:420px;border:1px solid #354b4c;border-radius:20px;padding:32px;background:#19242a;box-shadow:0 30px 90px #0004}.pair-brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:650;color:#c9eadf;margin-bottom:36px}.pair-brand .brand-mark{width:37px;height:39px}.pair-card h1{font-size:25px;letter-spacing:-.7px;margin-bottom:12px;line-height:1.3}.pair-card>p{font-size:12px;line-height:1.8;color:#98b0ba;margin-bottom:25px}.pair-card label{font-size:12px;display:block;margin-bottom:9px;color:#c8dce2}.pair-card input{width:100%;height:46px;border:1px solid #3b535b;border-radius:9px;background:#111d23;padding:0 13px;color:#edf3f5;font:inherit;font-size:14px;margin-bottom:20px}.pair-card #pairCode{font-family:ui-monospace,Consolas,monospace;font-size:18px;letter-spacing:2px;text-transform:uppercase}.pair-card .button{width:100%}.pair-card .error-banner{font-size:12px}.pair-card .pair-address{font-size:10px;color:#6f9198;overflow-wrap:anywhere;margin-top:22px;margin-bottom:0}.session-strip{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:-7px;margin-bottom:22px;color:#7f9da9;font-size:10px}.session-strip>span{min-width:0;overflow-wrap:anywhere}.session-strip>div{display:flex;gap:14px;flex:none}.session-link{border:0;background:none;color:#a1c5bc;padding:5px 0;font-size:10px}.session-link:hover{color:#d1f0e4}.device-dialog{width:620px}.device-dialog>.compose-body{padding-bottom:24px;max-height:65dvh}.device-dialog h2{font-size:19px}.device-row{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #ffffff0a;padding:14px 0;font-size:12px}.device-row>div{min-width:0}.device-row strong{display:block;font-weight:550;overflow-wrap:anywhere;color:#cde2e7}.device-row small{display:block;color:#8faab5;font-size:10px;line-height:1.7;margin-top:5px}.device-row .job-button{flex:none}.invite-panel{margin-top:27px;border:1px solid #36524a;background:#8ee3ca05;border-radius:10px;padding:17px}.invite-panel h3{font-size:13px;font-weight:600;color:#c9e5d9;margin:0 0 11px}.invite-panel p{font-size:11px;color:#91acae;line-height:1.7;margin-bottom:14px}.invite-controls{display:flex;gap:10px}.invite-controls select{min-width:0;flex:1;border:1px solid #3a5456;background:#142229;border-radius:8px;font-size:11px;padding:0 9px}.invite-controls .button{height:38px;font-size:11px;padding:0 12px}.invite-code{display:block;font:600 23px ui-monospace,Consolas,monospace;letter-spacing:2px;color:#b6efd9;margin:23px 0 10px;user-select:all;overflow-wrap:anywhere}#inviteNote{font-size:10px}#copyInvite{margin-top:6px}
}
@layer responsive {@media(max-width:600px){.pair-card{padding:26px 22px}.pair-card h1{font-size:23px}.pair-brand{margin-bottom:28px}.session-strip{font-size:10px;margin-top:0;margin-bottom:18px}.device-dialog{width:100vw}.device-row{align-items:flex-start}.device-row .job-button{font-size:10px;padding:5px 8px;max-width:110px}.invite-code{font-size:20px;letter-spacing:1.5px}.invite-controls{flex-wrap:wrap}.invite-controls select{min-height:40px}.invite-controls .button{min-height:40px}}}