.components-module__F9oz_G__panel{flex-direction:column;gap:16px;padding:24px;display:flex}.components-module__F9oz_G__panelTitle{color:var(--text-primary);font-size:1.1rem;font-weight:600}.components-module__F9oz_G__idBox{border:1px solid var(--glass-border);border-radius:var(--border-radius-sm);font-family:var(--font-mono);letter-spacing:1px;background:#0003;align-items:center;gap:12px;padding:10px 14px;font-size:1.1rem;display:flex}.components-module__F9oz_G__roomId{color:var(--accent-secondary);flex-grow:1;font-weight:700}.components-module__F9oz_G__iconBtn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.components-module__F9oz_G__iconBtn:hover{color:var(--text-primary);background:#ffffff14;transform:scale(1.05)}.components-module__F9oz_G__qrContainer{border-top:1px dashed var(--glass-border);flex-direction:column;align-items:center;gap:12px;margin-top:8px;padding-top:16px;display:flex}.components-module__F9oz_G__qrWrapper{background:#fff;border-radius:8px;padding:8px;display:inline-flex}.components-module__F9oz_G__qrText{color:var(--text-secondary);text-align:center;font-size:.8rem}.components-module__F9oz_G__peerContainer{justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px 20px;display:flex}.components-module__F9oz_G__peerInfo{align-items:center;gap:16px;display:flex}.components-module__F9oz_G__avatar{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.1rem;font-weight:700;display:flex;box-shadow:0 4px 12px #6366f14d}.components-module__F9oz_G__peerDetails{flex-direction:column;gap:2px;display:flex}.components-module__F9oz_G__peerName{font-size:.95rem;font-weight:600}.components-module__F9oz_G__peerMeta{color:var(--text-secondary);font-size:.8rem}.components-module__F9oz_G__pulseIndicator{color:var(--success);align-items:center;gap:8px;font-size:.8rem;display:flex}.components-module__F9oz_G__pulseDot{background-color:var(--success);border-radius:50%;width:8px;height:8px;animation:1.5s infinite components-module__F9oz_G__pulse;box-shadow:0 0 #10b981b3}@keyframes components-module__F9oz_G__pulse{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 8px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.components-module__F9oz_G__dropZone{border-radius:var(--border-radius-md);cursor:pointer;text-align:center;border:none;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:240px;padding:48px 24px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.components-module__F9oz_G__dropZone:before{content:"";border-radius:var(--border-radius-md);background:conic-gradient(from var(--border-angle,0deg), transparent 25%, var(--accent-primary) 50%, var(--accent-secondary) 75%, transparent 100%);-webkit-mask-composite:xor;opacity:.5;padding:2px;transition:opacity .4s;animation:4s linear infinite components-module__F9oz_G__borderRotate;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.components-module__F9oz_G__dropZone:hover:before{opacity:1}.components-module__F9oz_G__dropZone:after{content:"";border:2px dashed var(--glass-border);border-radius:calc(var(--border-radius-md) - 3px);pointer-events:none;transition:border-color .3s,opacity .3s;position:absolute;inset:3px}.components-module__F9oz_G__dropZone:hover:after{border-color:#ffffff1f}@keyframes components-module__F9oz_G__borderRotate{to{--border-angle:360deg}}@property --border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.components-module__F9oz_G__dropZoneActive{box-shadow:0 0 40px var(--accent-glow), 0 0 80px var(--accent-glow);transform:scale(1.02)}.components-module__F9oz_G__dropZoneActive:before{opacity:1;animation-duration:1.5s}.components-module__F9oz_G__dropZoneActive:after{border-color:var(--accent-primary);opacity:.6}.components-module__F9oz_G__dropParticles{pointer-events:none;border-radius:var(--border-radius-md);position:absolute;inset:0;overflow:hidden}.components-module__F9oz_G__dropParticle{background:var(--accent-primary);opacity:0;border-radius:50%;width:4px;height:4px;animation:6s ease-in-out infinite components-module__F9oz_G__particleFloat;position:absolute}.components-module__F9oz_G__dropParticle:first-child{animation-duration:5s;animation-delay:0s;left:15%}.components-module__F9oz_G__dropParticle:nth-child(2){animation-duration:7s;animation-delay:1.2s;left:35%}.components-module__F9oz_G__dropParticle:nth-child(3){animation-duration:6s;animation-delay:.6s;left:55%}.components-module__F9oz_G__dropParticle:nth-child(4){animation-duration:5.5s;animation-delay:1.8s;left:75%}.components-module__F9oz_G__dropParticle:nth-child(5){animation-duration:6.5s;animation-delay:.3s;left:90%}@keyframes components-module__F9oz_G__particleFloat{0%{opacity:0;transform:translateY(100%)scale(.5)}15%{opacity:.6}50%{opacity:.3;transform:translateY(-50%)scale(1)}85%{opacity:.5}to{opacity:0;transform:translateY(-200%)scale(.3)}}.components-module__F9oz_G__dropIcon{color:var(--accent-primary);z-index:1;transition:transform .4s cubic-bezier(.16,1,.3,1),filter .3s}.components-module__F9oz_G__dropZone:hover .components-module__F9oz_G__dropIcon{filter:drop-shadow(0 4px 12px var(--accent-glow));transform:translateY(-8px)scale(1.08)}.components-module__F9oz_G__dropZoneActive .components-module__F9oz_G__dropIcon{filter:drop-shadow(0 8px 20px var(--accent-glow));transform:translateY(-12px)scale(1.15)}.components-module__F9oz_G__dropTitle{z-index:1;font-size:1.1rem;font-weight:600}.components-module__F9oz_G__dropSub{color:var(--text-secondary);z-index:1;max-width:280px;font-size:.85rem}.components-module__F9oz_G__transfersList{flex-direction:column;gap:12px;margin-top:24px;display:flex}.components-module__F9oz_G__transferCard{flex-direction:column;gap:10px;padding:14px 18px;display:flex}.components-module__F9oz_G__transferHeader{justify-content:space-between;align-items:center;gap:12px;display:flex}.components-module__F9oz_G__fileIconName{flex-grow:1;align-items:center;gap:12px;min-width:0;display:flex}.components-module__F9oz_G__fileName{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:500;overflow:hidden}.components-module__F9oz_G__fileMeta{color:var(--text-muted);font-size:.75rem}.components-module__F9oz_G__badge{border-radius:9999px;padding:2px 8px;font-size:.75rem;font-weight:500}.components-module__F9oz_G__badgeSending{color:var(--accent-secondary);background:#6366f126}.components-module__F9oz_G__badgeReceiving{color:var(--accent-secondary);background:#8b5cf626}.components-module__F9oz_G__badgeCompleted{color:var(--success);background:#10b98126}.components-module__F9oz_G__badgeFailed{color:var(--danger);background:#ef444426}.components-module__F9oz_G__progressBarContainer{background:#ffffff0d;border-radius:3px;width:100%;height:6px;overflow:hidden}.components-module__F9oz_G__progressBar{background:linear-gradient(90deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);height:100%;transition:width .1s}.components-module__F9oz_G__downloadBtn{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);color:#fff;border-radius:var(--border-radius-sm);cursor:pointer;border:none;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #6366f133}.components-module__F9oz_G__downloadBtn:hover{transform:scale(1.03);box-shadow:0 4px 16px #6366f159}.components-module__F9oz_G__historyPanel{flex-direction:column;gap:12px;padding:24px;display:flex}.components-module__F9oz_G__historyRow{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:10px 14px;font-size:.85rem;display:flex}.components-module__F9oz_G__historyRow:last-child{border-bottom:none}.components-module__F9oz_G__emptyState{color:var(--text-muted);text-align:center;padding:16px 0;font-size:.85rem}.components-module__F9oz_G__joinRoomBox{border-top:1px dashed var(--glass-border);align-items:center;gap:8px;margin-top:12px;padding-top:14px;display:flex}.components-module__F9oz_G__joinInput{border:1px solid var(--glass-border);border-radius:var(--border-radius-sm);color:var(--text-primary);font-family:var(--font-mono);letter-spacing:.5px;text-transform:uppercase;background:#0000004d;outline:none;flex:1;padding:8px 12px;font-size:.85rem;transition:border-color .3s,box-shadow .3s}.components-module__F9oz_G__joinInput::placeholder{color:var(--text-muted);text-transform:none;letter-spacing:normal;font-family:var(--font-sans)}.components-module__F9oz_G__joinInput:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-glow)}.components-module__F9oz_G__joinBtn{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);color:#fff;border-radius:var(--border-radius-sm);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:8px 16px;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #6366f133}.components-module__F9oz_G__joinBtn:hover{transform:scale(1.03);box-shadow:0 4px 16px #6366f159}.components-module__F9oz_G__joinBtn:disabled{opacity:.6;cursor:not-allowed;transform:none}.components-module__F9oz_G__visitingBadge{border-radius:var(--border-radius-sm);cursor:pointer;background:#6366f114;border:1px solid #6366f133;align-items:center;gap:8px;margin-top:12px;padding:8px 14px;transition:all .2s;display:flex}.components-module__F9oz_G__visitingBadge:hover{background:#6366f126;border-color:#6366f166;transform:translate(-2px)}.components-module__F9oz_G__visitingBadgeIcon{color:var(--accent-primary);flex-shrink:0}.components-module__F9oz_G__visitingBadgeText{color:var(--text-secondary);font-size:.8rem}.components-module__F9oz_G__visitingBadgeRoom{font-family:var(--font-mono);color:var(--accent-secondary);letter-spacing:.5px;font-weight:700}.components-module__F9oz_G__srOnly{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}