.footer-chat{position:fixed;bottom:0;left:0;right:0;height:calc(48px + env(safe-area-inset-bottom,0px));background:var(--bg-secondary);border-top:1px solid var(--border);display:flex;align-items:center;padding:0 16px;padding-bottom:env(safe-area-inset-bottom,0px);gap:12px;z-index:1000}.footer-version{font-size:11px;color:var(--text-secondary);opacity:.5;font-family:monospace;white-space:nowrap;-webkit-user-select:all;user-select:all;flex-shrink:0}.footer-tabs{display:flex;gap:8px;flex:1;overflow-x:auto}.footer-tab{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-tertiary);border-radius:8px;color:var(--text-primary);font-size:14px;white-space:nowrap}.footer-tab:hover{background:#2a2a32}.footer-tab.active{background:var(--accent);color:var(--bg-primary)}.tab-badge{background:var(--danger);color:#fff;font-size:11px;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.tab-online{width:8px;height:8px;background:var(--success);border-radius:50%}.footer-empty{color:var(--text-secondary);font-size:13px}.footer-panel{position:absolute;bottom:52px;right:16px;width:320px;height:360px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;box-shadow:0 -4px 24px #0006}.footer-panel-header{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.close-btn{background:none;color:var(--text-secondary);font-size:20px;padding:0 4px}.close-btn:hover{color:var(--text-primary)}.footer-panel-messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.dm-msg{max-width:85%;padding:8px 12px;border-radius:12px;font-size:14px}.dm-msg.sent{align-self:flex-end;background:var(--accent);color:var(--bg-primary)}.dm-msg.received{align-self:flex-start;background:var(--bg-tertiary)}.footer-panel-input{display:flex;gap:8px;padding:12px;border-top:1px solid var(--border)}.footer-panel-input input{flex:1;padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary)}.footer-panel-input button{padding:8px 16px;background:var(--accent);color:var(--bg-primary);border-radius:8px;font-weight:500}.footer-status{font-size:12px;color:var(--text-secondary)}.footer-status.online{color:var(--success)}.footer-status.offline{color:var(--danger)}.footer-new-chat,.footer-friends-btn{padding:6px 12px;background:var(--bg-tertiary);border-radius:8px;color:var(--text-primary);font-size:13px;white-space:nowrap}.footer-new-chat:hover,.footer-friends-btn:hover{background:#2a2a32}.footer-friends-popup{position:absolute;bottom:52px;right:16px;width:300px;max-height:400px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;box-shadow:0 -4px 24px #0006;display:flex;flex-direction:column;overflow:hidden}.footer-friends-header{padding:10px 12px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.footer-friends-pending{padding:8px 12px;border-bottom:1px solid var(--border)}.footer-friends-pending h4{font-size:12px;color:var(--text-secondary);margin:0 0 8px}.footer-friends-pending ul,.footer-friends-list{list-style:none;margin:0;padding:0}.footer-friends-pending li,.footer-friend-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid var(--border);flex-wrap:wrap;min-height:36px}.footer-friends-pending li:last-child,.footer-friend-item:last-child{border-bottom:none}.friend-status-dot{width:8px;height:8px;border-radius:50%;background:var(--text-tertiary, #666);flex-shrink:0}.friend-status-dot.online{background:var(--success, #22c55e)}.friend-in-room{font-size:12px;color:var(--text-secondary);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.footer-friends-list .friend-actions,.footer-friends-pending .friend-actions{display:flex;gap:6px;flex-shrink:0}.footer-friends-list .friend-actions button,.footer-friends-pending .friend-actions button{padding:4px 10px;font-size:12px;background:var(--bg-tertiary);color:var(--text-primary);border-radius:6px;white-space:nowrap}.footer-friends-list .friend-actions button:hover,.footer-friends-pending .friend-actions button:hover{background:var(--accent);color:var(--bg-primary)}.footer-friends-pending .friend-actions .decline-btn{background:#ff505033;color:#f55}.footer-friends-list{overflow-y:auto;max-height:280px;padding:8px 12px}.footer-friends-empty{color:var(--text-secondary);font-size:13px;padding:12px}.footer-picker{position:absolute;bottom:52px;right:120px;width:260px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;box-shadow:0 -4px 24px #0006;display:flex;flex-direction:column;overflow:hidden}.footer-picker-header{padding:10px 12px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.footer-picker-search{margin:10px 12px 0;padding:8px 10px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary)}.footer-picker-list{max-height:240px;overflow-y:auto;padding:8px 12px 12px;display:flex;flex-direction:column;gap:6px}.footer-picker-item{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:4px 8px;background:var(--bg-tertiary);border-radius:8px;font-size:13px}.footer-picker-item:hover{background:#2a2a32}.footer-picker-item-main{flex:1;text-align:left;padding:6px 0;background:none;border:none;color:var(--text-primary);cursor:pointer}.footer-picker-add-friend{padding:4px 8px;font-size:11px;background:var(--accent);color:var(--bg-primary);border:none;border-radius:6px;cursor:pointer;white-space:nowrap}.footer-picker-add-friend:hover{opacity:.9}.footer-picker-sent{padding:4px 8px;font-size:11px;color:var(--accent);border:1px solid var(--accent);border-radius:6px;white-space:nowrap;opacity:.8}.footer-picker-id{font-size:11px;color:var(--text-secondary)}.footer-picker-empty{color:var(--text-secondary);font-size:13px;padding:6px 4px}.footer-picker-section{margin-bottom:4px}.footer-picker-section-label{padding:6px 10px 4px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#39e5a7;border-bottom:1px solid #333;margin-bottom:2px}.footer-picker-time{font-size:.7rem;color:#888;margin-left:6px;white-space:nowrap}.footer-tab-community{border-left:3px solid var(--accent)}.footer-tab-community .tab-community-icon{font-size:12px;flex-shrink:0}.tab-close{background:none;border:none;color:inherit;font-size:14px;padding:0 2px;cursor:pointer;opacity:.6;line-height:1}.tab-close:hover{opacity:1}.footer-tab.active .tab-close{color:var(--bg-primary)}.footer-panel-community .footer-panel-header{gap:6px}.footer-panel-community-label{font-size:11px;color:var(--text-secondary);font-weight:600}.footer-panel-channel-name{font-size:13px;font-weight:700;color:var(--accent);flex:1}.community-msg-author{font-size:10px;font-weight:700;color:var(--accent);display:block;margin-bottom:2px}.footer-conversations-btn{padding:6px 12px;background:var(--bg-tertiary);border-radius:8px;color:var(--text-primary);font-size:13px;white-space:nowrap}.footer-conversations-btn:hover{background:#2a2a32}.footer-conversations-popup{position:absolute;bottom:52px;right:16px;width:320px;max-height:440px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;box-shadow:0 -4px 24px #0006;display:flex;flex-direction:column;overflow:hidden}.footer-conversations-header{padding:10px 12px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.footer-conversations-list{overflow-y:auto;flex:1;max-height:380px}.conversations-section{padding:4px 0}.conversations-section-label{padding:8px 12px 4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);border-bottom:1px solid rgba(255,255,255,.06)}.conversation-item{display:flex;flex-direction:column;width:100%;text-align:left;padding:10px 12px;border:none;background:none;color:var(--text-primary);cursor:pointer;border-bottom:1px solid rgba(255,255,255,.04);position:relative}.conversation-item:hover{background:var(--bg-tertiary)}.conversation-past{opacity:.7}.conversation-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.conversation-name{font-weight:600;font-size:13px}.conversation-time{font-size:11px;color:var(--text-secondary)}.conversation-preview{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.conversation-unread{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:var(--danger);color:#fff;font-size:10px;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.conversations-empty{padding:20px;text-align:center;color:var(--text-secondary);font-size:13px}.friend-context-menu{position:fixed;z-index:10000;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 20px #00000080;min-width:180px;padding:4px 0;animation:contextFadeIn .12s ease-out}@keyframes contextFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu-header{padding:8px 12px;font-weight:700;font-size:13px;color:var(--accent);border-bottom:1px solid var(--border)}.context-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:none;border:none;color:var(--text-primary);font-size:13px;cursor:pointer;text-align:left}.context-menu-item:hover{background:var(--bg-tertiary)}.context-icon{font-size:14px;width:20px;text-align:center}.footer-friends-hint{padding:6px 12px;font-size:10px;color:var(--text-secondary);text-align:center;border-top:1px solid var(--border);opacity:.7}.footer-friends-list .friend-actions button{font-size:14px;padding:4px 8px;min-width:unset}@media (max-width: 768px){.footer-chat{padding:0 8px;padding-bottom:env(safe-area-inset-bottom,0px);gap:6px}.footer-version{font-size:9px}.footer-new-chat,.footer-friends-btn,.footer-conversations-btn{padding:5px 8px;font-size:11px}.footer-status{font-size:10px;display:none}.footer-empty{font-size:11px}.footer-panel,.footer-picker,.footer-friends-popup,.footer-conversations-popup{right:8px;left:8px;width:auto;bottom:calc(52px + env(safe-area-inset-bottom,0px))}}.modal-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;width:90%;max-width:480px;max-height:80vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border)}.modal-header h3{margin:0;font-size:1.1rem;color:var(--text-primary)}.modal-close{background:none;border:none;font-size:24px;color:var(--text-secondary);cursor:pointer;line-height:1}.modal-body{padding:20px}.buy-info{font-size:13px;color:var(--text-secondary);margin-bottom:16px;line-height:1.5}.buy-amount-row{margin-bottom:16px}.buy-amount-row label{display:block;font-size:13px;color:var(--text-secondary);margin-bottom:8px}.buy-amount-btns{display:flex;gap:8px}.buy-preset{padding:8px 16px;border:1px solid var(--border);border-radius:6px;background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;font-weight:600;font-size:14px}.buy-preset.active{border-color:var(--accent);background:#00d4aa1a;color:var(--accent)}.buy-summary{padding:12px;background:var(--bg-tertiary);border-radius:8px;font-size:14px;text-align:center;margin-bottom:16px;color:var(--text-primary)}.buy-error{color:#f55;font-size:13px;margin-bottom:12px}.buy-checkout-btn{width:100%;padding:12px;background:var(--accent);color:var(--bg-primary);border:none;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer}.buy-checkout-btn:disabled{opacity:.5;cursor:not-allowed}.buy-history{margin-top:20px;border-top:1px solid var(--border);padding-top:16px}.buy-history h4{margin:0 0 8px;font-size:13px;color:var(--text-secondary)}.buy-tx-table{width:100%;font-size:12px;border-collapse:collapse}.buy-tx-table th{text-align:left;padding:4px 6px;color:var(--text-secondary);border-bottom:1px solid var(--border)}.buy-tx-table td{padding:4px 6px;color:var(--text-primary)}.tx-credit{color:#4f4}.tx-debit{color:#f55}.buy-methods{margin-bottom:16px}.buy-methods-label{font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.buy-method-btn{width:100%;display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--border);border-radius:10px;background:var(--bg-tertiary);cursor:pointer;transition:all .15s;margin-bottom:8px}.buy-method-btn:hover{border-color:var(--accent);background:#00d4aa0a}.buy-method-btn:disabled{opacity:.5;cursor:not-allowed}.buy-method-icon{font-size:22px;flex-shrink:0}.buy-method-text{flex:1;text-align:left}.buy-method-name{display:block;font-size:14px;font-weight:700;color:var(--text-primary)}.buy-method-sub{display:block;font-size:11px;color:var(--text-secondary);margin-top:2px}.buy-method-amount{font-size:16px;font-weight:800;color:var(--accent);flex-shrink:0}.buy-method-stripe{border-left:3px solid #635bff}.buy-method-stripe:hover{border-color:#635bff}.buy-method-venmo{border-left:3px solid #3d95ce}.buy-method-venmo:hover{border-color:#3d95ce}.buy-method-badge{display:flex;align-items:center;gap:8px;padding:4px 8px;margin-bottom:6px;font-size:11px}.pay-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:800;letter-spacing:.03em}.google-badge{background:#4285f4;color:#fff}.apple-badge{background:#000;color:#fff}.cashapp-badge{background:#00d632;color:#fff;font-size:12px}.pay-badge-text{color:var(--text-secondary);font-size:10px}.buy-loading{text-align:center;color:var(--accent);font-size:13px;font-weight:600;padding:8px 0;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.token-balance-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;background:#00d4aa1f;border:1px solid rgba(0,212,170,.3);border-radius:14px;cursor:pointer;color:var(--accent);font-size:13px;font-weight:600}.token-balance-btn:hover{background:#00d4aa33}.token-icon{font-weight:800;font-size:11px;background:var(--accent);color:var(--bg-primary);width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}.token-amount{font-variant-numeric:tabular-nums}.social-share{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.social-share-label{font-size:13px;color:var(--text-secondary);margin-right:4px}.social-share-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:border-color .15s,color .15s;text-decoration:none}.social-share-btn:hover{border-color:var(--accent);color:var(--accent)}.social-share-btn-icon{font-size:14px;font-weight:700}.social-share-compact{display:inline-flex;gap:6px}.social-share-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-size:14px;font-weight:700;cursor:pointer;transition:border-color .15s,color .15s;text-decoration:none}.social-share-icon:hover{border-color:var(--accent);color:var(--accent)}.referral-banner{display:flex;align-items:center;gap:32px;padding:20px 24px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;margin-bottom:20px}.referral-banner-left{flex:1}.referral-banner h3{font-size:1rem;margin-bottom:4px;color:var(--accent)}.referral-banner p{font-size:13px;color:var(--text-secondary);margin-bottom:12px}.referral-link-row{display:flex;gap:8px;margin-bottom:10px}.referral-link-input{flex:1;padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:13px}.referral-copy-btn{padding:8px 16px;background:var(--accent);color:var(--bg-primary);border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.referral-copy-btn:hover{opacity:.9}.referral-banner-stats{display:flex;gap:24px}.referral-stat{display:flex;flex-direction:column;align-items:center;text-align:center}.referral-stat-num{font-size:1.5rem;font-weight:700;color:var(--accent)}.referral-stat-label{font-size:12px;color:var(--text-secondary)}@media (max-width: 600px){.referral-banner{flex-direction:column;gap:16px}.referral-banner-stats{width:100%;justify-content:center}}.referral-compact{display:flex;flex-direction:column;gap:6px}.referral-compact-title{font-size:12px;font-weight:700;color:var(--accent);margin:0}.referral-compact-desc{font-size:11px;color:var(--text-secondary);margin:0 0 4px;line-height:1.35}.referral-compact-link{display:flex;gap:4px}.referral-compact-input{flex:1;min-width:0;padding:5px 6px;font-size:10px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis}.referral-compact-copy{padding:5px 10px;font-size:11px;font-weight:600;background:var(--accent);color:var(--bg-primary);border:none;border-radius:4px;cursor:pointer;white-space:nowrap;flex-shrink:0}.referral-compact-copy:hover{opacity:.9}.referral-compact-stats{display:flex;gap:12px;margin-top:4px;font-size:11px;color:var(--text-secondary)}.referral-compact-stats strong{color:var(--accent);margin-right:2px}.profile-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px}.profile-modal{background:var(--bg-secondary);border-radius:12px;width:100%;max-width:420px;max-height:80vh;overflow-y:auto;padding:24px;position:relative;border:1px solid var(--border);box-shadow:0 8px 32px #0006}.profile-modal-close{position:absolute;top:12px;right:12px;background:none;border:none;color:var(--text-secondary);font-size:24px;cursor:pointer;line-height:1}.profile-loading{text-align:center;color:var(--text-secondary);padding:40px 0}.profile-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.profile-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#0077b6);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#fff;flex-shrink:0}.profile-header-info{flex:1;min-width:0}.profile-username{font-size:20px;font-weight:700;margin:0;color:var(--text-primary)}.profile-status{font-size:13px;color:var(--text-secondary);margin:4px 0 0;font-style:italic}.profile-badge{display:inline-block;font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px;margin-top:4px}.profile-badge.friend{background:#00d4aa26;color:var(--accent)}.profile-badge.pending{background:#ffa50026;color:orange}.profile-section{margin-bottom:16px}.profile-section h4{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin:0 0 8px}.profile-section p{font-size:14px;color:var(--text-primary);margin:0;line-height:1.5;white-space:pre-wrap}.profile-socials{display:flex;flex-direction:column;gap:6px}.profile-social-link{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:6px;font-size:13px;text-decoration:none;transition:background .15s}.profile-social-link.twitter{background:#1da1f21a;color:#1da1f2}.profile-social-link.twitter:hover{background:#1da1f233}.profile-social-link.instagram{background:#e1306c1a;color:#e1306c}.profile-social-link.instagram:hover{background:#e1306c33}.profile-social-link.tiktok{background:#ff00501a;color:#ff0050}.profile-social-link.tiktok:hover{background:#ff005033}.profile-social-link.youtube{background:#ff00001a;color:red}.profile-social-link.youtube:hover{background:#f003}.profile-add-friend-btn,.profile-edit-btn{width:100%;padding:10px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;margin-top:12px}.profile-add-friend-btn{background:var(--accent);color:var(--bg-primary)}.profile-add-friend-btn:hover:not(:disabled){opacity:.85}.profile-add-friend-btn:disabled{opacity:.5;cursor:not-allowed}.profile-edit-btn{background:#ffffff14;color:var(--text-primary);border:1px solid var(--border)}.profile-edit-btn:hover{background:#ffffff1f}.profile-edit-form{display:flex;flex-direction:column;gap:8px}.profile-edit-form label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-top:4px}.profile-edit-form input,.profile-edit-form textarea{width:100%;padding:8px 10px;font-size:13px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-family:inherit;resize:vertical}.profile-edit-actions{display:flex;gap:8px;margin-top:8px}.profile-save-btn{flex:1;padding:10px;background:var(--accent);color:var(--bg-primary);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}.profile-save-btn:disabled{opacity:.5;cursor:not-allowed}.profile-cancel-btn{flex:1;padding:10px;background:#ffffff14;color:var(--text-primary);border:1px solid var(--border);border-radius:8px;font-size:14px;cursor:pointer}.profile-error-section{text-align:center;padding:20px 0;color:var(--text-secondary)}.profile-scheduled-debates{margin-top:16px;border-top:1px solid var(--border);padding-top:12px}.profile-scheduled-debates h4{font-size:13px;margin:0 0 8px;color:var(--text-secondary)}.profile-sched-list{list-style:none;padding:0;margin:0}.profile-sched-item{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 0;font-size:12px;border-bottom:1px solid rgba(255,255,255,.03)}.profile-sched-title{font-weight:600}.profile-sched-arena{font-size:8px;font-weight:800;background:linear-gradient(135deg,orange,#ff8c00);color:#000;padding:1px 4px;border-radius:3px}.profile-sched-date{color:var(--text-secondary);font-size:10px}.profile-sched-status{color:var(--accent);font-size:9px;text-transform:uppercase}.profile-debate-badges h4{font-size:13px;margin:0 0 10px;color:var(--text-secondary)}.debate-badges-grid{display:flex;flex-direction:column;gap:8px}.debate-badge-card{display:flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(135deg,#ffc1071f,#ff980014);border:1px solid rgba(255,193,7,.25);border-radius:10px;transition:border-color .15s}.debate-badge-card:hover{border-color:#ffc10780}.debate-badge-icon{font-size:24px;flex-shrink:0}.debate-badge-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.debate-badge-name{font-weight:700;font-size:13px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.debate-badge-category{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#ffc107;background:#ffc10726;padding:1px 6px;border-radius:4px;width:fit-content}.debate-badge-date{font-size:10px;color:var(--text-secondary)}.debate-badge-stats{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.debate-badge-pot{font-size:11px;font-weight:700;color:#4caf50}.debate-badge-votes{font-size:10px;color:var(--text-secondary)}.channel-sidebar{width:240px;min-width:240px;max-width:240px;background:linear-gradient(180deg,#23232a,#1e1e24);border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;height:100%;flex-shrink:0;box-shadow:2px 0 12px #00000026}.channel-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 8px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0;background:#00000014}.channel-sidebar-label{margin:0;font-size:13px;font-weight:700;color:var(--text-primary);letter-spacing:.02em}.channel-sidebar-scroll{flex:1;overflow-y:auto;display:flex;flex-direction:column;background:transparent}.sidebar-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0;background:#0000001f}.sidebar-tab{flex:1;padding:12px 8px;background:none;border:none;color:var(--text-secondary);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:all .15s;border-bottom:2px solid transparent}.sidebar-tab.active{color:var(--accent);border-bottom-color:var(--accent);background:#00d4aa0a}.sidebar-tab:hover:not(.active){color:var(--text-primary);background:#ffffff08}.channel-sidebar-close{display:none;background:none;border:none;color:var(--text-secondary);font-size:20px;cursor:pointer;padding:0 2px;line-height:1}.channel-sidebar-toggle{display:none;position:fixed;top:8px;left:8px;z-index:1001;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);font-size:18px;width:36px;height:36px;border-radius:8px;cursor:pointer;align-items:center;justify-content:center;line-height:1}.channel-sidebar-overlay{display:none}.channel-list{list-style:none;margin:0;padding:0}.channel-item{border-bottom:1px solid rgba(255,255,255,.04)}.channel-btn{width:100%;display:flex;align-items:center;gap:8px;padding:10px 16px;background:none;border:none;color:var(--text-primary);font-size:14px;cursor:pointer;text-align:left;transition:background .12s}.channel-btn:hover{background:#ffffff0a}.channel-item.expanded .channel-btn{background:#00d4aa14;color:var(--accent)}.channel-emoji{font-size:16px;flex-shrink:0;width:22px;text-align:center}.channel-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-arrow{font-size:12px;color:var(--text-secondary);flex-shrink:0}.channel-rooms{padding:0 12px 12px}.rooms-loading,.rooms-empty{font-size:12px;color:var(--text-secondary);padding:6px 4px;font-style:italic}.room-list{list-style:none;margin:0;padding:0}.room-item{display:flex;align-items:center;gap:6px;padding:6px 4px;font-size:13px;border-radius:6px;cursor:pointer}.room-item:hover{background:#ffffff08}.room-item-full{cursor:default;opacity:.85}.room-item-full:hover{background:transparent}.room-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary)}.room-count{font-size:11px;color:var(--text-secondary);flex-shrink:0;font-variant-numeric:tabular-nums}.room-join-btn{padding:3px 10px;font-size:11px;font-weight:600;background:var(--accent);color:var(--bg-primary);border:none;border-radius:4px;cursor:pointer;flex-shrink:0}.room-join-btn:hover:not(.disabled){opacity:.85}.room-join-btn.disabled{opacity:.4;cursor:default}.create-room-row{display:flex;gap:6px;margin-top:8px}.create-room-input{flex:1;padding:6px 8px;font-size:12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:5px;color:var(--text-primary);min-width:0}.create-room-btn{padding:6px 10px;font-size:14px;font-weight:700;background:var(--accent);color:var(--bg-primary);border:none;border-radius:5px;cursor:pointer;flex-shrink:0;line-height:1}.create-room-btn:disabled{opacity:.4;cursor:not-allowed}.sidebar-token-wallet{padding:12px 16px;border-top:1px solid var(--border);background:#ffd70008}.token-wallet-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.token-wallet-icon{font-size:18px}.token-wallet-balance{font-size:15px;font-weight:700;color:gold;flex:1}.token-wallet-buy-btn{width:100%;padding:7px;font-size:12px;font-weight:600;background:linear-gradient(135deg,gold,#ffb300);color:#1a1a2e;border:none;border-radius:6px;cursor:pointer;transition:opacity .15s}.token-wallet-buy-btn:hover{opacity:.85}.sidebar-referral-wrap{margin-top:auto;padding:12px;border-top:1px solid var(--border)}.community-list-section{padding:8px}.community-empty{font-size:12px;color:var(--text-secondary);padding:16px 8px;text-align:center;font-style:italic}.community-list{list-style:none;margin:0;padding:0}.community-item{display:flex;align-items:center;gap:8px;padding:10px 12px;cursor:pointer;border-radius:8px;transition:background .12s}.community-item:hover{background:#ffffff0d}.community-icon{font-size:18px;flex-shrink:0}.community-info{flex:1;min-width:0;display:flex;flex-direction:column}.community-name{font-size:14px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-role{font-size:10px;color:var(--text-secondary);text-transform:uppercase}.community-paid-badge{font-size:10px;font-weight:700;background:linear-gradient(135deg,gold,#ffb300);color:#1a1a2e;padding:2px 6px;border-radius:4px;flex-shrink:0}.community-create-btn{width:calc(100% - 16px);margin:8px;padding:10px;background:var(--accent);color:var(--bg-primary);border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.community-create-btn:hover{opacity:.85}.community-create-form{padding:12px;background:#ffffff08;border-radius:8px;margin:8px;display:flex;flex-direction:column;gap:8px}.community-create-form h4{font-size:13px;margin:0;color:var(--text-primary)}.community-input{width:100%;padding:8px 10px;font-size:12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);box-sizing:border-box}.community-paid-label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);cursor:pointer}.community-price-row{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary)}.community-price-input{width:80px;padding:6px 8px;font-size:12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary)}.community-form-actions{display:flex;gap:8px}.community-btn-save{flex:1;padding:8px;background:var(--accent);color:var(--bg-primary);border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer}.community-btn-save:disabled{opacity:.5;cursor:not-allowed}.community-btn-cancel{flex:1;padding:8px;background:#ffffff14;color:var(--text-secondary);border:1px solid var(--border);border-radius:6px;font-size:12px;cursor:pointer}.community-detail{padding:0}.community-back-btn{display:block;width:100%;padding:10px 12px;background:none;border:none;border-bottom:1px solid var(--border);color:var(--accent);font-size:13px;font-weight:600;cursor:pointer;text-align:left}.community-back-btn:hover{background:#00d4aa0d}.community-detail-header{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.04)}.community-detail-header h3{margin:0;font-size:16px;color:var(--text-primary)}.community-detail-desc{font-size:12px;color:var(--text-secondary);margin:4px 0 0}.community-section{padding:8px 12px}.community-section-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);overflow:visible}.community-add-btn{background:var(--accent);color:var(--bg-primary);border:none;border-radius:4px;height:24px;padding:0 8px;font-size:11px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1;white-space:nowrap;flex-shrink:0;text-transform:none;letter-spacing:normal;overflow:visible}.community-channel-list{list-style:none;margin:0;padding:0}.community-channel-item{display:flex;align-items:center;gap:4px;padding:6px 8px;border-radius:6px;transition:background .12s}.community-channel-item:hover{background:#ffffff0d}.community-ch-main{display:flex;align-items:center;gap:8px;flex:1;cursor:pointer;min-width:0}.community-ch-icon{font-size:14px;flex-shrink:0}.community-ch-name{flex:1;font-size:13px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-ch-type{font-size:9px;color:var(--text-secondary);text-transform:uppercase;flex-shrink:0;padding:2px 6px;background:#ffffff0d;border-radius:3px}.community-ch-listed-toggle{display:flex;align-items:center;gap:4px;flex-shrink:0;cursor:pointer;font-size:9px;color:var(--text-secondary)}.community-ch-listed-toggle input[type=checkbox]{width:14px;height:14px;cursor:pointer;accent-color:var(--accent)}.community-ch-listed-label{white-space:nowrap}.community-type-row{display:flex;gap:4px}.community-type-btn{flex:1;padding:6px 4px;font-size:11px;background:#ffffff0d;border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;text-align:center}.community-type-btn.active{background:#00d4aa26;border-color:var(--accent);color:var(--accent)}.community-member-list{list-style:none;margin:0;padding:0}.community-member-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;cursor:pointer;transition:background .12s}.community-member-item:hover{background:#ffffff0d}.community-member-avatar{font-size:14px;flex-shrink:0}.community-member-name{flex:1;font-size:13px;color:var(--text-primary)}.community-member-role{font-size:9px;text-transform:uppercase;color:var(--accent);padding:2px 6px;background:#00d4aa1a;border-radius:3px}.community-invite-list{list-style:none;margin:0;padding:0}.community-invite-item{display:flex;align-items:center;justify-content:space-between;padding:6px 4px;font-size:13px;color:var(--text-primary)}.community-invite-btn{padding:4px 10px;font-size:11px;font-weight:600;background:var(--accent);color:var(--bg-primary);border:none;border-radius:4px;cursor:pointer}.community-text-chat{display:flex;flex-direction:column;height:100%}.community-chat-messages{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:4px;min-height:200px}.community-chat-msg{display:flex;flex-direction:column;padding:4px 8px;border-radius:6px;background:#ffffff08}.community-chat-msg.own{background:#00d4aa14}.community-chat-user{font-size:11px;font-weight:600;color:var(--accent);cursor:pointer}.community-chat-user:hover{text-decoration:underline}.community-chat-body{font-size:13px;color:var(--text-primary);word-break:break-word}.community-chat-time{font-size:9px;color:var(--text-secondary);align-self:flex-end}.community-chat-input-row{display:flex;gap:6px;padding:8px;border-top:1px solid var(--border)}.community-chat-input{flex:1;padding:8px 10px;font-size:12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);min-width:0}.community-chat-send{padding:8px 14px;font-size:12px;font-weight:600;background:var(--accent);color:var(--bg-primary);border:none;border-radius:6px;cursor:pointer;flex-shrink:0}.community-chat-send:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 768px){.channel-sidebar-toggle{display:flex}.channel-sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:85vw;z-index:1002;transform:translate(-100%);transition:transform .25s ease}.channel-sidebar--open{transform:translate(0)}.channel-sidebar-close{display:block}.channel-sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1001}}.room-item-debate{border-left:3px solid #ffa500!important;background:#ffa5000d}.room-debate-badge{font-size:9px;font-weight:800;letter-spacing:.08em;background:linear-gradient(135deg,orange,#ff8c00);color:#000;padding:1px 6px;border-radius:3px;flex-shrink:0}.room-join-debate{background:#ffa50026!important;color:orange!important;border-color:#ffa5004d!important}.room-join-debate:hover{background:#ffa50040!important}.arena-create-toggle{display:block;width:100%;padding:6px 10px;font-size:11px;font-weight:600;background:#ffa50014;color:orange;border:1px dashed rgba(255,165,0,.3);border-radius:6px;cursor:pointer;margin-top:4px;text-align:center;transition:background .15s}.arena-create-toggle:hover{background:#ffa50026}.arena-create-form{padding:8px;background:#ffa5000a;border:1px solid rgba(255,165,0,.12);border-radius:6px;margin-top:4px;display:flex;flex-direction:column;gap:6px}.arena-input{width:100%;padding:6px 8px;font-size:12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);box-sizing:border-box}.arena-input-sm{width:70px;padding:4px 6px;font-size:12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary)}.arena-form-row{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-secondary)}.arena-checkbox-row{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-secondary);cursor:pointer}.arena-create-btn{padding:8px 12px;font-size:12px;font-weight:700;background:linear-gradient(135deg,orange,#ff8c00);color:#000;border:none;border-radius:6px;cursor:pointer}.arena-create-btn:disabled{opacity:.5}.debate-mode-toggle{display:flex;gap:0;border-radius:6px;overflow:hidden;border:1px solid rgba(255,165,0,.2)}.debate-mode-btn{flex:1;padding:6px 10px;font-size:11px;font-weight:600;background:#ffffff08;color:var(--text-secondary);border:none;cursor:pointer;transition:all .2s}.debate-mode-btn.active{background:#ffa50033;color:orange}.debate-mode-btn:hover:not(.active){background:#ffffff0f}.debate-mode-desc{margin:4px 0 8px;font-size:10px;color:var(--text-secondary);line-height:1.3}.versus-opponent-section{margin-bottom:8px}.versus-selected{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;background:#00d4aa14;border:1px solid rgba(0,212,170,.2);border-radius:6px;font-size:12px;color:var(--text-primary)}.versus-clear-btn{background:none;border:none;color:var(--accent);font-size:11px;cursor:pointer;text-decoration:underline}.versus-search-results{list-style:none;margin:4px 0 0;padding:0;background:var(--bg-secondary);border:1px solid rgba(255,255,255,.08);border-radius:6px;max-height:120px;overflow-y:auto}.versus-search-results li{padding:6px 10px;font-size:12px;color:var(--text-primary);cursor:pointer;transition:background .15s}.versus-search-results li:hover{background:#00d4aa1a}.arena-hint{font-size:10px;color:var(--text-secondary);white-space:nowrap}.scheduled-debates-section{margin-top:8px;padding:0 4px}.sched-header{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;font-size:12px;font-weight:600;color:var(--text-secondary);cursor:pointer;background:#ffffff08;border-radius:6px}.sched-header:hover{background:#ffffff0f}.sched-form{padding:8px;display:flex;flex-direction:column;gap:6px;border:1px solid var(--border);border-radius:6px;margin-top:4px}.sched-input{width:100%;padding:6px 8px;font-size:12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);box-sizing:border-box}.sched-list{list-style:none;padding:0;margin:4px 0 0}.sched-item{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 8px;font-size:11px;border-bottom:1px solid rgba(255,255,255,.03)}.sched-title{font-weight:600;color:var(--text-primary)}.sched-date{color:var(--text-secondary);font-size:10px}.sched-arena-badge{font-size:8px;font-weight:800;background:linear-gradient(135deg,orange,#ff8c00);color:#000;padding:1px 4px;border-radius:3px}.sched-status{font-size:9px;color:var(--accent);text-transform:uppercase}.debate-reminder-toast{position:fixed;top:60px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:12px 20px;border-radius:10px;font-size:13px;font-weight:600;z-index:3000;cursor:pointer;box-shadow:0 4px 20px #6366f166;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translate(-50%) translateY(-20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.debate-mode-toggle{display:flex;gap:4px}.debate-mode-btn{flex:1;padding:6px 8px;font-size:11px;font-weight:600;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:transparent;color:#ffffff80;cursor:pointer;transition:all .2s}.debate-mode-btn.active{background:#00d4aa26;border-color:var(--accent);color:var(--accent)}.debate-mode-btn:hover:not(.active){background:#ffffff0d;color:#ffffffb3}.debate-mode-desc{font-size:10px;color:#ffffff73;margin:0;line-height:1.3}.versus-opponent-section{display:flex;flex-direction:column;gap:4px}.versus-selected{display:flex;align-items:center;justify-content:space-between;background:#00d4aa14;border:1px solid rgba(0,212,170,.2);border-radius:6px;padding:6px 8px;font-size:12px;color:#fffc}.versus-clear-btn{font-size:10px;color:var(--accent);background:none;border:none;cursor:pointer;text-decoration:underline}.versus-search-results{list-style:none;margin:0;padding:0;background:#1e1e28f2;border:1px solid rgba(255,255,255,.1);border-radius:6px;max-height:120px;overflow-y:auto}.versus-search-results li{padding:6px 10px;font-size:12px;color:#fffc;cursor:pointer;transition:background .15s}.versus-search-results li:hover{background:#00d4aa1f;color:var(--accent)}.arena-hint{font-size:10px;color:#fff6;margin-left:4px}.room-item-watch{border-left:3px solid #3498db!important;background:#3498db0d}.room-watch-badge{font-size:10px;font-weight:700;color:#3498db;margin-right:4px;white-space:nowrap}.room-join-watch{background:#3498db!important;color:#fff!important}.room-join-watch:hover{background:#2980b9!important}.watch-party-toggle{background:#3498db1a!important;color:#3498db!important;border:1px solid rgba(52,152,219,.3)!important}.watch-party-toggle:hover{background:#3498db33!important}.watch-create-form{border-left:3px solid #3498db}.watch-create-btn{background:#3498db!important}.watch-create-btn:hover:not(:disabled){background:#2980b9!important}.recovery-banner{display:flex;align-items:center;gap:12px;padding:12px 20px;background:#ffd7001f;border:1px solid rgba(255,215,0,.3);border-radius:10px;margin:12px 16px;cursor:pointer;transition:background .15s}.recovery-banner:hover{background:#ffd7002e}.recovery-banner-icon{font-size:20px;flex-shrink:0}.recovery-banner-text{flex:1;font-size:14px;color:var(--text-primary)}.recovery-banner-text strong{color:gold}.recovery-banner-btn{flex-shrink:0;padding:8px 16px;background:gold;color:#000;border:none;border-radius:6px;font-weight:600;font-size:13px;cursor:pointer}.recovery-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:16px}.recovery-modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;padding:32px;max-width:480px;width:100%;max-height:85vh;overflow-y:auto}.recovery-modal h2{margin:0 0 8px;font-size:1.25rem}.recovery-modal p{color:var(--text-secondary);font-size:14px;margin-bottom:16px;line-height:1.5}.recovery-qa-group{margin-bottom:16px}.recovery-qa-group label{display:block;font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.recovery-qa-group select,.recovery-qa-group input{width:100%;padding:10px 14px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:14px;margin-bottom:6px;box-sizing:border-box}.recovery-qa-group select:focus,.recovery-qa-group input:focus{outline:none;border-color:var(--accent)}.recovery-error{padding:10px;background:#ff6b6b1f;border:1px solid var(--danger);border-radius:8px;color:var(--danger);font-size:13px;margin-bottom:12px}.recovery-modal-actions{display:flex;gap:12px;margin-top:16px}.recovery-modal-btn{flex:1;padding:12px;background:var(--accent);color:var(--bg-primary);border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer}.recovery-modal-btn:disabled{opacity:.5;cursor:not-allowed}.recovery-modal-btn.secondary{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border)}.recovery-key-display{background:var(--bg-tertiary);border:2px solid #ffd700;border-radius:10px;padding:16px;text-align:center;font-family:monospace;font-size:22px;letter-spacing:3px;color:gold;margin:16px 0;-webkit-user-select:all;user-select:all}.recovery-key-warning{color:gold!important;font-weight:500;background:#ffd7001a;padding:12px;border-radius:8px;border:1px solid rgba(255,215,0,.3);font-size:13px!important}.layout{min-height:100%;display:flex;flex-direction:column;padding-bottom:calc(48px + env(safe-area-inset-bottom,0px))}.header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0}.logo{font-size:1.25rem;font-weight:700;color:var(--accent);white-space:nowrap;flex-shrink:0}.nav{display:flex;gap:24px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.nav a,.nav .user{font-size:14px;color:var(--text-secondary)}.nav a:hover{color:var(--accent)}.nav .user{color:var(--text-primary)}.signout-btn{padding:6px 10px;background:var(--bg-tertiary);border-radius:6px;color:var(--text-primary);font-size:13px}.signout-btn:hover{background:#2a2a32}.content-area{flex:1;display:flex;min-height:0}.main{flex:1;padding:24px;min-width:0;overflow-y:auto}@media (max-width: 768px){.header{padding:10px 12px 10px 48px;gap:8px}.logo{font-size:1rem}.nav{gap:10px}.nav a,.nav .user{font-size:12px}.signout-btn{font-size:11px;padding:4px 8px}.main{padding:12px}}.landing{min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}.landing-nav{display:flex;align-items:center;justify-content:space-between;padding:20px 48px;max-width:1280px;margin:0 auto}.landing-logo{font-size:1.5rem;font-weight:700;color:var(--accent);letter-spacing:-.5px}.landing-nav-links{display:flex;align-items:center;gap:28px}.landing-nav-links a{font-size:14px;color:var(--text-secondary);transition:color .15s}.landing-nav-links a:hover{color:var(--text-primary)}.landing-nav-cta{padding:10px 24px!important;background:var(--accent)!important;color:var(--bg-primary)!important;border-radius:8px;font-weight:600!important;font-size:14px!important;transition:opacity .15s}.landing-nav-cta:hover{opacity:.9;color:var(--bg-primary)!important}.landing-hero{display:flex;align-items:center;gap:64px;max-width:1280px;margin:0 auto;padding:80px 48px 100px}.landing-hero-content{flex:1}.landing-hero h1{font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:24px;background:linear-gradient(135deg,var(--text-primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-hero-sub{font-size:1.2rem;color:var(--text-secondary);line-height:1.6;max-width:520px;margin-bottom:36px}.landing-hero-actions{display:flex;gap:16px;margin-bottom:48px}.landing-btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;background:var(--accent);color:var(--bg-primary)!important;border-radius:10px;font-weight:600;font-size:16px;transition:opacity .15s,transform .15s;text-decoration:none;border:none;cursor:pointer}.landing-btn-primary:hover{opacity:.9;transform:translateY(-1px);color:var(--bg-primary)!important}.landing-btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;background:transparent;color:var(--text-primary)!important;border:1px solid var(--border);border-radius:10px;font-weight:500;font-size:16px;transition:border-color .15s;text-decoration:none}.landing-btn-secondary:hover{border-color:var(--accent);color:var(--accent)!important}.landing-btn-lg{padding:18px 48px;font-size:18px}.landing-hero-stats{display:flex;gap:48px}.landing-stat{display:flex;flex-direction:column}.landing-stat-num{font-size:1.75rem;font-weight:700;color:var(--accent)}.landing-stat-label{font-size:13px;color:var(--text-secondary)}.landing-hero-visual{flex:0 0 420px}.landing-hero-mockup{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #0006}.mockup-header{display:flex;gap:8px;padding:14px 16px;background:var(--bg-tertiary);border-bottom:1px solid var(--border)}.mockup-dot{width:12px;height:12px;border-radius:50%}.mockup-dot.red{background:#ff5f56}.mockup-dot.yellow{background:#ffbd2e}.mockup-dot.green{background:#27c93f}.mockup-body{padding:24px;display:flex;flex-direction:column;gap:16px;min-height:280px}.mockup-video{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:12px;padding:32px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;flex:1}.mockup-avatar{font-size:3rem}.mockup-video span{color:var(--accent);font-weight:600;font-size:14px}.mockup-pot{background:#ffc10726;color:#ffc107;font-weight:700;font-size:13px;padding:4px 14px;border-radius:20px;border:1px solid rgba(255,193,7,.3)}.mockup-speakers{display:flex;gap:12px}.mockup-speaker{flex:1;display:flex;align-items:center;gap:8px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-size:13px;color:var(--text-secondary)}.mockup-speaker-icon{font-size:16px}.mockup-tip-badge{margin-left:auto;background:#00d4aa26;color:var(--accent);font-weight:700;font-size:11px;padding:2px 8px;border-radius:12px}.landing-section-title{font-size:2.25rem;font-weight:700;text-align:center;margin-bottom:12px}.landing-section-sub{text-align:center;color:var(--text-secondary);font-size:1.1rem;max-width:640px;margin:0 auto 48px;line-height:1.6}.landing-features{padding:100px 48px;max-width:1280px;margin:0 auto}.landing-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.landing-feature-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:14px;padding:32px;transition:border-color .2s,transform .2s}.landing-feature-card:hover{border-color:var(--accent);transform:translateY(-4px)}.landing-feature-card.featured{border-color:var(--accent);background:linear-gradient(135deg,var(--bg-secondary),rgba(0,212,170,.04));box-shadow:0 0 30px #00d4aa14}.landing-feature-icon{font-size:2.5rem;margin-bottom:16px}.landing-feature-card h3{font-size:1.125rem;margin-bottom:8px}.landing-feature-card p{color:var(--text-secondary);font-size:14px;line-height:1.6}.landing-arena{padding:100px 48px;background:linear-gradient(180deg,var(--bg-secondary),var(--bg-primary));border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.landing-arena-inner{display:flex;gap:64px;align-items:flex-start;max-width:1280px;margin:0 auto}.landing-arena-text{flex:1}.landing-arena-badge{display:inline-block;background:var(--accent);color:var(--bg-primary);padding:4px 14px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:20px}.landing-arena-text h2{font-size:2.5rem;font-weight:700;margin-bottom:16px}.landing-arena-sub{font-size:1.1rem;color:var(--text-secondary);line-height:1.6;margin-bottom:32px}.landing-arena-list{list-style:none;padding:0;margin:0 0 36px}.landing-arena-list li{font-size:15px;color:var(--text-secondary);line-height:1.5;border-bottom:1px solid rgba(255,255,255,.04);padding:10px 0 10px 24px;position:relative}.landing-arena-list li:before{content:"→";position:absolute;left:0;color:var(--accent);font-weight:700}.landing-arena-list li strong{color:var(--text-primary)}.landing-arena-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:24px}.landing-arena-visual{flex:0 0 380px;position:sticky;top:120px}.arena-visual-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #0000004d}.arena-visual-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--bg-tertiary);border-bottom:1px solid var(--border);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--danger)}.arena-live-dot{width:8px;height:8px;border-radius:50%;background:var(--danger);animation:livePulse 1.5s ease-in-out infinite}.arena-visual-topic{padding:20px 16px 12px;font-size:16px;font-weight:600;text-align:center;font-style:italic;color:var(--text-primary)}.arena-visual-pot{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;margin:0 16px;background:#ffc1071a;border:1px solid rgba(255,193,7,.25);border-radius:12px}.arena-pot-icon{font-size:20px}.arena-pot-amount{font-size:18px;font-weight:700;color:#ffc107}.arena-visual-speakers{display:flex;gap:12px;padding:16px}.arena-vis-speaker{flex:1;text-align:center;padding:14px 8px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:10px}.arena-vis-speaker.active{border-color:var(--accent);background:#00d4aa0d}.arena-vis-avatar{font-size:24px;margin-bottom:6px}.arena-vis-name{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.arena-vis-timer{font-size:11px;color:var(--text-secondary)}.arena-visual-viewers{display:flex;justify-content:space-between;padding:12px 16px;font-size:12px;color:var(--text-secondary);border-top:1px solid var(--border)}.landing-tipping{padding:100px 48px;max-width:1280px;margin:0 auto}.landing-tipping-steps{display:flex;gap:32px;justify-content:center;max-width:900px;margin:0 auto 56px;position:relative}.landing-tipping-step{flex:1;text-align:center;position:relative}.tipping-step-icon{font-size:3rem;margin-bottom:16px;display:block}.landing-tipping-step h3{font-size:1.125rem;margin-bottom:8px}.landing-tipping-step p{color:var(--text-secondary);font-size:14px;line-height:1.6}.tipping-step-arrow{position:absolute;right:-22px;top:38px;font-size:1.5rem;color:var(--accent);font-weight:700}.landing-tipping-details{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.tipping-detail-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:14px;padding:28px}.tipping-detail-card h4{font-size:1rem;margin-bottom:10px;color:var(--accent)}.tipping-detail-card p{color:var(--text-secondary);font-size:14px;line-height:1.65}.landing-how{padding:100px 48px;background:var(--bg-secondary)}.landing-how-steps{display:flex;gap:48px;justify-content:center;max-width:900px;margin:0 auto}.landing-how-step{text-align:center;flex:1}.landing-step-num{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--accent);color:var(--bg-primary);font-size:1.5rem;font-weight:700;margin-bottom:20px}.landing-how-step h3{font-size:1.125rem;margin-bottom:8px}.landing-how-step p{color:var(--text-secondary);font-size:14px;line-height:1.6}.landing-testimonials{padding:100px 48px;max-width:1280px;margin:0 auto}.landing-testimonials-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.landing-testimonial-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:14px;padding:28px}.landing-testimonial-stars{color:#ffc107;font-size:1.125rem;margin-bottom:12px}.landing-testimonial-text{color:var(--text-secondary);font-size:15px;line-height:1.6;margin-bottom:16px;font-style:italic}.landing-testimonial-name{color:var(--accent);font-weight:600;font-size:14px}.landing-pricing{padding:100px 48px;background:var(--bg-secondary)}.landing-pricing-cards{display:flex;gap:32px;justify-content:center;max-width:800px;margin:0 auto}.landing-price-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:16px;padding:36px;flex:1;max-width:360px;position:relative}.landing-price-card.featured{border-color:var(--accent);box-shadow:0 0 30px #00d4aa26}.landing-price-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--accent);color:var(--bg-primary);padding:4px 16px;border-radius:20px;font-size:12px;font-weight:600}.landing-price-card h3{font-size:1.25rem;margin-bottom:8px}.landing-price{font-size:2.5rem;font-weight:700;color:var(--accent);margin-bottom:24px}.landing-price-card ul{list-style:none;margin-bottom:28px}.landing-price-card li{padding:8px 0;color:var(--text-secondary);font-size:14px;border-bottom:1px solid var(--border)}.landing-price-card li:before{content:"✓ ";color:var(--accent);font-weight:700}.landing-price-card .landing-btn-primary{width:100%}.landing-payments{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:32px;font-size:13px;color:var(--text-secondary);flex-wrap:wrap}.payment-badge{background:var(--bg-primary);border:1px solid var(--border);padding:6px 14px;border-radius:20px;font-size:12px;color:var(--text-primary);font-weight:500}.landing-newsletter{padding:80px 48px;text-align:center;max-width:600px;margin:0 auto}.landing-newsletter h2{font-size:1.75rem;margin-bottom:8px}.landing-newsletter p{color:var(--text-secondary);margin-bottom:24px}.landing-newsletter-form{display:flex;gap:12px;position:relative}.landing-newsletter-form input{flex:1;padding:14px 20px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-size:15px}.landing-newsletter-form button{padding:14px 28px;background:var(--accent);color:var(--bg-primary);border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:opacity .15s}.landing-newsletter-form button:hover{opacity:.9}.landing-newsletter-success{padding:16px;background:#00d4aa26;border:1px solid var(--accent);border-radius:10px;color:var(--accent);font-weight:500}.landing-newsletter-error{position:absolute;bottom:-28px;left:0;color:var(--danger);font-size:13px}.landing-final-cta{padding:100px 48px;text-align:center;background:linear-gradient(180deg,var(--bg-primary),var(--bg-secondary))}.landing-final-cta h2{font-size:2.25rem;margin-bottom:12px}.landing-final-cta p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:32px}.landing-footer{padding:64px 48px 32px;background:var(--bg-secondary);border-top:1px solid var(--border)}.landing-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;max-width:1280px;margin:0 auto 48px}.landing-footer-brand p{color:var(--text-secondary);font-size:14px;margin-top:8px}.landing-footer-links{display:flex;flex-direction:column;gap:10px}.landing-footer-links h4{font-size:14px;font-weight:600;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.landing-footer-links a{font-size:14px;color:var(--text-secondary)}.landing-footer-links a:hover{color:var(--accent)}.landing-footer-bottom{text-align:center;padding-top:32px;border-top:1px solid var(--border);max-width:1280px;margin:0 auto}.landing-footer-bottom p{color:var(--text-secondary);font-size:13px}@media (max-width: 900px){.landing-hero{flex-direction:column;padding:48px 24px 60px;gap:40px}.landing-hero h1{font-size:2.5rem}.landing-hero-visual{flex:none;width:100%;max-width:400px}.landing-hero-stats{gap:24px}.landing-features-grid{grid-template-columns:1fr}.landing-arena-inner{flex-direction:column;gap:40px}.landing-arena-visual{flex:none;width:100%;max-width:400px;position:static}.landing-tipping-steps{flex-direction:column;gap:24px}.tipping-step-arrow{display:none}.landing-tipping-details{grid-template-columns:1fr}.landing-how-steps{flex-direction:column;gap:32px}.landing-testimonials-grid{grid-template-columns:1fr}.landing-pricing-cards{flex-direction:column;align-items:center}.landing-footer-grid{grid-template-columns:1fr 1fr;gap:32px}.landing-nav{padding:16px 24px}.landing-nav-links{gap:16px}.landing-nav-links a:not(.landing-nav-cta){display:none}.landing-features,.landing-arena,.landing-tipping,.landing-how,.landing-testimonials,.landing-pricing,.landing-final-cta,.landing-newsletter{padding:60px 24px}.landing-newsletter-form{flex-direction:column}.landing-footer{padding:48px 24px 24px}.landing-payments{gap:8px}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary)}.auth-card{width:100%;max-width:360px;padding:24px 28px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:14px;box-shadow:0 8px 32px #00000040}.auth-card h1{font-size:1.35rem;margin-bottom:4px;font-weight:700}.auth-subtitle{font-size:13px;color:var(--text-secondary);margin-bottom:16px;line-height:1.4}.auth-tabs{display:flex;gap:6px;margin-bottom:16px}.auth-tabs button{flex:1;padding:8px 14px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer}.auth-tabs button.active{background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.auth-email-form{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.auth-divider{font-size:12px;color:var(--text-secondary);text-align:center;margin:12px 0!important}.auth-oauth-buttons{display:flex;flex-direction:column;gap:8px}.auth-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 16px;border:1px solid var(--border);border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:background .15s,border-color .15s}.auth-btn-google{background:var(--bg-tertiary);color:var(--text-primary)}.auth-btn-google:hover{background:var(--bg-primary);border-color:var(--text-secondary)}.auth-btn-facebook{background:#1877f2;color:#fff;border-color:#1877f2}.auth-btn-facebook:hover{background:#166fe5;border-color:#166fe5}.auth-btn-instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff;border-color:transparent}.auth-btn-instagram:hover{opacity:.9}.auth-btn-tiktok{background:#010101;color:#fff;border-color:#333}.auth-btn-tiktok:hover{background:#1a1a1a;border-color:#555}.auth-footer{margin-top:18px!important;font-size:11px!important;color:var(--text-secondary)!important;opacity:.9}.auth-card form{display:flex;flex-direction:column;gap:10px}.auth-card input{padding:10px 14px;font-size:14px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary)}.auth-password-wrap{position:relative;display:flex;align-items:center}.auth-password-wrap input{flex:1;padding-right:48px}.auth-password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:none;border:none;color:var(--text-secondary);cursor:pointer;border-radius:6px;transition:color .15s,background .15s}.auth-password-toggle:hover{color:var(--text-primary);background:#ffffff0f}.auth-password-toggle:focus{outline:none;color:var(--accent)}.auth-modal .auth-password-wrap input{padding-right:48px}.auth-modal .auth-password-toggle{right:6px}.auth-card form button[type=submit]{padding:10px 14px;font-size:14px}.auth-card button{padding:10px 14px;background:var(--accent);color:var(--bg-primary);border-radius:8px;font-weight:600}.auth-error{padding:10px 12px;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.35);border-radius:8px;color:#f88;font-size:13px;line-height:1.4}.auth-card p{margin-top:20px;font-size:14px;color:var(--text-secondary)}.auth-bypass{margin-top:20px;padding-top:20px;border-top:1px solid var(--border)}.auth-bypass summary{font-size:13px;color:var(--text-secondary);cursor:pointer}.auth-bypass .auth-hint{margin:8px 0 12px!important;font-size:12px!important}.auth-bypass input{margin-bottom:8px}.auth-referral-msg{color:var(--accent)!important;font-weight:500;background:#00d4aa1a;padding:10px 16px;border-radius:8px;border:1px solid rgba(0,212,170,.2)}.auth-recovery{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.auth-recovery summary{font-size:13px;color:var(--accent);cursor:pointer;font-weight:500}.auth-recovery .auth-hint{margin:8px 0 12px!important;font-size:12px!important}.auth-recovery input{margin-bottom:8px}.auth-forgot-link{background:none!important;border:none!important;color:var(--accent)!important;font-size:13px;cursor:pointer;padding:4px 0!important;margin-top:4px;text-decoration:underline;opacity:.8}.auth-forgot-link:hover{opacity:1}.auth-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.auth-modal{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:32px;width:100%;max-width:420px;margin:16px}.auth-modal h3{margin:0 0 8px;font-size:20px;color:#fff}.auth-modal form{display:flex;flex-direction:column;gap:10px}.auth-modal input{width:100%;padding:10px 14px;background:#ffffff0d;border:1px solid var(--border);border-radius:8px;color:#fff;font-size:14px}.auth-modal input:focus{outline:none;border-color:var(--accent)}.auth-modal button[type=submit]{background:var(--accent);color:#0a0a0f;border:none;padding:10px 16px;border-radius:8px;font-weight:600;cursor:pointer;font-size:14px}.auth-modal button[type=submit]:hover{opacity:.9}.auth-cancel-btn{background:none!important;border:1px solid var(--border)!important;color:#888!important;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:13px}.auth-success{background:#00d4aa1a;border:1px solid rgba(0,212,170,.3);color:#00d4aa;padding:10px 14px;border-radius:8px;font-size:13px}.auth-recovery-key-display{background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:8px;padding:16px;margin:12px 0;text-align:center}.auth-recovery-key-display code{display:block;font-size:20px;letter-spacing:3px;color:gold;margin:8px 0;font-weight:700}.auth-recovery-key-display .auth-hint{margin-top:8px!important;font-size:12px!important}.nickname-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}.nickname-modal{width:100%;max-width:440px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;padding:32px;animation:nicknameSlideIn .3s ease}@keyframes nicknameSlideIn{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.nickname-modal-header h2{font-size:1.5rem;margin-bottom:8px;color:var(--text-primary)}.nickname-greeting{font-size:15px;color:var(--text-secondary);margin-bottom:4px}.nickname-greeting strong{color:var(--accent)}.nickname-explanation{margin:20px 0;padding:16px;background:var(--bg-tertiary);border-radius:12px;border:1px solid var(--border)}.nickname-explanation h3{font-size:1rem;margin-bottom:8px;color:var(--text-primary)}.nickname-explanation p{font-size:14px;color:var(--text-secondary);line-height:1.5;margin-bottom:12px}.nickname-explanation ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.nickname-explanation ul li{font-size:13px;color:var(--text-secondary);padding-left:20px;position:relative}.nickname-explanation ul li:before{content:"";position:absolute;left:0;top:6px;width:8px;height:8px;border-radius:50%;background:var(--accent);opacity:.7}.nickname-form{display:flex;flex-direction:column;gap:12px;margin-top:4px}.nickname-form label{font-size:14px;font-weight:600;color:var(--text-primary)}.nickname-form input{padding:14px 16px;background:var(--bg-tertiary);border:2px solid var(--border);border-radius:10px;color:var(--text-primary);font-size:16px;transition:border-color .2s}.nickname-form input:focus{outline:none;border-color:var(--accent)}.nickname-char-count{font-size:12px;color:var(--text-secondary);text-align:right;margin-top:-8px}.nickname-form button{padding:14px;background:var(--accent);color:var(--bg-primary);border:none;border-radius:10px;font-weight:700;font-size:15px;cursor:pointer;transition:opacity .2s,transform .1s}.nickname-form button:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.nickname-form button:disabled{opacity:.5;cursor:not-allowed}.nickname-error{padding:10px 14px;background:#ff6b6b1f;border:1px solid var(--danger);border-radius:8px;color:var(--danger);font-size:14px}.nickname-hint{margin-top:12px;font-size:12px;color:var(--text-secondary);opacity:.8;text-align:center}.video-page{display:flex;gap:24px;height:calc(100vh - 120px);overflow:hidden}.video-connection-error{padding:12px 16px;background:#ffb4001f;border:1px solid rgba(255,180,0,.5);border-radius:8px;color:#ffb400;font-size:14px;display:flex;align-items:center;gap:10px;animation:fadeInSlide .3s ease}.video-error-icon{font-size:20px;flex-shrink:0}.video-error-body{display:flex;flex-direction:column;gap:2px}.video-error-hint{font-size:12px;opacity:.8}.video-main{flex:1;display:flex;flex-direction:column;gap:8px;min-height:0;overflow:hidden}.mode-selector{display:flex;gap:10px;flex-wrap:wrap;align-items:center;flex-shrink:0}.meet-someone-btn{padding:12px 28px;font-size:16px;font-weight:700;background:linear-gradient(135deg,var(--accent),#0077b6);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .2s;box-shadow:0 2px 12px #00d4aa4d}.meet-someone-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #00d4aa66}.meet-someone-btn.active{background:var(--accent);animation:meetPulse 2s infinite}.meet-someone-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}@keyframes meetPulse{0%,to{box-shadow:0 2px 12px #00d4aa4d}50%{box-shadow:0 2px 20px #00d4aa99}}.join-conversation-btn{padding:12px 28px;font-size:16px;font-weight:700;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .2s;box-shadow:0 2px 12px #6366f14d}.join-conversation-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #6366f166}.join-conversation-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.video-network-test-btn{padding:6px 12px;font-size:13px;background:var(--bg-tertiary);color:var(--text-secondary);border-radius:8px;margin-left:auto}.video-network-test-btn:hover:not(:disabled){color:var(--text-primary)}.mode-selector button{border:none}.mode-selector button:disabled{opacity:.6;cursor:not-allowed}.video-area{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:16px;min-height:0}@media (max-width: 640px){.video-area{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.video-local{order:1}.video-remote{order:2}}.video-local,.video-remote{position:relative;background:var(--bg-tertiary);border-radius:12px;overflow:hidden}.video-local video,.video-remote video{width:100%;height:100%;object-fit:cover}.video-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px}.match-status{display:flex;flex-direction:column;align-items:center;gap:12px}.match-spinner{width:36px;height:36px;border:3px solid rgba(255,255,255,.15);border-top-color:var(--accent, #6366f1);border-radius:50%;animation:matchSpin .8s linear infinite}@keyframes matchSpin{to{transform:rotate(360deg)}}.match-label{font-size:16px;color:var(--text-primary);font-weight:500}.match-timer{font-size:28px;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:2px}.video-reconnect-banner{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 20px;background:#000000d9;border:1px solid rgba(255,180,0,.6);border-radius:10px;color:#ffb400}.video-reconnect-label{font-size:14px;font-weight:600}.video-reconnect-timer{font-size:24px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:2px}.match-idle{font-size:16px;color:var(--text-secondary);opacity:.7}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.video-overlay{position:absolute;bottom:8px;left:8px;padding:4px 8px;background:#0009;border-radius:4px;font-size:12px}.return-buttons{display:flex;gap:12px;justify-content:center;flex-shrink:0}.return-buttons button{padding:10px 20px;background:var(--accent);color:var(--bg-primary);border-radius:8px;font-weight:500}.video-controls{display:flex;gap:12px;justify-content:center;padding:6px;flex-shrink:0}.video-controls button{padding:10px 20px;background:var(--bg-tertiary);color:var(--text-primary);border-radius:8px}.video-controls button.hangup{background:var(--danger)}.video-controls button.report-btn{background:#ffb4004d;color:#fa0}.video-controls .add-friend-btn{background:#00d4aa33;color:var(--accent);border:1px solid rgba(0,212,170,.3);font-weight:600}.video-controls .add-friend-btn:hover:not(:disabled){background:#00d4aa59}.video-controls .add-friend-btn.sent{background:#00d4aa1a;color:#00d4aa99;cursor:default}.video-controls .add-friend-btn:disabled{opacity:.7}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:24px;max-width:400px;width:90%}.report-modal h3{margin:0 0 8px}.modal-hint{font-size:14px;color:var(--text-secondary);margin-bottom:16px}.report-reasons{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.report-reason-option{display:flex;align-items:center;gap:10px;cursor:pointer}.report-reason-option input{margin:0}.report-custom-input{width:100%;padding:10px 12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);margin-bottom:16px}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.modal-actions button{padding:10px 20px;background:var(--bg-tertiary);color:var(--text-primary);border-radius:8px}.modal-actions button.submit-btn{background:var(--accent);color:var(--bg-primary)}.connectivity-modal{max-width:440px}.connectivity-testing{padding:16px 0;color:var(--text-secondary)}.connectivity-result{padding:16px;border-radius:8px;margin-bottom:16px}.connectivity-result--ok{background:#4caf5026;border:1px solid rgba(76,175,80,.5);color:#4caf50}.connectivity-result--caution{background:#ff980026;border:1px solid rgba(255,152,0,.5);color:#ff9800}.connectivity-result--poor{background:#f4433626;border:1px solid rgba(244,67,54,.5);color:#f44336}.connectivity-result strong{display:block;margin-bottom:8px}.connectivity-result p{margin:0;font-size:14px;opacity:.95}.call-modal .call-accept{background:var(--success, #4caf50);color:#fff}.call-modal .call-reject{background:#f44336cc;color:#fff}.video-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);padding:10px 20px;border-radius:8px;font-size:14px;z-index:1100}.video-toast-reject{background:#000c;color:var(--text-primary)}.video-file-transfer{padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;border-style:dashed}.video-file-transfer.drag-over{border-color:var(--accent);background:#6366f11f}.video-file-send{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.video-file-send-btn{padding:8px 16px;background:var(--accent);color:var(--bg-primary);border-radius:8px;font-weight:500}.video-file-send-btn:disabled{opacity:.6;cursor:not-allowed}.video-file-hint{font-size:13px;color:var(--text-secondary)}.video-file-progress{font-size:13px;color:var(--success, #4caf50)}.video-file-received{margin-top:12px;padding-top:12px;border-top:1px solid var(--border);font-size:13px}.video-file-received strong{margin-right:8px}.video-file-clear{padding:2px 8px;font-size:11px;background:var(--bg-tertiary);border-radius:4px;color:var(--text-secondary)}.video-file-received ul{margin:8px 0 0;padding-left:20px}.video-file-download{background:none;border:none;color:var(--accent);cursor:pointer;text-decoration:underline;padding:2px 0;font-size:13px}.video-file-download:hover{opacity:.9}.hangup-modal{max-width:340px;text-align:center}.hangup-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:4px}.hangup-modal-header h3{margin:0;flex:1}.hangup-modal-close{flex-shrink:0;width:32px;height:32px;padding:0;background:none;border:none;color:var(--text-secondary);font-size:24px;line-height:1;cursor:pointer;border-radius:6px}.hangup-modal-close:hover{color:var(--text-primary);background:#ffffff14}.hangup-actions{display:flex;flex-direction:column;gap:10px;margin-top:16px}.hangup-requeue-btn{padding:12px 20px;background:var(--accent);color:var(--bg-primary);border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer}.hangup-requeue-btn:hover{opacity:.9}.hangup-leave-btn{padding:10px 20px;background:var(--danger, #f44336);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer}.hangup-leave-btn:hover{opacity:.9}.hangup-cancel-btn{padding:8px 20px;background:var(--bg-tertiary);color:var(--text-secondary);border:none;border-radius:8px;font-size:13px;cursor:pointer}.hangup-cancel-btn:hover{color:var(--text-primary)}.hangup-confirmed{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 0}.hangup-confirmed-icon{font-size:2rem;animation:hangupPulse .6s ease}.hangup-confirmed-text{font-size:15px;font-weight:600;color:var(--accent)}@keyframes hangupPulse{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.content-page{max-width:720px;margin:0 auto}.content-page h1{font-size:1.75rem;margin-bottom:24px}.content-page section{margin-bottom:32px}.content-page h2{font-size:1.125rem;margin-bottom:12px;color:var(--accent)}.content-page p,.content-page li{color:var(--text-secondary);margin-bottom:12px;line-height:1.6}.content-page ul{margin-left:24px}.donate-placeholder{padding:24px;background:var(--bg-tertiary);border:1px dashed var(--border);border-radius:8px;text-align:center;color:var(--text-secondary)}.content-date{font-size:13px;color:var(--text-secondary);margin-bottom:24px;opacity:.8}.donate-cta-link{display:inline-block;padding:12px 24px;background:var(--accent);color:var(--bg-primary)!important;border-radius:8px;font-weight:600;margin-top:8px;transition:opacity .15s}.donate-cta-link:hover{opacity:.9;color:var(--bg-primary)!important}.admin-page{max-width:800px}.admin-page h1{margin-bottom:24px}.admin-tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:20px;border-bottom:1px solid var(--border);padding-bottom:8px}.admin-tab{padding:8px 14px;font-size:14px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer}.admin-tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.admin-tab-active{background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.admin-health-ok{color:var(--success, #0a0)}.admin-health-bad{color:var(--error, #c00)}.admin-section{margin-bottom:24px;padding:20px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border)}.admin-section h2{font-size:1rem;margin-bottom:16px}.admin-hint{font-size:13px;color:var(--text-secondary);margin-bottom:12px}.admin-row{margin-bottom:12px}.admin-row label{display:flex;align-items:center;gap:8px}.admin-row input[type=text],.admin-row input[type=password]{padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);width:100%;max-width:400px}.admin-subsection{font-size:.9rem;margin:16px 0 8px;color:var(--text-secondary)}.admin-oauth-uris{margin-bottom:16px;padding:12px;background:var(--bg-tertiary);border-radius:8px;font-size:13px}.admin-oauth-uris code{display:block;margin-top:4px;word-break:break-all}.admin-save{padding:12px 24px;background:var(--accent);color:var(--bg-primary);border-radius:8px;font-weight:600;margin-bottom:24px}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--border)}.admin-table th{color:var(--text-secondary);font-size:13px}.admin-username{font-weight:500}.admin-flagged{color:var(--danger, #f55)}.admin-reason{display:inline-block;padding:2px 8px;border-radius:4px;font-size:13px}.admin-reason-nudity{background:#ff646433;color:#f55}.admin-reason-language{background:#ffb40033;color:#fa0}.admin-reason-harassment{background:#ff505033;color:#f44}.admin-reason-spam{background:#96969633;color:#999}.admin-reason-other,.admin-reason-custom{background:#6464ff33;color:#88f}.admin-queue-section{margin-top:24px}.admin-queue-stats{margin-top:12px}.admin-queue-summary{font-size:15px;margin-bottom:16px;color:var(--text-primary)}.admin-queue-tables{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.admin-queue-block{padding:12px;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border)}.admin-queue-block h3{font-size:14px;margin:0 0 10px;color:var(--text-secondary)}.admin-queue-block ul{list-style:none;margin:0;padding:0}.admin-queue-block li{padding:6px 0;font-size:13px;display:flex;align-items:center;justify-content:space-between;gap:8px}.admin-queue-empty{color:var(--text-secondary);font-style:italic}.admin-user-id{font-size:11px;color:var(--text-secondary)}.admin-health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-top:12px}.admin-health-item{padding:10px 12px;border-radius:8px;background:var(--bg-tertiary);border:1px solid var(--border);font-size:13px;color:var(--text-primary)}.admin-health-item.ok{border-color:#3cc87866;background:#3cc8781f;color:#7fe3b2}.admin-health-item.warn{border-color:#ffb40066;background:#ffb4001f;color:#f9c266}.admin-health-item.bad{border-color:#ff505066;background:#ff50501f;color:#ff8f8f}.admin-errors-list{display:flex;flex-direction:column;gap:12px;margin-top:12px}.admin-errors-empty{color:var(--text-secondary);font-style:italic}.admin-error-item{border:1px solid var(--border);border-radius:10px;padding:12px;background:var(--bg-tertiary)}.admin-error-item.admin-error-warn{border-color:#ffb40066;background:#ffb40014}.admin-error-item.admin-error-error{border-color:#ff505066;background:#ff505014}.admin-error-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-secondary);margin-bottom:6px}.admin-error-level{font-weight:700;letter-spacing:.04em}.admin-error-message{font-size:14px;color:var(--text-primary);margin-bottom:8px}.admin-error-meta{display:flex;gap:12px;font-size:12px;color:var(--text-secondary);margin-bottom:8px}.admin-error-context{margin:0;background:#0003;border-radius:8px;padding:10px;font-size:12px;color:#e2e8f0;overflow-x:auto}.admin-collapse-header{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:space-between;margin-bottom:0!important}.admin-collapse-header:hover{color:var(--accent)}.admin-collapse-arrow{font-size:12px;color:var(--text-secondary);flex-shrink:0}.admin-collapse-body{margin-top:16px}.admin-task-list-content{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 700px){.admin-task-list-content{grid-template-columns:1fr}}.admin-task-block{padding:12px;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border)}.admin-task-block h3{font-size:14px;margin:0 0 12px}.admin-task-done{color:var(--success, #5cb85c)}.admin-task-todo{color:var(--text-secondary)}.admin-task-block ul{margin:0;padding-left:20px}.admin-task-block li{font-size:13px;color:var(--text-primary);margin-bottom:6px;line-height:1.4}.admin-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:12px}.admin-metric-item{padding:16px;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border);text-align:center}.admin-metric-value{display:block;font-size:1.5rem;font-weight:700;color:var(--accent)}.admin-metric-label{font-size:12px;color:var(--text-secondary)}.admin-actions-cell{display:flex;gap:6px}.admin-ban-btn{padding:4px 12px;font-size:12px;font-weight:600;background:#ff323240;color:#f44;border:1px solid rgba(255,50,50,.5);border-radius:6px;cursor:pointer}.admin-ban-btn:hover:not(:disabled){background:#ff323266}.admin-ban-btn:disabled{opacity:.6;cursor:not-allowed}.admin-dismiss-btn{padding:4px 10px;font-size:12px;background:#96969626;color:var(--text-secondary);border:1px solid var(--border);border-radius:6px;cursor:pointer}.admin-dismiss-btn:hover:not(:disabled){background:#96969640}.admin-dismiss-btn:disabled{opacity:.6;cursor:not-allowed}.admin-unban-btn{padding:4px 12px;font-size:12px;background:#3cc87826;color:#5cb85c;border:1px solid rgba(60,200,120,.4);border-radius:6px;cursor:pointer}.admin-unban-btn:hover:not(:disabled){background:#3cc87840}.admin-unban-btn:disabled{opacity:.6;cursor:not-allowed}.admin-user-email{font-size:13px;color:var(--text-secondary)}.admin-input{padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:13px;font-family:inherit}.admin-input:focus{outline:none;border-color:var(--accent)}textarea.admin-input{min-height:60px;line-height:1.5}.admin-label{display:block;font-size:13px;color:var(--text-secondary);margin-bottom:4px}.admin-session-summary{padding:16px;background:var(--bg-tertiary);border-radius:12px;border:1px solid var(--border);margin-bottom:16px}.session-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;margin-bottom:12px}.session-stat{text-align:center}.session-stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--accent)}.session-stat-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.session-conn-breakdown{font-size:13px;color:var(--text-secondary);display:flex;flex-wrap:wrap;gap:8px;align-items:center}.conn-tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600}.conn-p2p,.conn-direct{background:#00d4aa26;color:var(--accent)}.conn-turn,.conn-relay{background:#ffc10726;color:#ffc107}.conn-mesh{background:#2196f326;color:#2196f3}.conn-unknown{background:var(--bg-tertiary);color:var(--text-secondary)}.conn-relay_fallback{background:#ff6b6b26;color:var(--danger)}.session-type-badge{display:inline-block;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:600}.session-type-room{background:#2196f326;color:#2196f3}.session-type-1v1{background:#00d4aa26;color:var(--accent)}.session-guest-badge{margin-left:4px;padding:1px 5px;border-radius:3px;font-size:10px;background:#ffc10726;color:#ffc107}.session-live{background:#00d4aa0d!important}.session-live-dot{display:inline-flex;align-items:center;gap:4px;color:var(--accent);font-weight:600;font-size:12px}.session-live-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);animation:livePulse 1.5s ease infinite}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.3}}.quality-good{color:var(--accent)}.quality-fair{color:#ffc107}.quality-poor{color:var(--danger)}.admin-select{padding:6px 12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:13px}.og-preview-card{border:1px solid var(--border);border-radius:12px;overflow:hidden;max-width:500px;background:var(--bg-tertiary);margin-top:8px;margin-bottom:12px}.og-preview-image{width:100%;max-height:260px;overflow:hidden;background:#1a1a2e}.og-preview-image img{width:100%;height:auto;display:block;object-fit:cover}.og-preview-text{padding:12px 14px}.og-preview-domain{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.og-preview-title{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:4px;line-height:1.3}.og-preview-desc{font-size:13px;color:var(--text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.room-page{display:flex;flex-direction:column;height:calc(100vh - 120px);overflow:hidden}.room-header{display:flex;align-items:center;gap:12px;padding:0 0 6px;flex-shrink:0}.room-title{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.room-participant-count{font-size:13px;color:var(--text-secondary);background:var(--bg-tertiary);padding:3px 10px;border-radius:12px}.room-invite-btn{margin-left:auto;padding:6px 14px;font-size:12px;font-weight:600;background:var(--accent);color:var(--bg-primary);border:none;border-radius:6px;cursor:pointer}.room-invite-btn:hover{opacity:.85}.room-loading{padding:10px 16px;font-size:13px;color:var(--text-secondary);background:var(--bg-tertiary);border-radius:8px;text-align:center;margin-bottom:8px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.room-tip-toast{position:fixed;top:80px;right:24px;padding:10px 18px;background:#00d4aae6;color:#000;font-weight:600;font-size:14px;border-radius:8px;z-index:999;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.room-content{flex:1;display:flex;gap:12px;min-height:0}.room-video-area{flex:1;display:flex;flex-direction:column;min-width:0}.room-grid{flex:1;display:grid;gap:8px;min-height:0}.grid-1{grid-template-columns:1fr}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr 1fr}.grid-5,.grid-6,.grid-7,.grid-8,.grid-9{grid-template-columns:repeat(3,1fr)}.room-video-cell{position:relative;background:var(--bg-tertiary);border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:100px;cursor:pointer}.room-video-cell.local{border:2px solid var(--accent);cursor:default}.room-video{width:100%;height:100%;object-fit:cover;border-radius:10px}.room-video-label{position:absolute;bottom:6px;left:8px;font-size:12px;font-weight:600;color:#fff;background:#0000008c;padding:2px 8px;border-radius:4px;pointer-events:none}.room-tip-popup{position:absolute;bottom:30px;left:50%;transform:translate(-50%);background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:10px 12px;z-index:10;display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--text-primary);min-width:140px}.tip-row{display:flex;gap:4px}.tip-input{width:60px;padding:4px 6px;font-size:12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary)}.tip-send-btn{padding:4px 10px;font-size:12px;font-weight:600;background:var(--accent);color:var(--bg-primary);border:none;border-radius:4px;cursor:pointer}.room-controls{display:flex;justify-content:center;gap:12px;padding:12px 0 0}.room-ctrl-btn{padding:10px 20px;font-size:15px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer}.room-ctrl-btn:hover{background:#ffffff14}.room-ctrl-btn.active{background:#ff505026;border-color:#ff505066;color:#f55}.room-ctrl-btn.leave{background:#ff323233;color:#f44;border-color:#ff323266;font-weight:600}.room-ctrl-btn.leave:hover{background:#ff323259}.room-ctrl-btn.record-btn{color:#ccc;border-color:#ffffff1f;font-variant-numeric:tabular-nums}.room-ctrl-btn.record-btn:hover{background:#ff32321a;border-color:#ff32324d;color:#f55}.room-ctrl-btn.record-btn.recording{background:#ff1e1e33;border-color:#ff1e1e99;color:#f44;animation:recPulse 1.5s ease-in-out infinite}@keyframes recPulse{0%,to{border-color:#ff1e1e99}50%{border-color:#ff1e1e33}}.room-chat-panel{width:280px;min-width:280px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;display:flex;flex-direction:column;position:relative}.room-chat-header{padding:10px 14px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);border-bottom:1px solid var(--border)}.room-chat-messages{flex:1;overflow-y:auto;padding:8px 12px;display:flex;flex-direction:column;gap:6px}.room-chat-msg{display:flex;flex-wrap:wrap;gap:6px;font-size:13px;line-height:1.4}.room-chat-name{font-weight:700;color:var(--accent);white-space:nowrap;flex-shrink:0}.room-chat-name:after{content:":"}.room-chat-body{color:var(--text-primary);word-break:break-word}.room-chat-error{padding:6px 10px;font-size:12px;color:var(--text-primary);background:#dc503c26;border:1px solid rgba(220,80,60,.4);border-radius:6px;margin:4px 8px}.room-chat-input-row{display:flex;gap:6px;padding:8px 10px;border-top:1px solid var(--border)}.room-chat-input{flex:1;padding:6px 10px;font-size:13px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);min-width:0}.room-chat-send{padding:6px 12px;font-size:13px;font-weight:600;background:var(--accent);color:var(--bg-primary);border:none;border-radius:6px;cursor:pointer;flex-shrink:0}.room-ctrl-btn.screen-active{background:#008cff33;border-color:#008cff80;color:#4aa8ff}.room-ctrl-btn.screen-active:hover{background:#008cff59}.room-chat-panel.room-chat-dragover{border-color:var(--accent);box-shadow:inset 0 0 20px #00d4aa1f}.room-chat-drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00d4aa1a;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:var(--accent);border-radius:10px;pointer-events:none;z-index:5}.room-chat-image{max-width:200px;max-height:180px;border-radius:6px;cursor:pointer;transition:transform .15s ease;display:block;margin-top:2px}.room-chat-image:hover{transform:scale(1.03);box-shadow:0 2px 12px #0000004d}.room-chat-image-wrap{display:inline-block}.room-chat-filename{display:block;font-size:11px;color:var(--text-secondary);margin-top:2px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-chat-img-btn{padding:6px 10px;font-size:16px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;cursor:pointer;color:var(--text-primary);flex-shrink:0;display:flex;align-items:center;justify-content:center}.room-chat-img-btn:hover{background:#ffffff14}.room-image-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000;cursor:pointer}.room-image-lightbox-img{max-width:90vw;max-height:90vh;border-radius:8px;box-shadow:0 4px 30px #00000080}.room-image-lightbox-close{position:absolute;top:20px;right:24px;font-size:28px;color:#fff;background:#ffffff26;border:none;border-radius:50%;width:44px;height:44px;cursor:pointer;display:flex;align-items:center;justify-content:center}.room-image-lightbox-close:hover{background:#ffffff40}.room-cam-off-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#14141ef2,#1e1e2df2);display:flex;flex-direction:column;align-items:center;padding:16px 12px 8px;border-radius:10px;z-index:1}.room-cam-off-icon{font-size:32px;opacity:.5;margin-bottom:4px}.room-cam-off-name{font-size:14px;font-weight:700;color:var(--text-primary);opacity:.7;margin-bottom:8px}.room-cam-off-chat{flex:1;width:100%;overflow-y:auto;display:flex;flex-direction:column;gap:4px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent;mask-image:linear-gradient(to bottom,transparent 0%,black 15%,black 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 15%,black 100%)}.room-cam-off-msg{font-size:13px;line-height:1.4;color:#ffffffe6;background:#ffffff12;padding:5px 10px;border-radius:8px;word-break:break-word;animation:camOffMsgIn .25s ease}@keyframes camOffMsgIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.guest-room-page{display:flex;flex-direction:column;height:100vh;background:var(--bg-primary);color:var(--text-primary)}.guest-room-page .room-content{flex:1}.guest-banner{padding:10px 20px;background:var(--bg-secondary);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.guest-banner-text{font-size:14px;color:var(--text-secondary)}.guest-register-btn{padding:8px 18px;font-size:13px;font-weight:700;background:var(--accent);color:var(--bg-primary);border:none;border-radius:6px;cursor:pointer}.guest-reg-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1001}.guest-reg-popup{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:32px;text-align:center;max-width:380px}.guest-reg-popup h3{margin:0 0 12px;color:var(--text-primary)}.guest-reg-popup p{color:var(--text-secondary);font-size:14px;margin:0 0 20px;line-height:1.5}.guest-reg-popup-btns{display:flex;gap:10px;justify-content:center}.guest-reg-popup-register{padding:10px 24px;background:var(--accent);color:var(--bg-primary);border:none;border-radius:8px;font-weight:700;font-size:14px;cursor:pointer}.guest-reg-popup-dismiss{padding:10px 24px;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);border-radius:8px;font-size:14px;cursor:pointer}.debate-rules-btn{padding:6px 16px;background:linear-gradient(135deg,#ffc107,#ff9800);color:#000;border:none;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;transition:opacity .15s,transform .15s;text-transform:uppercase;letter-spacing:.03em}.debate-rules-btn:hover{opacity:.9;transform:translateY(-1px)}.debate-rules-modal{max-width:560px;width:90vw;max-height:80vh;overflow-y:auto;padding:28px 32px;position:relative}.debate-rules-close{position:absolute;top:12px;right:16px;font-size:24px}.debate-rules-title{font-size:1.5rem;font-weight:700;margin-bottom:20px;background:linear-gradient(135deg,#ffc107,#ff9800);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.debate-rules-body{display:flex;flex-direction:column;gap:20px}.debate-rules-section h3{font-size:1rem;font-weight:700;color:var(--accent);margin-bottom:8px}.debate-rules-section ul{list-style:none;padding:0;margin:0}.debate-rules-section li{padding:5px 0 5px 20px;font-size:14px;color:var(--text-secondary);line-height:1.5;position:relative}.debate-rules-section li:before{content:"→";position:absolute;left:0;color:#ffc107;font-weight:700}.debate-rules-section li strong{color:var(--text-primary)}.debate-room .debate-video-area{display:flex;flex-direction:column;gap:6px;min-height:0;overflow:hidden}.debate-podium{flex:1;display:flex;flex-direction:column;min-height:0}.debate-stage-cell{position:relative;flex:1;background:var(--bg-tertiary);border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;border:2px solid var(--accent);box-shadow:0 0 20px #00d4aa26}.debate-stage-cell.local{border-color:var(--accent)}.debate-stage-cell .room-video{width:100%;height:100%;object-fit:cover;border-radius:10px}.debate-stage-cell .room-video-label{font-size:14px;font-weight:700;padding:4px 14px;background:#00d4aad9;color:#000;border-radius:6px}.debate-empty-podium{background:linear-gradient(135deg,#141423f2,#191e32f2);flex-direction:column;gap:8px;border:2px dashed rgba(255,255,255,.15);box-shadow:none}.debate-empty-icon{font-size:48px;opacity:.4}.debate-empty-text{font-size:15px;color:var(--text-secondary);font-weight:500}.debate-timer-bar{display:flex;align-items:center;gap:10px;padding:4px 0;flex-shrink:0}.debate-timer{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent);min-width:60px;display:flex;align-items:center;gap:6px}.debate-timer-low{color:#f44;animation:timerPulse 1s ease-in-out infinite}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.5}}.debate-timer-extended{color:orange}.debate-ext-badge{font-size:10px;font-weight:700;background:orange;color:#000;padding:2px 6px;border-radius:4px;letter-spacing:.05em}.debate-timer-progress{flex:1;height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.debate-timer-fill{height:100%;border-radius:3px;transition:width 1s linear,background .5s ease}.debate-audience-grid{display:flex;flex-direction:column;gap:4px;padding:4px 0;flex-shrink:0;max-height:140px;overflow-y:auto}.debate-audience-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);padding:0 2px;flex-shrink:0}.debate-audience-cells{display:flex;gap:6px;flex-wrap:wrap}.debate-audience-cell{position:relative;width:110px;height:82px;background:var(--bg-tertiary);border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid var(--border);transition:border-color .15s;flex-shrink:0}.debate-audience-cell:hover{border-color:#fff3}.debate-audience-cell.local{border:2px solid var(--accent)}.debate-audience-cell .room-video{width:100%;height:100%;object-fit:cover;border-radius:6px}.debate-audience-cell .room-video-label{font-size:10px;padding:2px 6px;font-weight:600}.debate-controls{display:flex;align-items:center;gap:10px;padding:4px 0;flex-wrap:wrap;flex-shrink:0}.debate-queue-section{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.debate-queue-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);white-space:nowrap}.debate-queue-list{display:flex;gap:6px;overflow-x:auto;flex:1;min-width:0}.debate-queue-empty{font-size:12px;color:#ffffff4d;font-style:italic}.debate-queue-item{font-size:12px;background:var(--bg-tertiary);color:var(--text-primary);padding:3px 10px;border-radius:12px;white-space:nowrap;border:1px solid var(--border)}.debate-queue-me{border-color:var(--accent);background:#00d4aa1a;color:var(--accent);font-weight:600}.debate-balance{font-size:12px;color:var(--text-secondary);white-space:nowrap}.debate-balance strong{color:var(--accent);font-variant-numeric:tabular-nums}.debate-actions{display:flex;gap:8px}.debate-btn{padding:10px 22px;font-size:14px;font-weight:700;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s ease}.debate-raise-hand{background:linear-gradient(135deg,orange,#ff8c00);color:#000}.debate-raise-hand:hover{background:linear-gradient(135deg,#ffb833,orange);transform:scale(1.03)}.debate-lower-hand{background:#ffa50026;color:orange;border:1px solid rgba(255,165,0,.4)}.debate-lower-hand:hover{background:#ffa50040}.debate-step-down{background:#ff323233;color:#f55;border:1px solid rgba(255,50,50,.4)}.debate-step-down:hover{background:#ff323259}.arena-countdown{font-size:14px;font-weight:700;color:orange;background:#ffa5001f;padding:4px 10px;border-radius:6px;font-variant-numeric:tabular-nums}.arena-pot-display{font-size:13px;font-weight:600;color:gold;background:#ffd7001f;padding:4px 10px;border-radius:6px;cursor:pointer;transition:background .15s}.arena-pot-display:hover{background:#ffd70033}.arena-voting-badge{font-size:11px;font-weight:800;color:#fff;background:linear-gradient(135deg,#f44,#ff6b6b);padding:4px 10px;border-radius:6px;animation:arenaPulse 1s infinite}@keyframes arenaPulse{0%,to{opacity:1}50%{opacity:.7}}.arena-ended-badge{font-size:11px;font-weight:700;color:var(--text-secondary);background:#ffffff14;padding:4px 10px;border-radius:6px}.user-tip-badge{font-size:10px;margin-left:4px;color:gold;background:#ffd70026;padding:1px 5px;border-radius:3px}.arena-voting-section{padding:10px 0;border-top:1px solid var(--border)}.arena-voting-section h4{font-size:13px;margin:0 0 8px;color:#f44}.arena-vote-list{display:flex;flex-wrap:wrap;gap:6px}.arena-vote-btn{padding:8px 14px;font-size:12px;font-weight:600;background:#ffffff0f;border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;transition:all .15s}.arena-vote-btn:hover{border-color:var(--accent)}.arena-vote-btn.voted{background:#00d4aa26;border-color:var(--accent);color:var(--accent)}.arena-results-section{padding:10px 0;border-top:1px solid var(--border)}.arena-results-section h4{font-size:13px;margin:0 0 8px;color:var(--accent)}.arena-result-row{display:flex;justify-content:space-between;padding:6px 8px;border-radius:6px;font-size:13px}.arena-result-row.winner{background:#ffd7001a;color:gold;font-weight:700}.arena-pot-result{font-size:14px;font-weight:700;color:gold;margin-top:8px;text-align:center}.arena-tip-actions{display:flex;gap:8px;padding:8px 0}.arena-tip-pot-btn{padding:8px 16px;font-size:13px;font-weight:600;background:linear-gradient(135deg,gold,#ffb300);color:#1a1a2e;border:none;border-radius:8px;cursor:pointer}.arena-guest-tip-btn{padding:8px 16px;font-size:13px;font-weight:600;background:#6366f133;color:#6366f1;border:1px solid rgba(99,102,241,.3);border-radius:8px;cursor:pointer}.arena-tip-modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:24px;max-width:360px;width:90%;text-align:center}.arena-tip-modal h3{margin:0 0 8px}.arena-tip-modal p{font-size:14px;color:var(--text-secondary);margin:0 0 16px}.arena-tip-amounts{display:flex;gap:8px;justify-content:center;margin-bottom:16px;flex-wrap:wrap}.arena-tip-preset{padding:8px 14px;font-size:14px;font-weight:600;background:#ffffff0f;border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer}.arena-tip-preset.active{background:#ffd70026;border-color:gold;color:gold}.arena-tip-confirm{width:100%;padding:12px;background:linear-gradient(135deg,gold,#ffb300);color:#1a1a2e;border:none;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;margin-bottom:8px}.arena-tip-confirm:disabled{opacity:.5}.arena-tip-cancel{width:100%;padding:10px;background:#ffffff0f;color:var(--text-secondary);border:1px solid var(--border);border-radius:8px;cursor:pointer}.arena-guest-input{width:100%;padding:10px;font-size:14px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);margin-bottom:12px;box-sizing:border-box}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000}.versus-badge{background:linear-gradient(135deg,#f44,#f60);color:#fff;font-size:11px;font-weight:800;padding:2px 8px;border-radius:4px;letter-spacing:1px;text-shadow:0 1px 3px rgba(0,0,0,.5)}.versus-status-section{display:flex;flex-direction:column;gap:4px;min-width:120px}.versus-turn-indicator{font-size:12px;color:var(--accent);font-weight:600;text-align:center;padding:6px 10px;background:#00d4aa0f;border:1px solid rgba(0,212,170,.15);border-radius:6px}.debate-btn.versus-take-podium{background:linear-gradient(135deg,#00d4aa4d,#00b4ff4d);border-color:#00d4aa80;color:#fff;font-weight:700;animation:podiumPulse 1.5s ease-in-out infinite}@keyframes podiumPulse{0%,to{box-shadow:0 0 8px #00d4aa4d}50%{box-shadow:0 0 20px #00d4aa80}}.versus-waiting{font-size:12px;color:#ffffff80;font-style:italic}.versus-audience-label{font-size:12px;color:#fff6;font-style:italic}.debate-invite-modal .debate-invite-topic{font-size:14px;color:#fffc;margin:4px 0}.debate-invite-modal .debate-invite-pot{font-size:12px;color:orange;font-weight:600}@media (max-width: 768px){.room-content{flex-direction:column}.room-chat-panel{width:100%;min-width:unset;max-height:200px}.room-grid{grid-template-columns:1fr!important}.debate-controls{flex-direction:column;align-items:stretch}.debate-queue-section{flex-direction:column;align-items:flex-start}.debate-audience-cell{width:100px;min-width:100px;height:70px}.debate-podium{min-height:200px}.arena-tip-amounts{gap:4px}.arena-tip-preset{padding:6px 10px;font-size:12px}}.watch-room-page{display:flex;flex-direction:column;height:calc(100vh - 120px);overflow:hidden}.watch-header{display:flex;align-items:center;justify-content:space-between;padding:8px 0 6px;flex-shrink:0;gap:12px}.watch-header-left{display:flex;align-items:center;gap:8px;min-width:0}.watch-channel-emoji{font-size:1.2rem}.watch-channel-name{font-size:.95rem;color:var(--text-secondary);white-space:nowrap}.watch-separator{color:var(--text-secondary);opacity:.5}.watch-room-name{font-size:1.1rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.watch-participant-count{font-size:13px;color:var(--text-secondary);background:var(--bg-tertiary);padding:3px 10px;border-radius:12px;white-space:nowrap}.watch-header-right{display:flex;gap:8px;flex-shrink:0}.watch-invite-btn{padding:6px 14px;font-size:12px;font-weight:600;background:var(--accent);color:var(--bg-primary);border:none;border-radius:6px;cursor:pointer}.watch-invite-btn:hover{opacity:.85}.watch-leave-btn{padding:6px 14px;font-size:12px;font-weight:600;background:#e74c3c;color:#fff;border:none;border-radius:6px;cursor:pointer}.watch-leave-btn:hover{opacity:.85}.watch-body{display:flex;flex:1;gap:12px;overflow:hidden;min-height:0}.watch-main{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.watch-player-container{flex:1;position:relative;background:#000;border-radius:12px;overflow:hidden;min-height:300px}.watch-player-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.watch-link-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px;color:var(--text-secondary);text-align:center}.watch-external-link{color:var(--accent);word-break:break-all;margin-top:12px;font-size:14px}.watch-no-video{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary)}.watch-no-video-icon{font-size:3rem;margin-bottom:12px}.watch-hint{font-size:13px;margin-top:8px;opacity:.7}.watch-controls{display:flex;align-items:center;gap:8px;flex-shrink:0;flex-wrap:wrap}.watch-ctrl-btn{padding:8px 16px;font-size:13px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:background .15s,opacity .15s}.watch-ctrl-btn:disabled{opacity:.4;cursor:default}.watch-ctrl-btn.play{background:#27ae60;color:#fff}.watch-ctrl-btn.play:hover:not(:disabled){background:#219a52}.watch-ctrl-btn.pause{background:#f39c12;color:#fff}.watch-ctrl-btn.pause:hover:not(:disabled){background:#d98e0c}.watch-ctrl-btn.url{background:var(--bg-tertiary);color:var(--text-primary)}.watch-ctrl-btn.url:hover{background:var(--border)}.watch-ctrl-btn.hand{background:#3498db;color:#fff}.watch-ctrl-btn.hand:hover{background:#2980b9}.watch-ctrl-btn.lower{background:#e74c3c;color:#fff}.watch-ctrl-btn.lower:hover{background:#c0392b}.watch-host-badge{margin-left:auto;font-size:13px;color:var(--text-secondary);padding:4px 12px;background:var(--bg-tertiary);border-radius:12px}.watch-host-badge strong{color:var(--accent)}.watch-url-input-row{display:flex;gap:8px;flex-shrink:0}.watch-url-input{flex:1;padding:10px 14px;font-size:14px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);outline:none}.watch-url-input:focus{border-color:var(--accent)}.watch-url-submit{padding:10px 20px;font-size:14px;font-weight:600;background:var(--accent);color:var(--bg-primary);border:none;border-radius:8px;cursor:pointer}.watch-url-submit:hover{opacity:.85}.watch-speaker-bar{display:flex;align-items:center;gap:16px;padding:8px 14px;background:linear-gradient(135deg,#3498db26,#9b59b626);border-radius:8px;flex-shrink:0;flex-wrap:wrap}.watch-current-speaker{font-size:14px;color:var(--text-primary)}.watch-queue{font-size:13px;color:var(--text-secondary)}.watch-chat-panel{width:320px;flex-shrink:0;display:flex;flex-direction:column;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border);overflow:hidden}.watch-chat-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border);font-weight:600;font-size:14px;color:var(--text-primary)}.watch-chat-count{font-size:12px;color:var(--text-secondary);background:var(--bg-tertiary);padding:2px 8px;border-radius:10px}.watch-chat-messages{flex:1;overflow-y:auto;padding:8px 12px;display:flex;flex-direction:column;gap:4px;min-height:0}.watch-chat-empty{padding:20px;text-align:center;color:var(--text-secondary);font-size:13px}.watch-chat-msg{font-size:13px;line-height:1.4;word-break:break-word}.watch-chat-name{font-weight:600;color:var(--accent);margin-right:6px}.watch-chat-body{color:var(--text-primary)}.watch-chat-input-row{display:flex;padding:8px;gap:6px;border-top:1px solid var(--border)}.watch-chat-input{flex:1;padding:8px 12px;font-size:13px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);outline:none}.watch-chat-input:focus{border-color:var(--accent)}.watch-chat-send{padding:8px 14px;font-size:13px;font-weight:600;background:var(--accent);color:var(--bg-primary);border:none;border-radius:6px;cursor:pointer}.watch-chat-send:hover{opacity:.85}@media (max-width: 768px){.watch-body{flex-direction:column}.watch-chat-panel{width:100%;max-height:250px}.watch-player-container{min-height:200px}.watch-header{flex-wrap:wrap;gap:6px}.watch-header-left,.watch-header-right{flex-wrap:wrap}}.support-page{max-width:900px;margin:0 auto;padding:24px 16px}.support-header{text-align:center;margin-bottom:32px}.support-header h1{font-size:2rem;margin-bottom:8px;color:var(--text-primary)}.support-header p{color:var(--text-secondary);font-size:16px}.support-tabs{display:flex;gap:8px;margin-bottom:24px;justify-content:center}.support-tabs button{padding:10px 24px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.support-tabs button.active{background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.support-form-container{display:grid;grid-template-columns:1fr 280px;gap:24px;align-items:start}@media (max-width: 768px){.support-form-container{grid-template-columns:1fr}}.support-form{display:flex;flex-direction:column;gap:20px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:24px}.form-section{display:flex;flex-direction:column;gap:10px}.form-label{font-size:14px;font-weight:600;color:var(--text-primary)}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}@media (max-width: 500px){.category-grid{grid-template-columns:repeat(2,1fr)}}.category-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;background:var(--bg-tertiary);border:2px solid var(--border);border-radius:10px;cursor:pointer;transition:all .15s;color:var(--text-secondary)}.category-btn.active{border-color:var(--accent);background:#00d4aa14;color:var(--accent)}.category-btn:hover{border-color:var(--text-secondary)}.category-icon{font-size:20px}.category-label{font-size:12px;font-weight:500}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 500px){.form-row{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:6px}.form-group input,.form-group textarea{padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:14px;font-family:inherit;resize:vertical}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent)}.char-count{font-size:12px;color:var(--text-secondary);text-align:right}.support-error{padding:12px;background:#ff6b6b1f;border:1px solid var(--danger);border-radius:8px;color:var(--danger);font-size:14px}.support-success{padding:12px;background:#00d4aa1f;border:1px solid var(--accent);border-radius:8px;color:var(--accent);font-size:14px}.submit-btn{padding:14px;background:var(--accent);color:var(--bg-primary);border:none;border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;transition:opacity .15s}.submit-btn:hover{opacity:.9}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.support-info{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:20px}.support-info h3{font-size:15px;margin-bottom:12px;color:var(--text-primary)}.support-info ul{list-style:none;padding:0;margin:0}.support-info li{font-size:13px;color:var(--text-secondary);padding:6px 0 6px 16px;position:relative;line-height:1.5}.support-info li:before{content:"•";position:absolute;left:0;color:var(--accent)}.support-info a{color:var(--accent)}.support-contact-alt{margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.support-contact-alt p{font-size:13px;color:var(--text-secondary)}.tickets-list{display:flex;flex-direction:column;gap:12px}.tickets-loading,.tickets-empty{text-align:center;padding:40px;color:var(--text-secondary)}.tickets-empty button{margin-top:12px;padding:10px 20px;background:var(--accent);color:var(--bg-primary);border:none;border-radius:8px;font-weight:600;cursor:pointer}.ticket-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;padding:16px;cursor:pointer;transition:border-color .15s}.ticket-card:hover{border-color:var(--accent)}.ticket-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.ticket-category{font-size:13px;color:var(--text-secondary);text-transform:capitalize}.ticket-status-badge{font-size:11px;font-weight:600;padding:3px 10px;border-radius:12px;color:#000;text-transform:uppercase;letter-spacing:.5px}.ticket-subject{font-size:15px;margin:0 0 8px;color:var(--text-primary)}.ticket-meta{display:flex;gap:12px;font-size:12px;color:var(--text-secondary)}.ticket-has-response{color:var(--accent);font-weight:500}.ticket-detail{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:24px}.back-btn{background:none;border:none;color:var(--accent);cursor:pointer;font-size:14px;padding:0;margin-bottom:16px}.ticket-detail-header h2{font-size:1.25rem;margin:0 0 8px}.ticket-detail-meta{display:flex;gap:12px;align-items:center;margin-bottom:20px}.ticket-date{font-size:13px;color:var(--text-secondary)}.ticket-detail-body{display:flex;flex-direction:column;gap:16px}.ticket-message{border-radius:10px;padding:16px}.user-message{background:var(--bg-tertiary);border:1px solid var(--border)}.admin-message{background:#00d4aa14;border:1px solid rgba(0,212,170,.2)}.message-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;color:var(--text-secondary)}.admin-message .message-label{color:var(--accent)}.ticket-message p{margin:0;white-space:pre-wrap;line-height:1.6;color:var(--text-primary);font-size:14px}.ticket-pending{text-align:center;padding:24px;color:var(--text-secondary);font-style:italic;background:var(--bg-tertiary);border-radius:8px}.cookie-consent{position:fixed;bottom:56px;left:0;right:0;z-index:9999;display:flex;justify-content:center;padding:0 16px;animation:cookieSlideUp .3s ease-out}@keyframes cookieSlideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.cookie-consent-inner{display:flex;align-items:center;gap:20px;max-width:800px;width:100%;padding:16px 24px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 32px #0006}.cookie-consent-inner p{flex:1;font-size:13px;color:var(--text-secondary);line-height:1.5}.cookie-consent-inner a{color:var(--accent);text-decoration:underline}.cookie-consent-actions{display:flex;gap:8px;flex-shrink:0}.cookie-btn-accept{padding:8px 20px;background:var(--accent);color:var(--bg-primary);border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.cookie-btn-accept:hover{opacity:.9}.cookie-btn-decline{padding:8px 20px;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border);border-radius:8px;font-size:13px;cursor:pointer}.cookie-btn-decline:hover{background:var(--bg-primary)}@media (max-width: 600px){.cookie-consent-inner{flex-direction:column;gap:12px;text-align:center}}:root{--bg-primary: #0f0f12;--bg-secondary: #18181c;--bg-tertiary: #222228;--accent: #00d4aa;--accent-dim: #00a884;--text-primary: #f0f0f2;--text-secondary: #9898a0;--border: #2a2a32;--danger: #ff6b6b;--success: #00d4aa;--font: "Outfit", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-dim)}button{font-family:inherit;cursor:pointer;border:none}input,textarea{font-family:inherit}