.tnl-games-panel-root{width:100%;height:100%;color:#111827;overflow-y:auto;position:relative}.tnl-games-catalog-body,.tnl-games-panel-root{display:flex;flex-direction:column;background:#ffffff}.tnl-games-catalog-body{padding:16px;gap:12px}.tnl-game-invite-banner{display:flex;flex-direction:column;gap:10px;padding:12px 14px;background:#f0fdfa;border:1px solid rgba(20,184,166,.35);border-radius:var(--tnl-radius-md,12px);color:#0f766e;animation:tnlPulse 2s ease-in-out infinite}.tnl-invite-text{font-size:13.5px;line-height:1.4;color:#111827}.tnl-invite-actions{display:flex;gap:8px}.tnl-invite-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;border-radius:9999px;cursor:pointer;border:none;transition:all .15s ease}.tnl-invite-btn--accept{background:var(--tnl-teal-bright,#14b8a6);color:#ffffff}.tnl-invite-btn--accept:hover{background:#0d9488}.tnl-invite-btn--decline{background:rgba(239,68,68,.1);color:#dc2626;border:1px solid rgba(239,68,68,.25)}.tnl-invite-btn--decline:hover{background:rgba(239,68,68,.2)}.tnl-game-waiting-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#ecfeff;border:1px solid rgba(6,182,212,.25);border-radius:var(--tnl-radius-md,12px);font-size:13px;color:#0891b2}.tnl-games-offline-hint{padding:12px 14px;background:#f9fafb;border:1px dashed #e5e7eb;border-radius:var(--tnl-radius-md,12px);font-size:12.5px;color:#6b7280;text-align:center}.tnl-games-grid{display:flex;flex-direction:column;gap:2px}.tnl-game-card{display:flex;align-items:center;justify-content:space-between;padding:12px 10px;background:transparent;border:none;border-bottom:1px solid #f3f4f6;border-radius:8px;box-shadow:none;cursor:pointer;transition:all .15s ease;outline:none;width:100%;box-sizing:border-box}.tnl-game-card:last-child{border-bottom:none}.tnl-game-card:hover{background:#f9fafb;border-color:#f3f4f6;box-shadow:none;transform:none}.tnl-game-card.is-pending{background:#f0fdfa;border-color:transparent}.tnl-game-card-name{font-family:var(--font-header,inherit);font-size:14px;font-weight:600;color:#111827}.tnl-game-card-action{color:#9ca3af;display:flex;align-items:center;transition:transform .2s ease,color .2s ease}.tnl-game-card:hover .tnl-game-card-action{transform:translateX(3px);color:var(--tnl-teal-bright,#14b8a6)}.tnl-game-container{display:flex;flex-direction:column;width:100%;height:100%;padding:12px 16px;box-sizing:border-box;background:#ffffff;color:#111827;overflow-y:auto}.tnl-game-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.tnl-game-back-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;color:#4b5563;font-size:13px;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .15s ease,color .15s ease}.tnl-game-back-btn:hover{background:#f3f4f6;color:#111827}.tnl-game-title{font-family:var(--font-header,inherit);font-size:14.5px;font-weight:700;color:#111827}.tnl-game-action-icon-btn{background:#ffffff;border:1px solid #e5e7eb;color:#4b5563;width:30px;height:30px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease}.tnl-game-action-icon-btn:hover{background:#f3f4f6;color:#111827}.tnl-game-scoreboard{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:12px}.tnl-score-chip{display:flex;align-items:center;gap:8px;padding:4px 12px;border-radius:9999px;background:#f9fafb;border:1px solid #e5e7eb;font-size:12.5px;font-weight:600}.tnl-score-chip.is-x{border-color:rgba(20,184,166,.4);color:#0f766e}.tnl-score-chip.is-o{border-color:rgba(245,158,11,.4);color:#b45309}.tnl-score-vs{font-size:11px;color:#9ca3af;font-weight:700}.tnl-turn-banner{text-align:center;font-size:13px;font-weight:600;margin-bottom:14px;min-height:22px}.tnl-banner-my-turn{color:#0d9488}.tnl-banner-peer-turn{color:#6b7280}.tnl-banner-win{color:#16a34a;display:inline-flex;align-items:center;gap:6px}.tnl-banner-loss{color:#dc2626}.tnl-banner-draw{color:#d97706}.tnl-ttt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;max-width:280px;margin:0 auto 16px;aspect-ratio:1/1}.tnl-ttt-cell{background:#f9fafb;border:1px solid #e5e7eb;border-radius:var(--tnl-radius-md,12px);font-family:var(--font-header,inherit);font-size:32px;font-weight:800;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.tnl-ttt-cell:hover:not(:disabled){background:#f0fdfa;border-color:var(--tnl-teal-bright,#14b8a6)}.tnl-ttt-cell.is-x{color:#0d9488}.tnl-ttt-cell.is-o{color:#d97706}.tnl-ttt-cell.is-winning{background:#ccfbf1;border-color:#0d9488;animation:tnlPulse 1s infinite alternate}.tnl-game-footer-actions{display:flex;justify-content:center;margin-top:10px}.tnl-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 18px;border-radius:var(--tnl-radius-pill,9999px);background:var(--tnl-teal-bright,#14b8a6);color:#ffffff;font-family:var(--font-header,inherit);font-size:13.5px;font-weight:700;border:none;cursor:pointer;transition:all .2s ease}.tnl-btn-primary:hover{background:#0d9488;transform:translateY(-1px)}.tnl-wyr-progress{font-size:11.5px;color:#6b7280;text-align:center;margin-bottom:6px}.tnl-wyr-prompt{align-items:center;justify-content:center;gap:8px;font-size:16px;font-weight:700;font-family:var(--font-header,inherit);color:#0891b2}.tnl-wyr-cards,.tnl-wyr-prompt{display:flex;margin-bottom:16px}.tnl-wyr-cards{flex-direction:column;gap:12px}.tnl-wyr-card{padding:16px;background:#ffffff;border:2px solid #e5e7eb;border-radius:var(--tnl-radius-lg,16px);text-align:left;cursor:pointer;transition:all .2s ease;position:relative}.tnl-wyr-card:hover:not(:disabled){border-color:#14b8a6;background:#f0fdfa}.tnl-wyr-card.is-selected{border-color:#0d9488;background:#f0fdfa}.tnl-wyr-badge{font-size:11px;font-weight:700;color:#6b7280;text-transform:uppercase;margin-bottom:6px}.tnl-wyr-text{font-size:14.5px;line-height:1.45;color:#111827;margin:0;font-weight:600}.tnl-wyr-divider{text-align:center;position:relative;font-size:12px;font-weight:800;color:#9ca3af}.tnl-wyr-result-meta{display:flex;gap:6px;margin-top:10px}.tnl-tag{font-size:11px;font-weight:700;padding:2px 8px;border-radius:4px}.tnl-tag--me{background:#ccfbf1;color:#0f766e}.tnl-tag--peer{background:#fef3c7;color:#b45309}.tnl-wyr-status-area{text-align:center;margin-top:4px}.tnl-wyr-hint{font-size:12.5px;color:#6b7280}.tnl-wyr-hint.is-waiting{color:#0891b2}.tnl-wyr-comparison-box{display:flex;flex-direction:column;align-items:center;gap:12px}.tnl-wyr-summary-text{font-size:13.5px;color:#374151;font-weight:600;margin:0;text-align:center}.tnl-quiz-meta-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.tnl-quiz-score-pill{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;padding:4px 10px;background:#f3f4f6;color:#111827;border-radius:6px}.tnl-quiz-timer{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#0d9488}.tnl-quiz-timer.is-urgent{color:#ef4444;animation:tnlPulse .5s infinite alternate}.tnl-quiz-progress-text{font-size:11.5px;color:#6b7280;margin-bottom:8px}.tnl-quiz-question-box{padding:14px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:var(--tnl-radius-md,12px);margin-bottom:12px}.tnl-quiz-question-text{font-size:14.5px;line-height:1.45;font-weight:600;color:#111827;margin:0}.tnl-quiz-options{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.tnl-quiz-opt{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#ffffff;border:1px solid #e5e7eb;border-radius:var(--tnl-radius-md,12px);color:#111827;cursor:pointer;transition:all .15s ease;text-align:left}.tnl-quiz-opt:hover:not(:disabled){background:#f9fafb;border-color:#14b8a6}.tnl-quiz-opt.is-selected{border-color:#0891b2;background:#ecfeff}.tnl-quiz-opt.is-correct{border-color:#22c55e!important;background:#f0fdf4!important;color:#15803d!important}.tnl-quiz-opt.is-wrong{border-color:#ef4444!important;background:#fef2f2!important;color:#b91c1c!important}.tnl-opt-badge{font-weight:700;font-size:12px;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f3f4f6;color:#374151}.tnl-opt-label{flex:1;font-size:13.5px}.tnl-quiz-next-bar{display:flex;justify-content:center}.tnl-gameover-card{display:flex;flex-direction:column;align-items:center;padding:24px 16px;text-align:center;gap:12px}.tnl-trophy-gold{color:#f59e0b}.tnl-gameover-title{color:#111827}.tnl-gameover-subtitle{color:#6b7280}.tnl-quiz-final-scores{display:flex;gap:16px;width:100%;max-width:260px;margin:12px 0}.tnl-final-score-box{flex:1;padding:12px;background:#f9fafb;border-radius:var(--tnl-radius-md,12px);border:1px solid #e5e7eb;display:flex;flex-direction:column;gap:4px}.tnl-final-score-box.is-lead{border-color:#f59e0b;background:#fffbeb}.tnl-word-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:12.5px}.tnl-role-tag{color:#0d9488;font-weight:600}.tnl-word-scores{color:#4b5563;font-weight:600}.tnl-word-card{padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:var(--tnl-radius-lg,16px);text-align:center;margin-bottom:12px}.tnl-word-category{font-size:12px;color:#6b7280;text-transform:uppercase;font-weight:700;margin-bottom:8px}.tnl-secret-reveal{margin:10px 0}.tnl-secret-label{font-size:12px;color:#6b7280;display:block}.tnl-secret-word{font-size:26px;font-weight:800;letter-spacing:3px;color:#0891b2}.tnl-masked-word{display:flex;justify-content:center;gap:8px;margin:14px 0}.tnl-letter-box{width:32px;height:38px;background:#f3f4f6;border-bottom:2px solid #0d9488;font-size:20px;font-weight:800;color:#111827}.tnl-hint-box,.tnl-letter-box{display:flex;align-items:center;justify-content:center}.tnl-hint-box{gap:6px;font-size:13px;color:#374151;margin-top:10px}.tnl-hint-icon{color:#d97706}.tnl-attempts-bar{font-size:12px;color:#6b7280;text-align:center;margin-bottom:8px}.tnl-guesses-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;justify-content:center}.tnl-guess-tag{font-size:12px;font-weight:700;padding:3px 8px;border-radius:6px}.tnl-guess-tag.is-correct{background:#dcfce7;color:#15803d}.tnl-guess-tag.is-wrong{background:#fee2e2;color:#b91c1c}.tnl-draw-guess-form,.tnl-word-input-form{display:flex;gap:8px;margin-top:6px}.tnl-word-input{flex:1;background:#ffffff;border:1px solid #e5e7eb;border-radius:var(--tnl-radius-pill,9999px);padding:8px 14px;color:#111827;font-size:13.5px;outline:none}.tnl-word-input:focus{border-color:#14b8a6}.tnl-guess-send-btn{padding:8px 14px;border-radius:var(--tnl-radius-pill,9999px)}.tnl-word-finish-box{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:8px;text-align:center}.tnl-finish-text{color:#111827;font-weight:600}.tnl-draw-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:12px;color:#374151}.tnl-draw-scores{font-weight:600;color:#4b5563}.tnl-canvas-wrapper{width:100%;aspect-ratio:4/2.8;background:#ffffff;border:1px solid #e5e7eb;border-radius:var(--tnl-radius-md,12px);overflow:hidden;position:relative;touch-action:none;box-shadow:inset 0 0 0 1px #f3f4f6}.tnl-game-canvas{width:100%;height:100%;display:block}.tnl-game-canvas.is-drawable{cursor:crosshair}.tnl-game-canvas.is-readonly{cursor:default}.tnl-canvas-toolbar{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.tnl-color-row{display:flex;align-items:center;gap:8px}.tnl-color-dot{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .15s ease}.tnl-color-dot.is-active{transform:scale(1.2);border-color:#111827}.tnl-tool-btn{background:#f9fafb;border:1px solid #e5e7eb;color:#374151;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease}.tnl-tool-btn:hover{background:#f3f4f6}.tnl-tool-btn.is-active{background:var(--tnl-teal-bright,#14b8a6);color:#ffffff;border-color:var(--tnl-teal-bright,#14b8a6)}.tnl-draw-bottom{margin-top:10px}.tnl-draw-status-pill{padding:6px 12px;background:#f0fdfa;border:1px solid rgba(20,184,166,.25);border-radius:6px;font-size:12.5px;font-weight:600;text-align:center;color:#0f766e;margin-bottom:8px}.tnl-draw-next-bar{display:flex;justify-content:center}.tnl-watch-root{--watch-primary:#0d9488;--watch-primary-hover:#0f766e;--watch-primary-active:#115e59;--watch-teal-bright:#14b8a6;--watch-cyan:#22d3ee;--watch-bg:#ffffff;--watch-surface:#f8fafc;--watch-surface-soft:#f1f5f9;--watch-border:#e2e8f0;--watch-border-strong:#cbd5e1;--watch-text:#0f172a;--watch-text-muted:#64748b;--watch-card-bg:#ffffff;display:flex;flex-direction:column;width:100%;height:100%;background:var(--watch-bg);color:var(--watch-text);overflow-y:auto;padding:12px 14px;box-sizing:border-box;gap:12px;font-family:var(--font-body,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif)}.dark .tnl-watch-root,.tnl-chat-page[data-theme=dark] .tnl-watch-root,[data-theme=dark] .tnl-watch-root{--watch-primary:#14b8a6;--watch-primary-hover:#2dd4bf;--watch-primary-active:#0d9488;--watch-teal-bright:#2dd4bf;--watch-cyan:#22d3ee;--watch-bg:#0b1220;--watch-surface:#101827;--watch-surface-soft:#142033;--watch-border:#1e293b;--watch-border-strong:#334155;--watch-text:#f8fafc;--watch-text-muted:#94a3b8;--watch-card-bg:#101827}.tnl-watch-root::-webkit-scrollbar{width:6px}.tnl-watch-root::-webkit-scrollbar-track{background:transparent}.tnl-watch-root::-webkit-scrollbar-thumb{background:var(--watch-border-strong);border-radius:9999px}.tnl-watch-header-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-bottom:2px}.tnl-watch-header-left{display:flex;align-items:center;gap:8px}.tnl-watch-back-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;background:var(--watch-surface);border:1px solid var(--watch-border);border-radius:6px;font-size:12px;font-weight:600;color:var(--watch-text-muted);cursor:pointer;transition:all .15s ease}.tnl-watch-back-btn:hover{background:var(--watch-surface-soft);color:var(--watch-text);border-color:var(--watch-primary)}.tnl-watch-header-title{display:flex;align-items:center;gap:6px;font-family:var(--font-header,inherit);font-size:13.5px;font-weight:700;color:var(--watch-text)}.tnl-watch-header-icon{color:var(--watch-primary)}.tnl-watch-header-right{display:flex;align-items:center;gap:8px}.tnl-watch-share-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;background:var(--watch-card-bg);border:1px solid var(--watch-border);border-radius:9999px;font-size:11.5px;font-weight:600;color:var(--watch-text);cursor:pointer;transition:all .15s ease;flex-shrink:0}.tnl-watch-share-btn:hover{border-color:var(--watch-primary);color:var(--watch-primary)}.tnl-watch-player-frame{width:100%;aspect-ratio:16/10;min-height:260px;background:#000000;border:1px solid var(--watch-border);border-radius:12px;overflow:hidden;position:relative;box-shadow:0 4px 20px rgba(0,0,0,.15)}@media (min-width:900px){.tnl-watch-player-frame{min-height:290px}}.tnl-watch-player-frame.is-fullscreen{border-radius:0;border:none;width:100vw;height:100vh;aspect-ratio:auto}.tnl-watch-iframe-wrap,.tnl-watch-video-wrap{width:100%;height:100%;position:relative;background:#000000}.tnl-watch-iframe,.tnl-watch-native-video{width:100%;height:100%;border:none;display:block;object-fit:contain;background:#000000}.tnl-watch-yt-target{width:100%;height:100%}.tnl-watch-yt-fallback{position:absolute;top:0;left:0;width:100%;height:100%}.tnl-watch-loading-overlay{position:absolute;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#f8fafc;font-size:13px;font-weight:600;z-index:20}.tnl-spinner-icon{animation:tnlSpin 1s linear infinite;color:var(--watch-teal-bright)}.tnl-watch-autoplay-overlay{position:absolute;inset:0;background:rgba(11,18,32,.88);backdrop-filter:blur(6px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;text-align:center;color:#ffffff;z-index:25}.tnl-autoplay-icon{color:var(--watch-teal-bright)}.tnl-autoplay-text{display:flex;flex-direction:column;gap:4px}.tnl-autoplay-text strong{font-size:14px}.tnl-autoplay-text span{font-size:12px;color:#94a3b8}.tnl-watch-sound-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;background:var(--watch-primary);color:#ffffff;border:none;border-radius:9999px;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s ease,transform .1s ease;box-shadow:0 4px 12px rgba(20,184,166,.35)}.tnl-watch-sound-btn:hover{background:var(--watch-primary-hover);transform:translateY(-1px)}.tnl-watch-error-overlay{position:absolute;inset:0;background:rgba(15,23,42,.92);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center;color:#ffffff;z-index:25}.tnl-error-overlay-icon{color:#ef4444}.tnl-error-overlay-title{margin:0;font-size:15px;font-weight:700}.tnl-error-overlay-msg{margin:0;font-size:12.5px;color:#cbd5e1;max-width:440px;line-height:1.45}.tnl-error-overlay-actions{display:flex;align-items:center;gap:8px;margin-top:6px}.tnl-overlay-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:#334155;color:#ffffff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;text-decoration:none;transition:background .15s ease}.tnl-overlay-btn:hover{background:#475569}.tnl-overlay-btn.is-external{background:#ef4444}.tnl-overlay-btn.is-external:hover{background:#dc2626}.tnl-watch-controls-toolbar{display:flex;flex-direction:column;gap:8px;background:var(--watch-surface);border:1px solid var(--watch-border);border-radius:10px;padding:10px 12px}.tnl-seek-bar-container{display:flex;align-items:center;gap:10px;width:100%}.tnl-seek-bar-track-wrap{position:relative;flex:1;height:6px;display:flex;align-items:center}.tnl-seek-buffered-fill{position:absolute;left:0;top:0;height:6px;border-radius:9999px;background:rgba(20,184,166,.25);pointer-events:none;z-index:1}.tnl-watch-seek-bar{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:9999px;background-color:var(--watch-border-strong);background-image:linear-gradient(var(--watch-primary),var(--watch-primary));background-repeat:no-repeat;outline:none;cursor:pointer;position:relative;z-index:2;margin:0}.tnl-watch-seek-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#ffffff;border:2px solid var(--watch-primary);box-shadow:0 1px 4px rgba(0,0,0,.2);cursor:pointer;transition:transform .1s ease}.tnl-watch-seek-bar::-webkit-slider-thumb:hover{transform:scale(1.2)}.tnl-watch-seek-bar::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#ffffff;border:2px solid var(--watch-primary);cursor:pointer}.tnl-seek-time-readout{display:inline-flex;align-items:center;gap:4px;font-family:monospace,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas;font-size:11.5px;color:var(--watch-text-muted);flex-shrink:0}.tnl-time-current{color:var(--watch-text);font-weight:700}.tnl-controls-actions-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.tnl-ctrl-group-left,.tnl-ctrl-group-right{display:flex;align-items:center;gap:6px}.tnl-ctrl-group-left{flex:1;min-width:0}.tnl-watch-ctrl-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:var(--watch-card-bg);border:1px solid var(--watch-border);color:var(--watch-text);cursor:pointer;transition:all .15s ease;position:relative;flex-shrink:0}.tnl-watch-ctrl-btn:hover{background:var(--watch-surface-soft);border-color:var(--watch-primary);color:var(--watch-primary)}.tnl-ctrl-btn-play{background:var(--watch-primary);border-color:var(--watch-primary);color:#ffffff}.tnl-ctrl-btn-play:hover{background:var(--watch-primary-hover);border-color:var(--watch-primary-hover);color:#ffffff}.tnl-ctrl-btn-skip{width:36px;gap:2px}.tnl-skip-tag{font-size:9px;font-weight:800;margin-left:-1px}.tnl-ctrl-video-meta{display:flex;align-items:center;gap:6px;min-width:0;margin-left:6px}.tnl-watch-source-tag{font-size:10px;font-weight:700;text-transform:uppercase;padding:2px 6px;border-radius:4px;background:rgba(20,184,166,.12);color:var(--watch-primary);flex-shrink:0}.tnl-ctrl-video-title{font-size:12.5px;font-weight:600;color:var(--watch-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tnl-volume-container{display:flex;align-items:center;gap:6px;background:var(--watch-card-bg);border:1px solid var(--watch-border);border-radius:6px;padding:2px 8px 2px 2px}.tnl-ctrl-btn-vol{border:none;background:transparent;width:28px;height:28px}.tnl-volume-slider{-webkit-appearance:none;appearance:none;width:60px;height:4px;border-radius:9999px;background:var(--watch-border-strong);outline:none;accent-color:var(--watch-primary);cursor:pointer}.tnl-volume-label{font-size:11px;font-family:monospace;color:var(--watch-text-muted);min-width:26px;text-align:right}.tnl-watch-input-card{display:flex;flex-direction:column;gap:8px;background:var(--watch-surface);border:1px solid var(--watch-border);border-radius:10px;padding:10px 12px}.tnl-input-card-header{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--watch-text)}.tnl-input-card-hint{font-size:11px;font-weight:400;color:var(--watch-text-muted);margin-left:auto}.tnl-watch-form{display:flex;gap:6px}.tnl-input-field-wrap{position:relative;flex:1;display:flex;align-items:center}.tnl-watch-input{width:100%;background:var(--watch-card-bg);border:1px solid var(--watch-border);border-radius:8px;padding:8px 30px 8px 12px;font-size:13px;color:var(--watch-text);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.tnl-watch-input:focus{border-color:var(--watch-teal-bright);box-shadow:0 0 0 3px rgba(20,184,166,.2)}.tnl-input-clear-btn{position:absolute;right:8px;background:transparent;border:none;color:var(--watch-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px}.tnl-input-clear-btn:hover{color:var(--watch-text)}.tnl-watch-load-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;background:var(--watch-primary);color:#ffffff;border:none;font-family:var(--font-header,inherit);font-size:12.5px;font-weight:700;cursor:pointer;transition:background .15s ease;white-space:nowrap}.tnl-watch-load-btn:hover{background:var(--watch-primary-hover)}.tnl-watch-error-box{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;font-size:12px;color:#b91c1c;line-height:1.4}.dark .tnl-watch-error-box,[data-theme=dark] .tnl-watch-error-box{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.3);color:#fca5a5}.tnl-error-icon{flex-shrink:0;margin-top:1px}@keyframes tnlSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes tnlPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.9)}}.text-teal{color:var(--watch-teal-bright)!important}.text-red{color:#ef4444!important}@media (max-width:640px){.tnl-watch-root{padding:10px;gap:10px}.tnl-watch-header-bar{gap:6px}.tnl-controls-actions-row{flex-direction:column;align-items:stretch;gap:8px}.tnl-ctrl-group-left{justify-content:flex-start}.tnl-ctrl-group-right{justify-content:space-between}.tnl-volume-slider{width:80px}.tnl-watch-form{flex-direction:column}.tnl-watch-load-btn{width:100%;justify-content:center}}.tnl-chat-page{--tnl-stone:#e0ded8;--tnl-stone-dark:#d3d0c8;--tnl-slate:#262626;--tnl-oxblood:#38141b;--tnl-oxblood-dark:#2a0e14;--tnl-white:#ffffff;--tnl-bg:#181316;--tnl-canvas:#1f191d;--tnl-surface:#272025;--tnl-surface-soft:#32292f;--tnl-border:rgba(224,222,216,0.12);--tnl-border-strong:rgba(224,222,216,0.24);--tnl-text:#f5f3ef;--tnl-muted:#aba59c;--tnl-primary:#0d9488;--tnl-primary-hover:#0f766e;--tnl-teal-bright:#14b8a6;--tnl-cyan:#22d3ee;--tnl-danger:#ef4444;--tnl-danger-soft:rgba(239,68,68,0.18);--tnl-success:#16a34a;--font-header:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-body:"Nunito",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--tnl-radius-sm:6px;--tnl-radius-md:12px;--tnl-radius-lg:16px;--tnl-radius-pill:9999px;--ease-out-expo:cubic-bezier(0.16,1,0.3,1);display:flex;flex-direction:column;width:100%;height:100vh;height:100dvh;background-color:var(--tnl-bg);color:var(--tnl-text);overflow:hidden;font-family:var(--font-body);position:relative;user-select:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tnl-chat-header{display:flex;align-items:center;justify-content:space-between;height:54px;min-height:54px;padding:0 16px;background:#ffffff;color:#18181b;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px rgba(0,0,0,.04);z-index:40}.tnl-header-left{display:flex;align-items:center;gap:12px}.tnl-back-link{display:inline-flex;align-items:center;gap:6px;color:#18181b!important;text-decoration:none;font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:6px 12px;border-radius:var(--tnl-radius-pill);background:#f4f4f5;border:1.5px solid #d4d4d8;box-shadow:0 1px 2px rgba(0,0,0,.04);transition:all .2s ease}.tnl-back-link:hover{color:#0d9488!important;background:#e4e4e7;border-color:#0d9488}.tnl-header-divider{width:1px;height:20px;background:#e5e7eb}.tnl-brand-wrap{text-decoration:none;display:inline-flex;align-items:center;color:#18181b}.tnl-brand-wrap .nav-logo-lockup{display:inline-flex;align-items:center;gap:8px;line-height:1}.tnl-brand-wrap .nav-logo-text{font-family:var(--font-header);font-size:1.4rem;font-weight:700;letter-spacing:.02em;color:#18181b!important;line-height:1;white-space:nowrap}.tnl-brand-wrap .nav-logo-eyebrow{display:inline-flex!important;align-items:center;font-family:var(--font-body);font-size:11px!important;font-weight:700!important;letter-spacing:.08em;text-transform:uppercase;color:#0d9488!important;background:transparent!important;border:none!important;border-radius:0;padding:0;line-height:1.2;white-space:nowrap;opacity:.8!important;visibility:visible!important;cursor:pointer;transition:opacity .2s ease,text-decoration .2s ease}.tnl-brand-wrap .nav-logo-eyebrow:hover{opacity:1!important;text-decoration:underline}.tnl-header-center{display:flex;align-items:center;gap:12px}.tnl-mode-pill{display:flex;background:#f4f4f5;padding:3px;border-radius:var(--tnl-radius-pill);border:1px solid #e4e4e7;box-shadow:inset 0 1px 2px rgba(0,0,0,.04)}.tnl-mode-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 13px;border-radius:var(--tnl-radius-pill);font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:.04em;color:#71717a;background:transparent;border:none;cursor:pointer;transition:all .2s ease}.tnl-mode-btn:hover{color:#18181b}.tnl-mode-btn.is-active{background:linear-gradient(135deg,var(--tnl-primary) 0,var(--tnl-teal-bright) 100%);color:#ffffff;box-shadow:0 2px 8px rgba(13,148,136,.35)}.tnl-header-right{display:flex;align-items:center;gap:8px}.tnl-header-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--tnl-radius-pill);background:#f4f4f5;border:1px solid #e4e4e7;color:#3f3f46;cursor:pointer;position:relative;transition:all .2s ease}.tnl-header-btn:hover{background:#e4e4e7;color:#18181b}.tnl-header-btn.is-active{background:rgba(13,148,136,.12);border-color:rgba(13,148,136,.35);color:#0d9488}.tnl-unread-badge{position:absolute;top:-3px;right:-3px;background:var(--tnl-teal-bright);color:#ffffff;font-size:10px;font-weight:700;width:17px;height:17px;border-radius:50%;display:flex;align-items:center;justify-content:center}.tnl-header-leave-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--tnl-radius-pill);background:#fee2e2;border:1px solid #fecaca;color:#dc2626;font-family:var(--font-body);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.tnl-header-leave-btn:hover{background:#dc2626;color:#ffffff}.tnl-chat-body{display:flex;flex:1;width:100%;overflow:hidden;position:relative}.tnl-chat-body--text,.tnl-chat-body--video{flex-direction:column}.tnl-chat-body--text .tnl-video-stage{display:none!important}.tnl-chat-body--text .tnl-chat-panel{flex:1;max-width:840px;margin:0 auto;border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb}.tnl-chat-body.chat-is-closed .tnl-chat-panel{display:none!important}.tnl-chat-body.chat-is-closed .tnl-video-stage{flex:1!important;width:100%!important;border-right:none!important;height:100%!important}.tnl-video-stage{flex-direction:column;background:#110d10;overflow:hidden;height:44%;min-height:200px;transition:flex .3s ease}.tnl-video-grid,.tnl-video-stage{position:relative;display:flex;width:100%}.tnl-video-grid{height:100%;gap:8px;padding:8px;box-sizing:border-box}.tnl-video-tile{position:relative;display:flex;flex-direction:column;border-radius:var(--tnl-radius-md);overflow:hidden;background:radial-gradient(circle at center,#231c21 0,#110d10 100%);border:1px solid var(--tnl-border);box-sizing:border-box}.is-side-by-side .tnl-local-tile.is-expanded,.is-side-by-side .tnl-remote-tile{flex:1}.is-local-minimized .tnl-remote-tile{flex:1;width:100%}.is-local-minimized .tnl-local-tile.is-minimized{position:absolute;bottom:16px;right:16px;width:110px;height:146px;border-radius:var(--tnl-radius-md);border:2px solid rgba(20,184,166,.5);box-shadow:0 10px 30px rgba(0,0,0,.7);z-index:25;transition:all .3s var(--ease-out-expo)}.is-local-minimized .tnl-local-tile.is-minimized:hover{border-color:var(--tnl-teal-bright)}.tnl-tile-inner{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.tnl-tile-video{width:100%;height:100%;object-fit:cover;display:block}.tnl-local-video{transform:scaleX(-1)}.tnl-remote-overlay{position:absolute;top:10px;left:10px;right:10px;display:flex;align-items:center;justify-content:space-between;z-index:10;pointer-events:none}.tnl-remote-overlay>*{pointer-events:auto}.tnl-partner-badge{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px!important;background:rgba(24,19,22,.88);backdrop-filter:blur(12px);border:1px solid rgba(224,222,216,.16);font-size:12px;font-weight:500;color:var(--tnl-stone)}.tnl-badge-rounded-sm{border-radius:6px!important}.tnl-partner-flag{font-size:13px}.tnl-partner-name{font-family:var(--font-header);font-size:1.15em;font-weight:600;color:#ffffff}.tnl-partner-location{color:var(--tnl-muted);font-size:11px}.tnl-stage-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:rgba(24,19,22,.75);border:1px solid var(--tnl-border);color:var(--tnl-stone);cursor:pointer}.tnl-peer-live-placeholder{position:absolute;inset:0;flex-direction:column;text-align:center;padding:20px;z-index:5;margin:auto}.tnl-peer-avatar,.tnl-peer-live-placeholder{display:flex;align-items:center;justify-content:center}.tnl-peer-avatar{width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,var(--tnl-oxblood) 0,var(--tnl-surface) 100%);border:2px solid rgba(20,184,166,.35);font-size:24px;font-weight:600;margin-bottom:10px;box-shadow:0 4px 16px rgba(0,0,0,.4)}.tnl-peer-avatar,.tnl-peer-name{color:var(--tnl-stone);font-family:var(--font-header)}.tnl-peer-name{font-size:1.3em;font-weight:500;margin:0 0 4px}.tnl-peer-status{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--tnl-muted);margin:0}.tnl-live-indicator{width:7px;height:7px;border-radius:50%;background:var(--tnl-success);box-shadow:0 0 8px rgba(22,163,74,.8)}.tnl-local-overlay-bar{position:absolute;top:8px;left:8px;right:8px;display:flex;align-items:center;justify-content:flex-end;z-index:10;pointer-events:none}.tnl-local-overlay-bar>*{pointer-events:auto}.tnl-local-label-pill{display:none!important}.tnl-pill-muted-badge{color:#f87171}.tnl-pill-cam-badge{color:#fca5a5}.tnl-local-actions{display:flex;align-items:center;gap:4px}.is-local-minimized .tnl-local-tile .tnl-local-actions .tnl-tile-ctrl-btn:not(.tnl-minimize-btn),.is-local-minimized .tnl-local-tile .tnl-local-off-placeholder .tnl-cam-off-text,.is-local-minimized .tnl-local-tile .tnl-local-off-placeholder .tnl-cam-turn-on-btn{display:none!important}.tnl-tile-ctrl-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;background:rgba(0,0,0,.65);border:1px solid rgba(255,255,255,.12);color:var(--tnl-stone);cursor:pointer;transition:all .2s ease}.tnl-tile-ctrl-btn:hover{background:rgba(0,0,0,.85);color:#ffffff}.tnl-tile-ctrl-btn.is-danger{background:var(--tnl-danger);border-color:var(--tnl-danger);color:#ffffff}.tnl-local-off-placeholder{position:absolute;inset:0;width:100%;height:100%;flex-direction:column;gap:8px;background:radial-gradient(circle at center,#231c21 0,#110d10 100%);color:var(--tnl-muted);padding:38px 12px 12px;box-sizing:border-box;text-align:center;overflow:hidden;z-index:2}.tnl-cam-off-icon-wrap,.tnl-local-off-placeholder{display:flex;align-items:center;justify-content:center}.tnl-cam-off-icon-wrap{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#fca5a5;flex-shrink:0}.tnl-cam-off-text{font-size:12px;font-weight:500;color:#d4d4d8;line-height:1.3;margin:0;max-width:180px}.tnl-cam-turn-on-btn{font-family:var(--font-body);font-size:11px;font-weight:600;padding:5px 12px;border-radius:var(--tnl-radius-pill);background:var(--tnl-primary);color:#ffffff;border:none;cursor:pointer;transition:all .2s ease;margin-top:2px;flex-shrink:0}.tnl-cam-turn-on-btn:hover{background:var(--tnl-teal-bright)}.is-local-minimized .tnl-local-tile.is-minimized .tnl-local-off-placeholder{padding:28px 6px 6px;gap:4px}.is-local-minimized .tnl-local-tile.is-minimized .tnl-cam-off-icon-wrap{width:28px;height:28px}.is-local-minimized .tnl-local-tile.is-minimized .tnl-cam-off-text{font-size:10px;max-width:90px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tnl-stage-empty{flex-direction:column;text-align:center;padding:18px;width:100%;height:100%}.tnl-radar-circle,.tnl-stage-empty{display:flex;align-items:center;justify-content:center}.tnl-radar-circle{position:relative;width:72px;height:72px;margin-bottom:12px}.tnl-radar-center{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--tnl-primary) 0,var(--tnl-teal-bright) 100%);display:flex;align-items:center;justify-content:center;color:#ffffff;z-index:2;box-shadow:0 0 18px rgba(20,184,166,.55)}.tnl-radar-wave{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;border:1.5px solid var(--tnl-teal-bright);animation:tnl-radar-pulse 2.4s cubic-bezier(.215,.61,.355,1) infinite}.tnl-radar-wave.wave-2{animation-delay:.8s}.tnl-radar-wave.wave-3{animation-delay:1.6s}@keyframes tnl-radar-pulse{0%{transform:scale(.6);opacity:.85}to{transform:scale(2.2);opacity:0}}.tnl-pulse-icon{animation:tnl-spin-pulse 3s linear infinite}@keyframes tnl-spin-pulse{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.tnl-stage-title{font-family:var(--font-header);font-size:1.5em;font-weight:500;line-height:1.15;color:var(--tnl-stone);margin:0 0 6px}.tnl-stage-desc{font-family:var(--font-body);font-size:12px;color:var(--tnl-muted);max-width:280px;line-height:1.5;margin:0 0 12px}.tnl-stage-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;font-family:var(--font-body);font-size:13px;font-weight:600;letter-spacing:.04em;border-radius:var(--tnl-radius-pill);cursor:pointer;background:linear-gradient(135deg,var(--tnl-primary) 0,var(--tnl-teal-bright) 100%);color:#ffffff;border:none;box-shadow:0 4px 14px rgba(13,148,136,.35);transition:all .2s ease}.tnl-stage-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(20,184,166,.5)}.tnl-disc-avatar,.tnl-idle-icon{width:52px;height:52px;border-radius:50%;background:rgba(224,222,216,.06);border:1px solid var(--tnl-border);display:flex;align-items:center;justify-content:center;color:var(--tnl-stone);margin-bottom:10px}.tnl-spinner-ring{width:36px;height:36px;border:3px solid rgba(20,184,166,.2);border-top:3px solid var(--tnl-teal-bright);border-radius:50%;animation:tnl-spin .8s linear infinite;margin-bottom:12px}@keyframes tnl-spin{to{transform:rotate(1turn)}}.tnl-permission-alert{position:absolute;top:10px;left:10px;right:10px;background:rgba(42,14,20,.95);backdrop-filter:blur(14px);border:1px solid rgba(239,68,68,.4);border-radius:var(--tnl-radius-md);padding:12px;display:flex;gap:12px;z-index:30;box-shadow:0 10px 30px rgba(0,0,0,.6)}.tnl-alert-icon{color:var(--tnl-danger);flex-shrink:0;margin-top:2px}.tnl-alert-content{flex:1}.tnl-alert-content strong{display:block;font-family:var(--font-header);font-size:14px;color:#fecaca;margin-bottom:2px}.tnl-alert-content p{font-size:11px;color:var(--tnl-stone);margin:0 0 8px;line-height:1.45}.tnl-alert-actions{display:flex;gap:8px}.tnl-alert-btn{padding:4px 10px;font-family:var(--font-body);font-size:11px;font-weight:600;border-radius:var(--tnl-radius-pill);cursor:pointer}.tnl-alert-retry{background:var(--tnl-danger);color:#ffffff;border:none}.tnl-alert-switch{background:transparent;color:var(--tnl-stone);border:1px solid rgba(224,222,216,.3)}.tnl-chat-panel{display:flex;flex-direction:column;flex:1;background:#ffffff;border-top:1px solid #e5e7eb;min-height:0;position:relative;overflow:hidden}.tnl-panel-header{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#ffffff;border-bottom:1px solid #f3f4f6}.tnl-panel-header-title{display:flex;align-items:center;gap:6px;font-family:var(--font-header);font-size:14px;font-weight:600;color:#111827}.tnl-panel-tabs{display:flex;align-items:center;gap:4px}.tnl-tab-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:9999px;font-family:var(--font-header);font-size:13px;font-weight:600;border:1px solid transparent;background:transparent;color:#6b7280;cursor:pointer;transition:all .15s ease;position:relative}.tnl-tab-btn:hover{background:#f3f4f6;color:#111827}.tnl-tab-btn.is-active{background:#f0fdfa;border-color:rgba(20,184,166,.35);color:#0f766e}.tnl-tab-notify-dot{width:7px;height:7px;border-radius:50%;background:#14b8a6;display:inline-block;animation:tnlPulse 1.2s infinite}.tnl-unread-pill--game{background:#14b8a6!important;color:#042f2e!important;font-weight:800}.tnl-panel-close-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;background:transparent;border:none;color:#6b7280;cursor:pointer;transition:all .2s ease}.tnl-panel-close-btn:hover{background:#f3f4f6;color:#111827}.tnl-chat-messages{flex:1;overflow-y:auto;padding:10px 14px;display:flex;flex-direction:column;gap:8px;background:#ffffff;-webkit-overflow-scrolling:touch}.tnl-system-notice{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--tnl-radius-sm);background:#f8fafc;border:1px solid #e2e8f0;color:#475569;font-size:11px;line-height:1.4;margin-bottom:2px}.tnl-system-notice strong{color:#1e293b}.tnl-notice-icon{color:var(--tnl-primary);flex-shrink:0}.tnl-chat-row{display:flex;width:100%}.tnl-chat-row--me{justify-content:flex-end}.tnl-chat-row--stranger{justify-content:flex-start}.tnl-system-bubble{margin:4px auto;padding:3px 10px;border-radius:var(--tnl-radius-pill);background:#f1f5f9;border:1px solid #e2e8f0;font-size:11px;color:#64748b}.tnl-msg-group{display:flex;flex-direction:column;max-width:82%}.tnl-chat-row--me .tnl-msg-group{align-items:flex-end}.tnl-msg-sender{font-family:var(--font-header);font-size:12px;font-weight:600;letter-spacing:.04em;color:#64748b;margin-bottom:2px;padding:0 4px}.tnl-msg-bubble{position:relative;padding:7px 12px;border-radius:var(--tnl-radius-md);font-family:var(--font-body);font-size:13px;line-height:1.45;word-break:break-word}.tnl-chat-row--me .tnl-msg-bubble{background:linear-gradient(135deg,var(--tnl-primary) 0,#0f766e 100%);color:#ffffff;border-bottom-right-radius:4px;box-shadow:0 2px 8px rgba(13,148,136,.25)}.tnl-chat-row--me .tnl-msg-time{display:block;font-size:9px;color:#ccfbf1;opacity:.9;margin-top:2px;text-align:right}.tnl-chat-row--stranger .tnl-msg-bubble{background:#f1f5f9;border:1px solid #e2e8f0;color:#0f172a;border-bottom-left-radius:4px}.tnl-chat-row--stranger .tnl-msg-time{display:block;font-size:9px;color:#64748b;margin-top:2px;text-align:right}.tnl-msg-text{margin:0}.tnl-typing-bubble{display:inline-flex;align-items:center;gap:4px;padding:8px 12px;background:#f1f5f9;border:1px solid #e2e8f0}.tnl-dot{width:5px;height:5px;border-radius:50%;background:var(--tnl-primary);animation:tnl-bounce 1.4s ease-in-out infinite}.tnl-dot.dot-2{animation-delay:.2s}.tnl-dot.dot-3{animation-delay:.4s}@keyframes tnl-bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-4px)}}.tnl-emoji-reaction-bar{display:flex;align-items:center;gap:2px;overflow-x:auto;padding:4px 10px;background:#f8fafc;border-top:1px solid #e2e8f0;scrollbar-width:none}.tnl-emoji-reaction-bar::-webkit-scrollbar{display:none}.tnl-emoji-btn{flex-shrink:0;font-size:20px;line-height:1;background:transparent;border:none;padding:4px 6px;border-radius:6px;cursor:pointer;transition:transform .15s ease,background-color .15s ease}.tnl-emoji-btn:hover{transform:scale(1.22);background:#e2e8f0}.tnl-chat-form{position:relative;padding:8px 12px max(8px,env(safe-area-inset-bottom));background:#ffffff;border-top:1px solid #e5e7eb}.tnl-input-wrapper{display:flex;align-items:center;gap:6px;background:#f8fafc;border:1px solid #cbd5e1;border-radius:var(--tnl-radius-pill);padding:3px 6px 3px 10px;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.tnl-input-wrapper:focus-within{background:#ffffff;border-color:var(--tnl-primary);box-shadow:0 0 0 3px rgba(13,148,136,.18)}.tnl-emoji-toggle-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#64748b;cursor:pointer;padding:4px;border-radius:50%;transition:color .2s ease}.tnl-emoji-toggle-btn.is-active,.tnl-emoji-toggle-btn:hover{color:var(--tnl-primary)}.tnl-chat-input{flex:1;background:transparent;border:none;color:#0f172a;font-family:var(--font-body);font-size:14px;outline:none}.tnl-chat-input::placeholder{color:#94a3b8;opacity:1}.tnl-chat-input:disabled{opacity:.5;cursor:not-allowed}.tnl-send-btn{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--tnl-primary);color:#ffffff;border:none;cursor:pointer;transition:all .2s ease}.tnl-send-btn:hover:not(:disabled){background:var(--tnl-teal-bright);transform:scale(1.05)}.tnl-send-btn:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed}.tnl-emoji-picker-drawer{position:absolute;bottom:56px;left:12px;background:#ffffff;border:1px solid #e2e8f0;border-radius:var(--tnl-radius-md);padding:8px;box-shadow:0 10px 25px rgba(0,0,0,.12);z-index:50;animation:tnl-pop-in .15s ease-out}@keyframes tnl-pop-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tnl-picker-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.tnl-picker-item{font-size:20px;padding:4px;background:transparent;border:none;cursor:pointer;border-radius:4px;transition:transform .15s ease}.tnl-picker-item:hover{transform:scale(1.25);background:#f1f5f9}.tnl-controls-bar{display:flex;align-items:center;justify-content:center;height:54px;min-height:54px;background:#ffffff;border-top:1px solid #e5e7eb;padding:0 16px max(6px,env(safe-area-inset-bottom));z-index:30;box-shadow:0 -1px 3px rgba(0,0,0,.04)}.tnl-controls-inner{display:flex;align-items:center;gap:10px;max-width:520px;width:100%;justify-content:space-around}.tnl-control-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;border-radius:var(--tnl-radius-pill);font-family:var(--font-body);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid #e4e4e7;background:#f4f4f5;color:#374151;padding:0 14px}.tnl-control-btn:hover:not(:disabled){background:#e4e4e7;color:#111827;border-color:#d4d4d8}.tnl-control-btn--skip,.tnl-control-btn--start{background:linear-gradient(135deg,var(--tnl-primary) 0,var(--tnl-teal-bright) 100%);color:#ffffff;border:none;box-shadow:0 2px 10px rgba(13,148,136,.35);padding:0 16px}.tnl-control-btn--skip:hover:not(:disabled),.tnl-control-btn--start:hover{box-shadow:0 4px 16px rgba(20,184,166,.55);transform:translateY(-1px)}.tnl-control-btn--leave{background:#fee2e2;border:1px solid #fecaca;color:#dc2626;padding:0 14px}.tnl-control-btn--leave:hover{background:#dc2626;color:#ffffff;border-color:#dc2626}.tnl-media-controls{display:flex;gap:6px}.tnl-control-btn--icon{width:38px;height:38px;padding:0;border-radius:50%;position:relative}.tnl-control-sublabel{display:none}.tnl-control-btn.is-active-danger{background:var(--tnl-danger);border-color:var(--tnl-danger);color:#ffffff}.tnl-unread-pill{position:absolute;top:-3px;right:-3px;background:var(--tnl-teal-bright);color:#181316;font-size:10px;font-weight:700;width:17px;height:17px;border-radius:50%;display:flex;align-items:center;justify-content:center}@media screen and (max-width:767px){.tnl-chat-header{height:50px;min-height:50px;padding:0 10px;gap:8px;box-sizing:border-box}.tnl-header-left{gap:8px;flex:1 1 auto;min-width:0;overflow:hidden}.tnl-back-link{width:34px;height:34px;min-width:34px;padding:0!important;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.tnl-back-text,.tnl-header-divider{display:none!important}.tnl-brand-wrap{min-width:0;flex:1 1 auto;overflow:hidden}.tnl-brand-wrap .nav-logo-lockup{gap:6px;flex-wrap:nowrap;overflow:hidden}.tnl-brand-wrap .nav-logo-text{font-size:1.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tnl-brand-wrap .nav-logo-eyebrow{font-size:9px!important;font-weight:700!important;padding:1.5px 6px!important;letter-spacing:.05em!important;flex-shrink:0}.tnl-header-center{flex-shrink:0;gap:6px}.tnl-mode-pill{padding:2px;gap:2px}.tnl-mode-btn{padding:4px 9px;font-size:11px;gap:3px}.tnl-header-right{gap:6px;flex-shrink:0}.tnl-header-btn{width:34px;height:34px;min-width:34px}.tnl-header-leave-btn{padding:4px 9px;font-size:11px;gap:4px;height:34px}.tnl-chat-input{font-size:16px}.tnl-video-stage{height:44%;min-height:190px}.tnl-video-grid{padding:4px;gap:4px}.is-local-minimized .tnl-local-tile.is-minimized{width:82px;height:110px;bottom:8px;right:8px}.tnl-controls-bar{height:52px;min-height:52px;padding:0 8px}.tnl-controls-inner{gap:6px}.tnl-control-btn{height:36px;padding:0 12px;font-size:12px}.tnl-control-btn--icon{width:36px;height:36px}}@media screen and (max-width:480px){.tnl-chat-header{padding:0 8px;gap:6px}.tnl-header-left{gap:6px}.tnl-back-link{width:32px;height:32px;min-width:32px}.tnl-brand-wrap .nav-logo-text{font-size:1.05rem}.tnl-brand-wrap .nav-logo-eyebrow{font-size:8.5px!important;padding:1px 5px!important}.tnl-mode-btn{padding:3px 7px;font-size:10.5px}.tnl-header-btn{width:32px;height:32px;min-width:32px}.tnl-header-leave-btn{padding:3px 8px;font-size:10.5px;height:32px}}@media screen and (max-width:375px){.tnl-chat-header{padding:0 6px;gap:4px}.tnl-brand-wrap .nav-logo-text{font-size:.95rem}.tnl-brand-wrap .nav-logo-eyebrow{display:none!important}.tnl-mode-btn{padding:3px 5px;font-size:10px}.tnl-control-btn{padding:0 8px;font-size:11px}.tnl-control-btn--skip,.tnl-control-btn--start{padding:0 10px}.is-local-minimized .tnl-local-tile.is-minimized{width:72px;height:96px;bottom:6px;right:6px}}@media screen and (min-width:768px){.tnl-mobile-only{display:none!important}.tnl-chat-body--video{flex-direction:row}.tnl-video-stage{flex:1.6;height:100%;border-right:1px solid var(--tnl-border)}.tnl-chat-panel{flex:1;height:100%;border-top:none;border-left:1px solid #e5e7eb}.tnl-stage-title{font-size:1.8em}.tnl-stage-desc{font-size:13px;max-width:340px}.tnl-controls-bar{position:static;transform:none;width:100%;border-radius:0;box-shadow:0 -1px 3px rgba(0,0,0,.04);background:#ffffff;border-top:1px solid #e5e7eb;height:54px}.tnl-controls-inner{gap:10px}}