: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}.vayu-app{display:flex;flex-direction:column;min-height:100vh;position:relative}.vayu-header{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;background:#060913b3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-glass);position:sticky;top:0;z-index:50}.vayu-brand{display:flex;align-items:center;gap:14px}.vayu-logo-pulse{width:44px;height:44px;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{font-family:var(--font-display);font-size:1.35rem;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:8px}.vayu-badge{font-size:.65rem;padding:2px 7px;border-radius:6px;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:.8rem;color:var(--text-secondary)}.vayu-header-actions{display:flex;align-items:center;gap:10px}.vayu-net-indicator{display:flex;align-items:center;gap:6px;font-size:.82rem;font-weight:500;padding:6px 12px;background:#ffffff0a;border:1px solid var(--border-glass);border-radius:var(--radius-full);color:var(--text-secondary)}.icon-online{color:var(--emerald-success)}.icon-offline{color:var(--amber-warning)}.radar-container{flex:1;position:relative;display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 80px);overflow:hidden}.radar-ring{position:absolute;border-radius:50%;border:1px dashed rgba(0,240,255,.15);pointer-events:none}.radar-ring-1{width:260px;height:260px;animation:pulseRadar 6s infinite ease-out}.radar-ring-2{width:460px;height:460px;border-color:#8b5cf61f;animation:pulseRadar 6s infinite ease-out 2s}.radar-ring-3{width:680px;height:680px;border-color:#ffffff0d;animation:pulseRadar 6s infinite ease-out 4s}.radar-sweep-beam{position:absolute;width:480px;height:480px;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}.radar-center-self{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;text-align:center}.self-orb-core{width:84px;height:84px;border-radius:50%;background:linear-gradient(135deg,#00f0ff,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#060913;box-shadow:0 0 35px var(--cyan-glow);cursor:pointer;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.self-orb-core:hover{transform:scale(1.08)}.self-orb-label{margin-top:14px;display:flex;flex-direction:column;align-items:center}.self-name{font-family:var(--font-display);font-weight:700;font-size:1.05rem;color:#fff}.self-status{font-size:.78rem;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}.peer-orb-wrapper:hover{transform:scale(1.1)}.peer-orb-circle{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 0 24px #00f0ff66;position:relative}.peer-known-badge{position:absolute;top:-2px;right:-2px;width:20px;height:20px;background:var(--emerald-success);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;border:2px solid var(--bg-deep)}.peer-orb-meta{margin-top:8px;display:flex;flex-direction:column;align-items:center}.peer-orb-name{font-weight:600;font-size:.88rem;color:#fff}.peer-orb-action{font-size:.72rem;color:var(--cyan-primary);display:flex;align-items:center;gap:2px}.radar-empty-state{position:absolute;bottom:40px;z-index:10}.empty-state-card{padding:20px 32px;border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;text-align:center;max-width:440px}.empty-pulse-icon{color:var(--cyan-primary);margin-bottom:10px;animation:pulseRadar 2s infinite ease-out}.empty-state-card h3{font-family:var(--font-display);font-size:1.05rem;font-weight:600;margin-bottom:6px}.empty-state-card p{font-size:.85rem;color:var(--text-secondary);line-height:1.4;margin-bottom:12px}.empty-chips{display:flex;align-items:center;gap:10px;font-size:.75rem;color:var(--text-muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#04060ebf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal-card{width:100%;max-width:480px;border-radius:var(--radius-lg);padding:24px}.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-desc{font-size:.86rem;color:var(--text-secondary);margin-bottom:18px;line-height:1.45}.text-drop-area{width:100%;background:#00000059;border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:14px;color:#fff;font-family:var(--font-body);font-size:.92rem;resize:vertical;margin-bottom:14px}.text-drop-area:focus{outline:none;border-color:var(--cyan-primary);box-shadow:0 0 12px var(--cyan-glow)}.modal-row-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-footer{margin-top:20px;display:flex;justify-content:flex-end;gap:10px}.btn-secondary{padding:8px 16px;border-radius:var(--radius-full);background:#ffffff14;border:1px solid var(--border-glass);color:var(--text-main);font-size:.88rem;cursor:pointer}.btn-icon-danger{width:32px;height:32px;border-radius:50%;background:#f43f5e1a;border:1px solid rgba(244,63,94,.3);color:var(--rose-danger);display:flex;align-items:center;justify-content:center;cursor:pointer}.transfer-modal{width:100%;max-width:500px;border-radius:var(--radius-lg);padding:28px}.transfer-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.transfer-type-badge{display:flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;color:var(--cyan-primary);background:#00f0ff1f;padding:4px 12px;border-radius:var(--radius-full)}.transfer-file-info{display:flex;align-items:center;gap:16px;margin-bottom:20px}.transfer-file-icon{width:56px;height:56px;border-radius:var(--radius-md);background:#00f0ff1a;border:1px solid rgba(0,240,255,.3);display:flex;align-items:center;justify-content:center;color:var(--cyan-primary)}.transfer-filename{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:#fff;word-break:break-all}.transfer-filesize{font-size:.85rem;color:var(--text-secondary)}.transfer-speed-gauge{display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:600;color:var(--cyan-primary);margin-bottom:12px}.transfer-progress-track{width:100%;height:10px;background:#ffffff14;border-radius:5px;overflow:hidden;margin-bottom:10px}.transfer-progress-fill{height:100%;background:linear-gradient(90deg,#00f0ff,#8b5cf6,#ec4899);border-radius:5px;transition:width .2s ease-out}.transfer-progress-labels{display:flex;justify-content:space-between;font-size:.78rem;color:var(--text-secondary)}.opfs-indicator{color:var(--emerald-success)}.transfer-actions{margin-top:24px;display:flex;justify-content:flex-end}.btn-cancel{border-color:#f43f5e66;background:#f43f5e26;color:var(--rose-danger)}.sound-wave-anim{display:flex;align-items:center;justify-content:center;gap:8px;height:60px;margin:20px 0}.wave-bar{width:8px;height:16px;background:var(--cyan-primary);border-radius:4px;transition:height .2s ease}.wave-bar.active{animation:wavePulse .6s infinite alternate ease-in-out}.wave-bar:nth-child(2){animation-delay:.15s}.wave-bar:nth-child(3){animation-delay:.3s}.wave-bar:nth-child(4){animation-delay:.45s}@keyframes wavePulse{0%{height:12px}to{height:50px}}.qr-box{background:#fff;padding:16px;border-radius:var(--radius-md);display:inline-block;margin:14px 0}.qr-modal-center,.acoustic-center{display:flex;flex-direction:column;align-items:center;text-align:center}.qr-peer-id{font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary)}.device-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:var(--radius-md);margin-bottom:8px}.device-item-icon{width:36px;height:36px;border-radius:50%;background:#00f0ff1a;color:var(--cyan-primary);display:flex;align-items:center;justify-content:center}.device-item-info{flex:1;margin-left:12px;display:flex;flex-direction:column}.device-item-info strong{font-size:.92rem}.device-item-info span{font-size:.75rem;color:var(--text-secondary)}.dropzone-root{min-height:100vh;position:relative}.dropzone-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#060913e0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:999;display:flex;align-items:center;justify-content:center;border:3px dashed var(--cyan-primary);animation:pulseRadar 2s infinite ease-out}.dropzone-vortex{display:flex;flex-direction:column;align-items:center;text-align:center}.dropzone-icon{color:var(--cyan-primary);filter:drop-shadow(0 0 16px var(--cyan-primary));margin-bottom:16px;animation:floatGentle 2s infinite ease-in-out}.dropzone-vortex h2{font-family:var(--font-display);font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:8px}.dropzone-vortex p{color:var(--text-secondary)}.offer-sender-bar{display:flex;align-items:center;gap:14px;margin-bottom:16px}.offer-files-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto;margin-bottom:14px}.offer-file-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:var(--radius-sm);gap:12px}.offer-filename{flex:1;font-size:.88rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.offer-filesize{font-size:.78rem;color:var(--cyan-primary);font-family:var(--font-mono)}.toast-container{position:fixed;bottom:24px;right:24px;z-index:200;animation:floatGentle 3s infinite ease-in-out}.toast-card{padding:16px 20px;border-radius:var(--radius-md);max-width:360px;box-shadow:var(--shadow-neon-cyan)}.toast-header{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--cyan-primary);font-weight:600;margin-bottom:6px}.toast-content{font-size:.92rem;color:#fff;word-break:break-all;margin-bottom:12px}.toast-actions{display:flex;gap:8px;justify-content:flex-end}.offline-steps{display:flex;flex-direction:column;gap:12px;margin:16px 0}.offline-step{display:flex;align-items:flex-start;gap:14px;padding:12px 14px;border-radius:var(--radius-md);background:#ffffff08;border:1px solid var(--border-glass)}.offline-step.active{border-color:var(--cyan-primary);background:#00f0ff14}.step-num{width:28px;height:28px;border-radius:50%;background:var(--cyan-primary);color:#060913;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.offline-step p{font-size:.8rem;color:var(--text-secondary);margin-top:2px}.store-upload-box{margin:18px 0}.store-file-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;border:2px dashed rgba(0,240,255,.3);border-radius:var(--radius-md);background:#0003;cursor:pointer;transition:all .2s ease}.store-file-drop:hover{border-color:var(--cyan-primary);background:#00f0ff0d}.file-size-tag{font-size:.78rem;color:var(--cyan-primary);margin-top:6px;font-family:var(--font-mono)}.store-result-box{margin:18px 0}.store-link-row{display:flex;gap:8px;margin-bottom:12px}.link-input{flex:1;background:#0006;border:1px solid var(--border-glass);border-radius:var(--radius-sm);padding:10px 14px;color:#fff;font-family:var(--font-mono);font-size:.82rem}.store-security-note{display:flex;align-items:center;gap:6px;font-size:.76rem;color:var(--emerald-success)}