.player-wrapper.svelte-1t7rlx4{display:flex;flex-direction:column;width:100%;height:100%;justify-content:center}.video-container.svelte-1t7rlx4{width:100%;aspect-ratio:1920/1080}.hidden.svelte-1t7rlx4{display:none}.audio-toggle.svelte-1t7rlx4{width:-moz-fit-content;width:fit-content;margin-top:var(--space-xs);margin-left:auto;margin-right:var(--space-s);z-index:10}.audio-toggle.svelte-1t7rlx4+:where(.svelte-1t7rlx4){z-index:10}.noise.svelte-1t7rlx4{filter:url(#noiseFilter);background-color:rgb(var(--color-tertiary-500))}.chat-sidebar{display:flex;flex-direction:column;height:100%;width:100%;background-color:#fff;border:1px solid rgb(var(--color-surface-200));border-radius:.5rem;overflow:hidden;color:#000}.chat-error{display:flex;align-items:center;gap:.75rem;padding:.75rem;background-color:rgb(var(--color-error-500) / .1);border-bottom:1px solid rgb(var(--color-error-500) / .3);color:rgb(var(--color-error-700));font-size:.875rem;animation:slideDown .2s ease-out}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.messages-container{flex:1;overflow-y:auto;padding:1rem;background-color:#fff;display:flex;flex-direction:column}.messages-list{display:flex;flex-direction:column;gap:1rem}.message{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background-color:rgb(var(--color-surface-50));border-left:3px solid rgb(var(--color-primary-500));border-radius:.25rem;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.message-header{display:flex;align-items:center;gap:.5rem;justify-content:space-between}.message-author{font-weight:600;font-size:.875rem;color:rgb(var(--color-primary-600));word-break:break-word}.message-time{font-size:.75rem;color:rgb(var(--color-surface-400));flex-shrink:0}.message-body{word-break:break-word;white-space:pre-wrap;line-height:1.5;color:rgb(var(--color-surface-700));font-size:.9375rem}.messages-empty{display:flex;align-items:center;justify-content:center;flex:1;padding:2rem 1rem;text-align:center;color:rgb(var(--color-surface-400));font-size:.875rem}.messages-empty p{margin:0}.composer-section{display:flex;flex-direction:column;border-top:1px solid rgb(var(--color-surface-200));background-color:#fff;padding:1rem;gap:.75rem;position:relative}.composer{display:flex;flex-direction:column;gap:.5rem;background-color:rgb(var(--color-surface-50));border:1px solid rgb(var(--color-surface-200));border-radius:.375rem;padding:.75rem;transition:border-color .2s ease}.composer:focus-within{border-color:rgb(var(--color-primary-500))}.message-input{flex:1;min-height:3.5rem;max-height:6rem;padding:.5rem;background-color:transparent;border:none;color:#000;font-family:inherit;font-size:.9375rem;line-height:1.5;resize:none;outline:none;scrollbar-width:thin;scrollbar-color:rgb(var(--color-surface-300)) transparent}.message-input::-webkit-scrollbar{width:4px}.message-input::-webkit-scrollbar-track{background:transparent}.message-input::-webkit-scrollbar-thumb{background-color:rgb(var(--color-surface-300));border-radius:2px}.message-input::-webkit-scrollbar-thumb:hover{background-color:rgb(var(--color-surface-400))}.message-input::-moz-placeholder{color:rgb(var(--color-surface-400))}.message-input::placeholder{color:rgb(var(--color-surface-400))}.message-input:disabled{color:rgb(var(--color-surface-300));cursor:not-allowed;opacity:.6}.composer-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.character-count{font-size:.75rem;color:rgb(var(--color-surface-400));font-variant-numeric:tabular-nums}.character-count.over-limit{color:rgb(var(--color-warning-600));font-weight:600}.send-button{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;background-color:rgb(var(--color-primary-500));color:#fff;border:none;border-radius:.25rem;cursor:pointer;transition:all .2s ease;flex-shrink:0}.send-button:hover:not(:disabled){background-color:rgb(var(--color-primary-600));transform:scale(1.05)}.send-button:active:not(:disabled){transform:scale(.95)}.send-button:disabled{background-color:rgb(var(--color-surface-200));color:rgb(var(--color-surface-400));cursor:not-allowed;opacity:.5}.nickname-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;animation:fadeIn .2s ease-out}.nickname-modal{display:flex;flex-direction:column;gap:1.5rem;padding:2rem;background-color:#fff;border:1px solid rgb(var(--color-surface-200));border-radius:.75rem;max-width:24rem;width:90%;box-shadow:0 20px 25px -5px #0000001a;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(1rem);opacity:0}to{transform:translateY(0);opacity:1}}.nickname-header{display:flex;flex-direction:column;gap:.5rem}.nickname-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#000}.nickname-header p{margin:0;font-size:.875rem;color:rgb(var(--color-surface-500))}.nickname-input{padding:.75rem;background-color:rgb(var(--color-surface-50));border:1px solid rgb(var(--color-surface-200));border-radius:.375rem;color:#000;font-family:inherit;font-size:.9375rem;outline:none;transition:border-color .2s ease}.nickname-input:focus{border-color:rgb(var(--color-primary-500))}.nickname-input::-moz-placeholder{color:rgb(var(--color-surface-400))}.nickname-input::placeholder{color:rgb(var(--color-surface-400))}.nickname-buttons{display:flex;flex-direction:column;gap:.75rem}.nickname-submit,.nickname-skip{padding:.75rem 1rem;border:none;border-radius:.375rem;font-family:inherit;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;outline:none}.nickname-submit{background-color:rgb(var(--color-primary-500));color:#fff}.nickname-submit:hover{background-color:rgb(var(--color-primary-600))}.nickname-submit:active{transform:scale(.98)}.nickname-skip{background-color:rgb(var(--color-surface-100));color:rgb(var(--color-surface-700));border:1px solid rgb(var(--color-surface-200))}.nickname-skip:hover{background-color:rgb(var(--color-surface-200))}.nickname-skip:active{transform:scale(.98)}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:transparent}.messages-container::-webkit-scrollbar-thumb{background-color:rgb(var(--color-surface-200));border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background-color:rgb(var(--color-surface-300))}@media(max-width:640px){.chat-sidebar{border-radius:0;border:none}.nickname-modal{width:95%;padding:1.5rem;gap:1rem}.nickname-header h3{font-size:1.125rem}.message{padding:.625rem}.composer-section{padding:.75rem}.composer{padding:.625rem}.message-input{min-height:3rem;font-size:1rem}}@media(max-width:480px){.messages-container{padding:.75rem}.message{padding:.5rem}.composer-section{padding:.5rem;gap:.5rem}.composer{padding:.5rem}.send-button{width:2rem;height:2rem}}.content-layout.svelte-h7bcrl{position:absolute;z-index:10;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-m);gap:var(--space-m);pointer-events:none}.content-layout.svelte-h7bcrl>:where(.svelte-h7bcrl){pointer-events:auto}.player-section.svelte-h7bcrl{width:100%;max-width:90%;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;transition:all .3s ease}@media(min-width:768px){.player-section.svelte-h7bcrl{max-width:80%}}.has-chat.has-player.svelte-h7bcrl .player-section:where(.svelte-h7bcrl){max-width:100%;aspect-ratio:auto}.chat-section.svelte-h7bcrl{width:100%;max-width:500px;height:40vh;min-height:300px;max-height:600px;transition:all .3s ease}@media(orientation:landscape){.content-layout.has-chat.has-player.svelte-h7bcrl{flex-direction:row;padding:var(--space-m);gap:var(--space-m);align-items:center;justify-content:center}.has-chat.has-player.svelte-h7bcrl .player-section:where(.svelte-h7bcrl){flex:1;height:100%;max-height:85vh;max-width:none;display:flex;align-items:center;justify-content:center}.has-chat.has-player.svelte-h7bcrl .chat-section:where(.svelte-h7bcrl){width:380px;flex-shrink:0;height:85vh;max-width:none}}@media(orientation:portrait){.has-chat.has-player.svelte-h7bcrl .chat-section:where(.svelte-h7bcrl){height:30vh}}.container.svelte-h7bcrl{height:100%;width:100%;max-width:none;padding-inline:var(--space-l)}