@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;700&display=swap";:root{--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--bg-primary: #0a0e17;--bg-secondary: #111827;--bg-tertiary: #1f293d;--bg-glass: rgba(17, 24, 39, .75);--bg-glass-card: rgba(31, 41, 61, .6);--bg-glass-hover: rgba(55, 65, 81, .5);--border-color: rgba(255, 255, 255, .08);--border-focus: rgba(16, 185, 129, .5);--text-primary: #f9fafb;--text-secondary: #9ca3af;--text-muted: #6b7280;--accent: #10b981;--accent-hover: #059669;--accent-light: rgba(16, 185, 129, .15);--accent-glow: 0 0 25px rgba(16, 185, 129, .35);--cyan: #06b6d4;--blue: #3b82f6;--indigo: #6366f1;--purple: #8b5cf6;--rose: #f43f5e;--amber: #f59e0b;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .45);--shadow-lg: 0 20px 50px rgba(0, 0, 0, .6);--shadow-glass: 0 8px 32px 0 rgba(0, 0, 0, .37);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-spring: .4s cubic-bezier(.175, .885, .32, 1.275)}[data-theme=light]{--bg-primary: #f3f4f6;--bg-secondary: #ffffff;--bg-tertiary: #e5e7eb;--bg-glass: rgba(255, 255, 255, .85);--bg-glass-card: rgba(255, 255, 255, .7);--bg-glass-hover: rgba(243, 244, 246, .8);--border-color: rgba(0, 0, 0, .08);--border-focus: rgba(16, 185, 129, .6);--text-primary: #111827;--text-secondary: #4b5563;--text-muted: #9ca3af;--accent: #059669;--accent-hover: #047857;--accent-light: rgba(5, 150, 105, .12);--accent-glow: 0 0 20px rgba(5, 150, 105, .25);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 8px 24px rgba(0, 0, 0, .08);--shadow-lg: 0 20px 40px rgba(0, 0, 0, .12);--shadow-glass: 0 8px 32px 0 rgba(31, 38, 135, .07)}[data-theme=cyberpunk]{--bg-primary: #05050b;--bg-secondary: #0d0e1a;--bg-tertiary: #191b30;--bg-glass: rgba(13, 14, 26, .85);--bg-glass-card: rgba(25, 27, 48, .65);--bg-glass-hover: rgba(45, 48, 85, .6);--border-color: rgba(236, 72, 153, .25);--border-focus: #ec4899;--text-primary: #ffffff;--text-secondary: #a5b4fc;--text-muted: #6366f1;--accent: #06b6d4;--accent-hover: #0891b2;--accent-light: rgba(6, 182, 212, .18);--accent-glow: 0 0 25px rgba(6, 182, 212, .5)}[data-theme=midnight]{--bg-primary: #000000;--bg-secondary: #0a0a0f;--bg-tertiary: #14141e;--bg-glass: rgba(10, 10, 15, .85);--bg-glass-card: rgba(20, 20, 30, .7);--bg-glass-hover: rgba(30, 30, 45, .6);--border-color: rgba(255, 255, 255, .1);--border-focus: #3b82f6;--text-primary: #ffffff;--text-secondary: #94a3b8;--text-muted: #64748b;--accent: #3b82f6;--accent-hover: #2563eb;--accent-light: rgba(59, 130, 246, .18);--accent-glow: 0 0 25px rgba(59, 130, 246, .45)}[data-theme=sunset]{--bg-primary: #0f0b08;--bg-secondary: #1a1410;--bg-tertiary: #2a201a;--bg-glass: rgba(26, 20, 16, .85);--bg-glass-card: rgba(42, 32, 26, .7);--bg-glass-hover: rgba(60, 46, 38, .6);--border-color: rgba(245, 158, 11, .2);--border-focus: #f59e0b;--text-primary: #fffbeb;--text-secondary: #d97706;--text-muted: #92400e;--accent: #f59e0b;--accent-hover: #d97706;--accent-light: rgba(245, 158, 11, .18);--accent-glow: 0 0 25px rgba(245, 158, 11, .45)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;transition:background-color var(--transition-normal),color var(--transition-normal)}body{display:flex;flex-direction:column;min-height:100vh;position:relative;background-image:radial-gradient(at 0% 0%,rgba(16,185,129,.08) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(6,182,212,.08) 0px,transparent 50%);background-attachment:fixed}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.glass-panel{background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);box-shadow:var(--shadow-glass)}.app-header{position:sticky;top:0;z-index:100;width:100%;padding:.75rem 0;border-top:none;border-left:none;border-right:none}.app-header-inner{max-width:860px;width:100%;margin:0 auto;padding:0 1rem;display:flex;align-items:center;justify-content:space-between}@media(min-width:768px){.app-header-inner{padding:0 1.5rem}}.brand-section{display:flex;align-items:center;gap:.75rem;user-select:none}.brand-logo-wrap{width:38px;height:38px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--accent) 0%,var(--cyan) 100%);display:flex;align-items:center;justify-content:center;color:#042f2e;font-weight:800;box-shadow:var(--accent-glow);transition:transform var(--transition-spring)}.brand-logo-wrap:hover{transform:scale(1.08) rotate(-4deg)}.brand-text{display:flex;flex-direction:column}.brand-title{font-size:1.15rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,var(--text-primary) 30%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-badge{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.header-actions{display:flex;align-items:center;gap:.5rem}.room-chip{display:flex;align-items:center;gap:.5rem;background:var(--bg-tertiary);border:1px solid var(--border-color);padding:.4rem .8rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:700;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);user-select:none;font-family:var(--font-mono)}.room-chip:hover{border-color:var(--border-focus);background:var(--bg-glass-hover);transform:translateY(-1px)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);animation:pulse-dot 2s infinite ease-in-out}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.spin-smooth,.animate-spin{display:inline-block;transform-origin:50% 50%;animation:spin-smooth 1.1s linear infinite;will-change:transform}.btn-icon{width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.btn-icon:hover{background:var(--bg-glass-hover);border-color:var(--border-focus);color:var(--accent);transform:translateY(-1px)}.btn-icon.active{background:var(--accent-light);color:var(--accent);border-color:var(--border-focus)}.header-transfer-badge{position:absolute;top:-4px;right:-4px;background:#6366f1;color:#fff;font-size:.6rem;font-weight:800;min-width:16px;height:16px;padding:0 4px;border-radius:9999px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--bg-secondary);box-shadow:0 2px 6px #6366f180;animation:pulse-dot 1.5s infinite}.transfer-tab-btn{padding:.35rem .75rem;font-size:.78rem;border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast)}.transfer-tab-btn.active{background:var(--accent-light);color:var(--accent);border-color:var(--border-focus);font-weight:700}.app-container{flex:1;max-width:860px;width:100%;margin:0 auto;padding:1.25rem 1rem 6rem;display:flex;flex-direction:column;gap:1.25rem}@media(min-width:768px){.app-container{padding:1.5rem 1.5rem 2rem;gap:1.5rem}}.self-device-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:all var(--transition-normal)}.self-device-card:hover{border-color:var(--border-focus)}.self-info-left{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem}.self-profile-top-row{display:flex;align-items:center;gap:.85rem}.self-avatar-wrap{position:relative;width:52px;height:52px;border-radius:var(--radius-md);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:1.75rem;border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.os-badge{position:absolute;bottom:-3px;right:-3px;width:19px;height:19px;border-radius:50%;background:var(--bg-secondary);border:1.5px solid var(--border-color);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px #00000059;z-index:2;overflow:hidden;padding:2.5px;box-sizing:border-box}.os-badge svg{width:100%;height:100%;display:block;flex-shrink:0}.self-details{display:flex;flex-direction:column;gap:.15rem}.self-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.self-name-row{display:flex;align-items:center;gap:.4rem}.self-name{font-size:1.15rem;font-weight:800;color:var(--text-primary)}.btn-edit-name{background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;padding:2px;border-radius:4px;transition:color var(--transition-fast)}.btn-edit-name:hover{color:var(--accent)}.self-status-indicator{display:flex;align-items:center;gap:.4rem;font-size:.72rem;color:var(--accent);font-weight:600;white-space:nowrap}.self-qr-share-box{display:flex;align-items:center;gap:.75rem;background:var(--bg-tertiary);padding:.5rem .75rem;border-radius:var(--radius-md);border:1px solid var(--border-color)}.mini-qr-wrapper{width:44px;height:44px;background:#fff;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:2px;transition:transform var(--transition-fast)}.mini-qr-wrapper:hover{transform:scale(1.06)}.mini-qr-canvas{width:100%!important;height:100%!important;display:block}.mini-share-info{display:flex;flex-direction:column;gap:.3rem}.mini-room-code-row{display:flex;align-items:baseline;gap:.35rem;white-space:nowrap}.mini-room-label{font-size:.65rem;font-weight:700;letter-spacing:.05em;color:var(--text-muted)}.mini-room-code{font-size:.85rem;font-weight:800;font-family:var(--font-mono);color:var(--text-primary)}.btn-mini-share{background:var(--accent-light);border:1px solid rgba(16,185,129,.3);color:var(--accent);padding:.18rem .45rem;border-radius:var(--radius-sm);font-size:.65rem;font-weight:700;letter-spacing:.02em;display:flex;align-items:center;justify-content:center;text-align:center;width:100%;gap:.25rem;cursor:pointer;transition:all var(--transition-fast)}.btn-mini-share:hover{background:var(--accent);color:#042f2e}.quick-action-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.action-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem .75rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.6rem;cursor:pointer;transition:all var(--transition-spring);user-select:none}.action-card:hover{transform:translateY(-3px);border-color:var(--border-focus);background:var(--bg-glass-hover);box-shadow:var(--shadow-sm)}.action-icon-circle{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-spring)}.action-card:hover .action-icon-circle{transform:scale(1.1)}.action-icon-files{background:#10b98126;color:var(--accent)}.action-icon-folder{background:#3b82f626;color:#3b82f6}.action-icon-text{background:#a855f726;color:#a855f7}.action-icon-clip{background:#f59e0b26;color:#f59e0b}.action-card-text{display:flex;flex-direction:column;gap:.1rem}.action-title{font-size:.85rem;font-weight:700;color:var(--text-primary)}.action-subtitle{font-size:.7rem;color:var(--text-muted);display:none}@media(min-width:640px){.action-subtitle{display:block}}.btn-primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);color:#042f2e;border:none;font-weight:700;font-size:.9rem;padding:.65rem 1.25rem;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;box-shadow:var(--accent-glow);transition:all var(--transition-fast)}.btn-primary:hover{transform:translateY(-1px);filter:brightness(1.08)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);font-weight:600;font-size:.9rem;padding:.65rem 1.25rem;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all var(--transition-fast)}.btn-secondary:hover{background:var(--bg-glass-hover);border-color:var(--border-focus)}.btn-danger{background:#f43f5e26;color:var(--rose);border:1px solid rgba(244,63,94,.3);font-weight:600;font-size:.9rem;padding:.65rem 1.25rem;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all var(--transition-fast)}.btn-danger:hover{background:var(--rose);color:#fff}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:1000;background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-color);padding:4px 8px;padding-bottom:max(6px,env(safe-area-inset-bottom,6px));justify-content:space-around;align-items:center;box-shadow:0 -4px 20px #0006}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:1px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:2px 4px;border-radius:var(--radius-sm);transition:all var(--transition-fast);flex:1;max-width:68px;-webkit-tap-highlight-color:transparent}.mobile-nav-item:active{transform:scale(.92)}.mobile-nav-icon-wrap{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;color:#fff;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.nav-icon-radar{background:linear-gradient(135deg,#10b981,#059669)}.nav-icon-devices{background:linear-gradient(135deg,#3b82f6,#2563eb)}.nav-icon-transfers{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.nav-icon-files{background:linear-gradient(135deg,#10b981,#059669)}.nav-icon-folder{background:linear-gradient(135deg,#3b82f6,#2563eb)}.nav-icon-text{background:linear-gradient(135deg,#ec4899,#d946ef)}.nav-icon-clip{background:linear-gradient(135deg,#f59e0b,#d97706)}.nav-icon-qr{background:linear-gradient(135deg,#06b6d4,#0891b2)}.nav-transfer-badge{position:absolute;top:-4px;right:-4px;background:var(--rose);color:#fff;font-size:.62rem;font-weight:800;min-width:17px;height:17px;padding:0 4px;border-radius:9999px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--bg-secondary);box-shadow:0 2px 6px #f43f5e80;animation:pulse-dot 1.5s infinite}.mobile-nav-item.active .mobile-nav-icon-wrap{transform:translateY(-2px);box-shadow:0 0 12px #10b98180;border:1.5px solid rgba(255,255,255,.6)}.mobile-nav-item.active .mobile-nav-label{color:var(--accent);font-weight:800}.mobile-nav-item:hover .mobile-nav-icon-wrap,.mobile-nav-item:focus .mobile-nav-icon-wrap{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.mobile-nav-icon-wrap svg{width:22px;height:22px}.mobile-nav-label{font-size:.65rem;font-weight:700;letter-spacing:-.01em;color:var(--text-secondary);transition:color var(--transition-fast)}.mobile-nav-item:hover .mobile-nav-label{color:var(--text-primary)}#toast-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:10px;z-index:9999;pointer-events:none}.toast{pointer-events:auto;min-width:280px;max-width:380px;padding:12px 16px;border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:12px;font-size:.875rem;animation:slide-in .3s cubic-bezier(.175,.885,.32,1.275);transition:all var(--transition-normal)}.toast.toast-success{border-left:4px solid var(--accent)}.toast.toast-info{border-left:4px solid var(--cyan)}.toast.toast-warning{border-left:4px solid var(--amber)}.toast.toast-error{border-left:4px solid var(--rose)}@keyframes slide-in{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){html,body{height:100vh;height:100dvh;overflow:hidden}.app-header{padding:.45rem .75rem;flex-shrink:0}.app-header-inner{padding:0}#room-chip,#btn-open-qr,#btn-install-pwa,#btn-header-transfers,#btn-toggle-sound{display:none!important}.brand-logo-wrap{width:32px;height:32px}.brand-title{font-size:1rem}.app-container{padding:.45rem .75rem;padding-bottom:calc(72px + env(safe-area-inset-bottom,0px));gap:.45rem;height:calc(100dvh - 48px);overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box}.self-device-card{flex-shrink:0;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem;padding:.45rem .75rem;border-radius:12px}.self-info-left{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem}.self-profile-top-row{display:flex;align-items:center;gap:.5rem}.self-avatar-wrap{width:34px;height:34px;font-size:1.2rem;border-radius:9px}.os-badge{width:14px;height:14px;bottom:-2px;right:-2px;padding:1.8px;border-width:1px;box-shadow:0 1px 3px #0006}.device-node-os{width:13px;height:13px;bottom:-1px;right:-1px;padding:1.5px;border-width:1px;box-shadow:0 1px 3px #0006}.self-name{font-size:.9rem}.self-status-indicator{font-size:.68rem}.mini-qr-wrapper{width:36px;height:36px;padding:2px}.mini-qr-canvas{width:32px!important;height:32px!important}.discovery-section{flex:1;min-height:0;display:flex;flex-direction:column;gap:.35rem}.section-header{flex-shrink:0}.section-title{font-size:.88rem}.radar-card{flex:1;min-height:0;height:100%;border-radius:16px;border:1px solid rgba(255,255,255,.12);box-shadow:0 4px 20px #00000080,inset 0 0 0 1px #10b98126;margin-bottom:4px}.radar-stage{transform:none;width:100%;height:100%}.radar-sweep{width:100%;height:100%;min-width:480px;min-height:480px}.beacon-avatar{width:48px;height:48px;font-size:1.5rem}.empty-radar-message{bottom:38px;font-size:.75rem;padding:.4rem .85rem;z-index:50;white-space:nowrap;max-width:90%;justify-content:center;box-shadow:0 4px 14px #0006;border:1px solid rgba(16,185,129,.3)}.quick-action-bar,#quick-action-bar{display:none!important}.mobile-bottom-nav{display:flex}#toast-container{left:16px;right:16px;bottom:74px}.toast{min-width:unset;width:100%}#transfers-section:not(.has-transfers){display:none}.transfers-section.has-transfers{flex-shrink:0;max-height:120px;overflow-y:auto}}.discovery-section{display:flex;flex-direction:column;gap:.5rem;flex:1;min-height:0}.section-header{display:flex;align-items:center;justify-content:space-between}.section-title{font-size:1.1rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.section-badge{background:var(--accent-light);color:var(--accent);font-size:.75rem;font-weight:700;padding:.2rem .6rem;border-radius:var(--radius-full)}.radar-card{position:relative;flex:1;min-height:0;width:100%;border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--border-color);background:radial-gradient(circle at center,var(--bg-secondary) 0%,var(--bg-primary) 100%);box-shadow:var(--shadow-md);margin-bottom:0}.radar-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.radar-ring{position:absolute;border-radius:50%;border:1px solid rgba(16,185,129,.15);pointer-events:none}.radar-ring:nth-child(1){width:100px;height:100px}.radar-ring:nth-child(2){width:200px;height:200px}.radar-ring:nth-child(3){width:310px;height:310px}.radar-ring:nth-child(4){width:440px;height:440px}.radar-pulse{position:absolute;width:100px;height:100px;border-radius:50%;border:2px solid var(--accent);background:radial-gradient(circle,rgba(16,185,129,.2) 0%,transparent 70%);animation:radar-wave 4s infinite cubic-bezier(.2,.6,.35,1);pointer-events:none}.radar-pulse:nth-child(2){animation-delay:2s}@keyframes radar-wave{0%{width:60px;height:60px;opacity:.9;transform:scale(.6)}to{width:480px;height:480px;opacity:0;transform:scale(1)}}.radar-sweep{position:absolute;width:460px;height:460px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,transparent 270deg,rgba(16,185,129,.15) 360deg);animation:radar-spin 6s linear infinite;pointer-events:none}@keyframes radar-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.radar-center-beacon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:25;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.beacon-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--accent) 0%,var(--cyan) 100%);display:flex;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:0 0 18px #10b98173,inset 0 0 6px #fff6;border:2px solid #ffffff}.beacon-label{position:absolute;bottom:-18px;font-size:.65rem;font-weight:700;color:var(--text-primary);background:var(--bg-glass);padding:.1rem .45rem;border-radius:var(--radius-full);border:1px solid var(--border-color);backdrop-filter:blur(8px);white-space:nowrap}.devices-container{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center}.empty-radar-message{position:absolute;bottom:16px;display:flex;align-items:center;gap:.5rem;padding:.45rem .95rem;background:var(--bg-glass);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);font-size:.78rem;z-index:25;box-shadow:var(--shadow-sm)}.empty-radar-message svg{color:var(--accent);width:16px;height:16px;display:inline-block;transform-origin:50% 50%;animation:spin-smooth 1.1s linear infinite;will-change:transform}@keyframes spin-smooth{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.device-node{position:absolute;display:flex;flex-direction:column;align-items:center;gap:.25rem;cursor:pointer;z-index:30;transition:all var(--transition-spring);transform:translate(-50%,-50%);animation:pop-in .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes pop-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.device-node:hover{transform:translate(-50%,-50%) scale(1.1);z-index:40}.device-node-bubble{position:relative;width:46px;height:46px;border-radius:50%;background:var(--bg-secondary);border:2px solid var(--accent);display:flex;align-items:center;justify-content:center;font-size:1.35rem;box-shadow:0 3px 14px #00000059,0 0 14px var(--accent-light);transition:all var(--transition-fast)}.device-node:hover .device-node-bubble{box-shadow:0 4px 20px #10b98180,0 0 20px var(--accent);border-color:#fff}.device-node-os{position:absolute;bottom:-2px;right:-2px;width:16px;height:16px;border-radius:50%;background:var(--bg-tertiary);border:1.5px solid var(--border-color);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px #0006;z-index:2;overflow:hidden;padding:2px;box-sizing:border-box}.device-node-os svg{width:100%;height:100%;display:block;flex-shrink:0}.device-node-info{display:flex;flex-direction:column;align-items:center;background:var(--bg-glass);padding:.18rem .5rem;border-radius:6px;border:1px solid var(--border-color);backdrop-filter:blur(10px);pointer-events:none;max-width:100px;text-align:center}.device-node-name{font-size:.72rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:85px}.device-node-sub{font-size:.58rem;color:var(--accent);font-weight:600}.devices-grid-view{display:none;flex-direction:column;gap:.75rem;width:100%}.device-grid-card{display:flex;flex-direction:column;gap:.85rem;padding:1rem 1.15rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.device-grid-card:hover,.device-grid-card.selected{background:var(--bg-tertiary);border-color:var(--accent);box-shadow:0 0 15px #10b98126}.device-card-top{display:flex;align-items:center;justify-content:space-between}.device-card-profile{display:flex;align-items:center;gap:.75rem}.device-card-status{display:flex;align-items:center;gap:5px;font-size:.72rem;font-weight:700;color:var(--accent);background:var(--accent-light);padding:4px 10px;border-radius:20px}.device-card-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.05)}.card-action-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:.5rem .25rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.72rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.card-action-btn:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.view-toggle-btns{display:flex;background:var(--bg-tertiary);padding:2px;border-radius:var(--radius-sm);border:1px solid var(--border-color)}.view-btn{background:transparent;border:none;color:var(--text-muted);padding:4px 8px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:all var(--transition-fast)}.view-btn:hover{color:var(--text-primary)}.view-btn.active{background:var(--bg-secondary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.view-btn-badge{position:absolute;top:-3px;right:-3px;background:#6366f1;color:#fff;font-size:.55rem;font-weight:800;min-width:14px;height:14px;padding:0 3px;border-radius:9999px;display:flex;align-items:center;justify-content:center;border:1px solid var(--bg-secondary)}.dropzone-overlay{position:fixed;inset:0;background:#0a0e17d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:1000;display:none;align-items:center;justify-content:center;border:4px dashed var(--accent);margin:16px;border-radius:var(--radius-lg);pointer-events:none;animation:fade-in .2s ease-out}.dropzone-overlay.active{display:flex}.dropzone-content{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.dropzone-icon{width:80px;height:80px;border-radius:50%;background:var(--accent-light);color:var(--accent);display:flex;align-items:center;justify-content:center;animation:bounce-drop 1s infinite alternate ease-in-out}@keyframes bounce-drop{0%{transform:translateY(-8px)}to{transform:translateY(8px)}}.dropzone-title{font-size:1.5rem;font-weight:800;color:#fff}.dropzone-subtitle{font-size:.95rem;color:var(--text-secondary)}.transfers-section{display:flex;flex-direction:column;gap:.75rem}.transfer-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:all var(--transition-normal)}.transfer-card:hover{border-color:var(--border-focus)}.transfer-header{display:flex;align-items:center;justify-content:space-between}.transfer-peer-info{display:flex;align-items:center;gap:.6rem}.transfer-avatar{font-size:1.4rem;width:34px;height:34px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center}.transfer-peer-name{font-size:.9rem;font-weight:700;color:var(--text-primary)}.transfer-header-right{display:flex;align-items:center;gap:.5rem}.transfer-status-badge{font-size:.72rem;font-weight:700;padding:.2rem .6rem;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em}.status-sending{background:#3b82f626;color:var(--blue)}.status-receiving{background:var(--accent-light);color:var(--accent)}.status-completed{background:#10b98133;color:#10b981}.status-failed{background:#f43f5e26;color:var(--rose)}.status-cancelled{background:#6b728033;color:var(--text-muted)}.btn-cancel-transfer{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:3px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.btn-cancel-transfer:hover{color:var(--rose);background:#f43f5e1f}.transfer-body{display:flex;align-items:center;gap:1rem}.file-type-icon{width:44px;height:44px;border-radius:var(--radius-sm);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}.transfer-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.transfer-filename{font-size:.9rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transfer-stats-row{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:var(--text-secondary);font-family:var(--font-mono);gap:.5rem}.transfer-speed{color:var(--accent);font-weight:700}.transfer-eta{color:var(--cyan);font-size:.72rem}.progress-bar-container{width:100%;height:6px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden;position:relative}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent) 0%,var(--cyan) 100%);border-radius:var(--radius-full);transition:width .1s linear;box-shadow:0 0 10px #10b98180}.transfer-actions-bar{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;margin-top:.25rem}.btn-card-action{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);padding:.3rem .6rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;transition:all var(--transition-fast)}.btn-card-action:hover{background:var(--bg-glass-hover);border-color:var(--border-focus);color:var(--accent)}.history-section{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.history-item{display:flex;align-items:center;justify-content:space-between;padding:.6rem .85rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.85rem;transition:all var(--transition-fast)}.history-item:hover{border-color:var(--border-focus);background:var(--bg-glass-hover)}.history-left{display:flex;align-items:center;gap:.6rem;min-width:0}.history-icon{font-size:1.2rem}.history-name{font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.history-sub{font-size:.72rem;color:var(--text-muted);font-family:var(--font-mono)}.history-actions{display:flex;align-items:center;gap:.4rem}.transfers-page-view{display:none;flex-direction:column;gap:1rem;width:100%;animation:fade-in .2s ease-out}.transfers-stats-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;width:100%}.transfer-stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.85rem 1rem;display:flex;align-items:center;gap:.75rem;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.transfer-stat-card:hover{border-color:var(--border-focus);background:var(--bg-tertiary);transform:translateY(-1px)}.transfer-stat-icon-wrap{width:38px;height:38px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.transfer-stat-info{display:flex;flex-direction:column;min-width:0}.transfer-stat-label{font-size:.65rem;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em;line-height:1.2}.transfer-stat-value{font-size:1.1rem;font-weight:800;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-mono);margin-top:2px}.transfers-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;border-bottom:1px solid var(--border-color);padding-bottom:.6rem;flex-wrap:wrap}.transfers-tabs-group{display:flex;gap:.4rem;flex-wrap:wrap}.transfers-page-section{display:flex;flex-direction:column;gap:.65rem}.transfers-section-title-row{display:flex;align-items:center;justify-content:space-between}.transfers-section-heading{font-weight:700;font-size:.85rem;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem}.transfers-empty-prompt{padding:1.75rem 1.25rem;text-align:center;background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;transition:all var(--transition-fast)}.transfers-empty-prompt:hover{border-color:var(--border-focus);background:var(--bg-glass-card)}.empty-prompt-icon{width:44px;height:44px;border-radius:50%;background:var(--bg-tertiary);color:var(--text-muted);display:flex;align-items:center;justify-content:center;margin-bottom:.25rem}.empty-prompt-title{font-size:.95rem;font-weight:700;color:var(--text-primary)}.empty-prompt-desc{font-size:.8rem;color:var(--text-secondary);max-width:320px;line-height:1.4}@media(max-width:640px){.transfers-stats-strip{grid-template-columns:repeat(3,1fr);gap:.4rem}.transfer-stat-card{padding:.6rem .5rem;gap:.45rem}.transfer-stat-icon-wrap{width:28px;height:28px}.transfer-stat-icon-wrap svg{width:14px;height:14px}.transfer-stat-label{font-size:.58rem}.transfer-stat-value{font-size:.9rem}.transfers-filter-bar{gap:.4rem}}.modal-backdrop{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;visibility:hidden;transition:all var(--transition-normal)}.modal-backdrop.active{opacity:1;visibility:visible}.modal-window{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:480px;box-shadow:var(--shadow-lg);overflow:hidden;transform:scale(.92) translateY(10px);transition:all var(--transition-spring);display:flex;flex-direction:column;max-height:90vh}.modal-window.modal-wide{max-width:600px}.modal-backdrop.active .modal-window{transform:scale(1) translateY(0)}.modal-header{padding:1.25rem 1.5rem 1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color)}.modal-title-wrap{display:flex;align-items:center;gap:.6rem}.modal-icon{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--accent-light);color:var(--accent);display:flex;align-items:center;justify-content:center}.modal-title{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.modal-close-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.modal-close-btn:hover{color:var(--text-primary);background:var(--bg-tertiary)}.modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;overflow-y:auto}.modal-footer{padding:1rem 1.5rem;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:flex-end;gap:.75rem;border-top:1px solid var(--border-color)}.modal-tabs{display:grid;grid-template-columns:1fr 1fr;background:var(--bg-tertiary);padding:4px;border-radius:var(--radius-md);width:100%;gap:4px}.modal-tab-btn{background:transparent;border:none;color:var(--text-secondary);padding:.5rem;font-size:.85rem;font-weight:700;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.4rem;transition:all var(--transition-fast)}.modal-tab-btn.active{background:var(--bg-secondary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.modal-pane{display:flex;flex-direction:column;align-items:center;width:100%;gap:1rem}.modal-pane.hidden{display:none!important}.qr-container{background:#fff;padding:1rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center}.qr-canvas{width:200px!important;height:200px!important;display:block}.qr-pin-box{display:flex;align-items:center;gap:.5rem;background:var(--bg-tertiary);padding:.5rem 1rem;border-radius:var(--radius-full);border:1px solid var(--border-color)}.qr-pin-digits{font-size:1.1rem;font-weight:800;font-family:var(--font-mono);color:var(--accent);letter-spacing:.05em}.join-room-input{width:100%;background:var(--bg-tertiary);border:2px solid var(--border-color);color:var(--text-primary);padding:.85rem 1rem;border-radius:var(--radius-md);font-size:1.2rem;font-weight:800;text-align:center;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;outline:none;transition:border-color var(--transition-fast)}.join-room-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.text-share-input{width:100%;min-height:140px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.85rem;color:var(--text-primary);font-family:var(--font-sans);font-size:.95rem;resize:vertical;outline:none}.text-share-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.incoming-sender-card{display:flex;align-items:center;gap:1rem;background:var(--bg-tertiary);padding:.85rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border-color)}.incoming-sender-avatar{font-size:2rem;width:48px;height:48px;border-radius:var(--radius-sm);background:var(--bg-secondary);display:flex;align-items:center;justify-content:center}.incoming-sender-details{display:flex;flex-direction:column}.incoming-sender-name{font-weight:800;font-size:1rem;color:var(--text-primary)}.incoming-sender-sub{font-size:.8rem;color:var(--text-secondary)}.incoming-files-preview{display:flex;flex-direction:column;gap:.4rem;max-height:150px;overflow-y:auto;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.5rem;background:var(--bg-tertiary)}.incoming-file-row{display:flex;align-items:center;justify-content:space-between;font-size:.82rem;padding:.3rem .5rem;background:var(--bg-secondary);border-radius:var(--radius-sm)}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-label{font-size:.82rem;font-weight:700;color:var(--text-secondary)}.form-input{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.75rem 1rem;color:var(--text-primary);font-size:.95rem;font-weight:600;outline:none;transition:border-color var(--transition-fast)}.form-input:focus{border-color:var(--accent)}.theme-options-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:.5rem}.theme-opt-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.5rem .65rem;display:flex;align-items:center;justify-content:center;gap:.4rem;color:var(--text-primary);font-size:.78rem;font-weight:700;white-space:nowrap;height:42px;min-height:42px;width:100%;box-sizing:border-box;cursor:pointer;transition:all var(--transition-fast)}.theme-opt-btn span{white-space:nowrap;line-height:1}.theme-opt-btn:hover{background:var(--bg-glass-hover);border-color:var(--border-focus)}.theme-opt-btn.active{border-color:var(--accent);background:var(--accent-light);color:var(--accent)}.action-tiles-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.action-tile-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem .85rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.6rem;cursor:pointer;transition:all var(--transition-fast)}.action-tile-btn:hover{background:var(--bg-glass-hover);border-color:var(--border-focus);transform:translateY(-2px)}.action-tile-icon-wrap{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center}.action-tile-info{display:flex;flex-direction:column;gap:.1rem}.action-tile-title{font-size:.9rem;font-weight:700;color:var(--text-primary)}.action-tile-sub{font-size:.7rem;color:var(--text-muted)}.media-preview-container{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;min-height:200px;max-height:380px}.media-preview-img{max-width:100%;max-height:360px;object-fit:contain;border-radius:var(--radius-sm)}.media-preview-video{width:100%;max-height:340px;outline:none;background:#000}.media-preview-audio-wrap{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;width:100%}.media-preview-code{width:100%;background:var(--bg-primary);font-family:var(--font-mono);font-size:.85rem;color:var(--text-primary);padding:1rem;border-radius:var(--radius-sm);max-height:320px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.settings-actions-list{display:flex;flex-direction:column;gap:.55rem}.settings-action-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;background:var(--bg-tertiary);border:1px solid var(--border-color);padding:.65rem .85rem;border-radius:var(--radius-md);transition:all var(--transition-fast)}.settings-action-row:hover{border-color:var(--border-hover);background:var(--bg-primary)}.settings-action-left{display:flex;align-items:center;gap:.65rem;min-width:0}.settings-action-icon{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.settings-action-icon i,.settings-action-icon svg{width:16px;height:16px}.settings-action-info{display:flex;flex-direction:column;min-width:0}.settings-action-title{font-size:.85rem;font-weight:700;color:var(--text-primary);line-height:1.2}.settings-action-sub{font-size:.7rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-toggle-switch{width:42px;height:22px;border-radius:11px;background:var(--bg-secondary);border:1.5px solid var(--border-color);position:relative;cursor:pointer;padding:0;transition:all var(--transition-fast);flex-shrink:0}.btn-toggle-switch .toggle-switch-handle{position:absolute;top:1px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--text-muted);transition:all var(--transition-fast)}.btn-toggle-switch.active{background:var(--accent);border-color:var(--accent)}.btn-toggle-switch.active .toggle-switch-handle{left:20px;background:#fff}#qr-modal .modal-pane{display:flex;flex-direction:column;align-items:center;width:100%;min-height:330px;box-sizing:border-box}#pane-share-qr{justify-content:flex-start;gap:.75rem}#pane-join-room{justify-content:center;gap:1rem}@media(max-width:768px){#qr-modal .modal-window{max-width:390px;width:94%;border-radius:var(--radius-lg)}#qr-modal .modal-body{padding:1rem 1.25rem 1.15rem!important;gap:.85rem}#qr-modal .modal-pane{min-height:330px}#pane-share-qr{gap:.7rem}#pane-share-qr p{font-size:.82rem!important;color:var(--text-secondary);margin-bottom:0}#pane-share-qr .qr-container{padding:8px;border-radius:14px;box-shadow:var(--shadow-sm)}#pane-share-qr .qr-canvas{width:145px!important;height:145px!important}#pane-share-qr .qr-pin-box{padding:.4rem .9rem;gap:.45rem}#pane-share-qr .qr-pin-digits{font-size:1.05rem}#btn-modal-share-room{padding:.65rem 1rem!important;font-size:.86rem!important;margin-top:.2rem}#pane-join-room{gap:1rem;padding:1rem 0;justify-content:center}#pane-join-room p{font-size:.82rem!important;color:var(--text-secondary);margin-bottom:0}#pane-join-room .join-room-input{padding:.8rem 1rem;font-size:1.2rem}#btn-submit-modal-join-room{padding:.7rem 1rem!important;font-size:.88rem!important}}