:root{--font-display: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--bg-deep: #060913;--bg-surface: rgba(12, 18, 34, .72);--bg-surface-elevated: rgba(18, 26, 48, .85);--bg-card: rgba(15, 23, 42, .65);--bg-card-hover: rgba(22, 33, 62, .8);--cyan-primary: #00f0ff;--cyan-glow: rgba(0, 240, 255, .45);--purple-primary: #8b5cf6;--purple-glow: rgba(139, 92, 246, .4);--pink-accent: #ec4899;--emerald-success: #10b981;--rose-danger: #f43f5e;--amber-warning: #f59e0b;--text-main: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--border-glass: rgba(255, 255, 255, .08);--border-glass-glow: rgba(0, 240, 255, .3);--shadow-cosmic: 0 8px 32px 0 rgba(0, 0, 0, .5);--shadow-neon-cyan: 0 0 24px -4px var(--cyan-glow);--shadow-neon-purple: 0 0 24px -4px var(--purple-glow);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;background-color:var(--bg-deep);color:var(--text-main);font-family:var(--font-body);overflow-x:hidden;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 15%,rgba(0,240,255,.09) 0%,transparent 40%),radial-gradient(circle at 80% 85%,rgba(139,92,246,.11) 0%,transparent 50%),radial-gradient(circle at 50% 50%,#060913f2,#060913);pointer-events:none;z-index:-1}.glass-panel{background:var(--bg-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass);box-shadow:var(--shadow-cosmic)}.glass-panel-elevated{background:var(--bg-surface-elevated);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-glass-glow);box-shadow:var(--shadow-neon-cyan)}.btn-cosmic{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--radius-full);font-family:var(--font-display);font-weight:600;font-size:.92rem;color:#fff;background:linear-gradient(135deg,#00f0ff26,#8b5cf640);border:1px solid rgba(0,240,255,.4);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #0003}.btn-cosmic:hover{background:linear-gradient(135deg,#00f0ff4d,#8b5cf673);border-color:var(--cyan-primary);box-shadow:var(--shadow-neon-cyan);transform:translateY(-1px)}.btn-cosmic:active{transform:translateY(1px)}.btn-icon{width:40px;height:40px;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid var(--border-glass);color:var(--text-main);cursor:pointer;transition:all .2s ease}.btn-icon:hover{background:#00f0ff26;border-color:var(--cyan-primary);color:var(--cyan-primary);transform:scale(1.05)}@keyframes pulseRadar{0%{transform:scale(.9);opacity:.8}50%{transform:scale(1.2);opacity:.2}to{transform:scale(1.4);opacity:0}}@keyframes sweepScan{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes floatGentle{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes vortexSpin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.05)}to{transform:rotate(360deg) scale(1)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00f0ff4d}.trusted-badge{display:inline-flex;align-items:center;gap:3px;background:#10b9812e;border:1px solid rgba(16,185,129,.35);color:#10b981;font-size:.7rem;font-weight:700;padding:2px 7px;border-radius:999px;letter-spacing:.03em}.device-actions-row{display:flex;align-items:center;gap:8px}.btn-trust-toggle{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:var(--text-muted);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-trust-toggle:hover{border-color:#10b98166;color:#10b981;background:#10b9811a}.btn-trust-toggle.active{border-color:#10b98180;background:#10b9812e;color:#10b981}.stealth-active{border-color:#10b98199!important;background:#10b98126!important;box-shadow:0 0 12px #10b9814d!important}.tool-icon-circle.bg-emerald{background:#10b98133;color:#10b981}.tool-icon-circle.bg-purple{background:#a855f733;color:#c084fc}.tool-icon-circle.bg-amber{background:#fbbf2433;color:#fbbf24}.tool-icon-circle.bg-cyan{background:#00f0ff33;color:#00f0ff}.tool-icon-circle.bg-blue{background:#3b82f633;color:#60a5fa}.tool-icon-circle.bg-gray{background:#ffffff14;color:#94a3b8}button{font-family:inherit;border:none;background:none;cursor:pointer;color:inherit;outline:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 16px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.16);background:#ffffff14;color:#f1f5f9;font-size:.84rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.btn-secondary:hover{background:#ffffff29;border-color:#ffffff52;color:#fff;box-shadow:0 2px 12px #00000059}.btn-secondary:active{transform:scale(.97)}.toast-card{background:#0a0f1ceb!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid rgba(0,240,255,.4)!important;box-shadow:0 12px 40px #000000b3,0 0 20px #00f0ff26!important}.toast-header{display:flex;align-items:center;justify-content:space-between}.btn-toast-close{width:24px;height:24px;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.btn-toast-close:hover{color:#fff;background:#ffffff1a}.btn-toast-action{padding:6px 12px;font-size:.78rem}.connect-tabs{display:flex;gap:6px;background:#0006;padding:4px;border-radius:12px;border:1px solid rgba(255,255,255,.08);margin-bottom:18px}.connect-tab-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 14px;border-radius:9px;border:none;background:transparent;color:var(--text-muted);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s ease}.connect-tab-btn:hover{color:#fff;background:#ffffff0d}.connect-tab-btn.active{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.15);box-shadow:0 2px 10px #0000004d}.text-drop-area{width:100%;border-radius:12px;background:#00000073;border:1px solid rgba(255,255,255,.14);color:#f8fafc;font-family:inherit;font-size:.92rem;line-height:1.5;padding:12px 14px;resize:vertical;min-height:110px;transition:all .2s ease;box-sizing:border-box}.text-drop-area:focus{outline:none;border-color:var(--cyan-primary);box-shadow:0 0 18px #00f0ff40;background:#0009}.modal-row-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.peer-selector{flex:1;min-width:150px;padding:8px 12px;border-radius:8px;background:#0e1422e6;border:1px solid rgba(255,255,255,.16);color:#f8fafc;font-size:.82rem;font-weight:500;cursor:pointer;outline:none;transition:border-color .2s}.peer-selector:focus{border-color:var(--cyan-primary)}.peer-selector option{background:#0c101d;color:#f8fafc}.incoming-offer-card{border-color:#00f0ff59!important;box-shadow:0 16px 50px #000c,0 0 30px #00f0ff2e!important}.offer-sender-bar{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);margin-bottom:14px}.offer-sender-info strong{display:block;font-size:.95rem;color:#fff}.offer-files-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto;margin-bottom:16px}.offer-file-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:10px;background:#00000059;border:1px solid rgba(255,255,255,.08)}.offer-filename{font-size:.84rem;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.offer-filesize{font-size:.74rem;color:var(--cyan-primary);font-weight:700;white-space:nowrap;background:#00f0ff1a;padding:3px 8px;border-radius:6px;border:1px solid rgba(0,240,255,.2)}.offer-footer-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.incoming-decline-btn{border-color:#ef444459!important;color:#fca5a5!important;background:#ef444414!important}.incoming-decline-btn:hover{border-color:#ef4444!important;background:#ef444433!important;color:#fff!important}.incoming-accept-btn{background:linear-gradient(135deg,#00f0ff,#00b4d8)!important;color:#04060e!important;font-weight:700!important;box-shadow:0 4px 20px #00f0ff59!important}.incoming-accept-btn:hover{box-shadow:0 6px 26px #00f0ff8c!important;transform:translateY(-1px)!important}.store-upload-box{display:flex;flex-direction:column;gap:12px;margin:12px 0}.store-file-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:30px 20px;border:2px dashed rgba(0,240,255,.35);border-radius:14px;background:#00f0ff08;cursor:pointer;transition:all .2s ease;text-align:center;color:var(--text-secondary)}.store-file-drop:hover{border-color:var(--cyan-primary);background:#00f0ff14;color:#fff}.file-size-tag{font-size:.74rem;color:var(--cyan-primary);font-weight:700;background:#00f0ff1f;padding:3px 8px;border-radius:6px}.peer-orb-circle-container{position:relative;width:60px;height:60px;display:flex;align-items:center;justify-content:center}@media(max-width:520px){.peer-orb-circle-container{width:50px;height:50px}}@media(max-width:768px){.more-tools-backdrop{align-items:flex-end!important;padding:0!important}.more-tools-sheet{max-width:100%!important;border-radius:24px 24px 0 0!important;max-height:82vh!important;overflow-y:auto!important;padding:16px 20px calc(24px + env(safe-area-inset-bottom,0px))!important;animation:slideUpSheet .3s cubic-bezier(.16,1,.3,1)}.sheet-drag-handle{width:36px;height:4px;border-radius:2px;background:#fff3;margin:0 auto 12px}.tool-row-card{padding:10px 14px!important;gap:12px!important}.tool-icon-circle{width:36px!important;height:36px!important}}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}.store-link-row{display:flex;gap:8px;align-items:center;margin-top:10px}.link-input{flex:1;padding:10px 14px;border-radius:10px;background:#00000073;border:1px solid rgba(255,255,255,.14);color:var(--cyan-primary);font-family:monospace;font-size:.82rem;outline:none}.store-security-note{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--text-secondary);margin-top:10px}.incoming-modal-backdrop{z-index:300!important}:root{--orbit-local-dist: 145px;--orbit-remote-dist: 235px}@media(max-width:520px){:root{--orbit-local-dist: 100px;--orbit-remote-dist: 155px}}.vayu-app{display:flex;flex-direction:column;min-height:100dvh;position:relative;padding-bottom:0}@media(max-width:768px){.vayu-app{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}}.vayu-header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#060913d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-glass);position:sticky;top:0;z-index:50;gap:12px}@media(max-width:768px){.vayu-header{padding:10px 14px}}.vayu-brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.vayu-logo-pulse{width:40px;height:40px;border-radius:var(--radius-full);background:linear-gradient(135deg,#00f0ff33,#8b5cf64d);border:1px solid var(--cyan-primary);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-neon-cyan)}.vayu-icon{color:var(--cyan-primary);filter:drop-shadow(0 0 6px var(--cyan-primary))}.vayu-title-wrap{display:flex;flex-direction:column}.vayu-title{font-family:var(--font-display);font-size:1.25rem;font-weight:800;letter-spacing:.05em;background:linear-gradient(135deg,#fff,#00f0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;gap:6px;line-height:1.2}.vayu-badge{font-size:.62rem;padding:2px 6px;border-radius:5px;background:#00f0ff26;border:1px solid rgba(0,240,255,.4);color:var(--cyan-primary);font-family:var(--font-mono);-webkit-text-fill-color:var(--cyan-primary)}.vayu-tagline{font-size:.75rem;color:var(--text-secondary)}.vayu-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.desktop-actions-cluster{display:flex;align-items:center;gap:8px}.desktop-only{display:flex}.mobile-only{display:none}@media(max-width:768px){.desktop-only{display:none!important}.mobile-only{display:inline-flex!important}}.vayu-net-indicator{display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:500;padding:6px 12px;background:#ffffff0a;border:1px solid var(--border-glass);border-radius:var(--radius-full);color:var(--text-secondary);white-space:nowrap}.icon-online{color:var(--emerald-success)}.icon-offline{color:var(--amber-warning)}.header-received-btn{position:relative}.header-badge-count{position:absolute;top:-4px;right:-4px;background:var(--cyan-primary);color:#060913;font-size:.68rem;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #060913}.btn-header-anywhere{background:linear-gradient(135deg,#a855f7d9,#00f0ffd9)!important;color:#fff!important;font-weight:600!important;padding:8px 16px!important;font-size:.88rem!important;box-shadow:0 0 16px #a855f759!important;border:1px solid rgba(255,255,255,.25)!important;white-space:nowrap}@media(max-width:480px){.btn-header-anywhere{padding:7px 12px!important;font-size:.82rem!important}}.mobile-bottom-dock{display:none}@media(max-width:768px){.mobile-bottom-dock{display:flex;align-items:center;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;height:calc(62px + env(safe-area-inset-bottom,0px));padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));background:#060913eb;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid rgba(0,240,255,.25);box-shadow:0 -8px 30px #0009;z-index:95}.dock-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:transparent;border:none;color:var(--text-secondary);font-size:.7rem;font-weight:500;cursor:pointer;padding:6px 0;transition:all .2s ease}.dock-item:active{transform:scale(.92);color:var(--cyan-primary)}.dock-item-highlight{color:#fff}.dock-item-highlight svg{color:#c084fc;filter:drop-shadow(0 0 8px rgba(168,85,247,.7))}.dock-item-badge-wrap{position:relative}.dock-badge{position:absolute;top:2px;right:20%;background:var(--cyan-primary);color:#060913;font-size:.62rem;font-weight:800;padding:1px 5px;border-radius:999px}}.radar-container{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 16px 40px;min-height:calc(100dvh - 70px);overflow:hidden}@media(max-width:768px){.radar-container{min-height:calc(100dvh - 130px);padding-bottom:20px}}.radar-orbit-legend{position:absolute;top:14px;display:flex;gap:10px;z-index:20}.legend-tag{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:600;padding:4px 10px;border-radius:999px}.legend-tag.tag-local{background:#00f0ff1f;border:1px solid rgba(0,240,255,.3);color:var(--cyan-primary)}.legend-tag.tag-remote{background:#a855f726;border:1px solid rgba(168,85,247,.4);color:#c084fc}.radar-canvas-area{position:relative;width:520px;height:520px;display:flex;align-items:center;justify-content:center}@media(max-width:520px){.radar-canvas-area{width:min(92vw,340px);height:min(92vw,340px)}}.radar-ring{position:absolute;border-radius:50%;border:1px dashed rgba(0,240,255,.15);pointer-events:none}.radar-ring-1{width:250px;height:250px;animation:pulseRadar 6s infinite ease-out}.radar-ring-2{width:440px;height:440px;border-color:#8b5cf61f;animation:pulseRadar 6s infinite ease-out 2s}.radar-ring-3{width:620px;height:620px;border-color:#ffffff0d;animation:pulseRadar 6s infinite ease-out 4s}.radar-ring-remote{border:1px dashed rgba(168,85,247,.32)!important}@media(max-width:520px){.radar-ring-1{width:170px;height:170px}.radar-ring-2{width:260px;height:260px}.radar-ring-3{width:330px;height:330px}}.radar-sweep-beam{position:absolute;width:440px;height:440px;border-radius:50%;background:conic-gradient(from 0deg at 50% 50%,rgba(0,240,255,.12) 0deg,transparent 60deg,transparent 360deg);animation:sweepScan 8s linear infinite;pointer-events:none}@media(max-width:520px){.radar-sweep-beam{width:260px;height:260px}}.radar-center-self{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;text-align:center}.self-orb-core{width:76px;height:76px;border-radius:50%;background:linear-gradient(135deg,#00f0ff,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#060913;box-shadow:0 0 30px var(--cyan-glow);cursor:pointer;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}@media(max-width:520px){.self-orb-core{width:62px;height:62px}.self-orb-core svg{width:24px;height:24px}}.self-orb-label{margin-top:10px;display:flex;flex-direction:column;align-items:center}.self-name{font-family:var(--font-display);font-weight:700;font-size:.96rem;color:#fff}.self-status{font-size:.72rem;color:var(--cyan-primary);margin-top:2px}.radar-peers-orbit{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.peer-position-node{position:absolute;top:50%;left:50%;transform:rotate(var(--angle)) translate(var(--distance)) rotate(calc(-1 * var(--angle)));pointer-events:auto}.peer-orb-wrapper{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .25s ease;position:relative}.peer-orb-wrapper:hover{transform:scale(1.08)}.peer-orb-circle{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;position:relative;transition:all .3s ease}@media(max-width:520px){.peer-orb-circle{width:50px;height:50px}.peer-orb-circle svg{width:18px;height:18px}}.peer-orb-wrapper.peer-orb-local .peer-orb-circle{border:2px solid var(--cyan-primary);box-shadow:0 0 18px #00f0ff59}.peer-orb-wrapper.peer-orb-remote .peer-orb-circle{border:2px solid #a855f7;box-shadow:0 0 22px #a855f773}.peer-beaming-laser-ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px dashed var(--cyan-primary);animation:spinLaser 3s linear infinite;box-shadow:0 0 16px var(--cyan-glow);pointer-events:none}@keyframes spinLaser{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon-beaming-zap{color:#fff;animation:pulseBeaming 1s infinite alternate ease-in-out}@keyframes pulseBeaming{0%{transform:scale(.9);opacity:.8}to{transform:scale(1.15);opacity:1}}.peer-orb-wrapper.is-completed .peer-orb-circle{border-color:var(--emerald-success)!important;box-shadow:0 0 30px #10b981b3!important;animation:bounceCelebration .6s ease}@keyframes bounceCelebration{0%{transform:scale(.8)}50%{transform:scale(1.2)}to{transform:scale(1)}}.icon-success-pop{color:#fff;stroke-width:3}.peer-origin-badge{position:absolute;top:-3px;right:-3px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #060913;z-index:3}.peer-origin-badge.origin-local{background:var(--cyan-primary);color:#060913}.peer-origin-badge.origin-remote{background:#a855f7;color:#fff}.peer-known-badge{position:absolute;bottom:-2px;right:-2px;width:17px;height:17px;background:var(--emerald-success);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;border:2px solid #060913}.peer-orb-meta{margin-top:6px;display:flex;flex-direction:column;align-items:center;text-align:center}.peer-orb-name{font-weight:600;font-size:.82rem;color:#fff;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.peer-orb-network-tag{font-size:.65rem;font-weight:600;margin-top:1px}.peer-orb-network-tag.tag-local{color:var(--cyan-primary)}.peer-orb-network-tag.tag-remote{color:#c084fc}.peer-orb-action{font-size:.68rem;color:var(--cyan-primary);display:flex;align-items:center;gap:2px;margin-top:2px}.text-cyan-bold{color:var(--cyan-primary);font-weight:700}.text-green-bold{color:var(--emerald-success);font-weight:700}.radar-empty-state-dock{margin-top:24px;z-index:10;width:100%;max-width:440px;display:flex;justify-content:center}.empty-state-card{width:100%;padding:18px 24px;border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;text-align:center;background:#0c1222cc}.empty-header-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.empty-pulse-icon{color:var(--cyan-primary);animation:pulseRadar 2s infinite ease-out}.empty-header-row h4{font-family:var(--font-display);font-size:.98rem;font-weight:600}.empty-desc{font-size:.82rem;color:var(--text-secondary);line-height:1.4;margin-bottom:14px}.empty-remote-prompt{margin-bottom:12px;width:100%}.btn-inline-cosmic{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#a855f7,#6366f1);color:#fff;border:none;border-radius:var(--radius-sm);padding:10px 16px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #a855f74d}.btn-inline-cosmic:hover{transform:translateY(-1px);box-shadow:0 6px 20px #a855f773}.empty-chips{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.72rem;color:var(--text-muted)}.transfer-cockpit-floating{position:fixed;bottom:24px;left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:480px;padding:16px 20px;border-radius:var(--radius-lg);z-index:85;box-shadow:0 12px 40px #000000a6,0 0 25px #00f0ff40;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}@media(max-width:768px){.transfer-cockpit-floating{bottom:calc(72px + env(safe-area-inset-bottom,0px))}}@keyframes slideUp{0%{transform:translate(-50%,40px);opacity:0}to{transform:translate(-50%);opacity:1}}.cockpit-top-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.cockpit-direction-badge{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.cockpit-direction-badge.badge-send{color:var(--cyan-primary)}.cockpit-direction-badge.badge-receive{color:var(--emerald-success)}.cockpit-meta-badges{display:flex;align-items:center;gap:8px}.opfs-badge{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;background:#ffffff0f;padding:2px 7px;border-radius:4px;color:var(--text-secondary)}.btn-cancel-cockpit{background:#f8717126;border:1px solid rgba(248,113,113,.35);color:#f87171;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.cockpit-file-row{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;margin-bottom:8px}.cockpit-filename{font-weight:600;color:#fff;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cockpit-bytes{font-size:.78rem;color:var(--text-secondary);font-family:var(--font-mono)}.cockpit-progress-track{width:100%;height:8px;background:#ffffff14;border-radius:999px;overflow:hidden;margin-bottom:10px}.cockpit-progress-bar{height:100%;background:linear-gradient(90deg,#00f0ff,#8b5cf6);transition:width .2s ease;box-shadow:0 0 10px #00f0ff80}.cockpit-progress-bar.complete{background:linear-gradient(90deg,#10b981,#059669);box-shadow:0 0 12px #10b98199}.cockpit-stats-row{display:flex;align-items:center;justify-content:space-between;font-size:.78rem;color:var(--text-secondary)}.cockpit-stat{display:inline-flex;align-items:center;gap:5px}.cockpit-percent strong{font-size:.92rem;color:#fff;font-family:var(--font-mono)}.received-files-modal,.more-tools-sheet{max-width:520px!important}.received-files-body{max-height:60vh;overflow-y:auto;padding:16px 20px!important}.received-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 20px;color:var(--text-secondary)}.icon-empty-inbox{color:var(--cyan-primary);margin-bottom:12px;opacity:.7}.received-empty-state h4{font-size:1.05rem;color:#fff;margin-bottom:6px}.received-empty-state p{font-size:.82rem;line-height:1.4;max-width:320px}.received-files-list{display:flex;flex-direction:column;gap:10px}.received-file-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-md)}.file-icon-box{width:40px;height:40px;border-radius:var(--radius-sm);background:#ffffff0a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.file-meta-details{flex:1;display:flex;flex-direction:column;overflow:hidden}.file-card-title{font-size:.88rem;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-card-sub{font-size:.74rem;color:var(--text-secondary);margin-top:2px}.btn-download-pill{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;background:#00f0ff26;border:1px solid var(--cyan-primary);color:var(--cyan-primary);border-radius:var(--radius-full);font-size:.78rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease}.btn-download-pill:hover{background:var(--cyan-primary);color:#060913}.btn-clear-history{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;color:#f87171!important}.more-tools-body{padding:16px 20px!important}.tools-list{display:flex;flex-direction:column;gap:10px}.tool-row-card{width:100%;display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--radius-md);background:#0e1526a6;border:1px solid var(--border-glass);text-align:left;cursor:pointer;transition:all .2s ease}.tool-row-card:hover{background:#16213ecc;border-color:#00f0ff4d;transform:translate(2px)}.tool-icon-circle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.tool-icon-circle.bg-amber{background:#f59e0b33;color:#fbbf24;border:1px solid rgba(245,158,11,.4)}.tool-icon-circle.bg-purple{background:#a855f733;color:#c084fc;border:1px solid rgba(168,85,247,.4)}.tool-icon-circle.bg-emerald{background:#10b98133;color:#34d399;border:1px solid rgba(168,85,129,.4)}.tool-icon-circle.bg-cyan{background:#00f0ff33;color:#38bdf8;border:1px solid rgba(0,240,255,.4)}.tool-icon-circle.bg-blue{background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.4)}.tool-meta{flex:1;display:flex;flex-direction:column}.tool-meta strong{font-size:.9rem;color:#fff;margin-bottom:2px}.tool-meta span{font-size:.75rem;color:var(--text-secondary)}.highlight-install{border-color:#00f0ff66!important;background:#00f0ff0f!important}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#04060ecc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal-card{width:100%;max-width:480px;border-radius:var(--radius-lg);padding:22px}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.modal-title-with-icon{display:flex;align-items:center;gap:10px}.modal-title-with-icon h3{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:#fff}.modal-subtitle{font-size:.76rem;color:var(--text-secondary);margin-top:1px}.modal-body{margin-bottom:18px}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px}.toast-container{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:200;width:calc(100% - 32px);max-width:420px;animation:slideDown .3s ease}@keyframes slideDown{0%{transform:translate(-50%,-20px);opacity:0}to{transform:translate(-50%);opacity:1}}.toast-card{padding:14px 18px;border-radius:var(--radius-md);border:1px solid var(--cyan-primary);box-shadow:0 8px 30px #000000b3}.toast-header{display:flex;align-items:center;gap:8px;font-size:.78rem;font-weight:700;color:var(--cyan-primary);margin-bottom:4px}.toast-content{font-size:.88rem;color:#fff;margin-bottom:10px}.toast-actions{display:flex;justify-content:flex-end;gap:8px}
