.settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000047;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.settings-overlay-mobile{align-items:flex-start;justify-content:center;padding-top:calc(env(safe-area-inset-top,0px) + 20px)}.settings-panel.settings-panel-action-sheet{position:fixed;top:auto;bottom:0;left:0;right:0;transform:none;width:100%;max-width:100%;max-height:60vh;border-radius:18px 18px 0 0;background:#fffffff0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 -4px 24px #00000026;padding:16px 18px calc(18px + env(safe-area-inset-bottom));margin-bottom:0;opacity:1;z-index:10001;animation:slideUpActionSheet .3s ease;display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch}.settings-panel:not(.settings-panel-action-sheet){position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(420px,92vw);max-width:480px;max-height:80vh;padding:20px 22px 16px;border-radius:18px;background:#fffffff0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 12px 32px #0f172a2e,0 0 0 1px #e2e8f0e6;z-index:10001;display:flex;flex-direction:column;outline:none;opacity:0;transform-origin:center;transition:opacity .18s ease-out,transform .18s ease-out,box-shadow .18s ease-out}.viewer-settings-panel:not(.settings-panel-action-sheet){max-width:480px}.settings-panel-open:not(.settings-panel-action-sheet){opacity:1;transform:translate(-50%,-50%) scale(1);animation:modalFadeIn .2s cubic-bezier(.34,1.56,.64,1)}@keyframes modalFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes slideUpActionSheet{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideUpModal{0%{transform:translate(-50%,-50%) scale(.95);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.settings-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.22);background:linear-gradient(to bottom,rgba(255,255,255,.02),transparent);flex-shrink:0}.settings-header h2{font-size:17px;font-weight:600;letter-spacing:-.01em;margin:0;color:#111827}.close-button{border:none;background:transparent;width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:18px;color:#9ca3af;cursor:pointer;transition:background-color .15s ease-out,transform .12s cubic-bezier(.34,1.56,.64,1),color .15s ease-out;transform:scale(.95)}.close-button:hover{background-color:#94a3b81f;color:#4b5563;transform:scale(1)}.close-button:active{transform:scale(.95)}.settings-content{padding:0;overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:16px}.settings-panel:not(.settings-panel-action-sheet) .settings-content{padding:0}.settings-panel.settings-panel-action-sheet .settings-content{padding:0}.settings-section{padding:20px;margin-bottom:1.5rem}.settings-section h2{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.setting-item{display:flex;flex-direction:column;gap:12px;align-items:stretch}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-row-main{display:flex;flex-direction:column;gap:2px;min-width:0}.settings-row-title{font-size:14px;font-weight:500;color:#111827}.settings-row-caption{margin:0;font-size:12px;color:#6b7280}.settings-row-control{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0}.settings-toggle{transform:scale(.94)}.setting-item:last-child{margin-bottom:0}.setting-item-toggle{margin-bottom:0}.setting-description{font-size:.85rem;color:#9ca3af;margin-top:4px;margin-bottom:0;font-style:italic;line-height:1.4}.setting-label{font-weight:500;color:#374151}.setting-value{font-weight:500;color:#9ca3af}.setting-item-header{display:flex;align-items:center;justify-content:space-between;font-size:13px}.setting-item-header .toggle-switch{align-self:flex-start;margin-top:2px}.toggle-switch{position:relative;width:46px;height:26px;display:inline-flex;align-items:center;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{position:relative;width:100%;height:100%;background-color:#d1d5db;border-radius:999px;transition:background-color .16s ease-out;box-shadow:none}.toggle-slider:before{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 4px 10px #0f172a33;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .16s ease-out}.toggle-switch input:checked+.toggle-slider{background:#6366f1;box-shadow:none}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px);animation:toggleSpring .3s cubic-bezier(.34,1.56,.64,1)}@keyframes toggleSpring{0%{transform:translate(0)}60%{transform:translate(24px)}to{transform:translate(20px)}}.toggle-switch input:focus-visible+.toggle-slider{box-shadow:0 0 0 2px #60a5fab3}.quality-options{display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-end}.quality-button{flex:1;min-width:80px;padding:.75rem 1rem;border:1px solid #e5e7eb;background:#f9fafb;color:#374151;border-radius:14px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:none;position:relative;overflow:hidden}.quality-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease;pointer-events:none}.quality-button:active:before{width:200px;height:200px}.quality-button:hover{border-color:#d1d5db;background:#f3f4f6}.quality-button:active{transform:translateY(0)}.quality-button.active{background:#6366f1;color:#fff;border-color:#6366f1;box-shadow:none;animation:qualityButtonPop .09s cubic-bezier(.34,1.56,.64,1)}@keyframes qualityButtonPop{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}.settings-footer{padding:1.5rem;border-top:1px solid var(--border-color)}.save-button{width:100%;padding:1rem;background:#667eea;color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background .2s ease}.save-button:hover{background:#5568d3}.save-button:active{transform:scale(.98)}@media (max-width: 480px){.settings-panel:not(.settings-panel-action-sheet){width:94vw;padding:16px 16px 18px}}.igo-modal-panel{position:relative;max-width:420px;width:100%;border-radius:18px;padding:20px 22px 16px;background:#fffffff0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 12px 32px #0f172a2e,0 0 0 1px #e2e8f0e6;max-height:90vh;overflow-y:auto;overflow-x:hidden}.igo-modal-header{position:relative;padding-right:24px;margin-bottom:16px}.igo-modal-title{margin:0;font-size:18px;font-weight:600;color:#111827}.igo-modal-subtitle{margin:4px 0 0;font-size:13px;color:#6b7280}.igo-modal-panel,.igo-modal-panel p,.igo-modal-panel span,.igo-modal-panel label{color:#374151}.igo-modal-title{color:#111827}.igo-modal-subtitle,.settings-row-caption{color:#6b7280}.igo-modal-close{position:absolute;right:0;top:0;border:none;background:transparent;font-size:18px;cursor:pointer;color:#9ca3af;border-radius:999px;padding:2px 6px;transition:transform .12s ease,color .12s ease,background .12s ease}.igo-modal-close:hover{color:#4b5563;background:#94a3b81f;transform:translateY(-1px)}.igo-modal-body{display:flex;flex-direction:column;gap:10px}.igo-modal-card{display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:14px;background:#f9fafb;border:1px solid #e5e7eb;padding:12px 14px;box-shadow:none}.igo-modal-card-title{font-size:13px;font-weight:500;color:#111827}.igo-modal-card-caption{font-size:12px;color:#6b7280}.igo-modal-footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.igo-modal-footer-buttons{display:flex;gap:10px}.igo-modal-button{border-radius:999px;padding:8px 18px;font-size:14px;border:none;cursor:pointer;transition:background .12s ease,box-shadow .12s ease,transform .12s ease;display:inline-flex;align-items:center;gap:8px}.igo-modal-button.secondary{background:#f3f4f6;color:#374151;border-radius:999px;padding:8px 20px;border:1px solid #e5e7eb;box-shadow:none}.igo-modal-button.secondary:hover{background:#e5e7eb}.igo-modal-button.primary{background:#6366f1;color:#fff;font-weight:500;border-radius:999px;padding:8px 20px;box-shadow:none}.igo-modal-button.primary:hover:not(:disabled){background:#4f46e5}.igo-modal-button.primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.igo-toggle-on,.toggle-switch input:checked+.toggle-slider,.share-modal-toggle input[type=checkbox]:checked+.share-modal-toggle-slider{background:#6366f1;box-shadow:none}.igo-chip{border-radius:999px;padding:8px 18px;font-size:14px;border:1px solid rgba(209,213,219,.9);background:#f3f4f6;color:#111827;cursor:pointer;transition:all .12s ease}.igo-chip.is-active{border-color:#6366f1;background:#6366f1;color:#fff;box-shadow:none}.igo-modal-mobile-handle{width:40px;height:5px;background:#94a3b8b3;border-radius:999px;margin:6px auto 10px}@media (min-width: 481px){.igo-modal-mobile-handle{display:none}}@media (max-width: 480px){.igo-modal-panel{position:fixed;left:0;right:0;bottom:0;margin:0;border-radius:18px 18px 0 0;max-height:60vh;width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px 18px 14px;padding-bottom:calc(18px + env(safe-area-inset-bottom));animation:igoModalSheetSlideUp .28s ease;background:#fffffff0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 -4px 24px #00000026}.igo-modal-mobile-handle{width:40px;height:5px;background:#d1d5db;border-radius:999px;margin:6px auto 14px}}@keyframes igoModalSheetSlideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.message-modal-overlay,.share-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a5c;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.share-modal{position:relative;max-width:420px;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.share-modal-header{position:relative;padding-right:24px;margin-bottom:16px}.share-modal-title{margin:0;font-size:18px;font-weight:600;color:#f9fafb}.share-modal-subtitle{margin:4px 0 0;font-size:13px;color:#9ca3af}.share-modal-close{position:absolute;right:-2px;top:-2px;border:none;background:transparent;font-size:18px;cursor:pointer;color:#9ca3af;transition:transform .12s ease,color .12s ease,background .12s ease;border-radius:999px;padding:2px 6px}.share-modal-close:hover{color:#e5e7eb;background:#94a3b833;transform:translateY(-1px)}.share-modal-body{display:flex;flex-direction:column;gap:10px}.share-modal-field-label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#e5e7eb}.share-modal-textarea{background:#fff;border:1px solid #d1d5db;border-radius:12px;padding:10px 12px;resize:vertical;font-size:14px;min-height:96px;outline:none;color:#374151;transition:border-color .14s ease,box-shadow .14s ease;font-family:inherit;box-sizing:border-box;width:100%}.share-modal-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f12e}.share-modal-textarea::placeholder{color:#9ca3af}.share-modal-meta-row{display:flex;justify-content:flex-end;margin-top:-4px;margin-bottom:4px}.share-modal-char-count{font-size:11px;color:#9ca3af}.share-modal-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px}.share-modal-link-card{margin-bottom:10px}.share-modal-link-text{min-width:0;flex:1}.share-modal-link-label{display:block;font-size:12px;color:#e5e7eb;margin-bottom:2px}.share-modal-link-value{display:block;font-size:13px;color:#cbd5f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.share-modal-copy-button{background:#e5e7ff;color:#4f46e5;border-radius:999px;padding:6px 12px;border:1px solid #c7d2fe;font-size:13px;font-weight:500;cursor:pointer;transition:background .12s ease;white-space:nowrap;box-shadow:none}.share-modal-copy-button:hover{background:#dbeafe}.share-modal-copy-button.is-copied{background:#dcfce7;color:#16a34a;border-color:#bbf7d0}.share-modal-preview-card{flex-direction:column;align-items:stretch;gap:6px;margin-bottom:10px}.share-modal-preview-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.share-modal-preview-title{font-size:13px;font-weight:500;color:#e5e7eb}.share-modal-preview-caption{margin:0;font-size:12px;color:#cbd5f5}.share-modal-toggle-wrapper{display:flex;align-items:center}.share-modal-toggle{display:flex;align-items:center;cursor:pointer;position:relative}.share-modal-toggle input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.share-modal-toggle-slider{position:relative;width:40px;height:22px;border-radius:999px;background:#00000014;border:1px solid rgba(0,0,0,.25);box-shadow:0 0 0 1px #ffffff26 inset,0 0 0 1px #94a3b859;transition:background .18s ease-out,border-color .18s ease-out,box-shadow .18s ease-out;display:flex;align-items:center;padding:2px}.share-modal-toggle-slider:before{content:"";width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #00000059;transform:translate(0);transition:transform .18s ease-out}.share-modal-toggle input[type=checkbox]:checked+.share-modal-toggle-slider{background:#6366f1;border-color:transparent;box-shadow:none}.share-modal-toggle input[type=checkbox]:checked+.share-modal-toggle-slider:before{transform:translate(16px)}.share-modal-preview-body{display:flex;flex-direction:column;gap:10px;margin-top:10px}.share-modal-preview-thumbnail-large{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:14px;overflow:hidden;background:radial-gradient(circle at top left,#1b1f3b,#05060c);box-shadow:0 14px 40px #00000073,0 0 0 1px #ffffff0f}.share-modal-preview-img{width:100%;height:100%;object-fit:cover;display:block}.share-modal-preview-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#eef2ff;font-size:.85rem;background:radial-gradient(circle at center,rgba(255,255,255,.04),transparent 55%)}.share-modal-preview-placeholder-icon{font-size:1.6rem;filter:drop-shadow(0 4px 10px rgba(0,0,0,.6))}.share-modal-preview-placeholder-text{opacity:.8}.share-modal-preview-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:radial-gradient(circle at center,#00000059,#000000b3);color:#f5f7ff;font-size:.8rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.share-modal-preview-spinner{width:20px;height:20px;border-radius:50%;border:2px solid rgba(245,247,255,.35);border-top-color:#fff;animation:share-modal-spin .8s linear infinite}@keyframes share-modal-spin{to{transform:rotate(360deg)}}.share-modal-preview-error{font-size:.78rem;color:#d93025}.share-preview-actions{display:flex;gap:.75rem;margin-top:.75rem}.share-action-button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem .9rem;border-radius:9999px;border:none;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .12s ease}.share-action-button:disabled{opacity:.55;cursor:not-allowed}.share-action-button-live{background:#7388ff;color:#fff!important}.share-action-button-live span{color:#fff!important}.share-action-button-live:hover:not(:disabled){background:#6478e6}.share-action-button-upload{background:#f3f4f6;border:1px solid #E5E7EB;color:#4b5563}.share-action-button-upload:hover:not(:disabled){background:#edeeef}.share-action-icon{width:16px;height:16px;flex-shrink:0}.share-hidden-file-input{display:none}.share-modal-footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.share-modal-brand{font-size:11px;color:#6b7280}.share-modal-footer-buttons{display:flex;gap:10px}.share-modal-button{border-radius:999px;padding:8px 18px;font-size:14px;border:none;cursor:pointer;transition:background .12s ease,box-shadow .12s ease,transform .12s ease;display:inline-flex;align-items:center;gap:8px}.share-modal-button.secondary{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb;box-shadow:none}.share-modal-button.secondary:hover{background:#e5e7eb}.share-modal-button.primary{background:#6366f1;color:#fff;font-weight:500;box-shadow:none}.share-modal-button.primary:hover:not(:disabled){background:#4f46e5}.share-modal-button.primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 10px 20px #94a3b84d,0 0 0 1px #d1d5dbe6}.share-modal-confirm-spinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;animation:share-modal-spin .8s linear infinite}@media (min-width: 481px){.share-modal{position:relative;max-height:90vh}}@media (max-width: 768px) and (min-width: 481px){.message-modal-overlay,.share-modal-overlay{padding:1rem}.share-modal{max-width:100%;width:100%;max-height:90vh}.share-modal-header{padding-right:20px}.share-modal-title{font-size:16px}.share-modal-subtitle{font-size:12px}.share-modal-link-value{max-width:150px}.share-modal-footer{flex-direction:column;align-items:stretch;gap:12px}.share-modal-brand{order:2;text-align:center}.share-modal-footer-buttons{width:100%;order:1}.share-modal-button{flex:1}}@media (max-width: 480px){.message-modal-overlay,.share-modal-overlay{padding:0;align-items:flex-end;background:#0f172a66}.igo-glass-modal,.share-modal{width:100%;margin:0!important;border-radius:18px 18px 0 0;padding:16px 18px calc(16px + env(safe-area-inset-bottom));position:fixed;left:0;right:0;bottom:0;max-height:80vh;overflow-y:auto;-webkit-overflow-scrolling:touch;animation:shareSheetSlideUp .28s ease;box-shadow:0 -8px 28px #0003,0 0 0 1px #ffffff14}@keyframes shareSheetSlideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.share-modal-mobile-handle{width:40px;height:5px;background:#0000002e;border-radius:3px;margin:6px auto 10px;display:block}.share-preview-actions{flex-direction:row}}@media (min-width: 481px){.share-modal-mobile-handle{display:none}.share-modal-close{top:10px;right:10px;position:absolute;z-index:9999}.share-modal-header{padding-right:40px}.share-modal-title{font-size:16px}.share-modal-subtitle{font-size:12px}.share-modal-link-value{max-width:160px}.share-modal-footer{flex-direction:column;align-items:stretch;gap:12px;padding-bottom:env(safe-area-inset-bottom)}.share-modal-brand{order:2;text-align:center}.share-modal-footer-buttons{width:100%;order:1}.share-modal-button{flex:1}}body.modal-open{overflow:hidden}.visibility-timeout-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10001;padding:1rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease}.visibility-timeout-dialog{background:#fff;border-radius:20px;width:100%;max-width:450px;box-shadow:0 20px 60px #00000080;animation:slideIn .3s ease;overflow:hidden}.visibility-timeout-header{padding:1.5rem;border-bottom:1px solid #e0e0e0;background:linear-gradient(135deg,#667eea,#764ba2)}.visibility-timeout-header h2{margin:0;font-size:1.5rem;font-weight:700;color:#fff}.visibility-timeout-content{padding:1.5rem}.visibility-timeout-content p{margin:0 0 1.5rem;font-size:1rem;color:#333;line-height:1.5}.visibility-timeout-countdown{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;background:#f8f9fa;border-radius:12px;margin-top:1rem}.countdown-label{font-size:.95rem;color:#666;font-weight:500}.countdown-time{font-size:1.5rem;font-weight:700;color:#667eea;font-variant-numeric:tabular-nums;min-width:60px;text-align:center}.visibility-timeout-actions{padding:1.5rem;border-top:1px solid #e0e0e0;display:flex;justify-content:center;gap:.75rem}.visibility-timeout-continue,.visibility-timeout-ok{padding:.875rem 2rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;background:#667eea;color:#fff;min-width:180px}.visibility-timeout-continue:hover,.visibility-timeout-ok:hover{background:#5568d3;transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.visibility-timeout-continue:active,.visibility-timeout-ok:active{transform:translateY(0)}@media (max-width: 768px){.visibility-timeout-dialog{max-width:calc(100% - 2rem);border-radius:16px}.visibility-timeout-header{padding:1.25rem}.visibility-timeout-header h2{font-size:1.25rem}.visibility-timeout-content{padding:1.25rem}.visibility-timeout-content p{font-size:.95rem}.countdown-time{font-size:1.25rem}.visibility-timeout-actions{padding:1.25rem}.visibility-timeout-continue,.visibility-timeout-ok{width:100%;padding:1rem}}.stream-extension-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10002;padding:1rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease}.stream-extension-modal{background:#fff;border-radius:20px;width:100%;max-width:450px;box-shadow:0 20px 60px #00000080;animation:slideIn .3s ease;overflow:hidden}.stream-extension-header{padding:1.5rem;border-bottom:1px solid #e0e0e0;background:linear-gradient(135deg,#667eea,#764ba2)}.stream-extension-header h2{margin:0;font-size:1.5rem;font-weight:700;color:#fff}.stream-extension-content{padding:1.5rem}.stream-extension-content p{margin:0 0 1rem;font-size:1rem;color:#333;line-height:1.5}.stream-extension-content p:last-child{margin-bottom:0}.stream-extension-note{font-size:.9rem;color:#666;font-style:italic}.stream-extension-actions{padding:1.5rem;border-top:1px solid #e0e0e0;display:flex;justify-content:center;gap:.75rem}.stream-extension-cancel,.stream-extension-continue{padding:.875rem 2rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:140px}.stream-extension-cancel{background:#f0f0f0;color:#333}.stream-extension-cancel:hover{background:#e0e0e0}.stream-extension-continue{background:#667eea;color:#fff}.stream-extension-continue:hover{background:#5568d3;transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}@media (max-width: 768px){.stream-extension-modal{max-width:calc(100% - 2rem);border-radius:16px}.stream-extension-header{padding:1.25rem}.stream-extension-header h2{font-size:1.25rem}.stream-extension-content{padding:1.25rem}.stream-extension-actions{padding:1.25rem;flex-direction:column}.stream-extension-cancel,.stream-extension-continue{width:100%;padding:1rem}}.stream-countdown-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10003;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease}.stream-countdown-modal{background:#fff;border-radius:20px;width:100%;max-width:400px;box-shadow:0 20px 60px #00000080;animation:slideIn .3s ease;overflow:hidden;text-align:center}.stream-countdown-header{padding:1.5rem;border-bottom:1px solid #e0e0e0;background:linear-gradient(135deg,#f093fb,#f5576c)}.stream-countdown-header h2{margin:0;font-size:1.5rem;font-weight:700;color:#fff}.stream-countdown-content{padding:2rem 1.5rem}.stream-countdown-content p{margin:0 0 1.5rem;font-size:1.1rem;color:#333;font-weight:500}.stream-countdown-number{font-size:4rem;font-weight:700;color:#f5576c;line-height:1;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width: 768px){.stream-countdown-modal{max-width:calc(100% - 2rem);border-radius:16px}.stream-countdown-header{padding:1.25rem}.stream-countdown-header h2{font-size:1.25rem}.stream-countdown-content{padding:1.5rem 1.25rem}.stream-countdown-number{font-size:3rem}}.stream-session-ended-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10004;padding:1rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease}.stream-session-ended-modal{background:#fff;border-radius:20px;width:100%;max-width:450px;box-shadow:0 20px 60px #00000080;animation:slideIn .3s ease;overflow:hidden}.stream-session-ended-header{padding:1.5rem;border-bottom:1px solid #e0e0e0;background:linear-gradient(135deg,#667eea,#764ba2)}.stream-session-ended-header h2{margin:0;font-size:1.5rem;font-weight:700;color:#fff}.stream-session-ended-content{padding:1.5rem}.stream-session-ended-content p{margin:0;font-size:1rem;color:#333;line-height:1.5}.stream-session-ended-actions{padding:1.5rem;border-top:1px solid #e0e0e0;display:flex;justify-content:center;gap:.75rem}.stream-session-ended-cancel,.stream-session-ended-start{padding:.875rem 2rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:160px}.stream-session-ended-cancel{background:#f0f0f0;color:#333}.stream-session-ended-cancel:hover{background:#e0e0e0}.stream-session-ended-start{background:#667eea;color:#fff}.stream-session-ended-start:hover{background:#5568d3;transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}@media (max-width: 768px){.stream-session-ended-modal{max-width:calc(100% - 2rem);border-radius:16px}.stream-session-ended-header{padding:1.25rem}.stream-session-ended-header h2{font-size:1.25rem}.stream-session-ended-content{padding:1.25rem}.stream-session-ended-actions{padding:1.25rem;flex-direction:column}.stream-session-ended-cancel,.stream-session-ended-start{width:100%;padding:1rem}}.stream-ended-page{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:flex;align-items:flex-start;justify-content:center;padding:20px;overflow-y:auto;overflow-x:hidden;z-index:9999;animation:fadeInPage .6s ease}.stream-ended-background{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0a0a0a,#1a0a2a,#2a0a3a,#1a1a3a,#2a0a3a,#1a0a2a 75%,#0a0a0a);background-size:400% 400%;animation:gradientShift 25s ease infinite;z-index:-1}@keyframes fadeInPage{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stream-ended-container{width:100%;max-width:600px;margin:0 auto;padding:20px 0}.stream-ended-content{background:transparent;text-align:center;padding:40px 32px;display:flex;flex-direction:column;gap:40px}.stream-ended-header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin-bottom:24px;text-align:center}.stream-ended-logo{display:flex;justify-content:center;align-items:center}.stream-ended-logo-img{width:120px;height:auto;opacity:.95}.stream-ended-title{font-size:32px;font-weight:700;color:#fff;margin:0;line-height:1.2;text-align:center}.stream-ended-subtitle{font-size:16px;color:#ffffffb3;margin:0;line-height:1.5;font-weight:400;text-align:center}.stream-ended-summary-card{background:#ffffff14;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:24px;border:2px solid rgba(255,255,255,.2);box-shadow:0 12px 40px #0000004d,0 4px 16px #0003,0 0 0 1px #ffffff1a inset,0 0 60px #9333ea26;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.stream-ended-summary-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #00000059,0 6px 20px #00000040,0 0 0 1px #ffffff1a inset,0 0 80px #9333ea33}.summary-preview{width:100%;overflow:hidden;border-radius:24px 24px 0 0;position:relative}.summary-preview-image-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden}.summary-preview-image-wrapper[style*="cursor: pointer"]{transition:opacity .2s ease}.summary-preview-image-wrapper[style*="cursor: pointer"]:hover{opacity:.95}.summary-preview-image{width:100%;height:100%;object-fit:cover;display:block}.summary-preview-brand-pill{position:absolute;top:10px;right:12px;font-size:12px;font-weight:600;letter-spacing:.4px;color:#fff;padding:0;border-radius:0;border:none;background:transparent;text-shadow:0 0 4px rgba(0,0,0,.7),0 0 8px rgba(0,0,0,.4);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:none;margin:0;z-index:1}.summary-preview-play-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#0003;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:2;pointer-events:none}.summary-preview-play-button{width:80px;height:80px;border-radius:50%;background:#fffffff2;border:3px solid rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #0000004d,0 0 0 1px #ffffff1a inset,0 0 40px #9333ea4d;pointer-events:auto;padding:0;margin:0}.summary-preview-play-button:hover{transform:scale(1.1);background:#fff;box-shadow:0 6px 30px #0006,0 0 0 1px #fff3 inset,0 0 60px #9333ea66}.summary-preview-play-button:active{transform:scale(1.05)}.summary-preview-play-button svg{width:32px;height:32px;color:#9333ea;margin-left:4px}.stream-message-bar{width:100%;padding:14px 18px;font-size:19px;font-weight:700;color:#fff;text-align:left;background:linear-gradient(to right,#00000073,#0000004d);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:0;box-shadow:0 4px 12px #0003;text-shadow:0 0 6px rgba(0,0,0,.6),0 2px 6px rgba(0,0,0,.3);margin:0;word-wrap:break-word;line-height:1.5}.summary-content{padding:22px 24px 24px;border-radius:0 0 24px 24px;margin-top:0}.summary-title{font-size:20px;font-weight:600;color:#fff;margin:14px 0 4px}.summary-subtitle{font-size:13px;color:#ffffffb3;margin:0 0 12px}.summary-stats{display:flex;gap:10px;justify-content:center;margin:0 auto 20px;flex-wrap:wrap;width:100%}.summary-stat-chip{font-size:13px;font-weight:600;color:#ffffffe6;background:#ffffff1f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:8px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.25);display:inline-flex;align-items:center;gap:6px;box-shadow:0 2px 8px #0003}.stat-icon{font-size:16px;line-height:1;display:inline-block}.summary-emoji-grid{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:20px}.summary-emoji-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;width:90px;height:90px;padding:0;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:50%;border:2px solid rgba(255,255,255,.15);transition:all .3s ease;cursor:default;box-shadow:0 4px 12px #0003}.summary-emoji-chip:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-4px) scale(1.05);box-shadow:0 6px 20px #0000004d}.summary-emoji{font-size:40px;line-height:1;margin-bottom:4px;display:block}.summary-emoji-count{font-size:12px;font-weight:600;color:#fffc;opacity:.9;margin-top:2px}.stream-ended-actions{display:flex;flex-direction:column;gap:12px;margin-top:8px}.action-button{width:100%;padding:16px 32px;border-radius:999px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;display:flex;align-items:center;justify-content:center;min-height:52px}.action-button-primary{background:linear-gradient(90deg,#9333ea,#ec4899);color:#fff;box-shadow:0 6px 20px #9333ea66,0 0 0 1px #ec48994d,0 0 40px #9333ea33;font-weight:700}.action-button-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #9333ea80,0 0 0 1px #ec489966,0 0 60px #9333ea4d}.action-button-primary:active{transform:translateY(0)}@media (max-width: 768px){.stream-ended-page{padding:16px}.stream-ended-content{padding:32px 24px;gap:32px}.stream-ended-header{gap:8px;margin-bottom:20px}.stream-ended-logo-img{width:110px}.stream-ended-title{font-size:28px}.stream-ended-subtitle{font-size:15px}.stream-ended-summary-card{border-radius:20px}.summary-preview{border-radius:20px 20px 0 0}.stream-message-bar{padding:12px 18px;font-size:17px}.summary-preview-brand-pill{font-size:11px;top:8px;right:10px}.summary-content{padding:20px 16px;border-radius:0 0 20px 20px}.summary-title{font-size:18px;margin-top:12px;margin-bottom:4px}.summary-subtitle{font-size:12px;margin-bottom:10px}.summary-preview-play-button{width:65px;height:65px}.summary-preview-play-button svg{width:26px;height:26px}.summary-emoji-chip{width:70px;height:70px}.summary-emoji{font-size:32px}.summary-emoji-count{font-size:11px}.action-button{padding:14px 28px;font-size:15px;min-height:48px}}@media (max-width: 480px){.stream-ended-content{padding:24px 16px;gap:28px}.stream-ended-header{gap:8px;margin-bottom:20px}.stream-ended-logo-img{width:100px}.stream-ended-title{font-size:24px}.stream-ended-subtitle{font-size:14px}.summary-preview-brand-pill{font-size:11px;top:8px;right:10px}.summary-preview-play-button{width:65px;height:65px}.summary-preview-play-button svg{width:26px;height:26px}.stream-message-bar{padding:12px 18px;font-size:16px}.summary-title{font-size:17px;margin-top:10px}.summary-subtitle{font-size:12px}.summary-emoji-chip{width:65px;height:65px}.summary-emoji{font-size:28px}}@media (prefers-reduced-motion: reduce){.stream-ended-background,.stream-ended-page{animation:none!important}.action-button,.summary-emoji-chip{transition:none!important}}@media print{.stream-ended-page{position:static;background:#fff}.stream-ended-background{display:none}}.camera-disconnected-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10005;padding:1rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease}.camera-disconnected-modal{background:#fff;border-radius:20px;width:100%;max-width:450px;box-shadow:0 20px 60px #00000080;animation:slideIn .3s ease;overflow:hidden}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.camera-disconnected-header{padding:1.5rem;border-bottom:1px solid #e0e0e0;background:linear-gradient(135deg,#f093fb,#f5576c)}.camera-disconnected-header h2{margin:0;font-size:1.5rem;font-weight:700;color:#fff}.camera-disconnected-content{padding:1.5rem}.camera-disconnected-content p{margin:0;font-size:1rem;color:#333;line-height:1.5}.camera-disconnected-actions{padding:1.5rem;border-top:1px solid #e0e0e0;display:flex;gap:1rem;justify-content:center}.camera-disconnected-ok{padding:.875rem 2rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;background:#667eea;color:#fff;min-width:120px}.camera-disconnected-ok:hover{background:#5568d3;transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.camera-disconnected-ok:active{transform:translateY(0)}.camera-disconnected-go-home{padding:.875rem 2rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;background:#667eea;color:#fff;min-width:120px}.camera-disconnected-go-home:hover{background:#5568d3;transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.camera-disconnected-go-home:active{transform:translateY(0)}@media (max-width: 768px){.camera-disconnected-modal{max-width:calc(100% - 2rem);border-radius:16px}.camera-disconnected-header{padding:1.25rem}.camera-disconnected-header h2{font-size:1.25rem}.camera-disconnected-content,.camera-disconnected-actions{padding:1.25rem}.camera-disconnected-ok{width:100%;padding:1rem}}.connection-lost-retry-page{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:24px 16px;z-index:10000;animation:fadeIn .3s ease}.connection-lost-retry-background{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0a0a0a,#1a0a2a,#2a0a3a,#1a1a3a,#2a0a3a,#1a0a2a 75%,#0a0a0a);background-size:400% 400%;animation:gradientShift 25s ease infinite;z-index:-1}.connection-lost-retry-container{max-width:480px;width:100%;display:flex;justify-content:center;position:relative;z-index:1}.connection-lost-retry-content{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px}.connection-lost-retry-logo{display:flex;justify-content:center;margin-bottom:8px}.connection-lost-retry-logo-img{width:120px;height:auto}.connection-lost-retry-icon{color:#ffffffe6;margin-bottom:8px}.connection-lost-retry-title{font-size:28px;font-weight:700;color:#fff;margin:0}.connection-lost-retry-message{font-size:16px;color:#ffffffbf;margin:0;line-height:1.5}.connection-lost-retry-timer{margin-top:8px}.connection-lost-retry-timer-circle{position:relative;width:120px;height:120px}.connection-lost-retry-timer-svg{width:100%;height:100%;transform:rotate(-90deg)}.connection-lost-retry-timer-bg{fill:none;stroke:#ffffff1a;stroke-width:8}.connection-lost-retry-timer-progress{fill:none;stroke:#9333ea;stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset .3s ease}.connection-lost-retry-timer-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;font-weight:700;color:#fff}@media (max-width: 480px){.connection-lost-retry-logo-img{width:100px}.connection-lost-retry-title{font-size:24px}.connection-lost-retry-message{font-size:14px}.connection-lost-retry-timer-circle{width:100px;height:100px}.connection-lost-retry-timer-text{font-size:20px}}.end-stream-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .2s ease}.end-stream-modal{background:#fff;border-radius:24px;width:100%;max-width:420px;max-height:90vh;overflow:hidden;box-shadow:0 24px 64px #0006;animation:slideUp .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.end-stream-modal-header{padding:1.75rem 1.5rem 1.25rem;border-bottom:1px solid #f0f0f0}.end-stream-modal-header h2{margin:0;font-size:1.5rem;font-weight:700;color:#1a1a1a;text-align:center}.end-stream-modal-content{padding:1.5rem;flex:1;overflow-y:auto}.end-stream-modal-description{margin:0 0 1.5rem;font-size:.95rem;color:#666;text-align:center;line-height:1.5}.end-stream-options{display:flex;flex-direction:column;gap:.75rem}.end-stream-option{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;border:2px solid #e8e8e8;border-radius:16px;background:#fff;cursor:pointer;transition:all .2s ease;text-align:left;width:100%;font-family:inherit}.end-stream-option:hover{border-color:#d0d0d0;background:#fafafa;transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.end-stream-option:active{transform:translateY(0);box-shadow:0 2px 6px #0000001a}.end-stream-option-danger{border-color:#fee2e2;background:#fef2f2}.end-stream-option-danger:hover{border-color:#fecaca;background:#fee2e2}.end-stream-option-warning{border-color:#fef3c7;background:#fffbeb}.end-stream-option-warning:hover{border-color:#fde68a;background:#fef3c7}.end-stream-option-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#0000000d;color:#1a1a1a}.end-stream-option-danger .end-stream-option-icon{background:#ef44441a;color:#dc2626}.end-stream-option-warning .end-stream-option-icon{background:#f59e0b1a;color:#d97706}.end-stream-option-content{flex:1;min-width:0}.end-stream-option-title{font-size:1rem;font-weight:600;color:#1a1a1a;margin-bottom:.25rem;line-height:1.4}.end-stream-option-subtitle{font-size:.875rem;color:#666;line-height:1.4}.end-stream-modal-footer{padding:1.25rem 1.5rem 1.5rem;border-top:1px solid #f0f0f0}.end-stream-cancel-button{width:100%;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;color:#666;background:#f5f5f5;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;font-family:inherit}.end-stream-cancel-button:hover{background:#e8e8e8;color:#333}.end-stream-cancel-button:active{transform:scale(.98)}@media (max-width: 640px){.end-stream-modal-overlay{align-items:flex-end;padding:0;background:#00000080}.end-stream-modal{max-width:100%;border-radius:24px 24px 0 0;max-height:85vh;animation:slideUpMobile .35s cubic-bezier(.16,1,.3,1)}@keyframes slideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.end-stream-modal-header{padding:1.5rem 1.25rem 1rem;position:relative}.end-stream-modal-header:after{content:"";position:absolute;top:.75rem;left:50%;transform:translate(-50%);width:40px;height:4px;background:#d0d0d0;border-radius:2px}.end-stream-modal-header h2{font-size:1.25rem}.end-stream-modal-content{padding:1.25rem}.end-stream-modal-description{font-size:.9rem;margin-bottom:1.25rem}.end-stream-options{gap:.625rem}.end-stream-option{padding:1rem;border-radius:14px}.end-stream-option-icon{width:36px;height:36px}.end-stream-option-title{font-size:.95rem}.end-stream-option-subtitle{font-size:.8125rem}.end-stream-modal-footer{padding:1rem 1.25rem 1.25rem;padding-bottom:calc(1.25rem + env(safe-area-inset-bottom))}.end-stream-cancel-button{padding:1rem;font-size:1rem;border-radius:14px}}@media (prefers-color-scheme: dark){.end-stream-modal{background:#1a1a1a}.end-stream-modal-header{border-bottom-color:#2a2a2a}.end-stream-modal-header h2{color:#fff}.end-stream-modal-description{color:#999}.end-stream-option{background:#242424;border-color:#333}.end-stream-option:hover{background:#2a2a2a;border-color:#404040}.end-stream-option-title{color:#fff}.end-stream-option-subtitle{color:#999}.end-stream-modal-footer{border-top-color:#2a2a2a}.end-stream-cancel-button{background:#2a2a2a;color:#ccc}.end-stream-cancel-button:hover{background:#333;color:#fff}}.stream-ending-countdown{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:#00000026;display:flex;align-items:center;justify-content:center;z-index:99999!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:fadeIn .3s ease;pointer-events:auto}.stream-ending-countdown.fade-out{animation:fadeOut .5s ease forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.stream-ending-countdown-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center;animation:scaleIn .4s cubic-bezier(.16,1,.3,1)}.stream-ending-countdown-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;color:#fff;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.stream-ending-countdown-text{display:flex;flex-direction:column;gap:.5rem}.stream-ending-countdown-label{font-size:1rem;font-weight:500;color:#ffffffe6;text-transform:uppercase;letter-spacing:.05em}.stream-ending-countdown-number{font-size:4rem;font-weight:700;color:#fff;line-height:1;font-variant-numeric:tabular-nums;animation:numberPulse 1s ease-in-out infinite}@keyframes numberPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.stream-ending-countdown-cancel{margin-top:1.5rem;padding:.75rem 2rem;background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:999px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em}.stream-ending-countdown-cancel:hover{background:#ffffff40;border-color:#ffffff80;transform:scale(1.05)}.stream-ending-countdown-cancel:active{transform:scale(.98)}@media (max-width: 640px){.stream-ending-countdown-icon{width:64px;height:64px}.stream-ending-countdown-label{font-size:.875rem}.stream-ending-countdown-number{font-size:3rem}.stream-ending-countdown-cancel{padding:.625rem 1.5rem;font-size:.8125rem}}.reaction-lane{position:fixed;right:60px;top:calc(env(safe-area-inset-top,0px) + 60px);bottom:calc(env(safe-area-inset-bottom,0px) + 0px);width:80px;pointer-events:none;z-index:25;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;overflow:visible}@supports not (top: env(safe-area-inset-top)){.reaction-lane{right:60px;top:60px;bottom:0}}.reaction-floating{position:absolute;bottom:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:1;transform:translate(-50%) translateY(0) scale(1);transition:none;will-change:transform,opacity;transform-origin:center center;backface-visibility:hidden;-webkit-backface-visibility:hidden}.reaction-floating-local .reaction-emoji{font-size:32px;display:inline-block;position:relative;z-index:1}.reaction-floating-local:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;background:#00c8ff33;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50%;border:2px solid rgba(0,242,255,.5);box-shadow:0 0 20px #00f2ff66,0 0 40px #00c8ff4d,0 0 60px #00f2ff33;z-index:0}.reaction-floating-remote .reaction-emoji{font-size:28px;display:inline-block;position:relative;z-index:1}.reaction-floating-remote:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50%;border:2px solid rgba(255,255,255,.3);box-shadow:0 0 20px #fff3,0 0 40px #ffffff1a;z-index:0}.reaction-floating-active,.reaction-floating-remote.reaction-floating-active{animation:floatUp 2s linear forwards!important}@keyframes floatUp{0%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}80%{opacity:1;transform:translate(-50%) translateY(calc(-.8*(100vh - 200px))) scale(1)}to{opacity:0;transform:translate(-50%) translateY(calc(-1*(100vh - 200px))) scale(1)}}.reaction-floating-local.reaction-floating-active{animation:floatUp 2s linear forwards!important}@media (max-width: 768px){.reaction-lane{right:56px;top:calc(env(safe-area-inset-top,0px) + 50px);bottom:calc(env(safe-area-inset-bottom,0px) + 0px);width:70px}@supports not (top: env(safe-area-inset-top)){.reaction-lane{right:56px;top:50px;bottom:0}}.reaction-floating-local .reaction-emoji{font-size:36px}.reaction-floating-remote .reaction-emoji{font-size:30px}}@media (max-width: 480px){.reaction-lane{right:52px;top:calc(env(safe-area-inset-top,0px) + 45px);bottom:calc(env(safe-area-inset-bottom,0px) + 0px);width:65px}@supports not (top: env(safe-area-inset-top)){.reaction-lane{right:52px;top:45px;bottom:0}}}:fullscreen .reaction-lane,:-webkit-full-screen .reaction-lane{z-index:2147483646;position:fixed}.host-bottom-controls-container{position:fixed;bottom:0;left:0;right:0;z-index:1000;pointer-events:none;display:flex;flex-direction:column;align-items:center;opacity:1;transition:opacity .5s ease}.host-bottom-controls-container.host-bottom-controls-fading{opacity:0;pointer-events:none}.host-bottom-overlay-lane{width:100%;min-height:0;margin-bottom:8px;padding:0 16px;pointer-events:auto;display:flex;justify-content:center;align-items:center}.host-bottom-controls-bar{width:100%;display:flex;justify-content:space-around;align-items:flex-end;padding:0 16px;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 10px);pointer-events:auto;position:relative}@supports not (padding-bottom: env(safe-area-inset-bottom)){.host-bottom-controls-bar{padding-bottom:10px}}.host-bottom-item{display:flex;flex-direction:column;align-items:center;gap:4px;position:relative}.host-bottom-icon-button{width:46px;height:46px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:#ffffff24;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 3px 8px #00000040;display:flex;align-items:center;justify-content:center;color:#fffffff2;padding:0;cursor:pointer;transition:all .2s ease}.host-bottom-icon-button:active{transform:scale(.96);background:#ffffff38}.host-bottom-icon-button svg{width:20px;height:20px;flex-shrink:0;filter:drop-shadow(0 1px 1px rgba(0,0,0,.55))}.host-bottom-label{font-size:11px;line-height:1.1;font-weight:500;color:#fffc;text-align:center;white-space:nowrap}.host-bottom-icon-button--emoji{background:#ffffff24;border-color:#ffffff40;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 3px 8px #00000040}.host-bottom-icon-button--emoji.active{background:#fff3;border-color:#ffffff4d;box-shadow:0 4px 12px #0000004d}.host-bottom-emoji-icon{font-size:22px;line-height:1;display:inline-block;filter:drop-shadow(0 1px 1px rgba(0,0,0,.55))}.host-bottom-item--emoji .host-bottom-label{color:#ffffffd9}.host-bottom-icon-button--stop{width:44px;height:44px;background:#ff3b30f2;border:1px solid rgba(255,100,100,.6);box-shadow:0 4px 12px #0000004d;backdrop-filter:none;-webkit-backdrop-filter:none}.host-bottom-icon-button--stop:active{background:#ff281e;box-shadow:0 4px 16px #0006}.host-bottom-icon-button--stop svg{color:#fff;filter:drop-shadow(0 1px 1px rgba(0,0,0,.55))}.host-bottom-icon-button--stop svg{width:18px;height:18px}.host-bottom-item--stop .host-bottom-label{color:#fffffff2}.host-bottom-icon-button--share{background:#ffffff24;border-color:#ffffff40;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 3px 8px #00000040}.host-bottom-icon-button--share:active{background:#fff3;border-color:#ffffff4d;box-shadow:0 4px 12px #0000004d}.host-bottom-icon-button--share svg{color:#fffffff2;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}.host-bottom-item--share .host-bottom-label{color:#ffffffd9}.host-bottom-emoji-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.host-bottom-emoji-tray{position:absolute;bottom:calc(100% + 12px);left:0;transform:none;max-width:min(35vw,240px);min-width:180px;background:#00000073;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:10px 14px;box-shadow:0 8px 24px #0006;display:flex;flex-wrap:wrap;gap:10px;pointer-events:auto;z-index:1001;animation:fadeInUp .2s ease-out;margin-bottom:16px}@keyframes fadeInUp{0%{opacity:0;transform:translate(0) translateY(8px)}to{opacity:1;transform:translate(0) translateY(0)}}.host-bottom-emoji-item{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;border:none;background:transparent;border-radius:10px;cursor:pointer;font-size:20px;transition:all .15s ease;padding:0;box-sizing:border-box}.host-bottom-emoji-item:hover{background:#ffffff1a;transform:scale(1.15)}.host-bottom-emoji-item:active{transform:scale(1.05)}@media (max-width: 768px){.host-bottom-controls-bar{padding:0 12px;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 10px)}@supports not (padding-bottom: env(safe-area-inset-bottom)){.host-bottom-controls-bar{padding-bottom:10px}}.host-bottom-icon-button,.host-bottom-icon-button--stop{width:44px;height:44px}.host-bottom-icon-button svg{width:20px;height:20px}.host-bottom-icon-button--stop svg{width:18px;height:18px}.host-bottom-label{font-size:10px}.host-bottom-emoji-tray{max-width:min(30vw,200px);min-width:160px;padding:10px 14px;gap:10px;padding-left:max(16px,calc(14px + env(safe-area-inset-left,0px)))}.host-bottom-emoji-item{width:44px;height:44px;min-width:44px;min-height:44px}}@media (max-width: 430px) and (orientation: portrait){.host-bottom-emoji-wrapper{position:relative}.host-bottom-emoji-tray{bottom:calc(100% + 12px);left:-8px;margin-bottom:0;padding-left:max(12px,calc(8px + env(safe-area-inset-left,0px)));gap:10px}.host-bottom-emoji-item{width:44px;height:44px;min-width:44px;min-height:44px}}@media (orientation: landscape) and (max-height: 600px){.host-bottom-controls-bar{padding:0 16px;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 10px)}@supports not (padding-bottom: env(safe-area-inset-bottom)){.host-bottom-controls-bar{padding-bottom:10px}}.host-bottom-icon-button{width:42px;height:42px}.host-bottom-icon-button svg{width:18px;height:18px}.host-bottom-icon-button--stop svg{width:16px;height:16px}.host-bottom-label{font-size:10px}.host-bottom-overlay-lane{margin-bottom:6px}.host-bottom-emoji-tray{bottom:calc(100% + 8px);max-width:min(55vw,320px);min-width:280px;padding:10px 12px;gap:10px}.host-bottom-emoji-item{width:44px;height:44px;min-width:44px;min-height:44px;font-size:18px}}.host-bottom-controls-container{z-index:1000}.host-bottom-emoji-tray{z-index:1001}:fullscreen .host-bottom-controls-container,:-webkit-full-screen .host-bottom-controls-container{position:fixed;z-index:2147483647}.host-live-page{height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;width:100%;width:100vw;min-width:100vw;display:flex;flex-direction:column;overflow:visible;background:#000;position:relative;touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none;margin:0;padding:0}.host-video-container{position:relative;flex:1 1 auto;width:100%;width:100vw;min-width:100vw;height:100%;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;background:#000;display:flex;align-items:center;justify-content:center;overflow-y:auto;touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none;margin:0;padding:0}.live-video-element,.host-video-element{width:100%;height:100%;min-width:100%;min-height:100%;object-fit:cover;background:#000;display:block;transform-origin:center center;margin:0;padding:0}.live-video-element.vertical-video,.host-video-element.vertical-video{object-fit:cover!important;height:100%!important;height:100vh!important;height:100dvh!important;width:100%!important;width:100vw!important;min-width:100%!important;min-width:100vw!important;min-height:100%!important;min-height:100vh!important;min-height:100dvh!important;max-width:100vw!important;max-height:100vh!important;max-height:100dvh!important;display:block!important;margin:0!important;padding:0!important;flex-shrink:0}.host-video-container:has(.vertical-video){display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;width:100vw!important;min-width:100vw!important;height:100vh!important;height:100dvh!important;min-height:100vh!important;min-height:100dvh!important}.host-video-container:has(.vertical-video) .live-video-element,.host-video-container:has(.vertical-video) .host-video-element{flex:0 0 auto!important;align-self:center!important}@media (max-width: 768px){.host-live-page{height:100dvh!important;max-height:100dvh!important;width:100vw!important;min-width:100vw!important;position:fixed;top:0;left:0;right:0;bottom:0}.host-video-container{width:100vw!important;height:100dvh!important;min-width:100vw!important;min-height:100dvh!important;max-width:100vw!important;max-height:100dvh!important;position:fixed;top:0;left:0;right:0;bottom:0;padding:0;margin:0;overflow:hidden}.live-video-element,.host-video-element{width:100vw!important;height:100dvh!important;min-width:100vw!important;min-height:100dvh!important;max-width:100vw!important;max-height:100dvh!important;object-fit:cover!important;position:absolute;top:0;left:0;right:0;bottom:0;margin:0!important;padding:0!important;transform:scale(1)}@media (orientation: portrait){.live-video-element,.host-video-element{width:100vw!important;height:100dvh!important;object-fit:cover!important}}@media all and (display-mode: standalone){.host-live-page{height:100svh!important;max-height:100svh!important}.host-video-container,.live-video-element,.host-video-element{height:100svh!important;min-height:100svh!important;max-height:100svh!important}@media (orientation: portrait){.host-live-page{height:100svh!important;max-height:100svh!important}.host-video-container,.live-video-element,.host-video-element{height:100svh!important;min-height:100svh!important;max-height:100svh!important;bottom:0}}@media (orientation: landscape){.host-controls-bottom-right,.host-controls-bottom-left-stop{bottom:max(12px,calc(env(safe-area-inset-bottom,0) + 12px))!important;display:flex!important;align-items:center!important;flex-direction:row}.stop-button-mobile,.share-edit-combined{min-height:40px;height:40px;display:inline-flex!important;align-items:center!important;vertical-align:middle}.share-button-premium,.stop-button-mobile span{line-height:1;display:flex;align-items:center}}}@media (orientation: landscape){.host-live-page{height:100svh!important;max-height:100svh!important;width:100vw!important;min-width:100vw!important}.host-video-container{height:100svh!important;min-height:100svh!important;max-height:100svh!important;bottom:0}.live-video-element,.host-video-element{width:100vw!important;height:100svh!important;min-height:100svh!important;max-height:100svh!important;object-fit:cover!important;bottom:0}.host-controls-bottom-right,.host-controls-bottom-left-stop{bottom:max(70px,calc(env(safe-area-inset-bottom,0) + 70px))!important;z-index:1001;display:flex;align-items:center}.stop-button-mobile,.share-edit-combined{display:inline-flex;align-items:center;vertical-align:middle}}.live-video-element.vertical-video,.host-video-element.vertical-video{object-fit:cover!important;width:100vw!important;height:100dvh!important;min-width:100vw!important;min-height:100dvh!important;max-width:100vw!important;max-height:100dvh!important;position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important}}.camera-view{width:100%;height:100vh;position:relative;background:#000}.camera-container{width:100%;height:100%;position:relative;overflow-y:auto}.camera-feed{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.loading-overlay,.error-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;z-index:10}.error-overlay p{margin-bottom:1rem;font-size:1.1rem}.error-overlay button{background:#ff4757;color:#fff;border:none;padding:.75rem 2rem;border-radius:25px;font-size:1rem;cursor:pointer}.live-viewer-pill{position:absolute;top:12px;right:12px;padding:6px 10px;border-radius:999px;font-size:12px;background:#0000008c;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;pointer-events:none}.live-fullscreen-btn{position:absolute;top:12px;left:12px;padding:8px 12px;border-radius:999px;border:none;font-size:12px;cursor:pointer;background:#000000a6;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .2s ease;z-index:20}.host-controls-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:space-between;padding:12px;z-index:20;pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,.7) 0%,transparent 20%,transparent 80%,rgba(0,0,0,.3) 100%)}.host-controls-top-right-group{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:auto;z-index:21}.host-controls-top-left,.host-controls-top-right{display:flex;align-items:center;gap:8px;pointer-events:auto}.host-controls-top-left{justify-content:flex-start}.host-controls-top-right{position:absolute;top:12px;left:12px;justify-content:flex-start;flex-direction:row;align-items:center;gap:8px;flex-wrap:wrap}.host-controls-bottom-center{position:absolute;bottom:20px;left:50%;transform:translate(-50%);pointer-events:auto;z-index:21}.host-controls-bottom-left-volume{display:none}.volume-control-container{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 6px;background:#0f172abf;border-radius:999px;border:1px solid rgba(148,163,184,.6);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 8px 24px #0f172a73}.volume-slider-vertical{width:4px;height:72px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#94a3b859;border-radius:999px;outline:none;cursor:pointer;transform:rotate(180deg)}.volume-slider-vertical::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#f9fafb;border:2px solid rgba(15,23,42,.7);box-shadow:0 2px 6px #0f172a73}.volume-slider-vertical::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#f9fafb;border:2px solid rgba(15,23,42,.7);box-shadow:0 2px 6px #0f172a73}.volume-toggle-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;border:none;background:transparent;color:#e5e7eb;cursor:pointer;transition:background .18s ease,transform .18s ease,color .18s ease;padding:0}.volume-toggle-button:hover{background:#94a3b82e;transform:translateY(-1px);color:#f9fafb}.volume-toggle-button:active{transform:translateY(0)}.volume-toggle-button svg{width:18px;height:18px}.host-controls-left-stack{display:none}.host-controls-bottom-left-stop{position:fixed;bottom:12px;left:12px;pointer-events:auto;z-index:1000;padding-bottom:env(safe-area-inset-bottom,0);padding-left:env(safe-area-inset-left,0);display:none}.stop-button-mobile{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;background:#ff4d64bf;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff;border:1px solid rgba(255,77,100,.6);border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;transition:background .18s ease,transform .18s ease,color .18s ease;box-shadow:0 8px 24px #0f172a73;white-space:nowrap;min-height:40px;box-sizing:border-box}.stop-button-mobile:hover{background:#ff4d64e6;transform:translateY(-1px);color:#fff}.stop-button-mobile:active{transform:translateY(0)}.stop-button-mobile svg{width:16px;height:16px}.stop-button-mobile span{font-weight:600}.stop-button-overlay{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;background:#ff4d64bf;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff;border:1px solid rgba(255,77,100,.6);border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;transition:background .18s ease,transform .18s ease,color .18s ease;box-shadow:0 8px 24px #0f172a73;white-space:nowrap;min-height:40px;box-sizing:border-box}.stop-button-overlay:hover{background:#ff4d64e6;transform:translateY(-1px);color:#fff}.stop-button-overlay:active{transform:translateY(0)}.stop-button-overlay svg{width:16px;height:16px;flex-shrink:0}.stop-button-overlay span{font-weight:600}.host-controls-bottom-right{position:fixed;bottom:12px;right:12px;pointer-events:auto;z-index:1000;padding-bottom:env(safe-area-inset-bottom,0);padding-right:env(safe-area-inset-right,0)}.share-edit-combined{display:inline-flex;align-items:stretch;border-radius:999px;overflow-y:auto;background:#0f172abf;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(148,163,184,.6);box-shadow:0 8px 24px #0f172a73}.share-button-premium{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;background:transparent;color:#e5e7eb;border:1px solid white;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;transition:background .18s ease,transform .18s ease,color .18s ease;min-height:40px;box-sizing:border-box}.share-button-premium:hover{background:#94a3b82e;color:#f9fafb;transform:translateY(-1px)}.share-button-premium:active{transform:translateY(0)}.share-button-premium svg{width:16px;height:16px}.share-edit-divider-glossy{width:1px;background:#94a3b880}.share-edit-button-glossy{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;color:#e5e7eb;cursor:pointer;transition:background .18s ease,transform .18s ease,color .18s ease}.share-edit-button-glossy:hover{background:#94a3b82e;color:#f9fafb;transform:translateY(-1px)}.share-edit-button-glossy:active{transform:translateY(0)}.share-edit-button-glossy svg{width:18px;height:18px}.share-button-premium:focus-visible,.share-edit-button-glossy:focus-visible{outline:2px solid #38bdf8;outline-offset:2px}.control-icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:50%;cursor:pointer;transition:all .2s ease;position:relative}.control-icon-button:hover:not(:disabled){background:#000c;transform:translateY(-1px);border-color:#ffffff4d}.control-icon-button:active:not(:disabled){transform:translateY(0)}.control-icon-button:disabled{opacity:.4;cursor:not-allowed}.control-icon-button svg{width:20px;height:20px}.control-icon-button[title]:hover:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;padding:4px 8px;background:#000000e6;color:#fff;font-size:11px;font-weight:500;white-space:nowrap;border-radius:4px;pointer-events:none;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.control-icon-button[title]:hover:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(100%);margin-bottom:4px;border:4px solid transparent;border-top-color:#000000e6;pointer-events:none;z-index:1000}.host-controls-right-stack{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:auto;z-index:21}@supports (-webkit-touch-callout: none){.host-controls-right-stack>button:first-child{display:none!important}}.zoom-controls-group{display:inline-flex;align-items:center;gap:4px;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:4px}.zoom-controls-group .control-icon-button{width:32px;height:32px;background:transparent;border:none;border-radius:50%}.zoom-controls-group .control-icon-button:hover:not(:disabled){background:#ffffff1a}.viewer-count-overlay{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);border-radius:999px;color:#fff;font-size:12px;font-weight:600}.viewer-count-overlay svg{color:#4ade80;width:18px;height:18px;flex-shrink:0}.viewer-count-overlay span{color:#fff;font-variant-numeric:tabular-nums}.host-pre-stream-controls{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:8px;z-index:15}.pre-stream-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:50%;cursor:pointer;transition:all .2s ease}.pre-stream-button:hover{background:#000c;transform:translateY(-1px);border-color:#ffffff4d}.pre-stream-button svg{width:20px;height:20px}.stream-info{position:absolute;top:1.5rem;left:1.5rem;pointer-events:auto;display:flex;flex-direction:column;gap:.75rem}.pre-stream-controls{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:.5rem;z-index:15}.pre-stream-controls .camera-toggle-button-linear{display:flex;align-items:center;gap:.5rem;background:#000000a6;color:#fff;border:none;border-radius:8px;padding:.5rem .85rem;font-size:.85rem;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .2s ease}.pre-stream-controls .camera-toggle-button-linear:hover{opacity:.85}.pre-stream-controls .camera-toggle-button-linear span{margin-left:.25rem}.live-tile-linear{position:absolute;top:1.5rem;left:1.5rem;display:flex;align-items:center;gap:.75rem;background:#000000d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;padding:.6rem 1rem;box-shadow:0 4px 20px #00000080;pointer-events:auto;border:1px solid rgba(255,255,255,.1);z-index:10}.live-tile-header{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.75rem}.live-indicator-compact{display:flex;align-items:center;gap:.5rem;background:#ff4757e6;color:#fff;padding:.4rem .9rem;border-radius:12px;font-size:.85rem;font-weight:700;letter-spacing:.5px}.mute-indicator-compact{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#ef4444e6;color:#fff;border-radius:50%;padding:6px}.mute-indicator-compact svg{width:100%;height:100%}.live-tile-content{display:flex;align-items:center;justify-content:center;gap:1rem}.live-tile-viewers{display:flex;align-items:center;gap:.5rem;color:#fff;font-size:.95rem;font-weight:600}.live-tile-viewers svg{color:#4ade80}.live-tile-viewers .viewer-number{color:#4ade80;font-weight:700;font-size:1rem}.camera-toggle-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;cursor:pointer;transition:all .2s ease;padding:0}.camera-toggle-button:hover{background:#fff3;transform:scale(1.05)}.camera-toggle-button:active{transform:scale(.95)}.camera-toggle-button svg{width:18px;height:18px}.stop-live-button-compact{display:flex;align-items:center;gap:.5rem;background:#ef4444e6;color:#fff;border:none;border-radius:8px;padding:.5rem .85rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.stop-live-button-compact:hover{background:#ef4444;transform:scale(1.05)}.stop-live-button-compact:active{transform:scale(.95)}.stop-live-button-compact svg{width:16px;height:16px;flex-shrink:0}.mute-indicator-compact-linear{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ef4444e6;color:#fff;border-radius:50%;padding:8px;flex-shrink:0}.mute-indicator-compact-linear svg{width:100%;height:100%}.viewer-count-compact-linear{display:flex;align-items:center;gap:.4rem;color:#fff;font-size:.85rem;font-weight:600;padding:.4rem .7rem;background:#ffffff1a;border-radius:8px;flex-shrink:0}.viewer-count-compact-linear svg{color:#4ade80;flex-shrink:0}.viewer-count-compact-linear span{color:#4ade80;font-weight:700;font-size:.9rem}.live-tile-wifi-viewers{display:flex;align-items:center;gap:.5rem;color:#fff;font-size:.9rem;font-weight:600;padding:.4rem .75rem;background:#ffffff1a;border-radius:8px}.live-tile-wifi-viewers svg{color:#4ade80;flex-shrink:0}.live-tile-wifi-viewers .viewer-number{color:#4ade80;font-weight:700;font-size:.95rem}.camera-toggle-button-linear{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease;padding:0;flex-shrink:0}.camera-toggle-button-linear:hover{background:#fff3;transform:scale(1.05)}.camera-toggle-button-linear:active{transform:scale(.95)}.zoom-controls-linear{display:flex;align-items:center;gap:.35rem}.zoom-button-linear{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease;padding:0;flex-shrink:0}.zoom-button-linear:hover:not(:disabled){background:#fff3;transform:scale(1.05)}.zoom-button-linear:active:not(:disabled){transform:scale(.95)}.zoom-button-linear:disabled{opacity:.4;cursor:not-allowed}.camera-toggle-button-linear svg{width:18px;height:18px}.live-indicator{display:flex;align-items:center;gap:.5rem;background:#ff4757e6;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.viewer-count{display:flex;align-items:center;gap:.5rem;background:#000000b3;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.viewer-icon{font-size:1rem}.viewer-number{font-weight:700;color:#4ade80}.viewer-label{font-size:.85rem;opacity:.9}.live-dot{width:8px;height:8px;background:#fff;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.stream-id{font-size:.75rem;opacity:.8;margin-left:.5rem}.top-controls{display:flex;gap:.75rem;align-self:flex-end;position:relative;z-index:20}.settings-button,.stop-button{pointer-events:auto;border:none;cursor:pointer;font-size:1.5rem;transition:transform .2s ease}.settings-button{align-self:flex-end;background:#00000080;color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.settings-button:active{transform:scale(.95)}.mute-button{pointer-events:auto;background:#00000080;color:#fff;width:50px;height:50px;border-radius:50%;border:none;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .2s ease,background .2s ease}.mute-button:hover{background:#000000b3;transform:scale(1.05)}.mute-button:active{transform:scale(.95)}.mute-button.muted{background:#ef4444b3}.mute-button.muted:hover{background:#ef4444e6}.camera-switch-button,.camera-select-button{pointer-events:auto;background:#00000080;color:#fff;width:50px;height:50px;border-radius:50%;border:none;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .2s ease,background .2s ease}.camera-switch-button:hover,.camera-select-button:hover{background:#000000b3;transform:scale(1.05)}.camera-switch-button:active,.camera-select-button:active{transform:scale(.95)}.camera-select-container{position:relative}.camera-menu{position:absolute;top:60px;right:0;background:#000000e6;border-radius:12px;padding:.5rem;min-width:200px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;box-shadow:0 4px 20px #00000080;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.camera-menu-item{width:100%;padding:.75rem 1rem;background:transparent;border:none;color:#fff;text-align:left;cursor:pointer;border-radius:8px;font-size:.95rem;transition:background .2s ease}.camera-menu-item:hover{background:#ffffff1a}.camera-menu-item.active{background:#667eea4d;font-weight:600}.stop-button{align-self:center;background:#ff4757;color:#fff;padding:1rem 2.5rem;border-radius:50px;font-size:1.1rem;font-weight:600;box-shadow:0 4px 15px #ff475766}.stop-button:active{transform:scale(.98)}@media (max-width: 768px){.live-status-hud{left:12px;top:calc(env(safe-area-inset-top,0px) + 8px)}@supports not (padding-top: env(safe-area-inset-top)){.live-status-hud{top:8px}}.live-status-pill{padding:6px 12px;font-size:12px;gap:6px}.host-controls-overlay{padding:8px}.host-controls-bottom-center{display:none}.host-controls-bottom-left-stop{display:block;bottom:max(12px,env(safe-area-inset-bottom,12px));left:max(12px,env(safe-area-inset-left,12px))}.host-controls-bottom-right{bottom:max(12px,env(safe-area-inset-bottom,12px));right:max(12px,env(safe-area-inset-right,12px))}.host-controls-right-stack{right:8px;gap:12px}.control-icon-button-glossy{width:44px;height:44px}.control-icon-button-glossy svg{width:22px;height:22px}.share-edit-button-glossy{width:44px;height:44px}.volume-control-container{padding:6px 4px}.volume-slider-vertical{height:60px}@media (max-width: 480px){.host-controls-right-stack{right:6px;gap:14px}.host-controls-bottom-left-stop{bottom:max(8px,env(safe-area-inset-bottom,8px));left:max(8px,env(safe-area-inset-left,8px))}.host-controls-bottom-right{bottom:max(8px,env(safe-area-inset-bottom,8px));right:max(8px,env(safe-area-inset-right,8px))}.control-icon-button-glossy{width:48px;height:48px}.control-icon-button-glossy svg{width:24px;height:24px}}@media (max-height: 600px){.host-controls-top-right{flex-wrap:wrap;max-width:100%}}}.host-video-container:has(.vertical-video) .live-status-hud{top:calc(env(safe-area-inset-top,0px) + 8px);left:12px}.host-video-container:has(.vertical-video) .host-controls-overlay{background:linear-gradient(to bottom,rgba(0,0,0,.8) 0%,transparent 25%,transparent 75%,rgba(0,0,0,.5) 100%)}@media (max-width: 768px){.camera-controls{padding:1rem}.stop-live-button-compact{padding:.4rem .7rem;font-size:.75rem}.stop-live-button-compact span{display:none}.top-controls{gap:.5rem}.settings-button,.share-button{width:44px;height:44px;font-size:1.2rem}.mute-indicator-compact-linear{width:28px;height:28px;padding:6px}.live-tile-wifi-viewers{padding:.3rem .6rem;font-size:.85rem}.camera-toggle-button-linear{width:32px;height:32px}}@media (max-width: 480px){.live-tile-linear{gap:.4rem;padding:.4rem .6rem}.stop-live-button-compact{padding:.35rem .6rem}}.stream-message-banner{position:absolute;top:5rem;left:50%;transform:translate(-50%);background:#000000d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;padding:.75rem 1.25rem;max-width:calc(100% - 2rem);z-index:10;pointer-events:auto;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #00000080}.stream-message-text{margin:0;color:#fff;font-size:.95rem;font-weight:500;text-align:center;word-wrap:break-word;max-width:600px}@media (max-width: 768px){.stream-message-banner{top:4.5rem;padding:.6rem 1rem;max-width:calc(100% - 1rem)}.stream-message-text{font-size:.85rem}}@media (max-width: 480px){.stream-message-banner{top:4rem;padding:.5rem .875rem;border-radius:10px}.stream-message-text{font-size:.8rem}}@media (max-width: 768px){.live-fullscreen-btn{display:none}}.zoom-center-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:999;pointer-events:none}.zoom-center-box{background:#00000059;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:16px 22px;border-radius:18px;text-align:center;color:#fff;font-size:16px;font-weight:500;display:flex;flex-direction:column;align-items:center;animation:zoomFadeIn .12s ease-out;transition:transform .16s ease-out,box-shadow .16s ease-out}.zoom-center-box .spinner{width:26px;height:26px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;margin-bottom:8px;animation:spin .8s linear infinite}@keyframes zoomFadeIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.host-zoom-trigger{transition:all .2s ease;opacity:1;transform:scale(1)}.host-zoom-trigger svg{width:24px;height:24px;stroke:currentColor;fill:none}.host-zoom-trigger.host-zoom-trigger-active{opacity:.55;transform:scale(.93);color:#fff9}.host-zoom-overlay{position:fixed;left:50%;transform:translate(-50%) translate(4px) scale(.93);bottom:calc(env(safe-area-inset-bottom,0px) + 22%);display:flex;align-items:center;gap:12px;z-index:1000;pointer-events:auto;opacity:0;transition:opacity .18s ease-out,transform .18s ease-out}.host-zoom-overlay.host-zoom-overlay-visible{opacity:1;transform:translate(-50%) translate(0) scale(1)}.host-zoom-overlay-fading{opacity:0;pointer-events:none;transform:translate(-50%) translate(0) scale(.96);transition:opacity .15s ease-in,transform .15s ease-in}@supports not (padding-bottom: env(safe-area-inset-bottom)){.host-zoom-overlay{bottom:22%}}.host-zoom-overlay-btn{width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:#ffffff26;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#ffffffd9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s ease;position:relative;box-shadow:0 2px 6px #00000040,inset 0 0 4px #ffffff40}.host-zoom-overlay-btn:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%}.host-zoom-overlay-btn:not(:disabled):hover{color:#fff;border-color:#ffffff59;background:#fff3;transform:scale(1.08);box-shadow:0 3px 8px #0000004d,inset 0 0 6px #ffffff4d}.host-zoom-overlay-btn:not(:disabled):active{transform:scale(1.02);opacity:.9}.host-zoom-overlay-btn:disabled{opacity:.4;cursor:not-allowed;border-color:#ffffff26}.host-zoom-overlay-btn svg{width:20px;height:20px;stroke:currentColor;stroke-width:2;opacity:.85}.host-zoom-overlay-label{color:#ffffffe6;font-size:15px;font-weight:600;min-width:60px;text-align:center;font-variant-numeric:tabular-nums;background:#00000040;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:10px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.15);box-shadow:0 2px 6px #00000040}@media (orientation: landscape){.host-zoom-overlay{bottom:calc(env(safe-area-inset-bottom,0px) + 28%)}@supports not (padding-bottom: env(safe-area-inset-bottom)){.host-zoom-overlay{bottom:28%}}}@media (max-width: 768px){.host-zoom-trigger svg{width:22px;height:22px}.host-zoom-overlay{bottom:calc(env(safe-area-inset-bottom,0px) + 20%);gap:12px}@supports not (padding-bottom: env(safe-area-inset-bottom)){.host-zoom-overlay{bottom:20%}}.host-zoom-overlay-btn{width:44px;height:44px}.host-zoom-overlay-btn svg{width:20px;height:20px}.host-zoom-overlay-label{font-size:15px;padding:10px 16px}}.emoji-reaction-bar{position:fixed;bottom:calc(80px + env(safe-area-inset-bottom,0px));right:12px;left:max(12px,env(safe-area-inset-left,12px));display:flex;align-items:center;justify-content:flex-end;gap:8px;z-index:999;pointer-events:auto;opacity:1;transition:opacity .5s ease;max-width:calc(100vw - 24px)}@supports not (bottom: env(safe-area-inset-bottom)){.emoji-reaction-bar{bottom:80px}}.emoji-reaction-bar-fading{opacity:0;pointer-events:none}.emoji-reaction-star-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#00000040;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease;position:relative;box-shadow:0 2px 8px #00000026,inset 0 1px #ffffff1a;font-size:18px;padding:0;flex-shrink:0;outline:none}@media (hover: none) and (pointer: coarse){.emoji-reaction-star-button:focus{outline:none}}.emoji-reaction-star-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0003;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50%;opacity:0;transition:opacity .2s ease;z-index:0}.emoji-reaction-star-button:hover:not(:disabled):before{opacity:1}.emoji-reaction-star-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0003,inset 0 1px #ffffff26;background:#0000004d}.emoji-reaction-star-button:active:not(:disabled){transform:translateY(0)}.emoji-reaction-star-button span{position:relative;z-index:1}.emoji-reaction-tray{display:flex;align-items:center;gap:6px;background:#00000040;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:none;border-radius:999px;padding:6px 8px;pointer-events:auto;flex-wrap:nowrap;flex-shrink:1;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;box-shadow:0 2px 8px #00000026,inset 0 1px #ffffff14}.emoji-reaction-tray::-webkit-scrollbar{display:none}.emoji-reaction-button{display:flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;padding:6px;background:transparent;border:none;border-radius:50%;cursor:pointer;transition:background .15s ease,transform .15s ease;font-size:16px;flex-shrink:0;position:relative;outline:none;box-shadow:none}@media (hover: none) and (pointer: coarse){.emoji-reaction-button:focus{outline:none}}.emoji-reaction-button:hover{background:#ffffff14;transform:scale(1.1)}.emoji-reaction-button:active{background:#ffffff1f;transform:scale(1.05)}@media (max-width: 768px){.emoji-reaction-bar{bottom:calc(80px + env(safe-area-inset-bottom,0px));right:8px;left:max(8px,env(safe-area-inset-left,8px));max-width:calc(100vw - 16px)}@supports not (bottom: env(safe-area-inset-bottom)){.emoji-reaction-bar{bottom:80px;left:8px}}.emoji-reaction-star-button{width:36px;height:36px;font-size:17px;flex-shrink:0}.emoji-reaction-button{min-width:28px;min-height:28px;padding:5px;font-size:15px}.emoji-reaction-tray{gap:4px;padding:6px 8px}}@media (max-width: 480px){.emoji-reaction-bar{bottom:calc(80px + env(safe-area-inset-bottom,0px));right:6px;left:max(6px,env(safe-area-inset-left,6px));max-width:calc(100vw - 12px);gap:6px}@supports not (bottom: env(safe-area-inset-bottom)){.emoji-reaction-bar{bottom:80px;left:6px}}.emoji-reaction-star-button{width:34px;height:34px;font-size:16px;flex-shrink:0}.emoji-reaction-button{min-width:26px;min-height:26px;padding:4px;font-size:14px}.emoji-reaction-tray{gap:3px;padding:5px 6px}}@media (max-width: 375px){.emoji-reaction-bar{right:4px;left:max(4px,env(safe-area-inset-left,4px));max-width:calc(100vw - 8px);gap:4px}.emoji-reaction-star-button{width:32px;height:32px;font-size:15px}.emoji-reaction-button{min-width:24px;min-height:24px;padding:4px;font-size:13px}.emoji-reaction-tray{gap:2px;padding:4px 5px}}.host-live-page .emoji-reaction-bar{bottom:calc(68px + env(safe-area-inset-bottom,0px))}@supports not (bottom: env(safe-area-inset-bottom)){.host-live-page .emoji-reaction-bar{bottom:68px}}:fullscreen .emoji-reaction-bar,:-webkit-full-screen .emoji-reaction-bar{z-index:2147483647;position:fixed}.viewer-volume-control-container{display:flex;align-items:center;gap:12px;margin-top:.5rem}.viewer-volume-row{display:flex;align-items:center;gap:12px;margin:8px 0}.setting-item-volume{margin-bottom:0;padding:0 4px}.setting-item-volume .setting-item-header{margin-bottom:12px}.setting-item-toggle{margin-top:4px;margin-bottom:0;padding:0 16px}.viewer-settings-panel .setting-item{padding:0 20px}.viewer-settings-panel .setting-item-header{padding:0}.viewer-volume-icon-button{border:none;background:#94a3b829;width:32px;height:32px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#111827;padding:0;flex-shrink:0;transition:background-color .15s ease-out,transform .12s ease-out,box-shadow .15s ease-out}.viewer-volume-icon-button:hover{background:#818cf833;box-shadow:0 0 0 1px #818cf84d}.viewer-volume-icon-button:active{transform:scale(.92)}.viewer-volume-slider{flex:1;-moz-appearance:none;appearance:none;-webkit-appearance:none;height:4px;border-radius:999px;background:linear-gradient(90deg,#818cf8 0%,#818cf8 var(--volume-percent, 0%),#e5e7eb var(--volume-percent, 0%),#e5e7eb 100%);outline:none;cursor:pointer;margin:0}.viewer-volume-row .setting-value{font-size:13px;font-weight:500;color:#64748b;min-width:36px;text-align:right;flex-shrink:0}.viewer-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#6366f1;box-shadow:0 4px 8px #6366f173;border:2px solid #eef2ff;transition:transform .12s ease-out,box-shadow .12s ease-out;cursor:pointer}.viewer-volume-slider:active::-webkit-slider-thumb{transform:scale(1.05);box-shadow:0 6px 14px #4f46e58c}.viewer-volume-slider::-moz-range-track{height:4px;border-radius:999px;background:linear-gradient(90deg,#818cf8 0%,#818cf8 var(--volume-percent, 0%),#e5e7eb var(--volume-percent, 0%),#e5e7eb 100%);border:none}.viewer-volume-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#6366f1;box-shadow:0 4px 8px #6366f173;border:2px solid #eef2ff;cursor:pointer;transition:transform .12s ease-out,box-shadow .12s ease-out}.viewer-volume-slider:active::-moz-range-thumb{transform:scale(1.05);box-shadow:0 6px 14px #4f46e58c}.viewer-report-form{margin-top:1rem}.viewer-report-section{margin-bottom:1.5rem}.viewer-report-label{font-size:.9rem;font-weight:500;color:var(--text-primary);margin-bottom:.75rem;display:block}.viewer-report-options{display:flex;flex-direction:column;gap:12px}.viewer-report-option{display:flex;align-items:center;padding:14px 16px;border:1px solid rgba(0,0,0,.07);border-radius:12px;cursor:pointer;transition:all .2s ease;background:#ffffff80}.viewer-report-option:hover{border-color:#818cf84d;background-color:#fffc;box-shadow:0 2px 8px #818cf81a}@media (min-width: 769px){.viewer-report-option:hover{box-shadow:0 4px 12px #818cf826}}.viewer-report-option input[type=radio]{margin-right:14px;width:20px;height:20px;cursor:pointer;flex-shrink:0}.viewer-report-option span{font-size:.9rem;color:#0f172a;flex:1;display:flex;align-items:center;line-height:1.4}.viewer-report-option input[type=radio]:checked+span{font-weight:500}.viewer-report-textarea{width:100%;padding:12px 16px;border:1px solid rgba(0,0,0,.07);border-radius:12px;font-size:.9rem;font-family:inherit;resize:vertical;min-height:80px;max-height:150px;box-sizing:border-box;background:#fff9;color:#0f172a;transition:border-color .2s ease,box-shadow .2s ease;line-height:1.5}.viewer-report-textarea::placeholder{color:#64748b99}.viewer-report-textarea:focus{outline:none;border-color:#6366f166;box-shadow:0 0 0 3px #6366f114;background:#fffc}.viewer-report-textarea:disabled{background-color:var(--bg);cursor:not-allowed;opacity:.6}.viewer-report-counter{font-size:.75rem;color:var(--text-secondary);text-align:right;margin-top:.25rem}.viewer-report-error{background-color:#ff00001a;color:#c33;padding:.75rem;border-radius:8px;font-size:.85rem;margin-bottom:1rem}.viewer-report-footer{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.viewer-report-cancel,.viewer-report-submit{padding:.625rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;display:flex;align-items:center;gap:.5rem}.viewer-report-cancel{background:var(--bg);color:var(--text-secondary);border:1px solid var(--border-color)}.viewer-report-cancel:hover:not(:disabled){background:var(--border-color);color:var(--text-primary)}.viewer-report-submit{background:#667eea;color:#fff}.viewer-report-submit:hover:not(:disabled){background:#5568d3}.viewer-report-submit:disabled{opacity:.5;cursor:not-allowed}.viewer-report-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.viewer-settings-panel.settings-panel-action-sheet{position:relative!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;max-height:calc(80vh - env(safe-area-inset-top,0px) - 20px);padding-top:calc(env(safe-area-inset-top,0px) + 16px)!important;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))!important;padding-left:24px!important;padding-right:24px!important;margin:0!important;border-radius:20px!important;width:calc(100% - 48px)!important;max-width:calc(100% - 48px)!important}.viewer-settings-panel .settings-header{padding-top:0;padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid rgba(0,0,0,.06);min-height:20px}.viewer-settings-panel.settings-panel-action-sheet .settings-header{margin-top:0;padding-top:0}.viewer-settings-panel .settings-content{scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.3) transparent}.viewer-settings-panel .settings-content::-webkit-scrollbar{width:4px}.viewer-settings-panel .settings-content::-webkit-scrollbar-track{background:transparent;border-radius:10px}.viewer-settings-panel .settings-content::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:10px;transition:background .2s ease}.viewer-settings-panel .settings-content::-webkit-scrollbar-thumb:hover{background:#94a3b880}.viewer-settings-panel .settings-content{position:relative;-webkit-overflow-scrolling:touch}@media (max-width: 768px){.viewer-volume-control-container{gap:10px}.viewer-volume-icon-button{width:32px;height:32px}}.viewer-live-page{width:100%;width:100vw;min-width:100vw;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;background:#000;display:flex;align-items:stretch;justify-content:center;margin:0;padding:0;position:relative}.live-status-hud{position:absolute;top:calc(env(safe-area-inset-top,0px) + 8px);left:12px;z-index:20;pointer-events:auto}@supports not (padding-top: env(safe-area-inset-top)){.live-status-hud{top:8px}}.live-status-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;min-height:32px;border-radius:16px;background:linear-gradient(180deg,#1e1e1e1a,#0a0a0a1a);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);box-shadow:0 4px 12px #00000059;color:#fffffff2;font-size:12px;line-height:1;font-weight:500;max-width:70vw;white-space:nowrap}.live-status-viewers{display:inline-flex;align-items:center;gap:4px}.live-status-icon{width:14px;height:14px;color:#ffffffe6;flex-shrink:0}.live-status-viewer-count{font-variant-numeric:tabular-nums;color:#fffffff2}.live-status-separator{opacity:.6;color:#fff9}.live-status-live{display:inline-flex;align-items:center;gap:6px}.live-status-live-dot{width:8px;height:8px;border-radius:999px;background-color:#ff2d55;box-shadow:0 0 6px #ff2d55cc;flex-shrink:0;animation:liveDotPulse 1.4s ease-out infinite}@keyframes liveDotPulse{0%{transform:scale(1);opacity:1}40%{transform:scale(1.3);opacity:.9}to{transform:scale(1);opacity:1}}.live-status-live-text{text-transform:uppercase;font-weight:600;letter-spacing:.4px;color:#ff6b9d;animation:live-text-blink 1.5s ease-in-out infinite}@keyframes live-text-blink{0%,to{opacity:1}50%{opacity:.5}}.live-status-duration{font-variant-numeric:tabular-nums;opacity:.85;color:#ffffffd9}.viewer-video-container{position:relative;width:100%;width:100vw;min-width:100vw;height:100%;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;overflow:hidden;background:#000;display:flex;flex-direction:column;margin:0;padding:0}.viewer-live-container{position:relative;flex:1;width:100%;height:100%;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);background:#000;overflow:hidden}.viewer-live-video,.viewer-video-element,.viewer-page video{width:100%;height:100%;object-fit:cover;display:block;background:#000}@media (max-width: 768px){.viewer-live-page{height:100dvh!important;max-height:100dvh!important;width:100vw!important;min-width:100vw!important}.viewer-video-container{width:100vw!important;height:100dvh!important;min-width:100vw!important;min-height:100dvh!important;max-width:100vw!important;max-height:100dvh!important;position:fixed;top:0;left:0;right:0;bottom:0;padding:0;margin:0}.viewer-video-element{width:100vw!important;height:100dvh!important;min-width:100vw!important;min-height:100dvh!important;max-width:100vw!important;max-height:100dvh!important;object-fit:cover!important;transform:scale(1);margin:0!important;padding:0!important;position:absolute;top:0;left:0;right:0;bottom:0}.viewer-video-element.vertical-video{object-fit:contain!important;width:auto!important;height:100dvh!important;max-width:100vw!important;position:relative!important;margin:0 auto!important}@media (orientation: portrait){.viewer-video-element:not(.vertical-video){width:100vw!important;height:100dvh!important;object-fit:cover!important}}@media (orientation: landscape){.viewer-video-element:not(.vertical-video){width:100vw!important;height:100dvh!important;object-fit:cover!important}}}.viewer-video-element.vertical-video{object-fit:contain!important;height:100vh!important;height:100dvh!important;width:auto!important;min-width:0!important;max-width:100vw!important;max-height:100vh!important;max-height:100dvh!important;display:block!important;margin-left:auto!important;margin-right:auto!important;flex-shrink:0}.viewer-video-container:has(.vertical-video){display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden;width:100%;height:100vh;height:100dvh}.viewer-video-container.viewer-video-paused .viewer-video-element{filter:none;-webkit-filter:none}.viewer-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000073;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;z-index:30;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:all}.viewer-video-element.viewer-video-loading{opacity:1;visibility:visible;filter:blur(20px);-webkit-filter:blur(20px)}.viewer-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:viewer-spin 1s linear infinite;margin-bottom:1rem}@keyframes viewer-spin{to{transform:rotate(360deg)}}.viewer-loading-overlay p{font-size:14px;font-weight:500;margin:0;color:#ffffffe6}.viewer-stream-paused-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:all}.viewer-stream-paused-content{text-align:center;padding:2rem;max-width:400px}.viewer-stream-paused-icon{margin:0 auto 1.5rem;width:64px;height:64px;color:#ffffffe6;animation:pulse-paused 2s ease-in-out infinite}@keyframes pulse-paused{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.viewer-stream-paused-title{font-size:24px;font-weight:600;margin:0 0 .75rem;color:#fff}.viewer-stream-paused-message{font-size:16px;font-weight:400;margin:0;color:#fffc;line-height:1.5}.viewer-center-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;border:1px solid rgba(255,255,255,.9);background:#0000000d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 32px #0003,inset 0 0 0 1px #ffffff26;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease,opacity .5s ease;z-index:20;padding:0;opacity:1}.viewer-center-play-button:hover{transform:translate(-50%,-50%) scale(1.1);background:#0000001f;border-color:#fff;box-shadow:0 12px 40px #0000004d,inset 0 0 0 1px #ffffff40}.viewer-center-play-button:active{transform:translate(-50%,-50%) scale(.95)}.viewer-center-play-button svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.viewer-center-play-button:active{transform:translate(-50%,-50%) scale(1.05)}.viewer-center-play-button svg{width:32px;height:32px;flex-shrink:0}.viewer-center-play-button svg polygon{transform:translate(2px)}.viewer-player-bar{position:fixed;bottom:0;left:0;right:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;white-space:nowrap;flex-wrap:nowrap;padding:12px 20px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0));background:#0f172a0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(148,163,184,.2);z-index:1000;pointer-events:auto;opacity:1;transition:opacity .5s ease}.viewer-controls-fading{opacity:0;pointer-events:none}video:fullscreen::-webkit-media-controls,video:fullscreen::-webkit-media-controls-panel,video:fullscreen::-webkit-media-controls-play-button,video:fullscreen::-webkit-media-controls-timeline,video:fullscreen::-webkit-media-controls-current-time-display,video:fullscreen::-webkit-media-controls-time-remaining-display,video:fullscreen::-webkit-media-controls-mute-button,video:fullscreen::-webkit-media-controls-volume-slider,video:fullscreen::-webkit-media-controls-fullscreen-button{display:none!important;opacity:0!important;visibility:hidden!important}video:-webkit-full-screen::-webkit-media-controls,video:-webkit-full-screen::-webkit-media-controls-panel,video:-webkit-full-screen::-webkit-media-controls-play-button,video:-webkit-full-screen::-webkit-media-controls-timeline,video:-webkit-full-screen::-webkit-media-controls-current-time-display,video:-webkit-full-screen::-webkit-media-controls-time-remaining-display,video:-webkit-full-screen::-webkit-media-controls-mute-button,video:-webkit-full-screen::-webkit-media-controls-volume-slider,video:-webkit-full-screen::-webkit-media-controls-fullscreen-button{display:none!important;opacity:0!important;visibility:hidden!important}:fullscreen .viewer-player-bar,:-webkit-full-screen .viewer-player-bar{z-index:2147483647;position:fixed}.viewer-player-bar-volume{display:flex;flex-direction:row;align-items:center;gap:12px;flex-shrink:0}.viewer-player-bar-icon-btn{flex-shrink:0;white-space:nowrap;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid rgba(148,163,184,.3);background:#0f172a66;color:#e5e7eb;cursor:pointer;transition:background .18s ease,transform .18s ease,border-color .18s ease}.viewer-player-bar-icon-btn:hover{background:#94a3b833;border-color:#94a3b899;transform:translateY(-1px)}.viewer-player-bar-icon-btn:active{transform:translateY(0)}.viewer-player-bar-icon-btn svg{width:20px;height:20px;stroke:currentColor;fill:none}.viewer-player-bar-volume-slider{width:80px;height:4px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#94a3b84d;border-radius:999px;outline:none;cursor:pointer;flex-shrink:0}.viewer-player-bar-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#e5e7eb;border:2px solid rgba(15,23,42,.7);box-shadow:0 2px 6px #0f172a73;cursor:pointer}.viewer-player-bar-volume-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#e5e7eb;border:2px solid rgba(15,23,42,.7);box-shadow:0 2px 6px #0f172a73;cursor:pointer}.viewer-player-bar-center{flex:1;display:flex;justify-content:center;align-items:center}.viewer-player-bar-stop{flex-shrink:0;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;background:#ff4d64d9;color:#fff;border:none;border-radius:999px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #ff4d644d}.viewer-player-bar-stop:hover{background:#ff4d64e6;transform:translateY(-1px);box-shadow:0 12px 32px #0f172a8c}.viewer-player-bar-stop:active{transform:translateY(0)}.viewer-player-bar-stop svg{width:18px;height:18px;flex-shrink:0}.viewer-player-bar-right{flex-shrink:0;display:flex;align-items:center;justify-content:flex-end}.viewer-player-bar-share{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;background:transparent;color:#e5e7eb;border:1px solid white;font-size:13px;font-weight:600;border-radius:999px;cursor:pointer;transition:all .18s ease;white-space:nowrap}.viewer-player-bar-share:hover{background:#94a3b82e;color:#f9fafb;transform:translateY(-1px)}.viewer-player-bar-share:active{transform:translateY(0)}.viewer-player-bar-share svg{width:16px;height:16px;flex-shrink:0}.viewer-player-bar-report{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;background:transparent;color:#e5e7eb;border:none;font-size:13px;font-weight:600;border-radius:999px;cursor:pointer;transition:all .18s ease;white-space:nowrap;margin-left:8px}.viewer-player-bar-report:hover:not(:disabled){background:#94a3b82e;color:#f9fafb;transform:translateY(-1px)}.viewer-player-bar-report:active:not(:disabled){transform:translateY(0)}.viewer-player-bar-report:disabled{opacity:.6;cursor:not-allowed}.viewer-player-bar-report-reported{background:#4caf5026;color:#81c784}.viewer-player-bar-report-reported:hover{background:#4caf5033}.viewer-player-bar-report svg{width:16px;height:16px;flex-shrink:0}.viewer-player-bar .viewer-player-bar-playpause,.viewer-player-bar .viewer-player-bar-icon-btn{margin:0 12px}@supports (-webkit-touch-callout: none){.viewer-player-bar .viewer-player-bar-icon-btn:last-child{display:none!important}}@media (max-width: 768px){.live-status-hud{left:12px;top:calc(env(safe-area-inset-top,0px) + 8px)}@supports not (padding-top: env(safe-area-inset-top)){.live-status-hud{top:8px}}.live-status-pill{padding:6px 12px;font-size:12px;gap:6px}.viewer-player-bar{padding:10px 12px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0));gap:12px}.viewer-player-bar-icon-btn{width:44px;height:44px}.viewer-player-bar-stop{padding:10px 18px;font-size:14px}.viewer-center-play-button{width:88px;height:88px}.viewer-center-play-button svg{width:36px;height:36px}}.viewer-controls-right-stack{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:auto;z-index:30;opacity:1;transition:opacity .5s ease}.viewer-controls-right-stack.viewer-controls-fading{opacity:0;pointer-events:none}.viewer-control-icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:#00000040;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:50%;cursor:pointer;transition:all .2s ease;position:relative;box-shadow:0 2px 10px #0000001a;padding:0}.viewer-control-icon-button:hover:not(:disabled){transform:translateY(-1px);border-color:#fff6;box-shadow:0 4px 12px #0003;background:#00000059}.viewer-control-icon-button:active:not(:disabled){transform:translateY(0)}.viewer-control-icon-button:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.viewer-control-icon-button svg{width:20px;height:20px;stroke:currentColor;fill:none}.viewer-control-icon-button-reported{opacity:.5}.viewer-zoom-trigger{width:40px;height:40px;position:static;transform:none}.viewer-zoom-trigger:hover{transform:translateY(-1px)}.viewer-zoom-trigger:active{transform:translateY(0)}.viewer-zoom-trigger.viewer-zoom-trigger-active{opacity:.55;transform:none;color:#fff9}.viewer-zoom-trigger svg{width:24px;height:24px}@supports (-webkit-touch-callout: none){@media (max-width: 768px){.viewer-fullscreen-button{display:none!important}}}.viewer-zoom-overlay{position:fixed;left:50%;transform:translate(-50%) translate(4px) scale(.93);bottom:calc(env(safe-area-inset-bottom,0px) + 22%);display:flex;align-items:center;gap:12px;z-index:1000;pointer-events:auto;opacity:0;transition:opacity .18s ease-out,transform .18s ease-out}.viewer-zoom-overlay.viewer-zoom-overlay-visible{opacity:1;transform:translate(-50%) translate(0) scale(1)}.viewer-zoom-overlay-fading{opacity:0;pointer-events:none;transform:translate(-50%) translate(0) scale(.96);transition:opacity .15s ease-in,transform .15s ease-in}@supports not (padding-bottom: env(safe-area-inset-bottom)){.viewer-zoom-overlay{bottom:22%}}.viewer-zoom-overlay-btn{width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:#ffffff26;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#ffffffd9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s ease;position:relative;box-shadow:0 2px 6px #00000040,inset 0 0 4px #ffffff40}.viewer-zoom-overlay-btn:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%}.viewer-zoom-overlay-btn:not(:disabled):hover{color:#fff;border-color:#ffffff59;background:#fff3;transform:scale(1.08);box-shadow:0 3px 8px #0000004d,inset 0 0 6px #ffffff4d}.viewer-zoom-overlay-btn:not(:disabled):active{transform:scale(1.02);opacity:.9}.viewer-zoom-overlay-btn:disabled{opacity:.4;cursor:not-allowed;border-color:#ffffff26}.viewer-zoom-overlay-btn svg{width:20px;height:20px;stroke:currentColor;stroke-width:2;opacity:.85}.viewer-zoom-overlay-label{color:#ffffffe6;font-size:15px;font-weight:600;min-width:60px;text-align:center;font-variant-numeric:tabular-nums;background:#00000040;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:10px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.15);box-shadow:0 2px 6px #00000040}@media (orientation: landscape){.viewer-zoom-overlay{bottom:calc(env(safe-area-inset-bottom,0px) + 28%)}@supports not (padding-bottom: env(safe-area-inset-bottom)){.viewer-zoom-overlay{bottom:28%}}}@media (max-width: 768px){.viewer-zoom-trigger{right:8px;width:44px;height:44px}.viewer-zoom-trigger svg{width:22px;height:22px}.viewer-zoom-overlay{bottom:calc(env(safe-area-inset-bottom,0px) + 20%);gap:12px}@supports not (padding-bottom: env(safe-area-inset-bottom)){.viewer-zoom-overlay{bottom:20%}}.viewer-zoom-overlay-btn{width:44px;height:44px}.viewer-zoom-overlay-btn svg{width:20px;height:20px}.viewer-zoom-overlay-label{font-size:15px;padding:10px 16px}}.viewer-live-page{height:100vh;width:100%;display:flex;flex-direction:column;overflow:hidden;background:#000}.viewer-video-container{position:relative;width:100%;height:100vh;overflow:hidden;background:#000;display:flex;align-items:center;justify-content:center}.viewer-video-element{width:100%;height:100%;object-fit:contain;display:block}.viewer-video-element.vertical-video{object-fit:contain!important;height:100vh!important;width:auto!important;min-width:0!important;max-width:100vw!important;max-height:100vh!important;display:block!important;margin-left:auto!important;margin-right:auto!important;flex-shrink:0}.viewer-video-container:has(.vertical-video){display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden;width:100%;height:100vh}.viewer-video-container:has(.vertical-video) .viewer-video-element{flex:0 0 auto!important;align-self:center!important}.viewer-ad-slot{width:100%;min-height:0;background:transparent;display:none}@media (max-width: 768px){.viewer-video-container{height:100vh;width:100vw}}.viewer-page{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;display:flex;flex-direction:column;overscroll-behavior:contain}.viewer-container{width:100%;height:100%;position:relative;overflow:hidden}.viewer-video{width:100%;height:100%;object-fit:contain;background:#000;cursor:pointer}.viewer-mute-btn{position:absolute;top:12px;left:64px;width:44px;height:44px;padding:0;border-radius:50%;border:none;cursor:pointer;background:#000000a6;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .2s ease;z-index:20;display:flex;align-items:center;justify-content:center}.viewer-mute-btn:hover{opacity:.85}.viewer-mute-btn svg{width:20px;height:20px}.live-fullscreen-btn{position:absolute;top:12px;left:116px;width:44px;height:44px;padding:0;border-radius:50%;border:none;cursor:pointer;background:#000000a6;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .2s ease;z-index:20;display:flex;align-items:center;justify-content:center}.live-fullscreen-btn:hover{opacity:.85}.live-fullscreen-btn svg{width:18px;height:18px}.viewer-zoom-controls{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:auto;z-index:21;opacity:1;transition:opacity .5s ease}.viewer-zoom-controls.viewer-controls-fading{opacity:0;pointer-events:none}:fullscreen .viewer-zoom-controls,:-webkit-full-screen .viewer-zoom-controls{z-index:2147483647;position:fixed;right:12px;top:50%;transform:translateY(-50%)}.control-icon-button-glossy{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:#00000040;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:50%;cursor:pointer;transition:all .2s ease;position:relative;box-shadow:0 2px 10px #0000001a}.control-icon-button-glossy:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0003;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50%;opacity:0;transition:opacity .2s ease;z-index:0}.control-icon-button-glossy:hover:not(:disabled):before{opacity:1}.control-icon-button-glossy:hover:not(:disabled){transform:translateY(-1px);border-color:#fff6;box-shadow:0 4px 12px #0003}.control-icon-button-glossy:active:not(:disabled){transform:translateY(0)}.control-icon-button-glossy:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.control-icon-button-glossy svg{width:20px;height:20px;position:relative;z-index:1;color:#fff;stroke:#fff}.control-icon-button-glossy .icon-colored,.control-icon-button-glossy svg.icon-colored{color:#fff!important;stroke:#fff!important}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;z-index:10}.spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.stop-watching-button{position:absolute;top:12px;left:12px;width:44px;height:44px;background:#ef4444;color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 20px #ef444466;transition:all .2s ease;z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stop-watching-button:hover{background:#dc2626;transform:scale(1.1);box-shadow:0 6px 30px #ef444499}.stop-watching-button:active{transform:scale(.95)}.stop-watching-button svg{width:24px;height:24px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.error-container{text-align:center;color:#fff;padding:2rem}.error-container h2{font-size:2rem;margin-bottom:1rem}.error-container p{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.go-home-button{background:#667eea;color:#fff;border:none;padding:1rem 2rem;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s ease}.go-home-button:hover{background:#5568d3}.stream-expired-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:3rem 2rem;background:#000000f2;border-radius:16px;max-width:400px}.stream-expired-icon{color:#ff6b6b;opacity:.9}.stream-expired-icon svg{width:64px;height:64px}.stream-expired-title{margin:0;font-size:1.75rem;font-weight:600;color:#fff}.stream-expired-message{margin:0;font-size:1rem;color:#ccc;line-height:1.6;max-width:320px}.stream-expired-ok-button{background:linear-gradient(135deg,#9333ea,#7c3aed,#dc2626,#b91c1c);color:#fff;border:none;padding:.875rem 3rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #9333ea66;min-width:120px}.stream-expired-ok-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #9333ea80}.stream-expired-ok-button:active{transform:translateY(0);box-shadow:0 2px 10px #9333ea66}.viewer-page.preview-mode{background:linear-gradient(135deg,#667eea,#764ba2)}.stream-preview-card-fullscreen{position:relative;width:100%;max-width:600px;background:#fff;border-radius:24px;overflow-y:auto;box-shadow:0 20px 60px #0000004d;cursor:pointer;transition:all .3s ease;animation:scaleIn .5s ease;margin:2rem}.stream-preview-card-fullscreen:hover{transform:scale(1.02);box-shadow:0 24px 80px #0006}.stream-preview-card-fullscreen:active{transform:scale(.98)}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.preview-thumbnail-fullscreen{position:relative;width:100%;height:300px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;overflow-y:auto}.preview-logo-fullscreen{color:#fff;opacity:.9;animation:pulseLogo 2s ease-in-out infinite}@keyframes pulseLogo{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.preview-live-badge-fullscreen{position:absolute;top:1.5rem;right:1.5rem;display:flex;align-items:center;gap:.5rem;background:#ff4757f2;color:#fff;padding:.5rem 1rem;border-radius:25px;font-size:.9rem;font-weight:700;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.preview-content-fullscreen{padding:2rem}.preview-title-fullscreen{font-size:1.5rem;font-weight:700;color:#333;margin:0 0 .75rem}.preview-description-fullscreen{font-size:1rem;color:#666;margin:0 0 1rem;line-height:1.6}.preview-domain-fullscreen{font-size:.9rem;color:#999;margin:0}.preview-overlay-fullscreen{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:1;transition:opacity .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.preview-play-button-fullscreen{width:120px;height:120px;background:#fffffff2;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#667eea;margin-bottom:1.5rem;animation:pulsePlay 2s ease-in-out infinite}@keyframes pulsePlay{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.preview-play-button-fullscreen svg{width:50px;height:50px;margin-left:6px}.preview-tap-hint-fullscreen{color:#fff;font-size:1.2rem;font-weight:600;margin:0;text-align:center}@media (max-width: 768px){.stop-watching-button{top:12px;left:12px;width:44px;height:44px}.viewer-mute-btn{top:12px;left:64px;width:44px;height:44px}.live-fullscreen-btn{top:12px;left:116px;width:44px;height:44px}.viewer-zoom-controls{right:8px;gap:12px}:fullscreen .viewer-zoom-controls,:-webkit-full-screen .viewer-zoom-controls{right:8px}.control-icon-button-glossy{width:44px;height:44px}.control-icon-button-glossy svg{width:22px;height:22px}.stop-watching-button svg{width:22px;height:22px}.stream-preview-card-fullscreen{margin:1rem;max-width:calc(100% - 2rem)}.preview-thumbnail-fullscreen{height:250px}.preview-content-fullscreen{padding:1.5rem}.preview-title-fullscreen{font-size:1.25rem}.preview-description-fullscreen{font-size:.9rem}.preview-play-button-fullscreen{width:100px;height:100px}.preview-play-button-fullscreen svg{width:40px;height:40px}.preview-tap-hint-fullscreen{font-size:1rem}}@media (max-width: 480px){.stop-watching-button{top:12px;left:12px;width:40px;height:40px}.viewer-mute-btn{top:12px;left:60px;width:40px;height:40px}.live-fullscreen-btn{top:12px;left:108px;width:40px;height:40px}.live-fullscreen-btn svg{width:16px;height:16px}.viewer-zoom-controls{right:6px;gap:14px}:fullscreen .viewer-zoom-controls,:-webkit-full-screen .viewer-zoom-controls{right:6px}.control-icon-button-glossy{width:48px;height:48px}.control-icon-button-glossy svg{width:24px;height:24px}.stop-watching-button svg{width:20px;height:20px}.stream-preview-card-fullscreen{margin:.75rem;border-radius:16px}.preview-thumbnail-fullscreen{height:200px}.preview-content-fullscreen{padding:1.25rem}.preview-title-fullscreen{font-size:1.1rem}.preview-description-fullscreen{font-size:.85rem}}.stream-preview-card{position:relative;width:100%;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #00000026;cursor:pointer;transition:all .3s ease;animation:slideUp .5s ease}.stream-preview-card:hover:not(.stream-preview-expired):not(.stream-preview-loading){transform:translateY(-4px);box-shadow:0 12px 40px #0003}.stream-preview-card:active:not(.stream-preview-expired):not(.stream-preview-loading){transform:translateY(-2px)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.preview-thumbnail{position:relative;width:100%;height:200px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;overflow:hidden}.preview-logo{padding:8rem;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:16px;animation:pulse 2s ease-in-out infinite}.preview-logo-image{width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.2))}@keyframes pulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.preview-live-badge{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:.5rem;background:#ff4757f2;color:#fff;padding:.4rem .9rem;border-radius:20px;font-size:.85rem;font-weight:700;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.preview-live-dot{width:8px;height:8px;background:#fff;border-radius:50%;animation:pulseDot 2s infinite}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.5}}.preview-content{padding:1.5rem}.preview-title{font-size:1.25rem;font-weight:700;color:#333;margin:0 0 .5rem}.preview-description{font-size:.95rem;color:#666;margin:0 0 .75rem;line-height:1.5}.preview-domain{font-size:.85rem;color:#999;margin:0}.preview-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.stream-preview-card:hover:not(.stream-preview-expired):not(.stream-preview-loading) .preview-overlay{opacity:1}.preview-play-button{width:80px;height:80px;background:#fffffff2;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#667eea;margin-bottom:1rem;animation:scaleIn .3s ease}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.preview-play-button svg{width:40px;height:40px;margin-left:4px}.preview-tap-hint{color:#fff;font-size:1rem;font-weight:600;margin:0;text-align:center}.stream-preview-expired{cursor:default;background:#f8f9fa;border:2px solid #e9ecef}.preview-expired-content{padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center}.preview-expired-icon{color:#6c757d;margin-bottom:1rem}.preview-expired-title{font-size:1.25rem;font-weight:700;color:#333;margin:0 0 .5rem}.preview-expired-message{font-size:.95rem;color:#666;margin:0 0 1.5rem}.preview-expired-button{padding:.75rem 2rem;background:linear-gradient(135deg,#9333ea,#7c3aed,#dc2626,#b91c1c);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.preview-expired-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #9333ea66}.preview-expired-button:active{transform:translateY(0)}.stream-preview-loading{cursor:default;background:#f8f9fa;border:2px solid #e9ecef}.preview-loading-content{padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center}.preview-loading-spinner{width:40px;height:40px;border:4px solid #e9ecef;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.preview-loading-content p{color:#666;font-size:.95rem;margin:0}.welcome-screen{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;color:#fff;z-index:1;animation:fadeIn .6s ease;overflow-y:auto;overflow-x:hidden}.welcome-background{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0a0a0a,#1a0a2a,#2a0a3a,#1a1a3a,#2a0a3a,#1a0a2a 75%,#0a0a0a);background-size:400% 400%;animation:gradientShift 25s ease infinite;z-index:-1}.welcome-shell{max-width:480px;width:100%;display:flex;justify-content:center;position:relative;z-index:1}.welcome-content{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px}.welcome-stream-preview{width:100%;margin-bottom:.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.welcome-logo{width:160px;max-width:60vw;height:auto;margin-bottom:8px}.welcome-header-top{display:flex;align-items:center;gap:1rem;justify-content:center}.welcome-i-button{width:64px;height:64px;background:linear-gradient(135deg,#ff4757,#ff6348,#ff4757);background-size:200% 200%;color:#fff;border:none;border-radius:50%;font-size:2.5rem;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #ff475766;transition:all .3s ease;animation:gradientShift 3s ease infinite;position:relative;overflow:hidden}.welcome-i-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes shimmer{0%{left:-100%}to{left:100%}}.welcome-i-button:hover{transform:scale(1.1);box-shadow:0 12px 32px #ff475799}.welcome-i-button:active{transform:scale(.95)}.welcome-title{font-size:3rem;font-weight:800;margin:0;background:linear-gradient(135deg,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px;white-space:nowrap}.welcome-subtitle{font-size:1.25rem;margin:0;opacity:.95;font-weight:500;text-align:center}.welcome-safety-note{margin-top:10px;margin-bottom:10px;font-size:12px;line-height:1.35;color:#9ca3af;text-align:center}.welcome-tagline{margin:4px 0 20px;text-align:center;font-size:1.05rem;line-height:1.5;font-weight:500;letter-spacing:.01em;color:var(--text-secondary)}@media (min-width: 768px){.welcome-tagline{font-size:1.1rem;margin-bottom:24px}}.go-live-button-premium{background:linear-gradient(135deg,#ff4757,#ff6348,#ff6b7a);background-size:200% 200%;color:#fff;border:none;padding:1.25rem 3rem;font-size:1.25rem;font-weight:700;border-radius:50px;cursor:pointer;box-shadow:0 8px 24px #ff475766;transition:all .3s ease;display:flex;align-items:center;gap:.75rem;letter-spacing:.5px;position:relative;overflow:hidden;animation:buttonGradientShift 4s ease infinite}.go-live-button-premium:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2.5s infinite}@keyframes buttonGradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.go-live-button-premium:hover{transform:translateY(-2px);box-shadow:0 12px 32px #ff475799;animation:buttonGradientShift 2s ease infinite}.go-live-button-premium:active{transform:translateY(0)}.welcome-primary-button{width:100%;max-width:360px;border:none;outline:none;border-radius:999px;padding:14px 24px;font-size:16px;font-weight:700;cursor:pointer;background:linear-gradient(90deg,#9333ea,#ec4899);box-shadow:0 6px 20px #9333ea66,0 0 0 1px #ec48994d,0 0 40px #9333ea33;color:#fff;transition:transform .1s ease,box-shadow .1s ease,opacity .1s ease;animation:fadeInUp .3s ease}.welcome-primary-button:hover:not(.disabled):not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #9333ea80,0 0 0 1px #ec489966,0 0 60px #9333ea4d}.welcome-primary-button:active:not(.disabled):not(:disabled){transform:translateY(0)}.welcome-primary-button.disabled,.welcome-primary-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.welcome-button-icon{width:12px;height:12px;border-radius:50%;background:radial-gradient(circle,#ff0080,#d6006c);box-shadow:0 0 10px #ff0080b3;flex-shrink:0;position:relative;z-index:1}.welcome-primary-button.disabled .welcome-button-icon,.welcome-primary-button:disabled .welcome-button-icon{background:radial-gradient(circle,#a855f7,#7c3aed);box-shadow:0 0 8px #a855f780;opacity:.8}.welcome-watermark{font-size:40px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#020617;opacity:.04;margin-top:12px;margin-bottom:26px;text-align:center}.welcome-terms-container{margin-top:18px;width:100%}.welcome-terms-container{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:12px;animation:fadeInUp .3s ease}.welcome-terms-row{display:flex;justify-content:center;align-items:center;gap:10px;font-size:14px;line-height:1.4;color:#ffffffd9}.welcome-terms-text{text-align:left}.welcome-terms-link-wrapper{display:flex;justify-content:center;width:100%}.welcome-checkbox-wrapper{position:relative;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.welcome-checkbox-input{position:absolute;opacity:0;width:0;height:0}.welcome-checkbox-visual{width:20px;height:20px;border-radius:6px;border:2px solid rgba(255,255,255,.7);background:transparent;display:flex;align-items:center;justify-content:center;transition:all .18s ease}.welcome-terms-row:hover .welcome-checkbox-visual{box-shadow:0 0 6px #ffffff40}.welcome-checkbox-input:focus-visible+.welcome-checkbox-visual{outline:2px solid rgba(255,111,216,.8);outline-offset:2px}.welcome-checkbox-input:checked+.welcome-checkbox-visual{border:none;background:linear-gradient(90deg,#b84fff,#ff4fd8,#ff6f6f);box-shadow:0 0 6px #ff00b473}.welcome-checkbox-input:checked+.welcome-checkbox-visual:after{content:"";width:12px;height:12px;mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='M20.285 6.709l-11.4 11.4-5.657-5.657 1.414-1.414 4.243 4.243 9.986-9.986z'/%3E%3C/svg%3E") no-repeat center / contain;background:#fff;display:block}.welcome-terms-error{animation:shake .5s ease-in-out}.welcome-terms-error .welcome-checkbox-visual{border-color:#ef4444cc;box-shadow:0 0 0 3px #ef44444d,0 0 12px #ef444466}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.welcome-terms-error-text{margin-top:8px;font-size:11px;color:#ef4444;text-align:center;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.welcome-terms-link{color:#ff6fd8;text-decoration:underline;font-weight:600;transition:text-decoration .16s ease-out}.welcome-terms-link:hover{text-decoration:none}@media (max-width: 768px){.welcome-screen{padding:20px 16px}.welcome-logo{width:140px}.welcome-primary-button{max-width:100%}}@media (max-width: 480px){.welcome-screen{padding:16px}.welcome-logo{width:120px;max-width:60vw}.welcome-content{gap:20px}.welcome-terms-row{gap:8px;font-size:12px}.welcome-checkbox-wrapper{width:20px;height:20px}.welcome-checkbox-visual{width:18px;height:18px}.welcome-checkbox-input:checked+.welcome-checkbox-visual:after{width:10px;height:10px}}.app{min-height:100vh;width:100%;transform:none;zoom:1}*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #f9fafb;--card-bg: rgba(255, 255, 255, .96);--text-primary: #0f172a;--text-secondary: #475569;--button-bg: linear-gradient(135deg, #9333ea, #7c3aed, #dc2626, #b91c1c);--button-text: #ffffff;--border-color: rgba(0,0,0,.08)}html,body{margin:0;padding:0;font-size:16px;-webkit-text-size-adjust:100%;transform:none;zoom:1}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--text-primary);transition:background .3s ease,color .3s ease}body.scrollable{overflow-y:auto!important;min-height:100vh;height:auto}html[data-scrollable=true]{overflow-y:auto!important;height:auto;min-height:100vh}html[data-scrollable=true] #root{min-height:100vh;height:auto}#root{width:100%;height:100%;transform:none;zoom:1}@media all and (display-mode: standalone){html{font-size:16px}}button,[role=button],a,.viewer-control-icon-button,.viewer-icon-button,.viewer-zoom-overlay-btn,.viewer-center-play-button,.viewer-btn,.viewer-player-bar-icon-btn,.viewer-btn-ghost,.viewer-btn-stop,.host-bottom-icon-button,.viewer-fullscreen-button,.viewer-settings-button,.viewer-zoom-trigger,.message-preview-card,.stream-preview-card{-webkit-tap-highlight-color:transparent}button:focus,[role=button]:focus,a:focus{outline:none}button:focus-visible,[role=button]:focus-visible,a:focus-visible{outline:2px solid rgba(255,255,255,.8);outline-offset:2px;border-radius:9999px}