.video-participant{background:#333;border-radius:8px;overflow:hidden;position:relative;aspect-ratio:16/9;min-height:200px}.video-participant.screen-share{aspect-ratio:16/10;border:2px solid #4CAF50}.video-container{width:100%;height:100%;position:relative}.video-element{width:100%;height:100%;object-fit:cover;background:#222;display:block}.video-element.video-hidden{display:none}.video-placeholder{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);gap:16px}.avatar{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:700;color:#fff;box-shadow:0 8px 32px #667eea66;border:3px solid rgba(255,255,255,.1)}.muted-label{color:#ffffffb3;font-size:14px;font-weight:500;padding:6px 12px;background:rgba(0,0,0,.3);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.participant-info{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff;padding:10px;display:flex;justify-content:space-between;align-items:center}.participant-name{font-size:14px;font-weight:500}.status-indicators{display:flex;gap:6px;align-items:center}.local-indicator{background:#4CAF50;color:#fff;padding:3px 8px;border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.5px}.mute-indicator{background:rgba(244,67,54,.9);color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;display:flex;align-items:center;gap:4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #f443364d}.mute-indicator .icon{font-size:14px;line-height:1}.screen-indicator{background:rgba(76,175,80,.9);color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;display:flex;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #4caf504d}.screen-indicator .icon{font-size:14px;line-height:1}.video-stats-overlay{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;padding:8px 12px;font-size:11px;font-family:Monaco,Courier New,monospace;color:#fff;display:flex;flex-direction:column;gap:4px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #0000004d;z-index:5;min-width:140px}.stat-item{display:flex;justify-content:space-between;align-items:center;gap:8px}.stat-label{color:#ffffffb3;font-weight:500}.stat-value{color:#3b82f6;font-weight:700;text-align:right}.video-stats{position:absolute;top:10px;left:10px;background:rgba(0,0,0,.8);padding:8px 12px;border-radius:6px;font-size:.75rem;font-family:Courier New,Courier,monospace;color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);line-height:1.4;pointer-events:none;z-index:10;max-width:200px}.video-stats:not(.visible){display:none}.stat-line{margin:2px 0;color:#e0e0e0;white-space:nowrap}.stat-line.packet-loss{color:#ff6b6b;font-weight:700}.stat-line.layer-info{color:#4ade80;font-weight:700;margin-top:4px;padding-top:4px;border-top:1px solid rgba(255,255,255,.2)}.stat-line.decoder{font-size:.65rem;opacity:.8;color:#a0a0a0}.stat-line.scalability{font-size:.65rem;color:#4ade80;font-weight:700}.video-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:15px;padding:20px;overflow-y:auto}@media (max-width: 768px){.video-grid{grid-template-columns:1fr;padding:10px}}.controls{background:#2a2a2a;padding:15px;border-top:1px solid #444;display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.control-button{background:#444;color:#fff;border:none;padding:12px 16px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:80px;transition:all .2s ease;position:relative}.control-button:hover{background:#555;transform:translateY(-1px)}.control-button:active{transform:translateY(0)}.control-button.active{background:#f44336}.control-button.active:hover{background:#da190b}.control-button.leave{background:#f44336}.control-button.leave:hover{background:#da190b}.control-button.end-meeting{background:#d32f2f;border:2px solid #b71c1c}.control-button.end-meeting:hover{background:#b71c1c}.control-button .icon{font-size:20px}.control-button .label{font-size:11px;opacity:.9}.control-button .badge{position:absolute;top:5px;right:5px;background:#f44336;color:#fff;border-radius:50%;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;padding:2px;box-shadow:0 2px 4px #0000004d}@media (max-width: 768px){.controls{padding:10px;gap:10px}.control-button{padding:10px 12px;min-width:70px}}.chat-panel{position:fixed;right:20px;bottom:100px;width:350px;height:500px;background:rgba(0,0,0,.9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;display:flex;flex-direction:column;box-shadow:0 10px 40px #00000080;z-index:1000}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.chat-header h3{margin:0;font-size:1.1rem;color:#fff}.close-btn{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .3s}.close-btn:hover{background:rgba(255,255,255,.1)}.chat-messages{flex:1;overflow-y:auto;padding:15px;display:flex;flex-direction:column;gap:12px}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:3px}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#888}.empty-hint{font-size:.9rem;margin-top:5px}.message{padding:10px;border-radius:8px;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.system-message{text-align:center;background:rgba(255,255,255,.05)}.system-text{color:#aaa;font-size:.85rem;font-style:italic}.user-message{background:rgba(102,126,234,.2)}.message-header{display:flex;justify-content:space-between;margin-bottom:5px;font-size:.85rem}.sender{font-weight:600;color:#667eea}.timestamp{color:#888;font-size:.75rem}.message-text{color:#fff;word-wrap:break-word;line-height:1.4}.chat-input-form{display:flex;gap:10px;padding:15px;border-top:1px solid rgba(255,255,255,.1)}.chat-input{flex:1;padding:10px 15px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:20px;color:#fff;font-size:.9rem}.chat-input:focus{outline:none;border-color:#667eea}.chat-input::placeholder{color:#888}.send-btn{width:40px;height:40px;border-radius:50%;border:none;background:#667eea;color:#fff;font-size:1.2rem;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.send-btn:hover:not(:disabled){background:#764ba2;transform:scale(1.1)}.send-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.chat-panel{right:10px;bottom:90px;width:calc(100% - 20px);max-width:350px}}.microphone-selector-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.microphone-selector{background:white;border-radius:12px;padding:24px;max-width:400px;width:90%;box-shadow:0 10px 40px #0003}.microphone-selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.microphone-selector-header h3{margin:0;font-size:18px;color:#333}.microphone-selector .close-btn{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.microphone-selector .close-btn:hover{background-color:#f0f0f0}.microphone-list{margin-bottom:20px}.microphone-list label{display:block;font-size:14px;font-weight:500;margin-bottom:8px;color:#555}.microphone-list select{width:100%;padding:10px;font-size:14px;border:2px solid #ddd;border-radius:6px;background:white;cursor:pointer;transition:border-color .2s}.microphone-list select:hover{border-color:#667eea}.microphone-list select:focus{outline:none;border-color:#667eea}.audio-meter{margin-top:20px}.audio-meter-label{font-size:14px;font-weight:500;margin-bottom:8px;color:#555;display:flex;align-items:center;gap:8px}.audio-meter-label .status-indicator{width:8px;height:8px;border-radius:50%;background-color:#ccc;transition:background-color .2s}.audio-meter-label .status-indicator.active{background-color:#28a745;box-shadow:0 0 8px #28a74580;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.audio-meter-bar{height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;position:relative}.audio-meter-fill{height:100%;background:linear-gradient(to right,#28a745,#ffc107,#dc3545);border-radius:4px;transition:width .1s ease-out;min-width:2px}.audio-meter-info{margin-top:8px;font-size:12px;color:#666;text-align:center}.microphone-selector-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.microphone-selector-actions button{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.apply-btn:disabled{background:#ccc;cursor:not-allowed}.speaker-selector-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.speaker-selector{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border-radius:16px;width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;border:1px solid rgba(255,255,255,.1)}.speaker-selector-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.speaker-selector-header h3{margin:0;font-size:20px;font-weight:600;color:#fff;display:flex;align-items:center;gap:8px}.close-btn{background:rgba(255,255,255,.1);border:none;color:#fff;font-size:24px;width:36px;height:36px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn:hover{background:rgba(255,255,255,.2);transform:scale(1.05)}.speaker-selector-body{flex:1;overflow-y:auto;padding:20px 24px}.no-devices{text-align:center;padding:40px 20px;color:#fff9}.devices-list{display:flex;flex-direction:column;gap:12px}.device-item{background:rgba(255,255,255,.05);border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;cursor:pointer;transition:all .2s;display:flex;justify-content:space-between;align-items:center}.device-item:hover{background:rgba(255,255,255,.08);border-color:#3b82f680;transform:translateY(-2px)}.device-item.selected{background:linear-gradient(135deg,rgba(59,130,246,.2) 0%,rgba(37,99,235,.2) 100%);border-color:#3b82f6}.device-info{display:flex;align-items:center;gap:12px;flex:1}.device-icon{font-size:24px}.device-details{display:flex;flex-direction:column;gap:4px}.device-name{color:#fff;font-weight:500;font-size:15px}.device-label{color:#ffffff80;font-size:12px}.device-actions{display:flex;align-items:center;gap:8px}.selected-indicator{color:#3b82f6;font-size:20px;font-weight:700}.test-controls{margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:12px}.test-button{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;color:#fff;padding:12px 24px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.test-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.test-button:disabled{opacity:.5;cursor:not-allowed}.test-hint{text-align:center;color:#fff9;font-size:13px;margin:0}.browser-warning{margin-top:16px;padding:12px;background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.3);border-radius:8px;color:#fbbf24;font-size:13px;line-height:1.5}.speaker-selector-actions{display:flex;gap:12px;padding:20px 24px;border-top:1px solid rgba(255,255,255,.1)}.cancel-btn,.apply-btn{flex:1;padding:12px 24px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.cancel-btn{background:rgba(255,255,255,.1);color:#fff}.cancel-btn:hover{background:rgba(255,255,255,.15)}.apply-btn{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff}.apply-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b98166}.speaker-selector-body::-webkit-scrollbar{width:8px}.speaker-selector-body::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:4px}.speaker-selector-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:4px}.speaker-selector-body::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}.background-selector-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.background-selector{background:white;border-radius:12px;padding:24px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d}.background-selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.background-selector-header h3{margin:0;font-size:20px;color:#333}.background-selector .close-btn{background:none;border:none;font-size:28px;color:#666;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.background-selector .close-btn:hover{background-color:#f0f0f0}.background-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px;margin-bottom:20px}.background-option{cursor:pointer;border-radius:8px;overflow:hidden;border:3px solid transparent;transition:all .2s}.background-option:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.background-option.selected{border-color:#667eea;box-shadow:0 4px 12px #667eea4d}.option-preview{height:90px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;color:#fff}.none-preview{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.blur-preview{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.option-label{padding:8px;text-align:center;font-size:13px;font-weight:500;color:#555;background:#f5f5f5}.blur-controls{margin:20px 0;padding:15px;background:#f9f9f9;border-radius:8px}.blur-controls label{display:block;margin-bottom:10px;font-size:14px;color:#555}.blur-slider{width:100%;height:6px;border-radius:3px;background:#ddd;outline:none;-webkit-appearance:none}.blur-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#667eea;cursor:pointer}.blur-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#667eea;cursor:pointer;border:none}.image-backgrounds{margin:20px 0}.image-backgrounds h4{font-size:14px;color:#555;margin:15px 0 10px}.preset-backgrounds{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:20px}.preset-option{cursor:pointer;border-radius:8px;overflow:hidden;border:3px solid transparent;transition:all .2s}.preset-option:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.preset-option.selected{border-color:#667eea;box-shadow:0 4px 12px #667eea4d}.preset-option img{width:100%;height:100px;object-fit:cover;display:block}.preset-label{padding:8px;text-align:center;font-size:13px;font-weight:500;color:#555;background:#f5f5f5}.custom-url-input{width:100%;padding:10px 12px;font-size:14px;border:2px solid #ddd;border-radius:6px;transition:border-color .2s}.custom-url-input:focus{outline:none;border-color:#667eea}.custom-url-input::placeholder{color:#999}.background-selector-tabs{margin:20px 0;display:flex;gap:10px;border-bottom:2px solid #e0e0e0}.tab-button{padding:10px 20px;background:none;border:none;border-bottom:3px solid transparent;font-size:14px;font-weight:500;color:#666;cursor:pointer;transition:all .2s;margin-bottom:-2px}.tab-button:hover{color:#667eea}.tab-button.active{color:#667eea;border-bottom-color:#667eea}.background-selector-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.background-selector-actions button{padding:10px 24px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.cancel-btn{background:#f0f0f0;color:#333}.cancel-btn:hover{background:#e0e0e0}.apply-btn{background:#667eea;color:#fff}.apply-btn:hover{background:#764ba2}@media (max-width: 768px){.background-selector{width:95%;padding:20px}.background-options,.preset-backgrounds{grid-template-columns:repeat(2,1fr)}}.network-tester-button{position:fixed;bottom:20px;right:20px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;color:#fff;font-size:28px;cursor:pointer;box-shadow:0 4px 12px #667eea66;z-index:9998;transition:transform .2s,box-shadow .2s}.network-tester-button:hover{transform:scale(1.1);box-shadow:0 6px 16px #667eea99}.network-tester-button:active{transform:scale(.95)}.network-tester-panel{position:fixed;bottom:90px;right:20px;width:400px;max-height:80vh;background:white;border-radius:16px;box-shadow:0 8px 32px #00000026;z-index:9999;overflow:hidden;display:flex;flex-direction:column;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.network-tester-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:16px 20px;display:flex;justify-content:space-between;align-items:center}.network-tester-header h3{margin:0;font-size:18px;font-weight:600}.close-button{background:rgba(255,255,255,.2);border:none;color:#fff;width:30px;height:30px;border-radius:50%;font-size:24px;line-height:1;cursor:pointer;transition:background .2s}.close-button:hover{background:rgba(255,255,255,.3)}.network-tester-content{padding:20px;overflow-y:auto;max-height:calc(80vh - 60px)}.control-group{margin-bottom:20px}.control-group label{display:block;font-size:14px;font-weight:500;margin-bottom:8px;color:#333}.control-group input[type=range]{width:100%;height:6px;border-radius:3px;background:#e0e0e0;outline:none;-webkit-appearance:none}.control-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#667eea;cursor:pointer;transition:transform .2s}.control-group input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.control-group input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#667eea;cursor:pointer;border:none}.toggle-label{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-label input[type=checkbox]{width:20px;height:20px;cursor:pointer}.toggle-label span{font-size:14px;font-weight:500}.quality-display{background:#f5f5f5;border-radius:12px;padding:20px;text-align:center;margin-bottom:20px;border:3px solid;transition:all .3s}.quality-score{font-size:48px;font-weight:700;line-height:1;margin-bottom:8px}.quality-status{font-size:14px;font-weight:600;letter-spacing:1px;margin-bottom:12px;color:#666}.quality-metrics{display:flex;justify-content:space-around;font-size:12px;color:#666}.auto-mute-indicator{margin-top:12px;padding:8px 12px;background:#ff5722;color:#fff;border-radius:6px;font-size:13px;font-weight:600;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.preset-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.preset-btn{background:#f0f0f0;border:2px solid #e0e0e0;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.preset-btn:hover{background:#667eea;color:#fff;border-color:#667eea;transform:translateY(-2px)}.preset-btn.critical{grid-column:span 3}.preset-btn.critical:hover{background:#f44336;border-color:#f44336}.auto-mute-section{background:#fff3cd;border:2px solid #ffc107;border-radius:8px;padding:12px}.threshold-control{margin-top:12px;padding-top:12px;border-top:1px solid rgba(0,0,0,.1)}.threshold-control small{display:block;margin-top:8px;color:#666;font-size:12px}.help-text{background:#e3f2fd;border-left:4px solid #2196f3;padding:12px;border-radius:4px;font-size:13px;line-height:1.6;color:#333}.help-text strong{color:#1976d2;display:block;margin-bottom:8px}.help-text ol{margin:8px 0;padding-left:20px}.help-text li{margin:4px 0}.help-text p{margin:8px 0 0;font-size:12px;color:#666}@media (max-width: 768px){.network-tester-panel{width:calc(100vw - 40px);right:20px;left:20px}.preset-buttons{grid-template-columns:repeat(2,1fr)}.preset-btn.critical{grid-column:span 2}}.meeting-room{display:flex;flex-direction:column;height:100vh;background:#1a1a1a}.meeting-header{background:#2a2a2a;padding:15px 20px;border-bottom:1px solid #444;display:flex;justify-content:space-between;align-items:center}.room-info{display:flex;align-items:center;gap:12px;margin-bottom:8px}.codec-badge{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:#fff;padding:4px 12px;border-radius:16px;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 2px 8px #3b82f64d;border:1px solid rgba(255,255,255,.2)}.meeting-header h2{margin:0;font-size:18px;font-weight:500}.connection-details{display:flex;flex-direction:column;gap:2px}.connection-status{font-size:12px;font-weight:500}.connection-indicators{font-size:10px;color:#888;margin-top:2px}.text-green-500{color:#10b981}.text-yellow-500{color:#f59e0b}.text-red-500{color:#ef4444}.text-gray-500{color:#6b7280}.participant-count{font-size:14px;color:#aaa}.admin-controls{margin-top:8px}.admin-controls button{margin-right:8px}.toast-container{position:fixed;top:20px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:2000;pointer-events:none}.toast{min-width:220px;max-width:320px;padding:12px 16px;border-radius:10px;background:rgba(32,32,32,.9);color:#fff;box-shadow:0 12px 30px #00000059;font-size:14px;font-weight:500;pointer-events:auto;animation:toast-enter .3s ease forwards}.toast.toast-warning{background:rgba(255,198,115,.95);color:#1f1200}.toast.toast-info{background:rgba(56,189,248,.95);color:#03131d}@keyframes toast-enter{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}