*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-body:"Manrope", sans-serif;--font-display:"Unbounded", var(--font-body);--ocean-bg:#050f1a;--ocean-bg-glow:#112a40;--ocean-bg-deep:#030b14;--ocean-bg-panel:#0a1c2d;--ocean-bg-info:#0e2335;--ocean-accent-pale:#d0f4ff;--ocean-ember:#f2b368;--ocean-ember-soft:#f2b36824;--ocean-ember-ink:#3a2410;--ocean-live:#e25a45;--ocean-raise:#163349;--ocean-raise-2:#24475f;--ocean-text:#f1f1f1;--ocean-text-muted:#f1f1f166;--ocean-text-dim:#f1f1f18c;--ocean-text-soft:#f1f1f199;--ocean-text-faint:#f1f1f13d;--ocean-text-mid:#f1f1f173;--ocean-text-strong:#f1f1f1bf;--ocean-text-bright:#f1f1f1d9;--ocean-hairline:#ffffff0f;--ocean-hairline-strong:#ffffff1f;--ocean-danger:#e0656b;--ocean-danger-hover:#ff8f8f;--ocean-danger-soft:#e0656b24;--ocean-success:#2ee6c8;--ocean-success-soft:#2ee6c824;--ocean-warning:var(--ocean-ember);--ocean-waves:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='800' viewBox='0 0 1600 800' preserveAspectRatio='none'%3E%3Cpath d='M0 210 C133 240,267 180,400 210 S667 240,800 210 S1067 180,1200 210 S1467 240,1600 210 L1600 800 L0 800 Z' fill='rgba(2%2C8%2C14%2C0.22)'/%3E%3Cpath d='M0 430 C133 398,267 462,400 430 S667 398,800 430 S1067 462,1200 430 S1467 398,1600 430 L1600 800 L0 800 Z' fill='rgba(2%2C8%2C14%2C0.27)'/%3E%3Cpath d='M0 630 C133 658,267 602,400 630 S667 658,800 630 S1067 602,1200 630 S1467 658,1600 630 L1600 800 L0 800 Z' fill='rgba(2%2C8%2C14%2C0.32)'/%3E%3C/svg%3E");--px:max(1px, min(100vw / 1920, 100vh / 940))}:root,.party-theme{--ocean-accent-rgb:110, 205, 232;--ocean-accent:#6ecde8;--ocean-accent-light:#a8e6f0;--ocean-line-faint:rgba(var(--ocean-accent-rgb), .06);--ocean-line:rgba(var(--ocean-accent-rgb), .12);--ocean-line-strong:rgba(var(--ocean-accent-rgb), .25);--ocean-wash:rgba(var(--ocean-accent-rgb), .08);--ocean-wash-strong:rgba(var(--ocean-accent-rgb), .16);--ocean-glow:rgba(var(--ocean-accent-rgb), .35)}@supports (color:color-mix(in oklab, red 50%, blue)){.party-theme{--ocean-bg:color-mix(in oklab, #050f1a 94%, var(--ocean-accent));--ocean-bg-glow:color-mix(in oklab, #112a40 94%, var(--ocean-accent));--ocean-bg-panel:color-mix(in oklab, #0a1c2d 94%, var(--ocean-accent));--ocean-bg-info:color-mix(in oklab, #0e2335 94%, var(--ocean-accent));--ocean-raise:color-mix(in oklab, #163349 94%, var(--ocean-accent));--ocean-raise-2:color-mix(in oklab, #24475f 94%, var(--ocean-accent))}}html,body,#root{height:100%}@media (width>=1600px){html{font-size:calc(17 * var(--px))}}@media (width>=1920px){html{font-size:calc(18 * var(--px))}}:where(svg[style*=--ico]){width:calc(var(--ico) * var(--px));height:calc(var(--ico) * var(--px))}html{background-color:var(--ocean-bg)}html:before{content:"";z-index:-3;pointer-events:none;background-image: linear-gradient(to bottom, #112a4080 0%, transparent 32%),  linear-gradient(to bottom, transparent 30%, #0e466e4d 54%, #0a325429 70%, transparent 88%),  linear-gradient(to bottom, transparent 68%, #02080e99 100%), radial-gradient(ellipse 60% 25% at 30% 5%, var(--ocean-line-faint) 0%, transparent 65%);background-size:100% 100%,100% 100%,100% 100%,100% 100%;position:fixed;inset:0}body{color:var(--ocean-text);font-family:var(--font-body);overflow-x:clip}h1,h2,h3{letter-spacing:-.01em}:focus-visible{outline:2px solid var(--ocean-glow);outline-offset:2px}.af-submit:active:not(:disabled),.settings-btn-primary:active:not(:disabled),.settings-btn-secondary:active:not(:disabled),.settings-btn-ghost:active:not(:disabled),.clip-btn:active:not(:disabled){transform:translateY(1px)}.page-layout{flex-direction:column;min-height:100dvh;display:flex}:root{--stage-aspect:40 / 27;--sidebar-width:clamp(21rem, 22vw, 25rem)}.page-content{flex:1;width:100%;padding:0 2.5rem 4rem}@media (width>=1001px){.page-content,.navbar-inner,.footer-inner{max-width:calc(var(--sidebar-width) + calc(24 * var(--px)) + (100dvh - 4rem - calc(12 * var(--px))) * var(--stage-aspect) + 5rem);margin-inline:auto}}@media (width<=560px){.page-content{padding-left:1.25rem;padding-right:1.25rem}}@media (pointer:coarse){input,textarea,.chat-input,.ant-input{font-size:1rem!important}.control-btn,.stage-mode,.stage-reset,.stage-expand,.stage-fold{min-width:2.5rem;min-height:2.5rem}.voice-user{min-height:2.5rem}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.live-dot,.party-live-dot{animation:none}}.user-avatar{-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}img.user-avatar--image{object-fit:cover;background:var(--ocean-bg-info);-webkit-user-drag:none;display:block}.conn-status{bottom:calc(16 * var(--px));align-items:center;gap:calc(8 * var(--px));padding:calc(6 * var(--px)) calc(14 * var(--px));border-radius:calc(999 * var(--px));background:var(--ocean-bg-info);color:var(--ocean-ember);font-size:calc(13 * var(--px));z-index:1000;border:1px solid #f2b36880;display:flex;position:fixed;left:50%;transform:translate(-50%)}.conn-status-dot{width:calc(8 * var(--px));height:calc(8 * var(--px));background:var(--ocean-ember);border-radius:50%;animation:1.2s ease-in-out infinite conn-pulse}@keyframes conn-pulse{50%{opacity:.3}}.error-fallback{justify-content:center;align-items:center;gap:calc(12 * var(--px));min-height:60vh;color:var(--ocean-text-dim);flex-direction:column;display:flex}.error-fallback button{padding:calc(8 * var(--px)) calc(20 * var(--px));border-radius:calc(8 * var(--px));border:1px solid var(--ocean-raise-2);background:var(--ocean-bg-panel);color:var(--ocean-text);cursor:pointer}.no-scroll{overflow:hidden}.party-dive{pointer-events:none;position:fixed;inset:4rem 0 0}.party-dive--water{z-index:-2}.party-dive--veil{z-index:-1;background-image:linear-gradient(to bottom, #050f1a85 0%, #050f1a61 42%, #050f1a8f 100%), var(--ocean-waves);background-size:100% 100%,100% 100%}.party-dive--grow{animation:.55s forwards party-dive-grow}@keyframes party-dive-grow{0%{clip-path:inset(var(--dive-top) var(--dive-right) var(--dive-bottom) var(--dive-left) round calc(18 * var(--px)));animation-timing-function:cubic-bezier(.45,.05,.65,.5)}55%{clip-path:inset(calc(var(--dive-top) * .08) calc(var(--dive-right) * .08) calc(var(--dive-bottom) * .08) calc(var(--dive-left) * .08) round calc(6 * var(--px)));animation-timing-function:cubic-bezier(.16,.8,.3,1)}to{clip-path:inset(0)}}html.out-of-sight *,html.out-of-sight :before,html.out-of-sight :after{animation-play-state:paused!important}html.desktop{overscroll-behavior:none;scrollbar-width:thin;scrollbar-color:var(--ocean-line-strong) transparent}html.desktop::-webkit-scrollbar{width:calc(8 * var(--px))}html.desktop::-webkit-scrollbar-track{background:0 0}html.desktop::-webkit-scrollbar-thumb{background:var(--ocean-line-strong);border-radius:calc(999 * var(--px))}html.desktop::-webkit-scrollbar-thumb:hover{background:rgba(var(--ocean-accent-rgb), .5)}html.desktop body{-webkit-user-select:none;user-select:none}html.desktop :is(input,textarea,[contenteditable=true],.chat-body,kbd,code,.clip-viewer-notice,.stream-modal-note){-webkit-user-select:text;user-select:text}html.desktop img,html.desktop svg,html.desktop a{-webkit-user-drag:none}.ant-message .ant-message-notice.potik-toast .ant-message-notice-content{max-width:min(30rem, calc(100vw - calc(32 * var(--px))));padding:calc(10 * var(--px)) calc(14 * var(--px)) calc(10 * var(--px)) calc(10 * var(--px));border-radius:calc(12 * var(--px));background:var(--ocean-bg-info);box-shadow:0 0 0 1px var(--ocean-hairline-strong), 0 calc(14 * var(--px)) calc(36 * var(--px)) #020a128c;color:var(--ocean-text);font-size:calc(13 * var(--px));text-align:left;font-weight:600;line-height:1.4}.potik-toast .ant-message-custom-content{align-items:center;gap:calc(10 * var(--px));display:flex}.potik-toast-link{color:var(--ocean-accent);text-underline-offset:2px;text-decoration:underline}.potik-toast-link:hover{color:var(--ocean-accent-light)}.potik-toast-icon{width:calc(28 * var(--px));height:calc(28 * var(--px));border-radius:calc(8 * var(--px));background:var(--ocean-danger-soft);color:var(--ocean-danger);font-size:calc(14 * var(--px));flex:none;place-items:center;display:grid}.app-banner{background:var(--ocean-bg-info);border-bottom:1px solid var(--ocean-hairline);color:var(--ocean-accent-light);font-size:calc(14 * var(--px));text-align:center;justify-content:center;align-items:center;gap:1rem;padding:.5rem 3rem;display:flex;position:relative}.app-banner-link{font-size:inherit;color:var(--ocean-accent);white-space:nowrap;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.app-banner-link:hover{color:var(--ocean-accent-pale);text-decoration:underline}.app-banner-dismiss{color:var(--ocean-text-dim);font-size:calc(14 * var(--px));padding:calc(6 * var(--px));cursor:pointer;background:0 0;border:none;line-height:1;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.app-banner-dismiss:hover{color:var(--ocean-text)}.navbar{background-color:var(--ocean-bg-deep);z-index:100;border-bottom:1px solid var(--ocean-hairline);background-clip:padding-box;height:4rem;position:sticky;top:0}.navbar:after{content:"";background:linear-gradient(90deg, var(--ocean-accent) 0%, var(--ocean-accent-light) 40%, var(--ocean-ember) 75%, var(--ocean-live) 100%);opacity:.6;height:1px;position:absolute;bottom:0;left:0;right:0}.navbar-inner{justify-content:space-between;align-items:center;gap:2.5rem;width:100%;height:100%;padding:0 2.5rem;display:flex}.navbar-brand{flex-shrink:0;align-items:center;min-width:0;display:flex}.navbar-room{align-items:center;gap:.875rem;min-width:0;margin-left:.875rem;animation:.3s ease-out backwards navbar-drift-in;display:flex}@keyframes navbar-drift-in{0%{opacity:0;transform:translateY(.375rem)}}.navbar-start-stream.ant-btn{animation:.3s ease-out .1s backwards navbar-drift-in}.navbar-start-stream.ant-btn.ant-btn{background:var(--ocean-accent);color:var(--ocean-bg-deep);border-radius:calc(8 * var(--px));box-shadow:none;border:none;font-weight:700}.navbar-start-stream.ant-btn.ant-btn:hover{background:var(--ocean-accent-light);color:var(--ocean-bg-deep)}.navbar-start-stream.ant-btn.ant-btn:active{transform:translateY(1px)}.navbar-start-stream--web.ant-btn.ant-btn{background:var(--ocean-wash-strong);color:var(--ocean-accent);box-shadow:inset 0 0 0 1px var(--ocean-line-strong)}.navbar-start-stream--web.ant-btn.ant-btn:hover{background:rgba(var(--ocean-accent-rgb), .24);color:var(--ocean-accent-light)}@media (prefers-reduced-motion:reduce){.navbar-room,.navbar-start-stream.ant-btn{animation:none}}.navbar-download-btn{align-items:center;gap:calc(6 * var(--px));height:calc(32 * var(--px));padding:0 calc(14 * var(--px));border-radius:calc(8 * var(--px));background:var(--ocean-wash-strong);box-shadow:inset 0 0 0 1px var(--ocean-line-strong);color:var(--ocean-accent);font-size:calc(14 * var(--px));white-space:nowrap;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.navbar-download-btn:hover{background:rgba(var(--ocean-accent-rgb), .24);color:var(--ocean-accent-light)}.navbar-download-btn:active{transform:translateY(1px)}.navbar-download-btn--off,.navbar-download-btn--off:hover{background:var(--ocean-wash);color:var(--ocean-text-dim);cursor:not-allowed}.navbar-room-divider{background:var(--ocean-hairline-strong);flex-shrink:0;width:1px;height:1.375rem;transform:rotate(18deg)}.navbar-room-name--link{cursor:pointer;text-decoration:none}.navbar-room-name--link:hover{border-color:#f2b3688c}.navbar-room-name{border-radius:calc(999 * var(--px));background:var(--ocean-ember-soft);color:var(--ocean-ember);letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;border:1px solid #f2b36852;max-width:15rem;padding:.3rem .8rem;font-size:.875rem;font-weight:700;display:inline-block;overflow:hidden}.navbar-room .voice-bar{gap:calc(8 * var(--px));padding:calc(6 * var(--px)) calc(6 * var(--px)) calc(6 * var(--px)) calc(12 * var(--px));border:1px solid var(--ocean-hairline-strong);border-radius:calc(12 * var(--px));background:0 0;flex-shrink:0;margin:0}.navbar-room .voice-bar-name{max-width:10rem;color:var(--ocean-text-bright);flex:0 auto;text-decoration:none;transition:color .15s}.navbar-room .voice-bar-name:hover{color:var(--ocean-accent)}.navbar-room .voice-btn{height:calc(26 * var(--px));padding:0 calc(10 * var(--px));border-radius:calc(7 * var(--px))}.navbar-room .voice-btn--leave{min-width:0}@media (width<=768px){.navbar-room .voice-bar{gap:calc(5 * var(--px));padding:calc(5 * var(--px))}.navbar-room .voice-bar-dot,.navbar-room .voice-bar-name,.navbar-room .voice-btn--hear{display:none}}.navbar-room-avatar{vertical-align:-.3em;background:#050f1a73;border-radius:50%;width:1.125rem;height:1.125rem;margin-right:.5rem;display:inline-block}.navbar-logo{font-family:var(--font-display);color:var(--ocean-text);letter-spacing:calc(3 * var(--px));text-transform:uppercase;text-shadow:0 0 calc(18 * var(--px)) var(--ocean-glow);align-items:center;gap:.5rem;font-size:1rem;font-weight:700;text-decoration:none;display:flex}.navbar-logo:hover{color:var(--ocean-text);text-shadow:0 0 calc(22 * var(--px)) #a8e6f073}.navbar-logo-icon{align-items:center;display:flex}.navbar-beta{margin-left:calc(-5 * var(--px));padding:2px calc(6 * var(--px));border-radius:calc(999 * var(--px));background:var(--ocean-line);color:var(--ocean-accent-light);font-size:calc(9 * var(--px));letter-spacing:calc(1 * var(--px));text-transform:uppercase;text-shadow:none;box-shadow:0 0 calc(10 * var(--px)) var(--ocean-wash-strong);border:1px solid #6ecde873;align-self:flex-start;margin-top:0;font-weight:700;line-height:1;transition:border-color .15s,background .15s,color .15s}.navbar-logo:hover .navbar-beta{background:var(--ocean-line-strong);color:var(--ocean-accent-pale);border-color:#a8e6f0b3}.navbar-actions{align-items:center;gap:calc(8 * var(--px));display:flex}.navbar-signin-btn{font-size:calc(14 * var(--px))!important;color:var(--ocean-text-dim)!important;font-weight:500!important}.navbar-signin-btn:hover{color:var(--ocean-text)!important}.navbar-signup-btn{padding:0 calc(22 * var(--px))!important;border-radius:calc(8 * var(--px))!important;background:var(--ocean-line)!important;color:var(--ocean-text)!important;border-color:#6ecde87a!important;font-weight:600!important}.navbar-signup-btn:hover{background:var(--ocean-wash-strong)!important;color:var(--ocean-text)!important;border-color:#6ecde8bf!important}.navbar-user{position:relative}.navbar-user-btn{align-items:center;gap:calc(8 * var(--px));padding:calc(6 * var(--px)) calc(10 * var(--px)) calc(6 * var(--px)) calc(6 * var(--px));background:var(--ocean-hairline);border-radius:calc(999 * var(--px));cursor:pointer;color:var(--ocean-text);border:none;transition:background .15s;display:flex}.navbar-user-btn:hover{background:var(--ocean-hairline-strong)}.navbar-user-avatar{width:calc(28 * var(--px));height:calc(28 * var(--px));background:linear-gradient(135deg, var(--ocean-accent), var(--ocean-ember));font-size:calc(12 * var(--px));color:var(--ocean-text);-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.navbar-user-name{font-size:calc(13 * var(--px));color:var(--ocean-text-bright);max-width:calc(120 * var(--px));text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.navbar-user-chevron{width:calc(7 * var(--px));height:calc(7 * var(--px));border-right:1.5px solid var(--ocean-text-soft);border-bottom:1.5px solid var(--ocean-text-soft);flex-shrink:0;transition:transform .2s;display:inline-block;transform:rotate(45deg)translateY(-2px)}.navbar-user-chevron--open{transform:rotate(-135deg)translateY(-2px)}.navbar-user-dropdown{top:calc(100% + calc(10 * var(--px)));min-width:calc(200 * var(--px));background:var(--ocean-bg-deep);border:1px solid var(--ocean-hairline-strong);border-radius:calc(10 * var(--px));box-shadow:0 calc(12 * var(--px)) calc(40 * var(--px)) #020a1280;padding:calc(6 * var(--px));z-index:200;animation:.15s dropdown-in;position:absolute;right:0}@keyframes dropdown-in{0%{opacity:0;transform:translateY(calc(-6 * var(--px)))}to{opacity:1;transform:translateY(0)}}.navbar-user-dropdown-header{align-items:center;gap:calc(10 * var(--px));padding:calc(8 * var(--px)) calc(10 * var(--px)) calc(10 * var(--px));text-align:left;width:100%;font:inherit;cursor:pointer;border-radius:calc(8 * var(--px));background:0 0;border:none;transition:background .15s;display:flex}.navbar-user-dropdown-header:hover{background:var(--ocean-hairline)}.navbar-user-dropdown-avatar{width:calc(36 * var(--px));height:calc(36 * var(--px));background:linear-gradient(135deg, var(--ocean-accent), var(--ocean-ember));font-size:calc(15 * var(--px));color:var(--ocean-text);-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.navbar-user-dropdown-uname{font-size:calc(13 * var(--px));color:var(--ocean-text);font-weight:600;line-height:1.3}.navbar-user-dropdown-edit{font-size:calc(11 * var(--px));color:var(--ocean-text-muted);line-height:1.3}.navbar-user-dropdown-header:hover .navbar-user-dropdown-edit{color:var(--ocean-accent)}.navbar-user-dropdown-divider{background:var(--ocean-hairline);height:1px;margin:calc(4 * var(--px)) 0}.navbar-user-dropdown-item{width:100%;padding:calc(8 * var(--px)) calc(10 * var(--px));border-radius:calc(6 * var(--px));font-size:calc(13 * var(--px));color:var(--ocean-text-strong);text-align:left;cursor:pointer;background:0 0;border:none;font-weight:500;transition:background .15s,color .15s;display:block}.navbar-user-dropdown-item:hover{background:var(--ocean-wash);color:var(--ocean-text)}a.navbar-user-dropdown-item{box-sizing:border-box;text-decoration:none}.navbar-user-dropdown-item--off,.navbar-user-dropdown-item--off:hover{color:var(--ocean-text-dim);cursor:not-allowed;background:0 0}.navbar-user-dropdown-item--danger{color:var(--ocean-danger)}.navbar-user-dropdown-item--danger:hover{background:var(--ocean-danger-soft);color:var(--ocean-danger-hover)}.navbar-download-tip .ant-tooltip-inner{border-radius:calc(10 * var(--px));padding:calc(10 * var(--px)) calc(14 * var(--px));box-shadow:0 calc(12 * var(--px)) calc(32 * var(--px)) #020a1273}.navbar-download{gap:calc(6 * var(--px));text-align:center;color:var(--ocean-text-strong);flex-direction:column;font-size:.8125rem;display:flex}.navbar-download-link{align-items:center;gap:calc(5 * var(--px));color:var(--ocean-accent-light);font-weight:600;text-decoration:none;display:inline-flex}.navbar-download-icon{font-size:calc(13 * var(--px))}.navbar-download-link:hover{color:var(--ocean-text);text-decoration:underline}.navbar-download-meta{opacity:.6;font-size:.7rem}@media (width<=560px){.navbar-inner{gap:.75rem;padding:0 1.25rem}.navbar-brand{flex:1;min-width:0}.navbar-room{flex:1;gap:.5rem;min-width:0;margin-left:.5rem}.navbar-room-name{flex:0 auto;min-width:0;max-width:none}.navbar-actions{flex-shrink:0}}.winctl{z-index:400;height:4rem;display:flex;position:fixed;top:0;right:0}.winctl-btn{width:2.875rem;height:100%;color:var(--ocean-text-dim);cursor:default;background:0 0;border:none;place-items:center;padding:0;transition:background-color .12s,color .12s;display:grid}.winctl-btn:hover{background:var(--ocean-line-faint);color:var(--ocean-text)}.winctl-btn--close:hover{background:var(--ocean-danger);color:var(--ocean-text)}html.desktop-chrome .navbar-inner{padding-right:9.5rem}.parties-page{flex-direction:column;min-height:calc(100dvh - 10.5rem);padding-top:2.5rem;display:flex}@media (width>=901px){.parties-page{height:min(100dvh - 10.5rem,52rem);min-height:0}.parties-layout{min-height:0}}.parties-title{letter-spacing:calc(.3 * var(--px));font-size:1.75rem;font-weight:800}.parties-subtitle{color:var(--ocean-text-muted);margin-top:.35rem;margin-bottom:2rem;font-size:.9375rem}.parties-error{color:var(--ocean-text-dim);margin-bottom:1rem;font-size:.9375rem}.parties-retry{color:var(--ocean-accent);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.parties-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1rem;margin-bottom:1.25rem;display:flex}.parties-greeting{color:var(--ocean-text);font-size:1.375rem;font-weight:700}.parties-greeting-name{color:var(--ocean-ember)}.parties-new{color:var(--ocean-accent);cursor:pointer;background:0 0;border:none;padding:.25rem 0;font-family:inherit;font-size:.875rem;font-weight:700}.parties-new:hover{color:var(--ocean-accent-light)}.parties-layout{gap:calc(24 * var(--px));flex:1;grid-template-columns:minmax(0,1fr) clamp(21rem,22vw,25rem);align-items:stretch;display:grid}@media (width<=900px){.parties-layout{grid-template-columns:minmax(0,1fr)}.party-focus{min-height:0}.party-focus-body{padding:2.5rem 1.25rem 1.25rem}}.parties-page--dive{pointer-events:none}.parties-page--dive .parties-toolbar,.parties-page--dive .party-focus{animation:.3s ease-out forwards parties-dissolve-out}.parties-page--dive .party-focus:before{background-image:linear-gradient(#050f1a85 0%,#050f1a61 42%,#050f1a8f 100%)}.parties-page--dive .parties-list-col{animation:.35s ease-in forwards parties-scroll-out}.parties-skel{background:var(--ocean-hairline);border-radius:calc(12 * var(--px));animation:1.6s ease-in-out infinite parties-skel-breathe;display:block}.parties-skel-greeting{width:16rem;max-width:60vw;height:1.75rem}.parties-skel-focus{border-radius:calc(18 * var(--px));min-height:28rem}.parties-skel-col{flex-direction:column;gap:.625rem;display:flex}.parties-skel-label{border-radius:calc(999 * var(--px));width:7rem;height:.875rem;margin-bottom:.5rem}.parties-skel-row{height:3.5rem}@keyframes parties-skel-breathe{0%,to{opacity:1}50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.parties-skel{animation:none}}@keyframes parties-dissolve-out{to{opacity:0}}@keyframes parties-scroll-out{to{opacity:0;transform:translateY(-2rem)}}.party-owner-badge{border-radius:calc(6 * var(--px));color:var(--ocean-text-strong);letter-spacing:.08em;background:#050f1a73;padding:.125rem .5rem;font-size:.625rem;font-weight:800;display:inline-block}.party-active-badge{border-radius:calc(6 * var(--px));color:var(--ocean-ember);letter-spacing:.08em;background:#050f1a73;padding:.125rem .5rem;font-size:.625rem;font-weight:800;display:inline-block}.party-voice-count{color:var(--ocean-ember);align-items:center;gap:.4rem;font-size:.75rem;font-weight:700;display:inline-flex}.party-voice-dot{background:currentColor;border-radius:50%;width:.375rem;height:.375rem}.party-live-pill{border-radius:calc(999 * var(--px));color:var(--ocean-danger);letter-spacing:.04em;background:#050f1a73;align-items:center;gap:.4rem;padding:.2rem .625rem;font-size:.6875rem;font-weight:800;display:inline-flex}.party-live-dot{background:currentColor;border-radius:50%;width:.375rem;height:.375rem;animation:1.6s ease-in-out infinite pulse}.party-member-stack{align-items:center;display:inline-flex}.party-member-stack .party-member-avatar{width:1.375rem;height:1.375rem;font-size:.625rem;box-shadow:0 0 0 2px #050f1a99}.party-member-stack .party-member-avatar+.party-member-avatar,.party-member-stack .party-member-more{margin-left:-.375rem}.party-focus-offer{border-radius:calc(8 * var(--px));background:var(--ocean-ember-soft);border:1px solid var(--ocean-warning);flex-direction:column;gap:.5rem;padding:.75rem .875rem;font-size:.8125rem;display:flex}.party-focus-offer-text{color:var(--ocean-text-strong);font-weight:600}.party-focus-offer-accept{font-family:inherit;font-size:inherit;cursor:pointer;color:var(--ocean-warning);background:0 0;border:none;padding:0;font-weight:700}.party-leave-confirm{align-items:center;gap:.75rem;font-size:.8125rem;display:inline-flex}.party-leave-question{color:var(--ocean-text-strong);font-weight:600}.party-leave-actions{align-items:center;gap:.75rem;display:inline-flex}.party-leave-yes,.party-leave-stay{font-family:inherit;font-size:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:700}.party-leave-yes{color:var(--ocean-danger)}.party-leave-yes:hover{color:var(--ocean-danger-hover)}.party-leave-stay{color:var(--ocean-text-muted)}.party-leave-stay:hover{color:var(--ocean-text-soft)}.party-member-more{border-radius:calc(999 * var(--px));min-width:1.375rem;height:1.375rem;color:var(--ocean-text-strong);background:#050f1a99;justify-content:center;align-items:center;padding:0 .25rem;font-size:.625rem;font-weight:700;display:inline-flex}.party-focus{border-radius:calc(18 * var(--px));align-items:flex-end;min-height:28rem;display:flex;position:relative;overflow:hidden}.party-focus--current{box-shadow:0 0 0 1px #f2b36880, 0 0 calc(26 * var(--px)) calc(5 * var(--px)) #f2b36847}.party-focus--current:after{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(#f2b36847 0%,#f2b3681f 38%,#f2b3688c 82%,#f2b368bf 100%);padding:1px;animation:4.5s ease-in-out infinite lantern-breathe;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes lantern-breathe{0%,to{opacity:1}50%{opacity:.65}}@media (prefers-reduced-motion:reduce){.party-focus--current:after{animation:none}}.party-focus:before{content:"";background-image:linear-gradient(to bottom, #050f1a85 0%, #050f1a61 42%, #050f1a8f 100%), var(--ocean-waves);pointer-events:none;background-size:100% 100%,100% 100%;position:absolute;inset:0}.party-focus-body{background:linear-gradient(#0000,#050f1a99);flex-direction:column;align-items:flex-start;gap:.75rem;width:100%;padding:4rem 1.75rem 1.75rem;animation:.25s ease-out party-focus-rise;display:flex;position:relative}@keyframes party-focus-rise{0%{opacity:0;transform:translateY(.5rem)}}@media (prefers-reduced-motion:reduce){.party-focus-body{animation:none}}.party-focus-avatar{width:4.5rem;height:4.5rem;box-shadow:0 0 0 calc(3 * var(--px)) #050f1a59;background:#050f1a8c;border-radius:50%;margin-bottom:.25rem}.party-focus .party-focus-avatar{animation:3.2s ease-in-out infinite party-avatar-float}@keyframes party-avatar-float{0%,to{transform:translateY(0)}50%{transform:translateY(-.375rem)}}@media (prefers-reduced-motion:reduce){.party-focus .party-focus-avatar{animation:none}}.party-focus-title{align-items:center;gap:.625rem;display:flex}.party-focus-name{letter-spacing:calc(.2 * var(--px));color:var(--ocean-text);font-size:1.5rem;font-weight:800}.party-focus-status{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.party-focus-quiet{color:var(--ocean-text-dim);font-size:.75rem}.party-focus-streams{border-radius:calc(10 * var(--px));background:#050f1a80;flex-direction:column;gap:.25rem;padding:.625rem .875rem;font-size:.8125rem;list-style:none;display:flex}.party-focus-streamer{color:var(--ocean-text);font-weight:700}.party-focus-stream-label{color:var(--ocean-text-dim)}.party-focus-actions{flex-wrap:wrap;align-items:center;gap:.625rem;margin-top:.375rem;display:flex}.parties-page .ant-btn,.parties-page .ant-input{height:2rem;font-size:.875rem}.parties-page .party-focus-leave svg,.parties-page .ant-btn svg{width:.9375rem;height:.9375rem}.parties-page .party-focus-jump.ant-btn{background:var(--ocean-text);height:2.75rem;color:var(--ocean-bg-info);border-radius:calc(999 * var(--px));border:none;padding:0 1.75rem;font-size:1rem;font-weight:700;transition:background .15s,box-shadow .15s,transform .15s}.parties-page .party-focus-jump.ant-btn:hover{background:var(--ocean-text);color:var(--ocean-bg-info);box-shadow:0 0 0 calc(3 * var(--px)) var(--ocean-text-faint), 0 0 calc(24 * var(--px)) var(--ocean-text-mid);transform:translateY(-1px)}.parties-page .party-focus-jump.ant-btn:active{box-shadow:0 0 0 2px var(--ocean-text-faint), 0 0 calc(12 * var(--px)) var(--ocean-text-muted);transform:translateY(0)}.parties-page .party-focus-invite.ant-btn{border:1px solid var(--ocean-text-muted);color:var(--ocean-text);border-radius:calc(999 * var(--px));background:#050f1a59;padding:0 1.125rem;font-weight:600}.parties-page .party-focus-invite.ant-btn:hover{border-color:var(--ocean-text-dim);color:var(--ocean-text);background:#050f1a8c}.party-focus-leave{color:var(--ocean-text-soft);cursor:pointer;background:0 0;border:none;align-items:center;gap:.4rem;padding:0 .375rem;font-family:inherit;font-size:.8125rem;font-weight:700;display:inline-flex}.party-focus-leave:hover{color:var(--ocean-text)}.party-focus-copied{color:var(--ocean-accent-light);align-items:center;font-size:.8125rem;font-weight:700;display:inline-flex}.party-focus-actions .party-leave-question{color:var(--ocean-text)}.party-focus-actions .party-leave-stay{color:var(--ocean-text-dim)}.parties-list-col{flex-direction:column;min-height:0;display:flex}.parties-list-label{letter-spacing:calc(1.7 * var(--px));text-transform:uppercase;color:var(--ocean-text-mid);margin-bottom:.625rem;padding-left:.125rem;font-size:.6875rem;font-weight:600;display:block}.parties-page .parties-search.ant-input-affix-wrapper{background:var(--ocean-bg-panel);border-color:var(--ocean-hairline);margin-bottom:.625rem}.parties-page .parties-search .ant-input{color:var(--ocean-text);background:0 0}.parties-page .parties-search .ant-input::placeholder{color:var(--ocean-text-muted)}.parties-search-empty{color:var(--ocean-text-muted);margin:.25rem 0 .75rem;font-size:.8125rem}.parties-join-dock{border-top:1px solid var(--ocean-hairline);padding-top:.875rem}.parties-join-label-row{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.parties-join-error{color:var(--ocean-danger);margin:0;font-size:.7rem;font-weight:600}.parties-join-row{gap:.625rem;margin-top:.5rem;display:flex}.parties-empty .parties-join-error{text-align:left;margin-top:.5rem}.party-list{scrollbar-width:thin;scrollbar-color:var(--ocean-line-strong) transparent;flex-direction:column;flex:1;gap:.625rem;min-height:0;padding-right:.375rem;list-style:none;display:flex;overflow-y:auto}.party-list::-webkit-scrollbar{width:calc(6 * var(--px))}.party-list::-webkit-scrollbar-track{background:0 0}.party-list::-webkit-scrollbar-thumb{background:var(--ocean-line-strong);border-radius:calc(999 * var(--px))}.party-list::-webkit-scrollbar-thumb:hover{background:#6ecde880}.party-row-wrap{background:var(--ocean-bg-panel);border:1px solid var(--ocean-hairline);border-radius:calc(12 * var(--px));flex-shrink:0;align-items:stretch;transition:border-color .15s,background .15s;display:flex;position:relative;overflow:hidden}.party-row-wrap:hover{border-color:var(--ocean-line-strong)}.party-row{cursor:pointer;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:.75rem;min-width:0;padding:.625rem;font-family:inherit;display:flex}.party-row-wrap--selected{background:var(--ocean-line-faint);border-color:#6ecde880}.party-row:focus-visible{outline:2px solid var(--ocean-accent);outline-offset:calc(-3 * var(--px));border-radius:calc(10 * var(--px))}.party-row-tile{border-radius:calc(10 * var(--px));width:2.5rem;height:2.5rem;box-shadow:inset 0 0 0 calc(999 * var(--px)) #050f1a29;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.party-row-avatar{border-radius:50%;width:1.625rem;height:1.625rem}.party-row-live-dot{background:var(--ocean-live);width:.5625rem;height:.5625rem;box-shadow:0 0 0 2px var(--ocean-bg-panel);border-radius:50%;position:absolute;top:-2px;right:-2px}.party-row-text{flex-direction:column;gap:.125rem;min-width:0;display:flex}.party-row-name{color:var(--ocean-text);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.5rem;font-size:.875rem;font-weight:700;display:flex;overflow:hidden}.party-row-sub{color:var(--ocean-text-muted);font-size:.75rem}.party-row-sub--active,.party-row-sub--match{color:var(--ocean-ember);font-weight:600}.party-row-wrap:has(.party-row-sub--active){background:linear-gradient(105deg, var(--ocean-ember-soft) 0%, var(--ocean-bg-panel) 55%);border-color:#f2b36847}.party-row-wrap--current{background:linear-gradient(105deg, var(--ocean-ember-soft) 0%, var(--ocean-bg-panel) 55%);border-color:#f2b36880}.party-row-join{color:var(--ocean-ember);letter-spacing:.01em;cursor:pointer;background:0 0;border:none;flex:0 0 30%;justify-content:center;align-items:center;gap:.5rem;padding:0;font-family:inherit;font-size:.8125rem;font-weight:700;transition:color .2s ease-out,transform .25s cubic-bezier(.22,1,.36,1);display:flex;position:relative}.party-row-join:before{content:"";transform-origin:100%;pointer-events:none;background:linear-gradient(90deg,#f2b36800 0%,#f2b36812 40%,#f2b36824 100%);transition:opacity .2s ease-out;animation:.34s cubic-bezier(.22,1,.36,1) backwards party-row-join-water;position:absolute;inset:0}@keyframes party-row-join-water{0%{opacity:0;transform:scaleX(.55)}}.party-row-join:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(90deg,#f2b36800 0%,#f2b3680f 40%,#f2b3681a 100%);transition:opacity .25s ease-out;position:absolute;inset:0}.party-row-join:hover:after{opacity:1}.party-row-join-pad,.party-row-join-word{animation:.28s cubic-bezier(.22,1,.36,1) backwards party-row-join-rise;position:relative}.party-row-join-pad{animation-delay:50ms;display:flex}.party-row-join-word{animation-delay:90ms}@keyframes party-row-join-rise{0%{opacity:0;transform:translateY(.25rem)}}.party-row-join:active{transition-duration:80ms;transform:translateY(1px)}.party-row-join:focus-visible{outline:2px solid var(--ocean-accent);outline-offset:calc(-3 * var(--px))}.parties-page .party-row-join svg{width:1rem;height:1rem}.party-row-join .potik-icon{transform-origin:50% 60%;transition:transform .6s cubic-bezier(.22,1,.36,1)}.party-row-wrap:hover .potik-icon{transform:translateY(-1px)rotate(4deg)scale(1.1)}.party-row-join:active .potik-icon{transition-duration:80ms;transform:translateY(.5px)rotate(0)scale(.95)}@media (prefers-reduced-motion:reduce){.party-row-join:before,.party-row-join-pad,.party-row-join-word{animation:none}.party-row-join .potik-icon{transition:none}}.parties-page:has(.parties-empty){justify-content:center;align-items:center;min-height:calc(100dvh - 8rem);padding-top:0;padding-bottom:0;display:flex}.parties-empty{text-align:center;width:100%;max-width:32rem;margin:0 auto}.parties-empty-tiles{justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.parties-empty-tile{border-radius:1.25rem;justify-content:center;align-items:center;width:4.5rem;height:4.5rem;display:flex}.parties-empty-tile--left{background:linear-gradient(135deg, #3b7dff, var(--ocean-accent));opacity:.55;transform:translateX(calc(10 * var(--px)))}.parties-empty-tile--right{background:linear-gradient(135deg, var(--ocean-ember), var(--ocean-live));opacity:.55;transform:translateX(calc(-10 * var(--px)))}.parties-empty-tile--center{background:linear-gradient(135deg, var(--ocean-accent), var(--ocean-success));z-index:1;border-radius:1.5rem;width:6rem;height:6rem}.parties-empty-tile--center img{width:4.25rem;height:4.25rem}.parties-empty-title{letter-spacing:calc(.2 * var(--px));font-size:2rem;font-weight:800}.parties-empty-subtitle{color:var(--ocean-text-dim);margin:.625rem 0 1.75rem;font-size:1rem;line-height:1.5}.parties-page .parties-empty-create.ant-btn{background:var(--ocean-accent);height:3rem;color:var(--ocean-bg-info);border-radius:calc(10 * var(--px));border:none;font-size:1rem;font-weight:700}.parties-page .parties-empty-create.ant-btn:hover{background:var(--ocean-accent-light);color:var(--ocean-bg-info)}.parties-empty-or{color:var(--ocean-text-muted);align-items:center;gap:.75rem;margin:1rem 0;font-size:.75rem;display:flex}.parties-empty-or:before,.parties-empty-or:after{content:"";background:var(--ocean-hairline);flex:1;height:1px}.parties-empty-join{gap:.625rem;display:flex}.parties-page .parties-empty-input.ant-input{background:var(--ocean-bg-panel);border-color:var(--ocean-hairline);color:var(--ocean-text)}.parties-page .parties-empty-input.ant-input::placeholder{color:var(--ocean-text-muted)}.parties-page .parties-empty-join-btn.ant-btn{color:var(--ocean-accent);border-radius:calc(8 * var(--px));background:0 0;border-color:#6ecde880;font-weight:700}.parties-page .parties-empty-join-btn.ant-btn:disabled{border-color:var(--ocean-hairline);color:var(--ocean-text-muted)}.invite-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100dvh - 10rem);padding:3rem 1.25rem 4rem;animation:.25s ease-out both invite-rise;display:flex}@keyframes invite-rise{0%{opacity:0;transform:translateY(.5rem)}}.invite-page .invite-eyebrow{color:var(--ocean-accent)}.invite-page .invite-eyebrow--error{color:var(--ocean-danger)}.invite-page .invite-title{font-family:var(--font-body);font-weight:700}.invite-ticket{width:min(100%,17rem);filter:drop-shadow(0 calc(12 * var(--px)) calc(24 * var(--px)) #020a1273);margin-bottom:2rem;transition:opacity .2s}.invite-ticket-body{aspect-ratio:2;border-radius:calc(12 * var(--px));background:linear-gradient(135deg, var(--ocean-wash-strong), transparent 70%), var(--ocean-raise);color:var(--ocean-accent);grid-template-columns:1fr 4.25rem;align-items:center;display:grid;position:relative;-webkit-mask:radial-gradient(circle at 0,#0000 .7rem,#000 calc(.7rem + .5px)) 0/51% 100% no-repeat,radial-gradient(circle at 100%,#0000 .7rem,#000 calc(.7rem + .5px)) 100%/51% 100% no-repeat;mask:radial-gradient(circle at 0,#0000 .7rem,#000 calc(.7rem + .5px)) 0/51% 100% no-repeat,radial-gradient(circle at 100%,#0000 .7rem,#000 calc(.7rem + .5px)) 100%/51% 100% no-repeat}.invite-ticket-body:before{content:"";border-left:1.5px dashed var(--ocean-line-strong);position:absolute;top:.9rem;bottom:.9rem;right:4.25rem}.invite-ticket-icon{justify-self:center;width:2.5rem;height:2.5rem}.invite-ticket-stub{writing-mode:vertical-rl;letter-spacing:.14em;color:var(--ocean-text-mid);justify-self:center;font-size:.625rem;font-weight:600}.invite-ticket--dead{opacity:.45}.invite-ticket--dead .invite-ticket-body{background:var(--ocean-bg-panel);color:var(--ocean-text-faint)}.invite-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.invite-actions .nf-cta{cursor:pointer;border:none;font-family:inherit}.invite-alt{border-radius:calc(10 * var(--px));color:var(--ocean-text-dim);cursor:pointer;background:0 0;border:none;padding:.7rem 1rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:color .15s}.invite-alt:hover{color:var(--ocean-text)}@media (prefers-reduced-motion:reduce){.invite-page{animation:none}}.party-settings-page{animation:.3s ease-out both party-settings-rise}@keyframes party-settings-rise{0%{opacity:0;transform:translateY(-1.25rem)}}@media (prefers-reduced-motion:reduce){.party-settings-page{animation:none}}.party-settings-title{align-items:center;gap:.5rem;display:flex}.party-settings-title-avatar{border-radius:calc(6 * var(--px));background:#050f1a8c;flex-shrink:0}.party-settings-back{color:var(--ocean-text-soft);margin-bottom:1rem;font-size:.875rem;transition:color .15s ease-out;display:inline-block}.party-settings-back:hover{color:var(--ocean-accent)}.party-settings-avatar{border:calc(3 * var(--px)) solid #6ecde87a;width:5rem;height:5rem;box-shadow:0 0 calc(20 * var(--px)) var(--ocean-wash-strong);background:#050f1a73;border-radius:50%;flex-shrink:0}.party-gradient-choices{flex-wrap:wrap;gap:.6rem;display:flex}.party-gradient-choice{cursor:pointer;border:2px solid #0000;border-radius:.6rem;width:3.5rem;height:2.25rem;transition:border-color .12s ease-out,transform .12s ease-out;position:relative}.party-gradient-accent-dot{border-radius:50%;width:.625rem;height:.625rem;position:absolute;bottom:.3rem;right:.3rem;box-shadow:0 0 0 2px #050f1a73}.party-gradient-choice:hover{transform:translateY(-1px)}.party-gradient-choice--selected{border-color:var(--ocean-accent)}.party-gradient-choice:focus-visible{outline:2px solid var(--ocean-accent);outline-offset:2px}.video-shell,.stream-stage>.off-air,.yt-embed-player.yt-embed-cover{background:linear-gradient(to bottom, #ffffff0a 0%, transparent 24%), color-mix(in srgb, var(--ocean-bg) 76%, transparent);box-shadow:inset 0 1px 0 #ffffff1a, inset 0 0 0 1px var(--ocean-hairline-strong)}.video-shell{aspect-ratio:16/9;border-radius:calc(8 * var(--px));justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.stream-tile--ignite:after{content:"";z-index:4;border-radius:calc(8 * var(--px));pointer-events:none;box-shadow:inset 0 0 0 2px var(--ocean-accent-light), 0 0 calc(34 * var(--px)) calc(6 * var(--px)) rgba(var(--ocean-accent-rgb), .45);animation:2.2s cubic-bezier(.16,1,.3,1) forwards shell-ignite;position:absolute;inset:0}@keyframes shell-ignite{0%{opacity:.6}18%{opacity:1}to{opacity:0}}.stream-stage>.stream-tile:not(.stream-tile--pip){animation:.32s cubic-bezier(.16,1,.3,1) stage-enter}@keyframes stage-enter{0%{opacity:0;transform:translateY(calc(10 * var(--px))) scale(.975)}to{opacity:1;transform:none}}.video-shell:focus{outline:none}.video-shell:focus-visible{outline:2px solid rgba(var(--ocean-accent-rgb), .55);outline-offset:-2px}.stream-stage{width:100%;aspect-ratio:var(--stage-aspect);border-radius:calc(12 * var(--px));min-width:0;transition:aspect-ratio .24s cubic-bezier(.22,.61,.36,1);position:relative;overflow:hidden}.stage-glow{z-index:-1;pointer-events:none;opacity:.6;width:0;height:0;clip-path:inset(calc(-9999 * var(--px)) calc(-9999 * var(--px)) calc(-9999 * var(--px)) calc(-24 * var(--px)));position:absolute}.stage-glow-light{transition:left .24s cubic-bezier(.22,.61,.36,1),top .24s cubic-bezier(.22,.61,.36,1),width .24s cubic-bezier(.22,.61,.36,1),height .24s cubic-bezier(.22,.61,.36,1);position:absolute;transform:scale(1.2)}.stage-glow-layer{width:100%;height:100%;position:absolute;inset:0}.stage-glow-layer--back{opacity:0}.stage-glow-layer--front{mix-blend-mode:plus-lighter}.stage-glow-layer--css-filter{filter:blur(calc(32 * var(--px))) saturate(1.4) brightness(.75)}.stream-stage--expanded{aspect-ratio:auto;background:color-mix(in srgb, var(--ocean-bg-panel) 40%, var(--ocean-bg));border-radius:0;height:100%}:is(.page-layout:has(.stream-stage--expanded) :is(.navbar,.stream-sidebar),.stream-main:has(>.stream-stage--expanded)>:not(.stream-stage)){visibility:hidden}.stream-stage--expanded:not(:fullscreen){z-index:500;position:fixed;inset:0}.stream-stage--snap .stream-tile{transition:none}.stream-tile{-webkit-user-select:none;user-select:none;min-width:0;transition:left .24s cubic-bezier(.22,.61,.36,1),top .24s cubic-bezier(.22,.61,.36,1),width .24s cubic-bezier(.22,.61,.36,1),height .24s cubic-bezier(.22,.61,.36,1);position:absolute;inset:0}.stream-stage .video-shell{aspect-ratio:auto;width:100%;height:100%}.stream-stage--bare .stream-tile:not(.stream-tile--pip) .video-shell{border-radius:0}.stream-tile--pip{z-index:3;will-change:transform;border-radius:calc(8 * var(--px));background:var(--ocean-bg);box-shadow:0 calc(12 * var(--px)) calc(40 * var(--px)) #020a128c, 0 0 0 1px var(--ocean-hairline-strong);cursor:grab;touch-action:none;transition:box-shadow .15s;inset:0 auto auto 0;overflow:hidden}.stream-tile--pip:hover{box-shadow:0 calc(12 * var(--px)) calc(48 * var(--px)) #020a12a6, 0 0 0 1px var(--ocean-text-faint)}.stream-tile--pip.stream-tile--dragging{cursor:grabbing;box-shadow:0 calc(20 * var(--px)) calc(60 * var(--px)) #020a12b3, 0 0 0 1px var(--ocean-text-muted)}.stream-tile--warm{opacity:0;pointer-events:none}.stage-dock{align-items:center;gap:calc(6 * var(--px));pointer-events:none;min-width:0;transition:left .24s cubic-bezier(.22,.61,.36,1),top .24s cubic-bezier(.22,.61,.36,1),width .24s cubic-bezier(.22,.61,.36,1),height .24s cubic-bezier(.22,.61,.36,1);display:flex;position:absolute;overflow:hidden}.stream-stage--snap .stage-dock{transition:none}.stage-dock>*{pointer-events:auto}.stage-dock--right{flex-direction:column;align-items:stretch}.stage-dock--over{z-index:6;flex-direction:column;justify-content:flex-end;align-items:flex-end}.stage-dock--over .solo-chip{background:#050f1ad9}.solo-chip{align-items:center;gap:calc(7 * var(--px));min-width:0;padding:calc(7 * var(--px)) calc(13 * var(--px));border-radius:calc(999 * var(--px));background:var(--ocean-raise);color:var(--ocean-text-bright);font-size:calc(12.5 * var(--px));letter-spacing:calc(.2 * var(--px));white-space:nowrap;text-overflow:ellipsis;cursor:pointer;border:none;font-weight:600;transition:background .15s,color .15s;display:flex;overflow:hidden}.solo-chip:hover{background:var(--ocean-raise-2);color:var(--ocean-text)}.solo-chip-dot{width:calc(7 * var(--px));height:calc(7 * var(--px));background:var(--ocean-live);box-shadow:0 0 calc(6 * var(--px)) #e25a45b3;border-radius:50%;flex-shrink:0}.stage-controls{height:calc(44 * var(--px));z-index:20;align-items:center;gap:calc(8 * var(--px));transition:opacity .18s;display:flex;position:absolute;bottom:0;right:0}.stream-stage:not(.stream-stage--expanded)>.stage-controls .stage-mode span{display:none}.stream-stage--expanded>.stage-controls{top:calc(40 * var(--px));height:auto;bottom:auto;left:50%;right:auto;transform:translate(-50%)}.stage-controls.stage-controls--faded:not(:focus-within){opacity:0;pointer-events:none;transition:opacity .6s}.stage-modes{padding:calc(3 * var(--px));border-radius:calc(8 * var(--px));background:var(--ocean-bg);box-shadow:inset 0 0 0 1px var(--ocean-hairline-strong);gap:2px;display:flex}.stage-mode{align-items:center;gap:calc(8 * var(--px));padding:calc(6 * var(--px)) calc(10 * var(--px));border-radius:calc(6 * var(--px));color:var(--ocean-text-soft);font-size:calc(12.5 * var(--px));letter-spacing:calc(.2 * var(--px));cursor:pointer;background:0 0;border:none;font-weight:600;transition:background .15s,color .15s;display:flex}.stage-mode:hover{background:var(--ocean-raise);color:var(--ocean-text)}.stage-mode--active,.stage-mode--active:hover{background:var(--ocean-wash-strong);color:var(--ocean-text)}.stage-reset,.stage-expand,.stage-fold{width:calc(30 * var(--px));height:calc(30 * var(--px));border:1px solid var(--ocean-text-mid);color:var(--ocean-text);font-size:calc(13 * var(--px));cursor:pointer;background:#020a128c;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .15s,border-color .15s;display:flex}.stage-reset:hover,.stage-expand:hover,.stage-fold:hover{background:var(--ocean-raise-2);border-color:var(--ocean-text-soft)}.stage-back{align-items:center;gap:calc(7 * var(--px));height:calc(30 * var(--px));padding:0 calc(13 * var(--px)) 0 calc(11 * var(--px));border-radius:calc(999 * var(--px));border:1px solid var(--ocean-text-mid);color:var(--ocean-text);font-size:calc(12.5 * var(--px));letter-spacing:calc(.2 * var(--px));white-space:nowrap;cursor:pointer;background:#020a128c;font-weight:600;transition:background .15s,border-color .15s;display:flex}.stage-back:hover{background:var(--ocean-raise-2);border-color:var(--ocean-text-soft)}.stage-back:active{transform:translateY(1px)}.stage-band{z-index:7;width:100%;padding:0 calc(12 * var(--px));grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:absolute;top:0;left:0}.stream-stage--expanded .stage-band{transition:transform .2s cubic-bezier(.22,.61,.36,1);transform:translateY(-100%)}.stream-stage--expanded .stage-band--out{transform:none}.stage-band-edge{width:100%;height:calc(8 * var(--px));z-index:8;position:absolute;top:0;left:0}.stage-band-names{justify-self:end;gap:calc(6 * var(--px));grid-column:3;min-width:0;display:flex;overflow:hidden}.stream-stage--expanded .stage-content{transform-origin:50% 100%;transition:transform .2s cubic-bezier(.22,.61,.36,1)}.stream-stage--expanded .stage-content--tucked{transform:scale(var(--tuck,1))}@media (prefers-reduced-motion:reduce){.stream-stage--expanded .stage-band,.stream-stage--expanded .stage-content{transition:none}}.stage-band>.stage-live-banner{justify-self:start}.stage-band>.stage-controls{grid-column:2;height:auto;position:static}.stage-live-banner{align-items:center;gap:calc(9 * var(--px));padding:calc(7 * var(--px)) calc(9 * var(--px)) calc(7 * var(--px)) calc(13 * var(--px));border-radius:calc(999 * var(--px));border:1px solid var(--ocean-hairline);font-size:calc(12.5 * var(--px));color:var(--ocean-text-bright);background:#050f1ad9;font-weight:600;animation:.25s cubic-bezier(.22,.61,.36,1) stage-live-banner-rise;display:flex}@keyframes stage-live-banner-rise{0%{opacity:0;transform:translateY(calc(6 * var(--px)))}}.stage-live-banner-text{white-space:nowrap;text-overflow:ellipsis;max-width:24vw;overflow:hidden}.stage-live-banner-watch{padding:2px calc(4 * var(--px));color:var(--ocean-accent);font:inherit;cursor:pointer;background:0 0;border:none;font-weight:700;transition:color .15s}.stage-live-banner-watch:hover{color:var(--ocean-accent-light)}.stage-live-banner-dismiss{line-height:1;font-size:calc(12 * var(--px));color:var(--ocean-text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;transition:color .15s;display:flex}.stage-live-banner-dismiss:hover{color:var(--ocean-text)}.stage-content{z-index:2;border-radius:calc(10 * var(--px));background:var(--ocean-bg-deep);animation:.25s cubic-bezier(.22,.61,.36,1) stage-content-rise;position:absolute;overflow:hidden}@keyframes stage-content-rise{0%{opacity:0;transform:translateY(calc(8 * var(--px)))}}.stream-stage--bare .stage-content{border-radius:0}.to-stage{height:calc(26 * var(--px));padding:0 calc(10 * var(--px));border:1px solid var(--ocean-hairline-strong);border-radius:calc(999 * var(--px));background:var(--ocean-raise);color:var(--ocean-text-soft);font:inherit;font-size:calc(11.5 * var(--px));letter-spacing:calc(.2 * var(--px));white-space:nowrap;cursor:pointer;flex-shrink:0;align-items:center;font-weight:600;transition:color .15s,background .15s,border-color .15s;display:inline-flex}.to-stage:hover:not(:disabled){background:var(--ocean-raise-2);border-color:var(--ocean-line-strong);color:var(--ocean-accent)}.to-stage:active:not(:disabled){transform:translateY(1px)}.to-stage:disabled{color:var(--ocean-text-faint);border-color:var(--ocean-hairline);cursor:default}.yt-embed-cover-sub{font-size:calc(11.5 * var(--px));color:var(--ocean-text-dim);margin-top:2px;position:relative}.stage-content .yt-embed-player{border-radius:0;min-width:0;height:100%;min-height:0;position:absolute;inset:0;aspect-ratio:auto!important}.games-item{position:relative}.games-card-stage{top:calc(19 * var(--px));right:calc(10 * var(--px));position:absolute}.games-item:has(.games-card-stage) .games-card-head{padding-right:calc(76 * var(--px))}.games-on-stage{font-size:calc(12 * var(--px));color:var(--ocean-text-dim);margin:0}.stage-content .games-frame{border-radius:0;height:100%;position:absolute;inset:0}.voice-stage{padding:min(calc(32 * var(--px)), 6%);flex-direction:column;display:flex;position:absolute;inset:0;container-type:size}.voice-stage-head{align-items:baseline;gap:calc(10 * var(--px));display:flex}.voice-stage-name{font-size:clamp(calc(15 * var(--px)), 2cqw, calc(20 * var(--px)));color:var(--ocean-text-bright);font-weight:600}.voice-stage-grid{grid-template-columns:repeat(auto-fit, minmax(calc(120 * var(--px)), max-content));place-content:center;gap:calc(28 * var(--px));flex:1;margin:0;padding:0;list-style:none;display:grid}.voice-stage-person{align-items:center;gap:calc(10 * var(--px));font-size:calc(13 * var(--px));color:var(--ocean-text-bright);flex-direction:column;font-weight:600;display:flex}.voice-stage-avatar-wrap{position:relative}.voice-stage-avatar{width:calc(96 * var(--px));height:calc(96 * var(--px));border-radius:calc(18 * var(--px));font-size:calc(36 * var(--px));color:var(--ocean-text);-webkit-user-select:none;user-select:none;box-shadow:0 0 0 calc(3 * var(--px)) transparent;justify-content:center;align-items:center;font-weight:700;transition:box-shadow .1s ease-out;display:flex}.voice-stage-avatar--speaking{box-shadow:0 0 0 calc(3 * var(--px)) var(--ocean-ember), 0 0 calc(10 * var(--px)) 2px #f2b3688c}.voice-stage-muted{right:calc(6 * var(--px));bottom:calc(6 * var(--px));width:calc(22 * var(--px));height:calc(22 * var(--px));border-radius:calc(6 * var(--px));background:var(--ocean-raise);color:var(--ocean-text-dim);font-size:calc(11 * var(--px));justify-content:center;align-items:center;display:flex;position:absolute}.voice-stage-empty{flex-direction:column;flex:1;justify-content:flex-end;align-items:flex-start;display:flex}.voice-stage-empty-text{font-size:clamp(calc(15 * var(--px)), 2cqw, calc(20 * var(--px)));color:var(--ocean-text-bright);font-weight:600}.voice-stage-empty-word{font-family:var(--font-display);letter-spacing:-.02em;white-space:nowrap;color:#f1f1f10b;pointer-events:none;-webkit-user-select:none;user-select:none;margin-top:2.4cqw;margin-left:-.05em;font-size:10cqw;font-weight:700;line-height:.74}@media (prefers-reduced-motion:reduce){.stage-live-banner,.stage-content{animation:none}}.stage-mode-glyph{width:calc(20 * var(--px));height:calc(14 * var(--px));fill:none;stroke:currentColor;stroke-width:1.1px;flex-shrink:0}.stage-mode-glyph .glyph-fill{fill:currentColor;fill-opacity:.22}.stage-mode-glyph .glyph-pip{fill:var(--ocean-bg);fill-opacity:.9;stroke:currentColor}.stage-mode--active .stage-mode-glyph{stroke:var(--ocean-accent)}.stage-mode--active .stage-mode-glyph .glyph-fill{fill:var(--ocean-accent);fill-opacity:.35}.video-shell video{object-fit:contain;width:100%;height:100%;display:block}.video-shell audio{display:none}.video-shell:has(>.overlay,>.paused-overlay) video{visibility:hidden}.overlay{justify-content:center;align-items:center;gap:calc(16 * var(--px));z-index:2;flex-direction:column;display:flex;position:absolute;inset:0}.overlay-text{font-size:calc(14 * var(--px));color:var(--ocean-text-mid)}.play-overlay{justify-content:center;align-items:center;gap:calc(14 * var(--px));z-index:3;cursor:pointer;color:var(--ocean-text);flex-direction:column;transition:background .2s;display:flex;position:absolute;inset:0}.play-overlay:hover{background:var(--ocean-wash)}.play-icon{width:calc(72 * var(--px));height:calc(72 * var(--px));background:var(--ocean-accent);border-radius:50%;justify-content:center;align-items:center;transition:transform .15s,background .15s;display:flex}.play-icon:after{content:"";border-style:solid;border-width:calc(13 * var(--px)) 0 calc(13 * var(--px)) calc(21 * var(--px));border-color:transparent transparent transparent var(--ocean-bg-deep);margin-left:calc(5 * var(--px))}.play-overlay:hover .play-icon{transform:scale(1.06)}.play-overlay--quiet .play-icon{background:var(--ocean-raise)}.play-overlay--quiet .play-icon:after{border-left-color:var(--ocean-accent)}.play-overlay--quiet:hover .play-icon{background:var(--ocean-accent)}.play-overlay--quiet:hover .play-icon:after{border-left-color:var(--ocean-bg-deep)}.video-shell--compact .play-icon{width:calc(44 * var(--px));height:calc(44 * var(--px))}.video-shell--compact .play-icon:after{border-width:calc(8 * var(--px)) 0 calc(8 * var(--px)) calc(13 * var(--px));margin-left:calc(3 * var(--px))}.stream-tile{container-type:size}@container (height<=160px){.play-overlay{gap:0}.play-icon{width:calc(36 * var(--px));height:calc(36 * var(--px))}.play-icon:after{border-width:calc(7 * var(--px)) 0 calc(7 * var(--px)) calc(11 * var(--px));margin-left:calc(3 * var(--px))}.play-overlay-name,.play-overlay-hint{display:none}}.play-overlay-name{font-size:calc(15 * var(--px));color:var(--ocean-text);text-overflow:ellipsis;white-space:nowrap;max-width:90%;font-weight:700;overflow:hidden}.play-overlay-hint{margin-top:calc(-6 * var(--px));font-size:calc(12 * var(--px));color:var(--ocean-text-mid)}.paused-overlay{z-index:3;font:inherit;color:var(--ocean-text);cursor:pointer;justify-content:center;align-items:center;gap:calc(10 * var(--px));background:0 0;border:none;flex-direction:column;margin:0;padding:0;transition:background .2s;animation:.16s ease-out paused-in;display:flex;position:absolute;inset:0}.paused-overlay:hover{background:var(--ocean-wash)}@keyframes paused-in{0%{opacity:0}}.paused-badge{align-items:center;gap:calc(8 * var(--px));padding:calc(7 * var(--px)) calc(14 * var(--px));border-radius:calc(999 * var(--px));background:var(--ocean-raise);font-size:calc(13 * var(--px));font-weight:600;display:inline-flex}.paused-dot{width:calc(8 * var(--px));height:calc(8 * var(--px));background:var(--ocean-accent);border-radius:2px}.paused-hint{font-size:calc(12 * var(--px));color:var(--ocean-text-dim)}.off-air{z-index:3;padding:min(calc(32 * var(--px)), 6%);border-radius:inherit;flex-direction:column;justify-content:flex-end;align-items:flex-start;display:flex;position:absolute;inset:0;container-type:size}.off-air:focus-visible{outline:2px solid rgba(var(--ocean-accent-rgb), .55);outline-offset:-2px}.off-air-content{align-items:flex-start;gap:calc(6 * var(--px));flex-direction:column;display:flex}.off-air-label{font-size:clamp(calc(15 * var(--px)), 2cqw, calc(20 * var(--px)));color:var(--ocean-text-bright);margin:0;font-weight:600}.off-air-sub{font-size:calc(13 * var(--px));color:var(--ocean-text-dim);margin:0}.off-air-word,.yt-embed-cover-word{font-family:var(--font-display);letter-spacing:-.02em;white-space:nowrap;color:#f1f1f10b;pointer-events:none;-webkit-user-select:none;user-select:none;margin-top:2.4cqw;margin-left:-.05em;font-size:10cqw;font-weight:700;line-height:.74}@container (height<=220px){.off-air-word{display:none}}.off-air-start{margin-top:calc(10 * var(--px));height:calc(36 * var(--px));padding:0 calc(18 * var(--px));border-radius:calc(8 * var(--px));background:var(--ocean-accent);color:var(--ocean-bg-deep);font:inherit;font-size:calc(14 * var(--px));cursor:pointer;border:none;font-weight:700;transition:background .15s}.off-air-start:hover{background:var(--ocean-accent-light)}a.off-air-start{align-items:center;text-decoration:none;display:inline-flex}a.off-air-start:hover{color:var(--ocean-bg-deep)}.off-air[role=button]{cursor:pointer}.off-air-start:active{transform:translateY(1px)}.status-badge{font-size:calc(11 * var(--px));letter-spacing:calc(1.2 * var(--px));padding:calc(4 * var(--px)) calc(10 * var(--px));border-radius:calc(6 * var(--px));white-space:nowrap;-webkit-user-select:none;user-select:none;font-weight:600}.status-badge--offline{color:var(--ocean-text-strong);border:1px solid var(--ocean-text-muted);background:#020a1240}.player-controls{padding:calc(8 * var(--px)) calc(16 * var(--px));z-index:4;justify-content:space-between;align-items:center;gap:calc(12 * var(--px));background:linear-gradient(#0000,#020a12cc);display:flex;position:absolute;bottom:0;left:0;right:0}.controls-left{align-items:center;gap:calc(8 * var(--px));flex:none;display:flex}.controls-right{align-items:center;gap:calc(8 * var(--px));flex:none;margin-left:auto;display:flex}.control-btn{color:var(--ocean-text);font-size:calc(16 * var(--px));cursor:pointer;padding:calc(4 * var(--px));border-radius:calc(4 * var(--px));background:0 0;border:none;align-items:center;transition:color .15s;display:flex}.control-btn:hover{color:var(--ocean-text)}.control-btn--disabled,.control-btn:disabled{opacity:.35;cursor:not-allowed}.volume-slider{width:calc(80 * var(--px));accent-color:var(--ocean-text)}.quality-btn{font-size:calc(11 * var(--px));letter-spacing:calc(.5 * var(--px));border-radius:calc(6 * var(--px));padding:calc(3 * var(--px)) calc(9 * var(--px));background:#050f1a99;border:none;font-weight:700}.quality-btn:hover{background:var(--ocean-raise)}.player-controls,.live-badge-row,.player-corner,.player-info-card{opacity:0;pointer-events:none;transition:opacity .15s}@media (hover:hover){.video-shell:not(.video-shell--mv):hover .player-controls,.video-shell:not(.video-shell--mv):focus-within .player-controls,.video-shell:not(.video-shell--mv):hover .player-corner,.video-shell:not(.video-shell--mv):focus-within .player-corner,.video-shell:not(.video-shell--mv):hover .player-info-card,.video-shell:not(.video-shell--mv):focus-within .player-info-card{opacity:1;pointer-events:auto}.video-shell:not(.video-shell--mv):hover .live-badge-row,.video-shell:not(.video-shell--mv):focus-within .live-badge-row{opacity:1}}.video-shell--mv:not(.video-shell--chrome){cursor:none}.video-shell--chrome .player-controls,.video-shell--chrome .player-corner,.video-shell--chrome .player-info-card{opacity:1;pointer-events:auto}.video-shell--chrome .live-badge-row,.video-shell--prompt .live-badge-row{opacity:1}.live-watchers{padding:calc(3 * var(--px)) calc(9 * var(--px));border-radius:calc(4 * var(--px));font-size:calc(11.5 * var(--px));letter-spacing:calc(.3 * var(--px));color:var(--ocean-text);white-space:nowrap;background:#050f1a99;font-weight:700}.player-uptime{font-variant-numeric:tabular-nums;color:var(--ocean-text-strong)}.watcher-count{display:inline-block}.watcher-count--up{animation:.6s cubic-bezier(.16,1,.3,1) count-pop-up}.watcher-count--down{animation:.6s ease-out count-pop-down}@keyframes count-pop-up{0%{color:var(--ocean-text);transform:scale(1)}25%{color:var(--ocean-accent-pale,var(--ocean-accent-pale));transform:scale(1.22)}to{color:var(--ocean-text);transform:scale(1)}}@keyframes count-pop-down{0%{opacity:1}30%{opacity:.45}to{opacity:1}}.player-titlebar{top:calc(12 * var(--px));left:calc(12 * var(--px));z-index:5;align-items:center;gap:calc(8 * var(--px));pointer-events:none;max-width:70%;display:flex;position:absolute}.player-titlebar--compact{top:calc(8 * var(--px));left:calc(8 * var(--px));max-width:calc(100% - calc(60 * var(--px)))}.player-titlebar--compact .player-watermark{padding:2px calc(8 * var(--px));font-size:calc(12 * var(--px))}.player-watermark{min-width:0;padding:2px calc(10 * var(--px));border-radius:calc(4 * var(--px));font-size:calc(12.5 * var(--px));color:var(--ocean-text);text-overflow:ellipsis;white-space:nowrap;pointer-events:none;background:#050f1a99;font-weight:600;overflow:hidden}.player-watermark .live-dot{margin-right:calc(6 * var(--px));vertical-align:1px;display:inline-block}.player-corner{top:calc(12 * var(--px));right:calc(12 * var(--px));z-index:5;align-items:center;gap:calc(8 * var(--px));display:flex;position:absolute}.player-corner-btn{width:calc(26 * var(--px));height:calc(26 * var(--px));border:1px solid var(--ocean-text-mid);color:var(--ocean-text);cursor:pointer;background:#020a128c;border-radius:50%;justify-content:center;align-items:center;line-height:1;transition:background .15s,border-color .15s,color .15s;display:flex}.player-info-btn{font-size:calc(13 * var(--px));font-family:Georgia,serif;font-weight:700}.player-info-btn:hover,.player-info-btn--open{background:var(--ocean-line-strong);border-color:rgba(var(--ocean-accent-rgb), .7)}.player-close-btn .anticon{font-size:calc(12 * var(--px))}.player-close-btn:hover{background:var(--ocean-danger-soft);border-color:var(--ocean-danger);color:var(--ocean-danger-hover)}.player-info-card{top:calc(46 * var(--px));right:calc(12 * var(--px));z-index:5;min-width:calc(190 * var(--px));max-width:calc(260 * var(--px));border:1px solid var(--ocean-hairline-strong);border-radius:calc(8 * var(--px));padding:calc(10 * var(--px)) calc(12 * var(--px));gap:calc(6 * var(--px));max-height:calc(100% - calc(110 * var(--px)));background:#050f1af0;flex-direction:column;display:flex;position:absolute}.player-info-row{justify-content:space-between;gap:calc(12 * var(--px));font-size:calc(11.5 * var(--px));display:flex}.player-info-label{color:var(--ocean-text-mid);flex-shrink:0}.player-info-value{color:var(--ocean-text-bright);text-align:right;overflow-wrap:anywhere}.player-info-watchers{min-height:0;max-height:calc(86 * var(--px));font-size:calc(11.5 * var(--px));color:var(--ocean-text-soft);overflow-wrap:anywhere;scrollbar-width:thin;scrollbar-color:var(--ocean-line-strong) transparent;line-height:1.5;overflow-y:auto}.live-badge-row{pointer-events:none;align-items:center;gap:calc(8 * var(--px));flex-shrink:0;transition:opacity .15s;display:flex}.live-badge{align-items:center;gap:calc(6 * var(--px));color:var(--ocean-text);font-size:calc(11 * var(--px));letter-spacing:calc(1.5 * var(--px));padding:calc(3 * var(--px)) calc(10 * var(--px));border-radius:calc(4 * var(--px));background:#050f1a99;font-weight:700;display:flex}.live-dot{width:calc(7 * var(--px));height:calc(7 * var(--px));background:var(--ocean-live);border-radius:50%;flex-shrink:0;animation:1.4s ease-in-out 3 pulse}.stream-page{gap:calc(24 * var(--px));padding-top:calc(6 * var(--px));align-items:stretch;display:flex}.page-content:has(.stream-page){padding-bottom:calc(6 * var(--px))}.stream-bg{z-index:-1;pointer-events:none;background-image:linear-gradient(to bottom, #050f1a85 0%, #050f1a61 42%, #050f1a8f 100%), var(--ocean-waves), var(--party-water);background-size:100% 100%,100% 100%,100% 100%;position:fixed;inset:4rem 0 0}.stream-bg--old{animation:.6s ease-out forwards stream-bg-fade}@keyframes stream-bg-fade{to{opacity:0}}.stream-page--arrive .stream-main{animation:.35s ease-out backwards stream-arrive}.stream-page--arrive .stream-sidebar{animation:.35s ease-out backwards stream-arrive-drop}@keyframes stream-arrive{0%{opacity:0}}@keyframes stream-arrive-drop{0%{opacity:0;transform:translateY(-2rem)}}@media (prefers-reduced-motion:reduce){.stream-page--arrive .stream-main,.stream-page--arrive .stream-sidebar{animation:none}}.stream-main{gap:calc(8 * var(--px));flex-direction:column;flex:1;order:2;min-width:0;display:flex;position:relative}.stream-ownership-offer{margin-bottom:calc(16 * var(--px));border-radius:calc(12 * var(--px));background:var(--ocean-ember-soft);border:1px solid var(--ocean-warning);flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.8125rem;display:flex}.stream-ownership-offer-text{min-width:16rem;color:var(--ocean-text-bright);flex:1;font-weight:600}.stream-ownership-offer-actions{flex-shrink:0;align-items:center;gap:.75rem;display:inline-flex}.stream-ownership-offer-accept,.stream-ownership-offer-decline{font-family:inherit;font-size:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:700}.stream-ownership-offer-accept{color:var(--ocean-warning)}.stream-ownership-offer-decline{color:var(--ocean-text-muted)}.stream-ownership-offer-accept:disabled,.stream-ownership-offer-decline:disabled{opacity:.5;cursor:not-allowed}.stream-sidebar{width:var(--sidebar-width);gap:calc(16 * var(--px));flex-direction:column;flex-shrink:0;order:1;display:flex}.watcher-avatar{width:calc(22 * var(--px));height:calc(22 * var(--px));font-size:calc(10 * var(--px));color:var(--ocean-text);-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;transition:box-shadow .1s ease-out;display:flex;box-shadow:0 0 0 2px #0000}.watcher-avatar--speaking{box-shadow:0 0 0 2px var(--ocean-ember), 0 0 calc(6 * var(--px)) 1px #f2b368a6}@supports not selector(::-webkit-scrollbar){.voice-section,.voice-body,.chat-body,.people-panel,.yt-embed-queue,.games-list{scrollbar-width:thin;scrollbar-color:rgba(var(--ocean-accent-rgb), .2) transparent}}.voice-section::-webkit-scrollbar{width:calc(4 * var(--px))}.voice-body::-webkit-scrollbar{width:calc(4 * var(--px))}.chat-body::-webkit-scrollbar{width:calc(4 * var(--px))}.people-panel::-webkit-scrollbar{width:calc(4 * var(--px))}.yt-embed-queue::-webkit-scrollbar{width:calc(4 * var(--px))}.games-list::-webkit-scrollbar{width:calc(4 * var(--px))}.voice-section::-webkit-scrollbar-thumb{background:rgba(var(--ocean-accent-rgb), .25);border-radius:calc(4 * var(--px))}.voice-body::-webkit-scrollbar-thumb{background:rgba(var(--ocean-accent-rgb), .25);border-radius:calc(4 * var(--px))}.chat-body::-webkit-scrollbar-thumb{background:rgba(var(--ocean-accent-rgb), .25);border-radius:calc(4 * var(--px))}.people-panel::-webkit-scrollbar-thumb{background:rgba(var(--ocean-accent-rgb), .25);border-radius:calc(4 * var(--px))}.yt-embed-queue::-webkit-scrollbar-thumb{background:rgba(var(--ocean-accent-rgb), .25);border-radius:calc(4 * var(--px))}.games-list::-webkit-scrollbar-thumb{background:rgba(var(--ocean-accent-rgb), .25);border-radius:calc(4 * var(--px))}.sidebar-card{background:var(--ocean-bg-info);border-radius:calc(12 * var(--px));box-shadow:0 calc(10 * var(--px)) calc(30 * var(--px)) #020a1247;position:relative;overflow:hidden}.sidebar-card:after{content:"";border-radius:inherit;box-shadow:inset 0 1px 0 #ffffff1a, inset 0 0 0 1px var(--ocean-hairline-strong);pointer-events:none;position:absolute;inset:0}.sidebar-card:not(.yt-embed){flex-direction:column;flex:1;display:flex}.sidebar-tabs{border-bottom:1px solid var(--ocean-hairline);display:flex;position:relative}.sidebar-tab-indicator{bottom:-1px;left:var(--indicator-left,0px);width:var(--indicator-width,0px);background:var(--ocean-accent);pointer-events:none;border-radius:2px;height:2px;transition:left .26s cubic-bezier(.22,.61,.36,1),width .26s cubic-bezier(.22,.61,.36,1);position:absolute}.sidebar-tab{justify-content:center;align-items:center;gap:calc(6 * var(--px));padding:calc(12 * var(--px)) calc(8 * var(--px)) calc(10 * var(--px));font-size:calc(12.5 * var(--px));color:var(--ocean-text-mid);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;font-weight:600;transition:color .15s,border-color .15s;display:flex}.sidebar-tab-badge{min-width:calc(18 * var(--px));height:calc(18 * var(--px));padding:0 calc(5 * var(--px));border-radius:calc(10 * var(--px));background:var(--ocean-ember);color:var(--ocean-ember-ink);font-size:calc(10.5 * var(--px));justify-content:center;align-items:center;font-weight:700;animation:.18s ease-out tab-badge-in;display:inline-flex}@keyframes tab-badge-in{0%{opacity:0;transform:scale(.6)}}.sidebar-tab-count{animation:.18s ease-out chat-msg-in;display:inline-block}.sidebar-tab:hover{color:var(--ocean-text-strong)}.sidebar-tab--active{color:var(--ocean-accent)}.sidebar-card-body{padding:calc(12 * var(--px));background:var(--ocean-bg);min-height:calc(224 * var(--px));flex-direction:column;flex:1 1 0;display:flex}.sidebar-tabpanel{flex-direction:column;flex:1;min-height:0;animation:.26s cubic-bezier(.22,.61,.36,1) tabpanel-in;display:flex}@keyframes tabpanel-in{0%{opacity:0;transform:translateX(var(--slide-from,0))}}@media (prefers-reduced-motion:reduce){.sidebar-tab-indicator{transition:none}.sidebar-tabpanel{animation:none}}.sidebar-tab--icon{padding-left:calc(11 * var(--px));padding-right:calc(11 * var(--px));margin-right:calc(7 * var(--px));flex:none}.potik-icon{display:block}.sidebar-tab .potik-icon{font-size:calc(18 * var(--px))}.sidebar-tabpanel--kept{animation:none}.sidebar-tabpanel--kept[hidden]{display:none}.games-panel{min-height:0;margin:calc(-12 * var(--px));padding:calc(12 * var(--px));gap:calc(10 * var(--px));flex-direction:column;flex:1;display:flex}.games-intro{font-size:calc(11.5 * var(--px));color:var(--ocean-text-mid);line-height:1.5}.games-error{font-size:calc(12 * var(--px));color:var(--ocean-danger-hover)}.games-list{min-height:0;margin-right:calc(-8 * var(--px));padding-right:calc(4 * var(--px));scrollbar-gutter:stable;gap:calc(8 * var(--px));flex-direction:column;flex:1;list-style:none;display:flex;overflow-y:auto}.games-list li{animation:.25s ease-out backwards games-rise;animation-delay:calc(var(--i,0) * 50ms)}@keyframes games-rise{0%{opacity:0;transform:translateY(calc(6 * var(--px)))}}.games-card{gap:calc(9 * var(--px));width:100%;padding:calc(10 * var(--px)) calc(12 * var(--px));text-align:left;background:var(--ocean-bg-panel);border-radius:calc(10 * var(--px));cursor:pointer;border:none;flex-direction:column;transition:background .15s,transform .1s;display:flex}.games-card:hover{background:var(--ocean-raise)}.games-card:active{transform:translateY(1px)}.games-card-head{align-items:center;gap:calc(11 * var(--px));display:flex}.games-card-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.games-card-title{font-size:calc(13.5 * var(--px));color:var(--ocean-text);font-weight:600}.games-card-best{font-size:calc(11.5 * var(--px));color:var(--ocean-accent);white-space:nowrap;font-weight:700}.games-card-blurb{font-size:calc(11.5 * var(--px));color:var(--ocean-text-dim);line-height:1.45}.games-card-play{font-size:calc(12 * var(--px));color:var(--ocean-text-faint);flex:none;transition:color .15s}.games-card:hover .games-card-play{color:var(--ocean-accent)}.games-card .games-board,.games-card .games-board-empty{padding-top:calc(8 * var(--px));border-top:1px solid var(--ocean-hairline);margin-top:0}.games-cover{border-radius:calc(8 * var(--px));background:var(--ocean-bg-glow);flex:none;display:block;overflow:hidden}.games-cover--prism{background:var(--ocean-bg)}.games-cover-ground{fill:var(--ocean-raise)}.games-cover-line{fill:none;stroke:var(--ocean-accent);stroke-width:1.5px}.games-cover-figure{fill:none;stroke:var(--ocean-accent-light);stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round}.games-cover-body{fill:var(--ocean-accent)}.games-cover-strands{fill:none;stroke:var(--ocean-accent);stroke-width:1.6px;stroke-linecap:round;opacity:.6}.games-cover-ink{fill:var(--ocean-bg)}.games-cover-rock{fill:var(--ocean-text-faint)}.games-cover-trail{fill:none;stroke:var(--ocean-accent-light);stroke-width:1.2px;stroke-linecap:round;stroke-dasharray:.5 3}.games-cover-stone{fill:var(--ocean-text)}.games-card:hover .games-cover-live--jelly,.games-card:hover .games-cover-live--stone{animation:.9s ease-in-out infinite alternate games-cover-bob}.games-card:hover .games-cover-live--skater,.games-card:hover .games-cover-live--car{animation:1.1s ease-in-out infinite alternate games-cover-roll}.games-card:hover .games-cover-live--tile{animation:1.2s ease-in-out infinite games-cover-wave}@keyframes games-cover-bob{to{transform:translateY(calc(-3 * var(--px)))}}@keyframes games-cover-roll{0%{transform:translateX(calc(-2.5 * var(--px)))}to{transform:translateX(calc(2.5 * var(--px)))}}@keyframes games-cover-wave{50%{opacity:.45}}.games-board{flex-direction:column;gap:2px;margin-top:2px;list-style:none;display:flex}.games-board-row{align-items:center;gap:calc(8 * var(--px));font-size:calc(11.5 * var(--px));color:var(--ocean-text-soft);display:flex}.games-board-row--me{color:var(--ocean-accent);font-weight:600}.games-board-rank{min-width:calc(14 * var(--px));color:var(--ocean-text-muted);font-variant-numeric:tabular-nums}.games-board-row--me .games-board-rank{color:inherit}.games-board-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.games-board-score{font-variant-numeric:tabular-nums;white-space:nowrap}.games-board-empty{font-size:calc(11.5 * var(--px));color:var(--ocean-text-muted)}.games-panel--playing{gap:calc(8 * var(--px))}.games-bar{align-items:center;gap:calc(8 * var(--px));display:flex}.games-back{width:calc(24 * var(--px));height:calc(24 * var(--px));border-radius:calc(6 * var(--px));color:var(--ocean-text-soft);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.games-back:hover{background:var(--ocean-line);color:var(--ocean-accent)}.games-bar-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:calc(13 * var(--px));color:var(--ocean-text);flex:1;font-weight:600;overflow:hidden}.games-bar-best{align-items:baseline;gap:calc(5 * var(--px));font-size:calc(11.5 * var(--px));color:var(--ocean-accent);white-space:nowrap;font-weight:700;display:inline-flex}.games-bar-rank{color:var(--ocean-text-muted);font-weight:600}.games-bar-best--flash{animation:.7s ease-in-out 2 games-best-flash}@keyframes games-best-flash{50%{color:var(--ocean-text);text-shadow:0 0 calc(10 * var(--px)) rgba(var(--ocean-accent-rgb), .9)}}.games-frame{border-radius:calc(10 * var(--px));background:var(--ocean-bg-deep);border:none;flex:1;width:100%;min-height:0;display:block}@media (prefers-reduced-motion:reduce){.games-bar-best--flash,.games-list li,.games-card:hover .games-cover-live{animation:none}}.voice-section{min-height:0;margin:calc(-12 * var(--px)) calc(-8 * var(--px)) calc(-12 * var(--px)) calc(-12 * var(--px));padding:calc(12 * var(--px)) calc(4 * var(--px)) calc(12 * var(--px)) calc(12 * var(--px));scrollbar-gutter:stable;gap:calc(10 * var(--px));flex-direction:column;flex:1;display:flex;overflow-y:auto}.voice-new-btn{border:1px dashed var(--ocean-text-faint);border-radius:calc(10 * var(--px));color:var(--ocean-text-mid);font-size:calc(12 * var(--px));letter-spacing:calc(.5 * var(--px));padding:calc(9 * var(--px)) calc(12 * var(--px));cursor:pointer;background:0 0;flex-shrink:0;font-weight:600;transition:background .15s,border-color .15s,color .15s}.voice-new-btn:hover{background:var(--ocean-hairline);border-color:var(--ocean-text-muted);color:var(--ocean-text-strong)}.voice-panel{min-height:calc(132 * var(--px));background:var(--ocean-bg-panel);border-radius:calc(10 * var(--px));color:var(--ocean-text-muted);flex-direction:column;flex:1 0 0;display:flex;overflow:hidden}.voice-panel-header{justify-content:space-between;align-items:center;gap:calc(10 * var(--px));padding:calc(10 * var(--px)) calc(14 * var(--px)) calc(8 * var(--px));display:flex}.voice-header-id{align-items:baseline;gap:calc(8 * var(--px));min-width:0;display:flex}.voice-panel-title{font-size:calc(13 * var(--px));color:var(--ocean-text-bright);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.voice-panel-title--editable{text-align:left;cursor:text;background:0 0;border:none;min-width:0;padding:0;font-family:inherit}.voice-panel-title--editable:hover,.voice-panel-title--editable:focus-visible{text-underline-offset:calc(3 * var(--px));-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.voice-rename{gap:calc(4 * var(--px));flex-direction:column;min-width:0;display:flex}.voice-rename-input{width:14em;max-width:100%;font:inherit;font-size:calc(13 * var(--px));color:var(--ocean-text-bright);background:var(--ocean-line-faint);border:1px solid var(--ocean-line-strong);border-radius:calc(6 * var(--px));padding:2px calc(6 * var(--px));outline:none;font-weight:600}.voice-rename-input:focus{border-color:rgba(var(--ocean-accent-rgb), .75)}.voice-rename-input[aria-invalid=true]{border-color:var(--ocean-danger)}.voice-rename-error{font-size:calc(11 * var(--px));color:var(--ocean-danger);white-space:normal}.voice-timer{font-size:calc(11 * var(--px));letter-spacing:calc(1 * var(--px));color:var(--ocean-text-mid);font-variant-numeric:tabular-nums;font-weight:700}.voice-header-actions{align-items:center;gap:calc(8 * var(--px));min-height:calc(28 * var(--px));flex-shrink:0;display:flex}.voice-panel-header .voice-btn{height:calc(28 * var(--px));padding:0 calc(11 * var(--px))}.voice-dismiss{font-size:calc(12 * var(--px));color:var(--ocean-text-muted);cursor:pointer;background:0 0;border:none;padding:0;line-height:1;transition:color .15s}.voice-dismiss:hover{color:var(--ocean-text-strong)}.voice-body{min-height:0;padding:calc(12 * var(--px)) calc(14 * var(--px));gap:calc(8 * var(--px)) calc(12 * var(--px));flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:start;display:grid;overflow-y:auto}.voice-body:has(>.voice-empty){align-content:center;justify-items:center}.voice-empty{color:var(--ocean-text-muted);grid-column:1/-1;font-size:.75rem}.voice-user{align-items:center;gap:calc(8 * var(--px));min-height:calc(28 * var(--px));margin:-2px calc(-4 * var(--px));padding:2px calc(4 * var(--px));border-radius:calc(6 * var(--px));display:flex}.voice-user--joined{animation:.6s ease-out voice-user-in}@keyframes voice-user-in{0%{opacity:0;transform:translateX(calc(-6 * var(--px)))}to{opacity:1;transform:none}}.voice-user .user-avatar,.voice-user .voice-user-name{transition:filter .32s,opacity .32s,color .32s}.voice-user--pending .user-avatar{filter:grayscale();opacity:.45}.voice-user--pending .voice-user-name{color:var(--ocean-text-muted)}.voice-user-status{white-space:nowrap;text-overflow:ellipsis;min-width:0;letter-spacing:calc(.2 * var(--px));color:rgba(var(--ocean-accent-rgb), .75);align-items:center;font-size:.68rem;animation:.2s ease-out voice-status-in,1.6s ease-in-out .2s infinite voice-pending-pulse;display:flex;overflow:hidden}@keyframes voice-status-in{0%{opacity:0}to{opacity:1}}.voice-dots{text-align:left;width:1em;display:inline-block}.voice-dots:after{content:"";animation:1.2s step-end infinite voice-dots}@keyframes voice-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}@keyframes voice-pending-pulse{0%,to{opacity:1}50%{opacity:.55}}.voice-btn-spinner{width:calc(11 * var(--px));height:calc(11 * var(--px));border:2px solid #050f1a40;border-top-color:var(--ocean-bg-deep);border-radius:50%;animation:.7s linear infinite voice-spin}@keyframes voice-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.voice-user-status,.voice-dots:after,.voice-btn-spinner{animation:none}.voice-user .user-avatar,.voice-user .voice-user-name{transition:none}.voice-user--ghost{opacity:.55;animation:none}.voice-dots:after{content:"…"}}.voice-user--ghost{pointer-events:none;animation:5s ease-in forwards voice-ghost-fade}.voice-user--ghost .user-avatar{filter:grayscale()}.voice-user--ghost .voice-user-name{color:var(--ocean-text-muted);flex:0 auto}.voice-ghost-status{color:var(--ocean-ember);opacity:.8;flex-shrink:0;font-size:.65rem;font-weight:600}@keyframes voice-ghost-fade{0%,45%{opacity:1}95%,to{opacity:0}}.voice-user-name{color:var(--ocean-text-strong);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.8rem;font-weight:500;overflow:hidden}.voice-user-name--me{color:var(--ocean-ember);font-weight:600}.voice-user--pending .voice-user-name--me{color:var(--ocean-text-muted)}.voice-muted-icon{color:var(--ocean-danger);font-size:calc(13 * var(--px));flex-shrink:0}.voice-afk{padding:1px calc(6 * var(--px));border:1px solid var(--ocean-text-faint);border-radius:calc(5 * var(--px));color:var(--ocean-text-mid);font:inherit;letter-spacing:.08em;background:0 0;flex-shrink:0;font-size:.625rem;font-weight:600;line-height:1.4;transition:color .15s,border-color .15s}button.voice-afk{cursor:pointer}.voice-afk--on{color:var(--ocean-ember);border-color:var(--ocean-ember)}@media (hover:hover){button.voice-afk:hover{color:var(--ocean-ember);border-color:var(--ocean-ember)}}.voice-user--afk .user-avatar,.voice-stage-person--afk .voice-stage-avatar{opacity:.45}.voice-stage-afk{right:calc(6 * var(--px));bottom:calc(6 * var(--px));background:var(--ocean-raise);position:absolute}.voice-user--adjustable{cursor:pointer;transition:background .15s}.voice-user--adjustable:hover,.voice-user--adjustable:focus-visible{background:var(--ocean-wash)}.voice-user-vol-badge{align-items:center;gap:calc(3 * var(--px));color:var(--ocean-text-mid);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.65rem;font-weight:700;display:flex}.voice-user-vol-badge .anticon{font-size:calc(13 * var(--px))}.voice-user--silenced .user-avatar{opacity:.4}.voice-user--silenced .voice-user-name{color:var(--ocean-text-muted)}.voice-user-vol-hint{font-size:calc(12 * var(--px));color:var(--ocean-text-mid);opacity:0;flex-shrink:0;transition:opacity .15s}.voice-user--adjustable:hover .voice-user-vol-hint,.voice-user--adjustable:focus-visible .voice-user-vol-hint{opacity:1}.voice-vol-pop-body{width:calc(230 * var(--px));gap:calc(4 * var(--px));flex-direction:column;display:flex}.voice-vol-pop-label{color:var(--ocean-text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;font-weight:600;overflow:hidden}.voice-vol-pop-row{align-items:center;gap:calc(8 * var(--px));display:flex}.voice-vol-pop-mute{width:calc(28 * var(--px));height:calc(28 * var(--px));border-radius:calc(8 * var(--px));background:var(--ocean-raise);color:var(--ocean-text-bright);font-size:calc(14 * var(--px));cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.voice-vol-pop-mute:hover{background:var(--ocean-raise-2)}.voice-vol-pop-mute--on{background:var(--ocean-danger-soft);color:var(--ocean-danger)}.voice-vol-pop-slider{flex:1;min-width:0;position:relative}.voice-vol-pop-slider:before{content:"";width:2px;height:calc(10 * var(--px));margin:calc(-5 * var(--px)) 0 0 -1px;background:var(--ocean-text-faint);pointer-events:none;border-radius:1px;position:absolute;top:50%;left:50%}.voice-vol-pop-body .ant-slider{margin:calc(4 * var(--px)) 2px}.voice-vol-pop-pct{min-width:calc(36 * var(--px));text-align:right;color:var(--ocean-text-bright);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.7rem;font-weight:700}.voice-vol--boost{color:var(--ocean-warning)}.voice-vol--muted{color:var(--ocean-danger)}.voice-vol-pop-reset{font:inherit;color:var(--ocean-accent);cursor:pointer;background:0 0;border:none;align-self:flex-end;padding:0;font-size:.7rem}.voice-vol-pop-reset:disabled{color:var(--ocean-text-faint);cursor:default}.voice-error{padding:0 calc(14 * var(--px)) calc(10 * var(--px));color:var(--ocean-danger);font-size:.75rem}.voice-btn{border-radius:calc(8 * var(--px));background:var(--ocean-ember-soft);color:var(--ocean-text-bright);font-size:calc(12 * var(--px));letter-spacing:calc(.2 * var(--px));padding:calc(8 * var(--px)) calc(13 * var(--px));cursor:pointer;justify-content:center;align-items:center;gap:calc(6 * var(--px));border:none;font-weight:600;transition:background .15s,color .15s;display:flex}.voice-btn:hover:not(:disabled){background:#f2b36847}.voice-btn:disabled{opacity:.45;cursor:not-allowed}.voice-btn--join{min-width:calc(72 * var(--px));background:var(--ocean-accent);color:var(--ocean-bg-deep);border-color:#0000;flex:none;font-weight:700}.voice-btn--join:hover:not(:disabled){background:var(--ocean-accent-light);border-color:#0000}.voice-btn--leave{min-width:calc(72 * var(--px));background:#e25a4529;flex:none}.voice-btn--leave:hover:not(:disabled){background:#e25a454d}.voice-btn--mic{font-size:calc(14 * var(--px));flex:none}.voice-btn--mic:not(.voice-btn--muted){background:var(--ocean-ember-soft);color:var(--ocean-ember)}.voice-btn--mic:not(.voice-btn--muted):hover:not(:disabled){background:#f2b36842}.voice-btn--hear{font-size:calc(14 * var(--px));background:var(--ocean-raise);flex:none}.voice-btn--hear:hover:not(:disabled){background:var(--ocean-raise-2)}.voice-btn--muted{color:var(--ocean-danger);background:var(--ocean-danger-soft)}.voice-btn--hear.voice-btn--muted:hover:not(:disabled){background:var(--ocean-danger-soft)}.voice-audio-sinks{display:none}.chat-panel{min-height:0;margin:calc(-12 * var(--px));padding-bottom:calc(12 * var(--px));background:var(--ocean-bg-info);flex-direction:column;flex:1;display:flex;overflow:hidden}.chat-body{border-right:calc(4 * var(--px)) solid var(--ocean-bg);min-height:0;padding:calc(12 * var(--px)) calc(8 * var(--px)) calc(12 * var(--px)) calc(16 * var(--px));scrollbar-gutter:stable;background:var(--ocean-bg);gap:calc(10 * var(--px));flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-body>*{flex-shrink:0}.chat-empty{color:var(--ocean-text-muted);font-size:.75rem}.chat-earlier{padding:calc(4 * var(--px)) calc(10 * var(--px));border-radius:calc(999 * var(--px));background:var(--ocean-wash);font:inherit;color:var(--ocean-accent);cursor:pointer;border:none;align-self:center;font-size:.7rem;font-weight:600;transition:background .15s}.chat-earlier:hover{background:var(--ocean-wash-strong)}.chat-msg{align-items:flex-start;gap:calc(8 * var(--px));display:flex}.chat-msg-avatar{margin-top:2px}.chat-msg--grouped{margin-top:calc(-4 * var(--px))}.chat-msg--enter{animation:.18s ease-out chat-msg-in}@keyframes chat-msg-in{0%{opacity:0;transform:translateY(calc(4 * var(--px)))}}.chat-msg-avatar-gap{width:calc(22 * var(--px));flex-shrink:0}.chat-msg-content{flex-direction:column;gap:1px;min-width:0;display:flex}.chat-msg-meta{align-items:baseline;gap:calc(6 * var(--px));display:flex}.chat-msg-user{color:var(--ocean-text-strong);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:600;overflow:hidden}.chat-msg-you{color:var(--ocean-text-muted);font-weight:400}.chat-msg-time{color:var(--ocean-text-muted);flex-shrink:0;font-size:.65rem}.chat-msg-text{color:var(--ocean-text-bright);overflow-wrap:anywhere;white-space:pre-wrap;font-size:.8rem}.chat-msg-link{color:var(--ocean-accent);text-decoration:none}.chat-msg-link:hover{text-decoration:underline}.chat-server-msg{align-items:center;gap:calc(8 * var(--px));display:flex}.chat-roll{padding:calc(6 * var(--px)) calc(10 * var(--px));border-radius:calc(10 * var(--px));background:linear-gradient(100deg, var(--ocean-ember-soft), var(--ocean-wash));border:1px solid #f2b36852;position:relative}.chat-roll-die{flex-shrink:0;font-size:1.15rem;line-height:1}.chat-roll:not(.chat-roll--settled) .chat-roll-die{animation:.7s linear roll-tumble}.chat-roll-body{min-width:0;color:var(--ocean-text-bright);overflow-wrap:anywhere;flex:1;font-size:.8rem}.chat-roll-user{color:var(--ocean-text);font-weight:600}.chat-roll-verb{color:var(--ocean-text-dim)}.chat-roll-value{font-variant-numeric:tabular-nums;color:var(--ocean-accent);font-weight:700}.chat-roll:not(.chat-roll--settled) .chat-roll-value{filter:blur(2px);opacity:.6}.chat-roll--react .chat-roll-value{animation:.32s cubic-bezier(.2,1.6,.4,1) roll-land}.chat-roll-quip{color:var(--ocean-text-mid);font-size:.7rem;font-style:italic}@keyframes roll-tumble{0%{transform:rotate(0)scale(1.15)}to{transform:rotate(720deg)scale(1)}}@keyframes roll-land{0%{text-shadow:0 0 calc(14 * var(--px)) rgba(var(--ocean-accent-rgb), .9);transform:scale(1.9)}to{text-shadow:none;transform:scale(1)}}.chat-roll--low .chat-roll-value{color:var(--ocean-ember)}.chat-roll--high .chat-roll-value{color:var(--ocean-success)}.chat-roll-banner{width:fit-content;margin-top:calc(4 * var(--px));padding:1px calc(7 * var(--px));border-radius:calc(6 * var(--px));letter-spacing:.14em;font-size:.62rem;font-weight:800;display:block}.chat-roll--crit-fail{border-color:var(--ocean-danger);background:linear-gradient(100deg,#e0656b33,#e0656b0f)}.chat-roll--crit-fail .chat-roll-value{color:var(--ocean-danger)}.chat-roll--crit-fail .chat-roll-banner{color:var(--ocean-danger-hover);text-shadow:0 0 calc(8 * var(--px)) #e0656b99;background:#e0656b3d}.chat-roll--react.chat-roll--crit-fail{animation:.42s cubic-bezier(.36,.07,.19,.97) crit-fail-shake}.chat-roll--react.chat-roll--crit-fail .chat-roll-die{animation:.6s ease-out .2s both crit-fail-slump}.chat-roll--react.chat-roll--crit-fail .chat-roll-banner{animation:.3s ease-out .12s both crit-banner-in}.chat-roll--crit-win{background:linear-gradient(100deg,#2ee6c833,#2ee6c80f);border-color:#2ee6c899}.chat-roll--crit-win .chat-roll-value{color:var(--ocean-success)}.chat-roll--crit-win .chat-roll-banner{color:var(--ocean-success);text-shadow:0 0 calc(8 * var(--px)) #2ee6c899;background:#2ee6c83d}.chat-roll--react.chat-roll--crit-win{animation:.62s ease-out crit-win-flare}.chat-roll--react.chat-roll--crit-win .chat-roll-die{animation:.62s cubic-bezier(.2,1.5,.4,1) crit-win-spin}.chat-roll--react.chat-roll--crit-win .chat-roll-banner{animation:.3s ease-out .12s both crit-banner-in}.chat-roll-sparks{left:calc(14 * var(--px));bottom:calc(8 * var(--px));pointer-events:none;width:0;height:0;position:absolute}.chat-roll-sparks>span{width:calc(4 * var(--px));height:calc(4 * var(--px));background:var(--ocean-success);box-shadow:0 0 calc(6 * var(--px)) #2ee6c8e6;border-radius:50%;animation:.7s ease-out both crit-spark;position:absolute}.chat-roll-sparks>span:first-child{--spark-x:calc(-16 * var(--px))}.chat-roll-sparks>span:nth-child(2){--spark-x:calc(-4 * var(--px));animation-delay:60ms}.chat-roll-sparks>span:nth-child(3){--spark-x:calc(9 * var(--px));animation-delay:30ms}.chat-roll-sparks>span:nth-child(4){--spark-x:calc(20 * var(--px));animation-delay:90ms}@keyframes crit-fail-shake{0%,to{transform:translate(0)}20%{transform:translateX(calc(-6 * var(--px)))}40%{transform:translateX(calc(5 * var(--px)))}60%{transform:translateX(calc(-3 * var(--px)))}80%{transform:translate(2px)}}@keyframes crit-fail-slump{0%{transform:rotate(0)translateY(0)}to{transform:rotate(-25deg)translateY(2px)}}@keyframes crit-win-flare{0%{box-shadow:0 0 #2ee6c899}35%{box-shadow:0 0 calc(20 * var(--px)) calc(5 * var(--px)) #2ee6c873}to{box-shadow:0 0 #2ee6c800}}@keyframes crit-win-spin{0%{transform:rotate(-180deg)scale(.4)}to{transform:rotate(0)scale(1)}}@keyframes crit-banner-in{0%{opacity:0;transform:translateY(calc(-4 * var(--px))) scale(.9)}to{opacity:1;transform:none}}@keyframes crit-spark{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(var(--spark-x), calc(-26 * var(--px))) scale(.4)}}.chat-header{margin:calc(4 * var(--px)) 0;gap:calc(10 * var(--px))}.chat-header-rule{background:linear-gradient(90deg,#0000,#f2b368bf,#0000);flex:1;height:1px}.chat-header-label{letter-spacing:.18em;color:var(--ocean-ember);text-shadow:0 0 calc(10 * var(--px)) #f2b36873;flex-shrink:0;font-size:.7rem;font-weight:700}.chat-header--enter .chat-header-rule{transform-origin:50%;animation:.52s ease-out header-sweep}.chat-header--enter .chat-header-label{animation:.52s ease-out header-label-in}@keyframes header-sweep{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes header-label-in{0%{opacity:0;letter-spacing:.5em}to{opacity:1;letter-spacing:.18em}}.chat-hype{padding:calc(7 * var(--px)) calc(10 * var(--px));border-radius:calc(10 * var(--px));background:linear-gradient(100deg,#e25a452e,#f2b36812);border:1px solid #f2b36866;position:relative;overflow:hidden}.chat-hype-body{align-items:baseline;gap:calc(8 * var(--px));flex:1;min-width:0;display:flex}.chat-hype-label{letter-spacing:.14em;color:var(--ocean-ember);text-shadow:0 0 calc(12 * var(--px)) #f2b3688c;flex-shrink:0;font-size:.78rem;font-weight:800}.chat-hype-user{color:var(--ocean-text-dim);overflow-wrap:anywhere;font-size:.7rem}.chat-hype-flames{pointer-events:none;position:absolute;inset:0}.chat-hype-flames>span{bottom:calc(-16 * var(--px));left:calc(5% + var(--flame) * 13.5%);animation:1s ease-out both hype-rise;animation-delay:calc(var(--flame) * 70ms);font-size:.8rem;line-height:1;position:absolute}.chat-hype--enter{animation:.7s ease-out hype-flare}.chat-hype--enter .chat-hype-label{animation:.52s cubic-bezier(.2,1.6,.4,1) hype-label-in}@keyframes hype-rise{0%{opacity:0;transform:translateY(0)scale(.6)}25%{opacity:1}to{opacity:0;transform:translateY(calc(-52 * var(--px))) scale(1.2)}}@keyframes hype-flare{0%{box-shadow:0 0 #f2b3688c}40%{box-shadow:0 0 calc(22 * var(--px)) calc(6 * var(--px)) #f2b36861}to{box-shadow:0 0 #f2b36800}}@keyframes hype-label-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.chat-error{padding:calc(8 * var(--px)) calc(16 * var(--px)) 0;color:var(--ocean-danger);font-size:.75rem}.chat-notice{padding:calc(8 * var(--px)) calc(16 * var(--px)) 0;color:var(--ocean-text-dim);font-size:.75rem}.chat-composer{margin:calc(12 * var(--px)) calc(16 * var(--px)) 0;position:relative}.chat-input-row{gap:calc(8 * var(--px));display:flex}.chat-dropup{bottom:calc(100% + calc(6 * var(--px)));z-index:5;padding:calc(6 * var(--px));border:1px solid var(--ocean-hairline-strong);border-radius:calc(10 * var(--px));background:var(--ocean-bg-info);box-shadow:0 calc(10 * var(--px)) calc(26 * var(--px)) #020a1273;transform-origin:bottom;flex-direction:column;animation:.14s ease-out dropup-in;display:flex;position:absolute;left:0;right:0}.chat-dropup-title{padding:2px calc(6 * var(--px)) calc(5 * var(--px));letter-spacing:.16em;text-transform:uppercase;color:var(--ocean-text-muted);font-size:.6rem;font-weight:700}.chat-dropup-item{align-items:baseline;gap:calc(8 * var(--px));padding:calc(6 * var(--px)) calc(8 * var(--px));border-radius:calc(8 * var(--px));color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.chat-dropup-item--on{background:var(--ocean-wash-strong)}.chat-dropup-icon{flex-shrink:0;font-size:.85rem}.chat-dropup-name{color:var(--ocean-accent);flex-shrink:0;font-size:.78rem;font-weight:600}.chat-dropup-hint{min-width:0;color:var(--ocean-text-mid);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.68rem;overflow:hidden}@keyframes dropup-in{0%{opacity:0;transform:translateY(calc(6 * var(--px))) scale(.98)}to{opacity:1;transform:none}}.chat-input{border-radius:calc(8 * var(--px));background:var(--ocean-hairline);min-width:0;color:var(--ocean-text-bright);padding:calc(8 * var(--px)) calc(11 * var(--px));border:none;outline:none;flex:1;font-size:.8rem;transition:box-shadow .15s,background .15s;box-shadow:inset 0 0 0 1px #0000}.chat-input::placeholder{color:var(--ocean-text-muted)}.chat-input:focus{background:var(--ocean-hairline);box-shadow:inset 0 0 0 1px var(--ocean-glow)}.chat-send-btn{flex:none}.yt-embed{padding:calc(12 * var(--px));gap:calc(10 * var(--px));flex-direction:column;display:flex}.yt-embed-header{justify-content:space-between;align-items:center;gap:calc(8 * var(--px));display:flex}.yt-embed-header-main{align-items:center;gap:calc(9 * var(--px));flex:1;min-width:0;display:flex}.yt-embed-close{line-height:1;font-size:calc(12 * var(--px));color:var(--ocean-text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;padding:2px;transition:color .15s;display:flex}.yt-embed-close:hover{color:var(--ocean-text)}.yt-embed-title{align-items:center;gap:calc(8 * var(--px));font-size:calc(13 * var(--px));color:var(--ocean-text-bright);font-weight:700;display:flex}.yt-embed-play-toggle{border-radius:calc(8 * var(--px));background:var(--ocean-accent);color:var(--ocean-bg-deep);font-size:calc(12 * var(--px));padding:calc(6 * var(--px)) calc(14 * var(--px));cursor:pointer;border:none;font-weight:700}.yt-embed-play-toggle:disabled,.yt-embed-add:disabled{opacity:.45;cursor:not-allowed}.yt-embed-input-row{gap:calc(8 * var(--px));display:flex}.yt-embed-add{flex:none}.yt-embed-play-toggle--on{background:var(--ocean-wash-strong);color:var(--ocean-accent);box-shadow:inset 0 0 0 1px rgba(var(--ocean-accent-rgb), .5)}.yt-embed-player{width:100%;min-width:calc(200 * var(--px));min-height:calc(200 * var(--px));border-radius:calc(10 * var(--px));background:#000;position:relative;overflow:hidden}.yt-embed-player iframe{width:100%;height:100%;display:block}.yt-embed-desync{align-items:center;gap:calc(10 * var(--px));margin-top:calc(8 * var(--px));padding:calc(7 * var(--px)) calc(10 * var(--px));border-radius:calc(8 * var(--px));background:var(--ocean-wash);box-shadow:inset 0 0 0 1px var(--ocean-line-strong);display:flex}.yt-embed-desync-text{min-width:0;font-size:calc(11.5 * var(--px));color:var(--ocean-text-strong);flex:1}.yt-embed-resync{padding:calc(4 * var(--px)) calc(10 * var(--px));border-radius:calc(6 * var(--px));background:var(--ocean-wash-strong);color:var(--ocean-accent);font-size:calc(11.5 * var(--px));cursor:pointer;border:none;flex-shrink:0;font-weight:700;transition:background .15s}.yt-embed-resync:hover{background:var(--ocean-line-strong)}.yt-embed-player-error{align-items:center;gap:calc(8 * var(--px));font-size:calc(11 * var(--px));color:var(--ocean-danger-hover);display:flex}.yt-embed-retry{padding:calc(4 * var(--px)) calc(10 * var(--px));font-size:calc(11 * var(--px))}.yt-embed-player-blocked{color:var(--ocean-text);font:inherit;font-size:calc(13 * var(--px));letter-spacing:calc(.2 * var(--px));cursor:pointer;background:#050f1a8f;border:none;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;inset:0}.yt-embed-now-head{align-items:center;gap:calc(8 * var(--px));min-width:0;display:flex}.yt-embed-copy{align-items:center;gap:calc(5 * var(--px));border-radius:calc(6 * var(--px));background:var(--ocean-hairline);padding:calc(4 * var(--px)) calc(9 * var(--px));font-size:calc(11 * var(--px));color:var(--ocean-text-soft);cursor:pointer;border:none;flex-shrink:0;font-weight:600;transition:background .15s,color .15s;display:flex}.yt-embed-copy:hover{background:var(--ocean-hairline-strong);color:var(--ocean-text)}.yt-embed-copy--done,.yt-embed-copy--done:hover{background:var(--ocean-success-soft);color:var(--ocean-success)}.yt-embed-now-title{min-width:0;font-size:calc(12 * var(--px));color:var(--ocean-text-bright);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.yt-embed-now-meta{font-size:calc(11 * var(--px));color:var(--ocean-text-mid);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.yt-embed-below{position:relative}.yt-embed-controls-stack{gap:calc(8 * var(--px));flex-direction:column;display:flex}.yt-embed-controls-stack--hidden{visibility:hidden;pointer-events:none}.yt-embed-controls{align-items:center;gap:calc(8 * var(--px));display:flex}.yt-embed-controls button{border-radius:calc(8 * var(--px));background:var(--ocean-hairline);color:var(--ocean-text-bright);font-size:calc(13 * var(--px));padding:calc(7 * var(--px)) calc(11 * var(--px));cursor:pointer;border:none;transition:background .15s}.yt-embed-controls button:hover:not(:disabled){background:var(--ocean-hairline-strong)}.yt-embed-controls button:disabled{opacity:.35;cursor:not-allowed}.yt-embed-play-toggle{background:var(--ocean-wash-strong)!important;color:var(--ocean-accent)!important}.yt-embed-timeline{align-items:center;gap:calc(10 * var(--px));display:flex}.yt-embed-timeline-clock{min-width:calc(38 * var(--px));font-size:calc(11 * var(--px));font-variant-numeric:tabular-nums;color:var(--ocean-text-dim);flex:none}.yt-embed-timeline-clock:last-child{text-align:right}.yt-embed-timeline-bar{flex:auto;min-width:0}.yt-embed-timeline-bar.ant-slider{margin:calc(4 * var(--px)) 0}.yt-embed-volume{flex:0 1 calc(150 * var(--px));min-width:calc(60 * var(--px));align-items:center;gap:calc(12 * var(--px));margin-left:auto;display:flex}.yt-embed-volume-icon{font-size:calc(13 * var(--px));color:var(--ocean-text-dim);flex:none;display:flex}.yt-embed-volume:has(.ant-slider-disabled) .yt-embed-volume-icon{color:var(--ocean-text-muted)}.yt-embed-volume .ant-slider{min-width:0;margin:calc(4 * var(--px)) calc(7 * var(--px)) calc(4 * var(--px)) 0;flex:auto}.yt-embed-clear{margin-left:auto;margin-right:calc(8 * var(--px));padding:2px calc(8 * var(--px));border-radius:calc(6 * var(--px));font:inherit;font-size:calc(11 * var(--px));color:var(--ocean-text-mid);cursor:pointer;background:0 0;border:none;font-weight:600;transition:background .15s,color .15s}.yt-embed-clear:hover:not(:disabled){color:var(--ocean-text)}.yt-embed-clear:disabled{opacity:.45;cursor:not-allowed}.yt-embed-clear--confirm,.yt-embed-clear--confirm:hover:not(:disabled){background:var(--ocean-danger-soft);color:var(--ocean-danger)}.yt-embed-error{font-size:calc(11 * var(--px));color:var(--ocean-danger-hover)}.yt-embed-upnext{align-items:baseline;gap:calc(7 * var(--px));background:var(--ocean-hairline);border-radius:calc(8 * var(--px));width:100%;padding:calc(5 * var(--px)) calc(10 * var(--px));color:var(--ocean-text-soft);font:inherit;text-align:left;cursor:pointer;border:none;transition:background .15s,color .15s;display:flex}.yt-embed-upnext:hover{background:var(--ocean-hairline-strong);color:var(--ocean-text)}.yt-embed-upnext-label{font-size:calc(10 * var(--px));letter-spacing:calc(.4 * var(--px));text-transform:uppercase;color:var(--ocean-text-muted);flex:none;font-weight:700}.yt-embed-upnext-name{min-width:0;font-size:calc(12 * var(--px));text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.yt-embed-upnext-count{font-size:calc(10.5 * var(--px));font-variant-numeric:tabular-nums;color:var(--ocean-text-muted);flex:none}.yt-embed-upnext-chevron{font-size:calc(9 * var(--px));color:var(--ocean-text-muted);flex:none;align-self:center}.yt-embed-queue-overlay{z-index:5;gap:calc(6 * var(--px));background:var(--ocean-bg);border-radius:calc(10 * var(--px));padding:calc(8 * var(--px));flex-direction:column;display:flex;position:absolute;inset:0}.yt-embed-queue-overlay-header{font-size:calc(11 * var(--px));letter-spacing:calc(.2 * var(--px));color:var(--ocean-text-mid);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 2px;font-weight:700;display:flex}.yt-embed-queue-overlay-close{line-height:1;font-size:calc(12 * var(--px));color:var(--ocean-text-muted);cursor:pointer;background:0 0;border:none;padding:2px;transition:color .15s}.yt-embed-queue-overlay-close:hover{color:var(--ocean-text)}.yt-embed-queue{flex-direction:column;flex:auto;gap:2px;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.yt-embed-queue-item{align-items:center;gap:calc(4 * var(--px));border-radius:calc(6 * var(--px));display:flex}.yt-embed-queue-item:hover{background:var(--ocean-hairline)}.yt-embed-queue-item--dragging{opacity:.4}.yt-embed-queue-item--drop{box-shadow:inset 0 2px 0 0 var(--ocean-accent)}.yt-embed-queue-grip{padding:calc(5 * var(--px)) 2px calc(5 * var(--px)) calc(4 * var(--px));color:var(--ocean-text-faint);font-size:calc(11 * var(--px));cursor:grab;-webkit-user-select:none;user-select:none;flex:none;align-items:center;display:flex}.yt-embed-queue-item:hover .yt-embed-queue-grip{color:var(--ocean-text-dim)}.yt-embed-queue-grip:active{cursor:grabbing}.yt-embed-queue-grip:not([draggable=true]){cursor:default;opacity:.4}.yt-embed-queue-jump:disabled{cursor:default}.yt-embed-queue-remove:disabled{cursor:default;opacity:.4}.yt-embed-queue-item--current .yt-embed-queue-name{color:var(--ocean-accent);font-weight:600}.yt-embed-queue-jump{align-items:baseline;gap:calc(6 * var(--px));min-width:0;padding:calc(5 * var(--px)) calc(6 * var(--px));cursor:pointer;text-align:left;background:0 0;border:none;flex:auto;display:flex}.yt-embed-queue-name{min-width:0;font-size:calc(12 * var(--px));color:var(--ocean-text-strong);text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.yt-embed-queue-by{font-size:calc(10 * var(--px));color:var(--ocean-text-muted);flex:none}.yt-embed-queue-remove{color:var(--ocean-text-muted);font-size:calc(11 * var(--px));padding:calc(5 * var(--px)) calc(6 * var(--px));cursor:pointer;background:0 0;border:none;flex:none}.yt-embed-queue-remove:hover:not(:disabled){color:var(--ocean-danger-hover)}.voice-bar{align-items:center;gap:calc(10 * var(--px));padding:calc(6 * var(--px)) calc(12 * var(--px));border-radius:calc(12 * var(--px));background:var(--ocean-bg-info);display:flex}.voice-bar-dot{width:calc(8 * var(--px));height:calc(8 * var(--px));background:var(--ocean-text-faint);border-radius:50%;flex-shrink:0;transition:background .1s,box-shadow .1s}.voice-bar-dot--speaking{background:var(--ocean-ember);box-shadow:0 0 calc(6 * var(--px)) 1px #f2b368a6}.voice-bar-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:calc(13 * var(--px));flex:1;font-weight:600;overflow:hidden}.voice-bar-count{align-items:center;gap:calc(4 * var(--px));font-size:calc(12 * var(--px));color:var(--ocean-text-mid);font-variant-numeric:tabular-nums;display:flex}.sidebar-card>.voice-bar{gap:calc(8 * var(--px));padding:calc(8 * var(--px)) calc(12 * var(--px));border-top:1px solid var(--ocean-hairline);background:0 0;border-radius:0;flex-shrink:0}.voice-bar-settings{font-size:calc(14 * var(--px));color:var(--ocean-text-mid);flex-shrink:0;align-items:center;transition:color .15s;display:flex}.voice-bar-settings:hover{color:var(--ocean-text-bright)}@media (width<=1000px){.page-content:has(.stream-page){padding-left:1.25rem;padding-right:1.25rem}.stream-page{gap:calc(12 * var(--px));height:calc(100dvh - 4rem - calc(12 * var(--px)));flex-direction:column;align-items:stretch}.sidebar-tab,.sidebar-tab--icon{padding:calc(12 * var(--px)) calc(4 * var(--px));flex:1;margin:0}.stream-main{flex:0 auto;order:0;min-height:0}.stream-stage:not(.stream-stage--expanded){flex:0 auto;min-height:0;max-height:60dvh}.stream-page--folded .stage-glow{display:none}.stream-page--folded .stream-stage{aspect-ratio:auto;flex:none;height:5rem}.stream-page--folded .video-shell video{object-fit:cover}.stream-page--folded .player-titlebar,.stream-page--folded .stream-stage>.off-air{display:none}.stage-strip{z-index:25;align-items:center;gap:calc(10 * var(--px));padding:0 calc(16 * var(--px));color:var(--ocean-text);font:inherit;text-align:left;cursor:pointer;background:linear-gradient(90deg,#050f1acc,#050f1a73);border:none;display:flex;position:absolute;inset:0}.stage-strip-name{font-size:calc(14 * var(--px));white-space:nowrap;font-weight:700}.stage-strip-more{font-size:calc(12 * var(--px));color:var(--ocean-text-mid);white-space:nowrap}.stage-strip-speaking{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:calc(12 * var(--px));color:var(--ocean-ember);flex:1;font-weight:600;overflow:hidden}.stage-strip-open{font-size:calc(14 * var(--px));color:var(--ocean-accent);margin-left:auto}.stream-main>.stage-controls{opacity:1;justify-content:center;height:auto;position:static}.stream-sidebar{flex:1;order:0;width:100%;min-height:9rem}.sidebar-card,.sidebar-card-body{min-height:0}.stream-page--arrive .stream-sidebar{animation:.35s ease-out both stream-arrive}}@media (width<=560px){.page-content:has(.stream-page){padding-bottom:0;padding-left:0;padding-right:0}.stream-page{gap:calc(8 * var(--px));height:calc(100dvh - 4rem);padding-top:0}.stream-stage:not(.stream-stage--expanded){border-radius:0}.stage-glow{display:none}.stream-main>.stage-controls,.voice-bar{margin:0 calc(12 * var(--px))}.sidebar-card{box-shadow:none;border-radius:0}.sidebar-card:after{content:none}.stage-mode span{display:none}}@media (prefers-reduced-motion:reduce){.live-dot,.watcher-count--up,.watcher-count--down,.stream-stage>.stream-tile,.stream-tile--ignite:after,.chat-roll:not(.chat-roll--settled) .chat-roll-die,.chat-roll--react .chat-roll-value,.chat-roll--react.chat-roll--crit-fail,.chat-roll--react.chat-roll--crit-fail .chat-roll-die,.chat-roll--react.chat-roll--crit-win,.chat-roll--react.chat-roll--crit-win .chat-roll-die,.chat-dropup,.chat-msg--enter,.sidebar-tab-badge,.sidebar-tab-count,.chat-header--enter .chat-header-rule,.chat-header--enter .chat-header-label{animation:none}.play-overlay:hover .play-icon{transform:none}.chat-roll-sparks{display:none}.stream-tile,.stream-stage{transition:none}}.yt-embed-summary{align-items:center;gap:calc(9 * var(--px));min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex:1;padding:0;display:flex}.yt-embed-summary-text{font-size:calc(11.5 * var(--px));color:var(--ocean-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.yt-embed-chevron{width:calc(6 * var(--px));height:calc(6 * var(--px));border-right:1.5px solid var(--ocean-text-mid);border-bottom:1.5px solid var(--ocean-text-mid);flex-shrink:0;transform:rotate(-45deg)}.yt-embed-body{gap:calc(12 * var(--px));flex-direction:column;display:flex}.yt-embed--idle .yt-embed-body{pointer-events:none;-webkit-user-select:none;user-select:none}.yt-embed-cover{aspect-ratio:400/225;padding:calc(14 * var(--px)) calc(16 * var(--px));flex-direction:column;justify-content:flex-end;align-items:flex-start;display:flex;container-type:inline-size}.yt-embed-cover-text{font-size:calc(14 * var(--px));color:var(--ocean-text-bright);font-weight:600;position:relative}.yt-embed-cover-word{color:var(--ocean-text-faint);opacity:.45;margin-top:4cqw;font-size:15cqw}.yt-embed--idle .yt-embed-below{opacity:.55}.people-panel{margin:calc(-12 * var(--px)) calc(-8 * var(--px)) calc(-12 * var(--px)) calc(-12 * var(--px));padding:calc(12 * var(--px)) calc(8 * var(--px)) calc(12 * var(--px)) calc(16 * var(--px));scrollbar-gutter:stable;flex-direction:column;flex:1;gap:.625rem;min-height:0;display:flex;overflow-y:auto}.people-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ocean-text-mid);font-size:.6875rem;font-weight:600}.people-list{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.people-row{border-radius:calc(8 * var(--px));align-items:center;gap:.625rem;padding:.375rem .5rem;display:flex}.people-avatar{border-radius:50%;flex-shrink:0;width:1.75rem;height:1.75rem}.people-name{min-width:0;color:var(--ocean-text-bright);align-items:center;gap:.375rem;font-size:.8125rem;font-weight:600;display:flex}.people-name-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.people-row--away .people-name{color:var(--ocean-text-dim);font-weight:500}.people-row--away .people-avatar{opacity:.55}.people-you{color:var(--ocean-text-mid);font-size:.6875rem;font-weight:500}.people-sub{text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;max-width:45%;margin-left:auto;font-size:.6875rem;font-weight:700;overflow:hidden}.people-sub--voice{color:var(--ocean-ember)}.people-sub--live{color:var(--ocean-live);letter-spacing:.04em}.people-quiet{color:var(--ocean-text-muted);margin:0;font-size:.75rem}.people-error{color:var(--ocean-danger);margin:0;font-size:.8125rem}.people-retry{font:inherit;color:var(--ocean-accent);cursor:pointer;background:0 0;border:none;padding:0;font-weight:700}.people-skel{border-radius:calc(8 * var(--px));background:var(--ocean-wash);height:2.25rem}.settings-wrapper{max-width:80rem;margin:0 auto;padding-top:2.5rem}.settings-sidebar-head{margin-bottom:.25rem;padding:0 .5rem}.settings-breadcrumb{letter-spacing:calc(1.7 * var(--px));color:var(--ocean-text-mid);text-transform:uppercase;margin-bottom:.375rem;font-size:.625rem;font-weight:600;display:block}.settings-title{color:var(--ocean-text);letter-spacing:-.01em;font-size:1.375rem;font-weight:700;line-height:1.1}.settings-page{align-items:flex-start;gap:2rem;display:flex}.settings-sidebar{flex-direction:column;flex-shrink:0;gap:.75rem;width:14rem;display:flex}.settings-app-version{color:var(--ocean-text-muted);-webkit-user-select:text;user-select:text;padding:0 .5rem;font-size:.6875rem}.settings-nav{background:var(--ocean-bg-panel);border:1px solid var(--ocean-line-strong);border-radius:calc(12 * var(--px));flex-direction:column;gap:.125rem;padding:.375rem;display:flex}.settings-nav-item{color:var(--ocean-text-muted);border-radius:calc(8 * var(--px));cursor:pointer;text-align:left;box-sizing:border-box;background:0 0;border:none;border-left:2px solid #0000;align-items:center;gap:.625rem;width:100%;padding:.5rem .75rem;font-family:inherit;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s,border-color .15s;display:flex}.settings-nav-item:hover{background:var(--ocean-line-faint);color:var(--ocean-text-strong)}.settings-nav-item--active{background:var(--ocean-line)!important;color:var(--ocean-text)!important;border-left-color:var(--ocean-accent)!important}.settings-nav-divider{background:var(--ocean-hairline);height:1px;margin:.25rem .5rem}.settings-nav-danger{color:#e0656bb3!important}.settings-nav-danger:hover{color:var(--ocean-danger)!important;background:#e0656b12!important}.settings-content{flex:1;min-width:0}.settings-stack{flex-direction:column;gap:1.5rem;display:flex}.settings-panel{background:var(--ocean-bg-panel);border:1px solid var(--ocean-line-strong);border-radius:calc(12 * var(--px));transition:border-color .25s,box-shadow .25s;overflow:hidden}.settings-panel--success{box-shadow:0 0 0 1px var(--ocean-success-soft), 0 0 calc(24 * var(--px)) #2ee6c80f;border-color:#2ee6c8a6}.settings-panel--error{box-shadow:0 0 0 1px var(--ocean-danger-soft), 0 0 calc(24 * var(--px)) #e0656b0f;border-color:#e0656ba6}.settings-panel-header{border-bottom:1px solid var(--ocean-line-faint);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.5rem 2rem 1.25rem;display:flex}.settings-panel-title{color:var(--ocean-text);font-size:1.125rem;font-weight:700}.settings-panel-sub{color:var(--ocean-text-muted);margin-top:.2rem;font-size:.8125rem}.settings-panel-badge{letter-spacing:calc(1.5 * var(--px));text-transform:uppercase;border-radius:calc(6 * var(--px));flex-shrink:0;align-self:center;padding:.25rem .6rem;font-size:.625rem;font-weight:700}.settings-panel-badge--ok{background:var(--ocean-success-soft);color:#2ee6c8f2;border:1px solid #2ee6c899}.settings-panel-badge--error{background:var(--ocean-danger-soft);color:var(--ocean-danger-hover);border:1px solid #e0656b99}.settings-panel-badge--muted{background:var(--ocean-wash);border:1px solid var(--ocean-line-strong);color:var(--ocean-text-dim)}.settings-panel-badge--warn{background:var(--ocean-ember-soft);border:1px solid var(--ocean-warning);color:var(--ocean-warning)}.settings-panel-body{flex-direction:column;gap:1.25rem;padding:1.75rem 2rem;display:flex}.settings-panel-footer{border-top:1px solid var(--ocean-line-faint);justify-content:flex-end;gap:.75rem;padding:1.25rem 2rem;display:flex}.profile-avatar-row{align-items:center;gap:1.5rem;display:flex}.profile-avatar-circle{background:linear-gradient(135deg, #0d3a5c, var(--ocean-accent));width:5rem;height:5rem;color:var(--ocean-bg-deep);border:calc(3 * var(--px)) solid rgba(var(--ocean-accent-rgb), .48);box-shadow:0 0 calc(20 * var(--px)) var(--ocean-wash-strong);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.75rem;font-weight:700;display:flex}.profile-avatar-info{flex-direction:column;gap:.4rem;display:flex}.profile-avatar-actions{gap:.5rem;margin-top:.25rem;display:flex}.settings-divider{background:var(--ocean-line-faint);height:1px}.settings-grid-2{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.settings-field{flex-direction:column;gap:.35rem;display:flex}.settings-field-label{letter-spacing:calc(1.7 * var(--px));color:var(--ocean-text-mid);text-transform:uppercase;font-size:.6875rem;font-weight:600}.settings-field-hint{color:var(--ocean-text-muted);font-size:.75rem}.settings-link{font:inherit;color:var(--ocean-accent);cursor:pointer;background:0 0;border:none;padding:0;font-weight:700}.settings-link:disabled{opacity:.35;cursor:not-allowed}.settings-inline-confirm{flex-shrink:0;align-items:center;gap:.5rem;margin-left:auto;display:inline-flex}.settings-value{color:var(--ocean-text);padding:.625rem 0;font-size:.9375rem}.settings-input{background:var(--ocean-line-faint);border:1px solid var(--ocean-line-strong);border-radius:calc(8 * var(--px));color:var(--ocean-text);box-sizing:border-box;outline:none;width:100%;padding:.625rem .875rem;font-family:inherit;font-size:.9375rem;transition:border-color .15s,background .15s}.settings-input:focus{border-color:rgba(var(--ocean-accent-rgb), .6);background:var(--ocean-line-faint);box-shadow:0 0 0 calc(3 * var(--px)) var(--ocean-line-strong)}.settings-input::placeholder{color:var(--ocean-text-muted)}.settings-input:disabled,.settings-btn-secondary:disabled{opacity:.35;cursor:not-allowed}.settings-input-prefix-wrap{position:relative}.settings-input-prefix{color:var(--ocean-text-muted);pointer-events:none;font-size:.9375rem;position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.settings-input--prefixed{padding-left:1.625rem}.settings-section-title{color:var(--ocean-text-soft);font-size:.9375rem;font-weight:600}.settings-btn-primary{background:var(--ocean-line);color:var(--ocean-text);border:1px solid rgba(var(--ocean-accent-rgb), .48);border-radius:calc(8 * var(--px));cursor:pointer;box-shadow:0 0 calc(16 * var(--px)) var(--ocean-wash);padding:.6rem 1.375rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:background .2s}.settings-btn-primary:hover{background:var(--ocean-line-strong);border-color:rgba(var(--ocean-accent-rgb), .75);color:var(--ocean-text);box-shadow:0 0 calc(22 * var(--px)) var(--ocean-wash-strong)}.settings-btn-primary:disabled{opacity:.45;cursor:not-allowed}.settings-btn-primary--danger{background:var(--ocean-danger-soft);color:var(--ocean-danger-hover);border-color:var(--ocean-danger);box-shadow:none}.settings-btn-primary--danger:hover{background:var(--ocean-danger-soft);color:var(--ocean-text);border-color:var(--ocean-danger-hover);box-shadow:0 0 calc(16 * var(--px)) var(--ocean-danger-soft)}.settings-btn-secondary{background:var(--ocean-line-faint);color:var(--ocean-text-dim);border:1px solid var(--ocean-line-strong);border-radius:calc(8 * var(--px));cursor:pointer;padding:.5rem 1rem;font-family:inherit;font-size:.875rem;font-weight:500;transition:background .15s}.settings-btn-secondary:hover{background:var(--ocean-wash);color:var(--ocean-text-strong)}.settings-btn-ghost{color:var(--ocean-text-muted);cursor:pointer;border-radius:calc(8 * var(--px));background:0 0;border:none;padding:.6rem 1.375rem;font-family:inherit;font-size:.875rem;font-weight:500;transition:color .15s}.settings-btn-ghost:hover{color:var(--ocean-text)}.settings-btn-ghost:disabled{opacity:.4;cursor:not-allowed}.settings-btn-ghost--danger{color:var(--ocean-danger);transition:color .15s,background .15s}.settings-btn-ghost--danger:hover:not(:disabled){color:var(--ocean-danger-hover);background:var(--ocean-danger-soft)}.settings-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cpath d='M2.5 4.5L6 8l3.5-3.5' stroke='%23f1f1f1' stroke-opacity='0.55' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2.25rem}.settings-select option{background:var(--ocean-bg-panel);color:var(--ocean-text)}.device-row{align-items:center;gap:.75rem;display:flex}.device-row .settings-btn-secondary{white-space:nowrap;flex-shrink:0}.device-meter{height:calc(6 * var(--px));border-radius:calc(999 * var(--px));background:var(--ocean-wash);border:1px solid var(--ocean-wash-strong);margin-top:.35rem;overflow:hidden}.device-meter-fill{border-radius:calc(999 * var(--px));background:linear-gradient(90deg, var(--ocean-accent), var(--ocean-ember));height:100%;transition:width 60ms linear}.device-check{color:var(--ocean-text-bright);cursor:pointer;align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.device-check input[type=checkbox]{accent-color:var(--ocean-accent);cursor:pointer;flex-shrink:0;width:1rem;height:1rem}.device-check input[type=checkbox]:disabled{cursor:not-allowed;opacity:.55}.device-check:has(input:disabled){cursor:not-allowed;opacity:.55}.device-monitor{flex-wrap:wrap;align-items:center;gap:.35rem 1.25rem;margin-top:.5rem;display:flex}.device-slider-row{align-items:center;gap:.75rem;margin-top:.6rem;display:flex}.device-slider{accent-color:var(--ocean-accent);cursor:pointer;flex:1}.device-slider:disabled{cursor:not-allowed;opacity:.45}.device-monitor-tight{gap:.35rem .4rem}.device-slider-scale{letter-spacing:.04em;text-transform:uppercase;color:var(--ocean-text-mid);justify-content:space-between;margin:.25rem 3rem 0 0;font-size:.6875rem;display:flex}.device-gate-state{color:var(--ocean-danger);align-items:center;gap:.4rem;font-size:.8125rem;font-weight:600;display:inline-flex}.device-gate-state.is-open{color:var(--ocean-success)}.device-gate-dot{background:currentColor;border-radius:50%;width:.5rem;height:.5rem;box-shadow:0 0 .4rem}.device-slider-value{text-align:right;font-variant-numeric:tabular-nums;min-width:2.25rem;color:rgba(var(--ocean-accent-rgb), .9);font-size:.8125rem}.device-permission{border-radius:calc(8 * var(--px));background:var(--ocean-line-faint);border:1px solid var(--ocean-line-strong);justify-content:space-between;align-items:center;gap:1rem;padding:.875rem 1rem;display:flex}.device-permission .settings-btn-secondary{flex-shrink:0}.settings-feedback{border-radius:calc(8 * var(--px));padding:.625rem .875rem;font-size:.8125rem}.settings-feedback--error{color:var(--ocean-danger-hover);background:#e0656b14;border:1px solid #e0656b57}.settings-feedback--ok{background:var(--ocean-wash);border:1px solid rgba(var(--ocean-accent-rgb), .42);color:var(--ocean-text-bright)}.settings-feedback--warn{background:var(--ocean-ember-soft);border:1px solid var(--ocean-warning);color:var(--ocean-text-bright)}.session-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.session-row{border-radius:calc(8 * var(--px));background:var(--ocean-line-faint);border:1px solid var(--ocean-wash-strong);align-items:center;gap:.875rem;padding:.875rem 1rem;display:flex}.session-row--current{background:var(--ocean-wash);border-color:rgba(var(--ocean-accent-rgb), .42)}.session-icon{border-radius:calc(8 * var(--px));background:var(--ocean-wash);border:1px solid var(--ocean-line-strong);width:2.25rem;height:2.25rem;color:var(--ocean-text-strong);flex-shrink:0;justify-content:center;align-items:center;display:flex}.session-row--current .session-icon{color:var(--ocean-accent);border-color:rgba(var(--ocean-accent-rgb), .5)}.session-info{flex-direction:column;gap:.2rem;min-width:0;display:flex}.session-name{color:var(--ocean-text);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;display:flex}.session-tag{letter-spacing:calc(1.2 * var(--px));color:var(--ocean-accent);background:var(--ocean-line);border:1px solid rgba(var(--ocean-accent-rgb), .45);border-radius:calc(4 * var(--px));padding:.1rem .35rem;font-size:.5625rem;font-weight:700}.session-meta{color:var(--ocean-text-mid);flex-wrap:wrap;gap:.35rem;font-size:.75rem;display:flex}.avatar-choice-grid{grid-template-columns:repeat(auto-fill,minmax(3.5rem,1fr));gap:.6rem;margin-top:1rem;display:grid}.avatar-choice{border:1px solid var(--ocean-line);background:var(--ocean-line-faint);cursor:pointer;border-radius:.75rem;justify-content:center;align-items:center;padding:.3rem;transition:border-color .12s ease-out,background .12s ease-out,transform .12s ease-out;display:flex}.avatar-choice:hover{border-color:var(--ocean-glow);background:var(--ocean-wash);transform:translateY(-1px)}.avatar-choice--selected{border-color:var(--ocean-accent);background:var(--ocean-line)}.avatar-choice-img{aspect-ratio:1;width:100%;height:auto}@media (width<=768px){.settings-page{flex-direction:column;align-items:stretch;gap:1.25rem}.settings-sidebar{gap:.5rem;width:100%}.settings-nav{scrollbar-width:none;flex-direction:row;align-items:center;gap:.25rem;padding:.3rem;overflow-x:auto}.settings-nav::-webkit-scrollbar{display:none}.settings-nav-item{white-space:nowrap;border-left:none;flex:none;width:auto}.settings-nav-item--active{box-shadow:inset 0 -2px 0 var(--ocean-accent);border-left:none!important}.settings-nav-divider{flex-shrink:0;width:1px;height:1.25rem;margin:0 .25rem}}@media (width<=560px){.settings-panel-header,.settings-panel-body,.settings-panel-footer{padding-left:1.25rem;padding-right:1.25rem}.settings-grid-2{grid-template-columns:1fr}.settings-panel-footer{flex-direction:column-reverse}.settings-panel-footer button{width:100%}.profile-avatar-row,.device-row{flex-wrap:wrap}.device-permission{flex-direction:column;align-items:flex-start}.session-meta{flex-direction:column;gap:.15rem}}.settings-integration-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.settings-btn-link{text-decoration:none;display:inline-block}.settings-btn-link--disabled{opacity:.45;pointer-events:none}.settings-nav-count{font-variant-numeric:tabular-nums;color:var(--ocean-text-muted);margin-left:auto;font-size:.6875rem;font-weight:600}.achievement-progress{height:calc(6 * var(--px));border-radius:calc(999 * var(--px));background:var(--ocean-hairline-strong);overflow:hidden}.achievement-progress-bar{border-radius:inherit;background:linear-gradient(90deg, var(--ocean-accent), var(--ocean-success));height:100%;box-shadow:0 0 calc(12 * var(--px)) var(--ocean-glow);transition:width .6s cubic-bezier(.2,.8,.2,1);display:block}.achievement-grid{grid-template-columns:repeat(auto-fill, minmax(calc(190 * var(--px)), 1fr));gap:1rem;display:grid}.achievement-card{text-align:center;border-radius:calc(14 * var(--px));border:1px solid var(--ocean-hairline-strong);background:var(--ocean-bg-info);color:var(--ocean-text-dim);flex-direction:column;align-items:center;gap:.375rem;padding:1.5rem 1rem 1.125rem;transition:border-color .2s,background .2s,transform .2s,box-shadow .2s;display:flex}.achievement-card--done{border-color:var(--ocean-line-strong);background:radial-gradient(120% 80% at 50% 0%, var(--ocean-wash) 0%, transparent 60%), var(--ocean-bg-panel);color:var(--ocean-text)}.achievement-card--done:hover{box-shadow:0 calc(10 * var(--px)) calc(30 * var(--px)) #00000059, 0 0 0 1px var(--ocean-line);transform:translateY(-2px)}.achievement-medal-wrap{flex-shrink:0;display:inline-block;position:relative}.achievement-medal-wrap--lg{margin-bottom:.5rem}.achievement-medal{background:radial-gradient(circle at 35% 30%, #ffffff2e, transparent 55%), linear-gradient(145deg, var(--badge-a), var(--badge-b));box-shadow:inset 0 0 0 2px #ffffff1f, inset 0 calc(-8 * var(--px)) calc(16 * var(--px)) #00000040;filter:grayscale()brightness(.55);border-radius:50%;flex-shrink:0;place-items:center;transition:filter .4s,box-shadow .4s,transform .4s;display:grid;position:relative;overflow:hidden}.achievement-medal--lg{width:calc(96 * var(--px));height:calc(96 * var(--px))}.achievement-medal--sm{width:calc(44 * var(--px));height:calc(44 * var(--px))}.achievement-medal-emoji,.achievement-medal-lock{-webkit-user-select:none;user-select:none;font-family:Segoe UI Emoji,Apple Color Emoji,Noto Color Emoji,sans-serif;font-style:normal;line-height:1;display:block}.achievement-medal-emoji{font-size:calc(46 * var(--px));filter:drop-shadow(0 calc(3 * var(--px)) calc(4 * var(--px)) #00000059)}.achievement-medal--sm .achievement-medal-emoji{font-size:calc(22 * var(--px))}.achievement-medal-lock{font-size:calc(18 * var(--px));padding:calc(3 * var(--px));background:var(--ocean-bg-info);box-shadow:0 0 0 1px var(--ocean-hairline-strong);filter:grayscale()brightness(1.1);border-radius:50%;position:absolute;bottom:-2px;right:-2px}.achievement-medal-wrap--sm .achievement-medal-lock{display:none}.achievement-medal--done{filter:none;box-shadow:inset 0 0 0 2px #ffffff59, inset 0 calc(-8 * var(--px)) calc(16 * var(--px)) #0003, 0 0 0 calc(4 * var(--px)) color-mix(in srgb, var(--badge-a) 22%, transparent), 0 calc(8 * var(--px)) calc(24 * var(--px)) color-mix(in srgb, var(--badge-b) 45%, transparent)}.achievement-medal--done:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 40%,#ffffff73 50%,#0000 60%);position:absolute;inset:-40%;transform:translate(-100%)rotate(.001deg)}.achievement-card--done:hover .achievement-medal--done:after,.achievement-card--fresh .achievement-medal--done:after{animation:.9s ease-out achievement-shine}@keyframes achievement-shine{to{transform:translate(100%)rotate(.001deg)}}.achievement-card--fresh{animation:.7s cubic-bezier(.2,1.4,.4,1) achievement-pop}.achievement-card--fresh .achievement-medal--done{animation:.7s cubic-bezier(.2,1.4,.4,1) achievement-medal-pop}@keyframes achievement-pop{0%{transform:scale(.96)}60%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes achievement-medal-pop{0%{filter:grayscale()brightness(.55);transform:scale(.6)rotate(-12deg)}55%{filter:none;transform:scale(1.15)rotate(4deg)}to{transform:scale(1)rotate(0)}}@media (prefers-reduced-motion:reduce){.achievement-card--fresh,.achievement-card--fresh .achievement-medal--done,.achievement-medal--done:after{animation:none!important}}.achievement-title{letter-spacing:calc(.2 * var(--px));font-size:.9375rem;font-weight:700}.achievement-hint,.achievement-when{color:var(--ocean-text-muted);font-size:.75rem;line-height:1.4}.achievement-card--done .achievement-when{color:var(--ocean-text-soft)}.achievement-go{color:var(--ocean-accent);margin-top:auto;padding-top:.375rem;font-size:.75rem;font-weight:600;text-decoration:none}.achievement-go:hover{color:var(--ocean-accent-light)}.achievement-toast .ant-notification-notice-icon{margin-top:2px}.achievement-toast .ant-notification-notice-message,.achievement-toast .ant-notification-notice-description{margin-inline-start:calc(60 * var(--px))!important}.achievement-toast-link{color:var(--ocean-accent);margin-top:.375rem;font-size:.8125rem;font-weight:600;text-decoration:none;display:inline-block}.achievement-toast-link:hover{color:var(--ocean-accent-light)}.clips-page{max-width:80rem;margin:0 auto;padding-top:2.5rem}.clips-body{animation:.3s ease-out both clips-body-rise}@keyframes clips-body-rise{0%{opacity:0;transform:translateY(-1.25rem)}}.clips-content--rise{animation:.25s ease-out both clips-content-rise}@keyframes clips-content-rise{0%{opacity:0;transform:translateY(.5rem)}}@media (prefers-reduced-motion:reduce){.clips-body,.clips-content--rise{animation:none}}.clips-error{color:var(--ocean-danger-hover);background:var(--ocean-danger-soft);border-radius:calc(8 * var(--px));padding:.75rem .875rem;font-size:.875rem}.clips-notice{color:var(--ocean-accent-light);background:var(--ocean-wash);border-radius:calc(8 * var(--px));padding:.75rem .875rem;font-size:.875rem}.clips-empty{text-align:center;color:var(--ocean-text-dim);padding:4rem 1.5rem}.clips-empty h1{color:var(--ocean-text);letter-spacing:-.01em;margin-bottom:.75rem;font-size:1.375rem;font-weight:700}.clips-empty p{max-width:34rem;margin:0 auto;font-size:.9375rem;line-height:1.6}.clips-group{margin-bottom:2.25rem}.clips-group-label{text-transform:uppercase;letter-spacing:calc(1.4 * var(--px));color:var(--ocean-text-mid);margin:0 0 .75rem;font-size:.6875rem;font-weight:600}.clips-grid{grid-template-columns:repeat(auto-fill,minmax(16.25rem,1fr));gap:1.125rem;display:grid}.clip-card{border:1px solid var(--ocean-hairline);border-radius:calc(12 * var(--px));background:var(--ocean-bg-panel);width:100%;color:inherit;text-align:left;cursor:pointer;padding:0;transition:transform .25s,border-color .25s,box-shadow .25s;display:block;overflow:hidden}.clip-card-slot:hover .clip-card,.clip-card-slot--open .clip-card{border-color:var(--ocean-hairline-strong);box-shadow:0 calc(10 * var(--px)) calc(24 * var(--px)) #020a1273;transform:translateY(-2px)}.clip-card-thumb{aspect-ratio:16/9;background:var(--ocean-bg-deep);position:relative}.clip-card-thumb video,.clip-card-thumb img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.clip-card-thumb video{opacity:0}.clip-card-play{color:var(--ocean-text);opacity:0;background:#050f1a59;place-items:center;transition:opacity .25s;display:grid;position:absolute;inset:0}.clip-card-slot:hover .clip-card-play{opacity:1}.clip-card-duration{color:var(--ocean-text);border-radius:calc(4 * var(--px));font-variant-numeric:tabular-nums;background:#050f1ad9;padding:.125rem .375rem;font-size:.75rem;position:absolute;bottom:.5rem;right:.5rem}.clip-card-meta{flex-direction:column;gap:.125rem;padding:.625rem .75rem .75rem;display:flex}.clip-card-name{white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;overflow:hidden}.clip-card-sub{color:var(--ocean-text-muted);font-size:.75rem}.clip-card-slot{position:relative}.clip-card-slot--menu .clip-card-meta{padding-right:2.75rem}.clip-card-menu{z-index:2;transition:transform .25s;position:absolute;bottom:.625rem;right:.5rem}.clip-card-slot:hover .clip-card-menu,.clip-card-slot--open .clip-card-menu{transform:translateY(-2px)}.clip-card-more{border:1px solid var(--ocean-hairline);border-radius:calc(6 * var(--px));background:var(--ocean-bg-panel);width:1.75rem;height:1.75rem;color:var(--ocean-text-muted);cursor:pointer;place-items:center;padding:0;transition:color .15s,border-color .15s;display:grid}.clip-card-more:hover,.clip-card-more:focus-visible,.clip-card-more[aria-expanded=true]{color:var(--ocean-text);border-color:var(--ocean-hairline-strong)}.clip-card-menu-list{border:1px solid var(--ocean-hairline-strong);border-radius:calc(8 * var(--px));background:var(--ocean-bg-info);box-shadow:0 calc(12 * var(--px)) calc(28 * var(--px)) #020a1280;padding:.25rem;position:absolute;bottom:calc(100% + .25rem);right:0}.clip-card-menu-item{border-radius:calc(5 * var(--px));width:100%;color:var(--ocean-text);text-align:left;cursor:pointer;background:0 0;border:0;padding:.4375rem 1rem;font-size:.8125rem;display:block}.clip-card-menu-item:hover,.clip-card-menu-item:focus-visible{background:var(--ocean-bg-deep)}.clip-card-menu-item--danger{color:var(--ocean-danger)}.clips-sentinel{text-align:center;color:var(--ocean-text-muted);padding:1.5rem;font-size:.8125rem}.clip-skel{border:1px solid var(--ocean-hairline);border-radius:calc(12 * var(--px));background:var(--ocean-bg-panel);opacity:0;animation:.3s ease-out forwards clips-skel-in,1.6s ease-in-out .3s infinite clips-skel-breathe;overflow:hidden}.clip-skel-thumb{aspect-ratio:16/9;background:var(--ocean-bg-deep)}.clip-skel-meta{flex-direction:column;gap:.375rem;padding:.625rem .75rem .75rem;display:flex}.clip-skel-line{border-radius:calc(4 * var(--px));background:var(--ocean-line-faint);height:.625rem}.clip-skel-line--short{width:40%}@keyframes clips-skel-in{to{opacity:1}}@keyframes clips-skel-breathe{0%,to{opacity:1}50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.clip-skel{opacity:1;animation:none}}.clip-viewer{z-index:100;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.clip-viewer-backdrop{background:#050f1acc;position:absolute;inset:0}.clip-viewer-panel{width:min(calc(1000 * var(--px)), 100%);background:var(--ocean-bg-info);border:1px solid var(--ocean-hairline-strong);border-radius:calc(12 * var(--px));max-height:100%;box-shadow:0 calc(24 * var(--px)) calc(60 * var(--px)) #020a128c;flex-direction:column;gap:.875rem;padding:1.125rem;display:flex;position:relative;overflow-y:auto}.clip-viewer-panel:focus,.clip-viewer-panel:focus-visible{outline:none}.clip-viewer-head{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.clip-viewer-head h2{word-break:break-all;margin:0;font-size:1.0625rem}.clip-viewer-sub{color:var(--ocean-text-muted);font-size:.8125rem}.clip-viewer-close{border-radius:calc(8 * var(--px));color:var(--ocean-text-dim);cursor:pointer;background:0 0;border:none;place-items:center;padding:.375rem;line-height:1;transition:color .15s,background .15s;display:grid}.clip-viewer-close:hover{color:var(--ocean-text);background:var(--ocean-line-faint)}.clip-trim-summary{color:var(--ocean-text-dim);font-variant-numeric:tabular-nums;font-size:.8125rem}.clip-trim-note{color:var(--ocean-text-muted);margin:0;font-size:.75rem;line-height:1.5}.clip-trim-note code{background:var(--ocean-bg-deep);border-radius:calc(4 * var(--px));padding:.0625rem .3125rem}.clip-viewer-notice{border-radius:calc(8 * var(--px));flex-wrap:wrap;align-items:center;gap:.75rem;margin:0;padding:.625rem .75rem;font-size:.8125rem;display:flex}.clip-viewer-notice>span{flex:1;min-width:0}.clip-viewer-notice button{border-radius:calc(6 * var(--px));color:inherit;cursor:pointer;background:0 0;border:1px solid;flex:none;padding:.25rem .625rem;font-family:inherit;font-size:.75rem}.clip-viewer-notice--ok{background:var(--ocean-wash);color:var(--ocean-accent-light)}.clip-viewer-notice--error{background:var(--ocean-danger-soft);color:var(--ocean-danger-hover)}.clip-viewer-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.clip-viewer-actions-right{gap:.625rem;display:flex}.clip-viewer-panel,.clip-merge-list{scrollbar-width:thin;scrollbar-color:var(--ocean-line-strong) transparent}.clip-viewer-panel::-webkit-scrollbar{width:calc(6 * var(--px))}.clip-merge-list::-webkit-scrollbar{width:calc(6 * var(--px))}.clip-viewer-panel::-webkit-scrollbar-track{background:0 0}.clip-merge-list::-webkit-scrollbar-track{background:0 0}.clip-viewer-panel::-webkit-scrollbar-thumb{background:var(--ocean-line-strong);border-radius:calc(999 * var(--px))}.clip-merge-list::-webkit-scrollbar-thumb{background:var(--ocean-line-strong);border-radius:calc(999 * var(--px))}.clip-viewer-panel::-webkit-scrollbar-thumb:hover{background:rgba(var(--ocean-accent-rgb), .5)}.clip-merge-list::-webkit-scrollbar-thumb:hover{background:rgba(var(--ocean-accent-rgb), .5)}.clip-btn{background:var(--ocean-line-faint);border:1px solid var(--ocean-line-strong);color:var(--ocean-text-dim);border-radius:calc(8 * var(--px));cursor:pointer;padding:.5625rem 1rem;font-family:inherit;font-size:.875rem;font-weight:500;transition:background .15s,color .15s,border-color .15s}.clip-btn:hover:not(:disabled){background:var(--ocean-wash);color:var(--ocean-text-strong)}.clip-btn:disabled{opacity:.4;cursor:default}.clip-btn--primary{background:var(--ocean-accent);color:var(--ocean-bg-deep);border-color:#0000;font-weight:700}.clip-btn--primary:hover:not(:disabled){background:var(--ocean-accent-light);border-color:var(--ocean-accent-light);color:var(--ocean-bg-deep)}.clear-storage{width:min(calc(560 * var(--px)), 100%)}.clear-storage-option{border:1px solid var(--ocean-hairline);border-radius:calc(10 * var(--px));cursor:pointer;align-items:flex-start;gap:.75rem;padding:.875rem;transition:border-color .15s;display:flex}.clear-storage-option:hover{border-color:var(--ocean-line-strong)}.clear-storage-option--danger:hover{border-color:var(--ocean-danger-hover)}.clear-storage-option input{accent-color:var(--ocean-accent);flex-shrink:0;width:1rem;height:1rem;margin-top:.1875rem}.clear-storage-option span{flex-direction:column;gap:.3125rem;display:flex}.clear-storage-option strong{font-size:.9375rem}.clear-storage-option em{color:var(--ocean-text-dim);font-size:.8125rem;font-style:normal;line-height:1.5}.clear-storage-option code{background:var(--ocean-bg-deep);border-radius:calc(4 * var(--px));padding:.0625rem .3125rem}.clear-storage-option b{color:var(--ocean-accent-light);font-variant-numeric:tabular-nums;font-size:.8125rem;font-weight:500}.clear-storage-total{color:var(--ocean-text-soft);margin:0;font-size:.8125rem}.delete-clip-file{overflow-wrap:anywhere;flex-direction:column;gap:.25rem;margin:0;display:flex}.delete-clip-file span{color:var(--ocean-text-dim);font-size:.8125rem}.clip-btn--danger{background:var(--ocean-danger);color:var(--ocean-text);border-color:#0000;font-weight:600}.clip-btn--danger:hover:not(:disabled){background:var(--ocean-danger-hover);color:var(--ocean-text);border-color:#0000}@supports (background:color-mix(in oklab, red 50%, blue)){.clip-btn--danger{background:color-mix(in oklab, var(--ocean-danger) 68%, var(--ocean-bg-deep))}.clip-btn--danger:hover:not(:disabled){background:color-mix(in oklab, var(--ocean-danger) 80%, var(--ocean-bg-deep))}}@media (width<=640px){.clips-grid{grid-template-columns:1fr}.clip-viewer{padding:.5rem}}.clips-tabs{border-bottom:1px solid var(--ocean-hairline);align-items:center;gap:.375rem;margin-bottom:1.5rem;display:flex}.clips-tab{color:var(--ocean-text-dim);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.5rem;margin-bottom:-1px;padding:.625rem .875rem;font-family:inherit;font-size:.9375rem;font-weight:600;transition:color .15s,border-color .15s;display:inline-flex}.clips-tab:hover{color:var(--ocean-text)}.clips-tab--active{color:var(--ocean-accent-light);border-bottom-color:var(--ocean-accent)}.clips-tab-count{color:var(--ocean-text-mid);background:var(--ocean-bg-deep);border-radius:calc(999 * var(--px));font-variant-numeric:tabular-nums;padding:.0625rem .5rem;font-size:.75rem;font-weight:600}.clips-filters{flex-wrap:wrap;align-items:center;gap:.5rem;margin:-.5rem 0 1.25rem;display:flex}.clips-filter{background:var(--ocean-line-faint);border:1px solid var(--ocean-hairline);border-radius:calc(999 * var(--px));color:var(--ocean-text-dim);cursor:pointer;align-items:center;gap:.4375rem;padding:.3125rem .75rem;font-family:inherit;font-size:.8125rem;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.clips-filter:hover{background:var(--ocean-wash);color:var(--ocean-text-strong)}.clips-filter:active{transform:translateY(1px)}.clips-filter--active{background:var(--ocean-wash);border-color:rgba(var(--ocean-accent-rgb), .48);color:var(--ocean-accent-light)}.clips-filter-label{text-overflow:ellipsis;white-space:nowrap;max-width:11rem;overflow:hidden}.clips-filter-count{color:var(--ocean-text-mid);font-variant-numeric:tabular-nums;font-size:.71875rem}.clips-filter--active .clips-filter-count{color:rgba(var(--ocean-accent-rgb), .75)}.clips-filter--more{color:var(--ocean-text-mid);background:0 0;border-style:dashed}.clip-card{position:relative}.clip-card-category{z-index:1;border:1px solid var(--ocean-hairline-strong);max-width:calc(100% - 1rem);color:var(--ocean-text-soft);border-radius:calc(4 * var(--px));letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;background:#050f1ad9;padding:.125rem .4375rem;font-size:.71875rem;font-weight:600;position:absolute;top:.5rem;left:.5rem;overflow:hidden}.clip-card-category--link{cursor:pointer;transition:color .15s,border-color .15s}.clip-card-category--link:hover{color:var(--ocean-accent-light);border-color:rgba(var(--ocean-accent-rgb), .48)}.clips-tab-action{align-items:center;gap:.625rem;margin-bottom:.375rem;margin-left:auto;display:inline-flex}.clips-pick-count{color:var(--ocean-text-muted);font-variant-numeric:tabular-nums;font-size:.78125rem}.clips-pick-count--full{color:var(--ocean-ember)}.clips-pick-hint{color:var(--ocean-text-dim);margin:-.75rem 0 1.25rem;font-size:.8125rem}.clip-card-slot:hover .clip-card--picking{border-color:var(--ocean-accent)}.clip-card--picking .clip-card-play{opacity:.85}.clip-card--picked{border-color:var(--ocean-accent);box-shadow:0 0 0 1px var(--ocean-accent)}.clip-card--picked .clip-card-play{opacity:1;background:var(--ocean-line-strong)}.clip-card--viewed{animation:1.1s ease-out clip-viewed-flare}@keyframes clip-viewed-flare{0%{border-color:var(--ocean-ember);box-shadow:0 0 0 1px var(--ocean-ember), 0 0 calc(22 * var(--px)) calc(6 * var(--px)) #f2b3688c}70%{border-color:var(--ocean-ember);box-shadow:0 0 0 1px var(--ocean-ember), 0 0 0 0 #f2b36800}}@media (prefers-reduced-motion:reduce){.clip-card,.clip-card-slot:hover .clip-card,.clip-card-slot--open .clip-card,.clip-card-menu{transition:none;transform:none}.clip-card--viewed{animation:none}}.clip-card-order{z-index:1;border-radius:calc(999 * var(--px));background:var(--ocean-accent);min-width:1.375rem;height:1.375rem;color:var(--ocean-bg-deep);font-variant-numeric:tabular-nums;place-items:center;font-size:.75rem;font-weight:700;display:grid;position:absolute;top:.5rem;right:.5rem}.clip-merge-name-field{color:var(--ocean-text-soft);flex-direction:column;gap:.375rem;font-size:.8125rem;display:flex}.clip-merge-name-field em{color:var(--ocean-text-muted);font-size:.75rem;font-style:normal}.clip-viewer-panel--editor>*{flex:none}.clip-viewer-panel--editor{width:min(100%, max(calc(1000 * var(--px)), calc((100vh - calc(500 * var(--px))) * 16 / 9)))}.clip-stage{border-radius:calc(10 * var(--px));background:#000;flex-direction:column;display:flex;position:relative;overflow:hidden}.clip-stage-note{text-align:center;max-width:80%;color:var(--ocean-text-dim);pointer-events:none;font-size:.875rem;line-height:1.55;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.clip-stage-note--error{color:var(--ocean-danger)}.clip-viewer-video{width:100%;max-height:max(46vh, calc(100vh - calc(500 * var(--px))));object-fit:contain;cursor:pointer;background:#000;border-radius:0;min-height:0}.clip-editor{background:var(--ocean-bg-deep);flex-direction:column;gap:.375rem;padding:.75rem .875rem;display:flex}.clip-timeline{border-radius:calc(6 * var(--px));background:var(--ocean-hairline);border:1px solid var(--ocean-hairline-strong);cursor:pointer;height:3.375rem;position:relative;overflow:visible}.clip-timeline-elapsed{border-radius:calc(5 * var(--px)) 0 0 calc(5 * var(--px));background:var(--ocean-wash);pointer-events:none;width:0;position:absolute;top:0;bottom:0;left:0}.clip-timeline-hover{opacity:0;border-radius:calc(6 * var(--px));border:1px solid var(--ocean-hairline-strong);color:var(--ocean-text-bright);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;background:#050f1aeb;padding:.1875rem .5rem;font-size:.71875rem;font-weight:600;transition:opacity .1s;position:absolute;bottom:calc(100% + .5rem);transform:translate(-50%)}.clip-timeline-selection{border:1px solid var(--ocean-success);border-radius:calc(6 * var(--px));cursor:default;background:#2ee6c842;position:absolute;top:0;bottom:0}.clip-timeline-handle{top:calc(-3 * var(--px));bottom:calc(-3 * var(--px));width:calc(12 * var(--px));border-radius:calc(4 * var(--px));background:var(--ocean-success);box-shadow:0 2px calc(6 * var(--px)) #020a1273;cursor:ew-resize;touch-action:none;position:absolute}.clip-timeline-handle:after{content:"";inset:40% calc(4 * var(--px));border-top:1px solid #050f1ab3;border-bottom:1px solid #050f1ab3;position:absolute}.clip-timeline-handle--start{left:calc(-6 * var(--px))}.clip-timeline-handle--end{right:calc(-6 * var(--px))}.clip-timeline-playhead{top:calc(-4 * var(--px));bottom:calc(-4 * var(--px));background:var(--ocean-text);width:2px;box-shadow:0 0 calc(6 * var(--px)) #020a12b3;pointer-events:none;position:absolute;left:0}.clip-timeline-playhead:before{content:"";top:calc(-4 * var(--px));left:calc(-4 * var(--px));border-left:calc(5 * var(--px)) solid transparent;border-right:calc(5 * var(--px)) solid transparent;border-top:calc(6 * var(--px)) solid var(--ocean-text);position:absolute}.clip-timeline-scale{color:var(--ocean-text-muted);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:.6875rem;display:flex}.clip-controls{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.clip-control{color:var(--ocean-text-soft);border-radius:calc(6 * var(--px));cursor:pointer;background:0 0;border:none;flex:none;place-items:center;padding:.4375rem .5625rem;line-height:1;transition:color .15s,background .15s;display:inline-grid}.clip-control:hover{color:var(--ocean-accent-light);background:var(--ocean-wash)}.clip-control:active{transform:translateY(1px)}.clip-control-time{color:var(--ocean-text-muted);font-variant-numeric:tabular-nums;flex:none;font-size:.78125rem}.clip-control-group{gap:.375rem;display:inline-flex}.clip-control-spacer{flex:auto}.clip-mark-btn{background:var(--ocean-line-faint);border:1px solid var(--ocean-line-strong);border-radius:calc(8 * var(--px));color:var(--ocean-text-dim);cursor:pointer;white-space:nowrap;align-items:center;gap:.375rem;padding:.375rem .6875rem;font-family:inherit;font-size:.78125rem;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.clip-mark-btn:hover:not(:disabled){background:var(--ocean-wash);color:var(--ocean-text-strong)}.clip-mark-btn:active:not(:disabled){transform:translateY(1px)}.clip-mark-btn:disabled{opacity:.45;cursor:default}.clip-volume{width:5.25rem;height:calc(4 * var(--px));appearance:none;background:linear-gradient(to right, var(--ocean-accent) var(--vol,100%), var(--ocean-text-faint) var(--vol,100%));border-radius:calc(999 * var(--px));cursor:pointer;outline:none;flex:none}.clip-volume:focus-visible{outline:2px solid var(--ocean-glow);outline-offset:2px}.clip-volume::-webkit-slider-thumb{appearance:none;width:calc(12 * var(--px));height:calc(12 * var(--px));background:var(--ocean-accent);cursor:pointer;border-radius:50%}.clip-volume::-moz-range-thumb{width:calc(12 * var(--px));height:calc(12 * var(--px));background:var(--ocean-accent);cursor:pointer;border:none;border-radius:50%}.clip-mix{flex-wrap:wrap;gap:.375rem 1.375rem;padding-top:.125rem;display:flex}.clip-mix-track{color:var(--ocean-text-soft);align-items:center;gap:.5rem;font-size:.78125rem;display:inline-flex}.clip-mix-track>span{min-width:2.625rem;font-weight:600}.clip-mix-track>input{width:8.75rem;height:calc(4 * var(--px));appearance:none;background:linear-gradient(to right, var(--ocean-text-faint) 50%, #2ee6c859 50%);border-radius:calc(999 * var(--px));cursor:pointer;outline:none}.clip-mix-track>input:focus-visible{outline:2px solid var(--ocean-glow);outline-offset:2px}.clip-mix-track>input::-webkit-slider-thumb{appearance:none;width:calc(12 * var(--px));height:calc(12 * var(--px));background:var(--ocean-accent);cursor:pointer;border-radius:50%}.clip-mix-track>input::-moz-range-thumb{width:calc(12 * var(--px));height:calc(12 * var(--px));background:var(--ocean-accent);cursor:pointer;border:none;border-radius:50%}.clip-mix-track>input:disabled{opacity:.45;cursor:default}.clip-mix-track>em{font-variant-numeric:tabular-nums;width:2.375rem;color:var(--ocean-text-muted);font-style:normal}.clip-mix-track>em.clip-mix-boost{color:var(--ocean-success)}.clip-stage--fullscreen{border-radius:0;width:100vw;height:100vh}.clip-stage--fullscreen .clip-viewer-video{flex:1 1 0;min-height:0;max-height:none}.clip-stage--fullscreen .clip-editor{flex:none}.clip-selection{flex-direction:column;flex:none;justify-content:center;min-height:4rem;display:flex}.clip-selection-hint{color:var(--ocean-text-muted);margin:auto 0;padding:.5rem .125rem;font-size:.78125rem;line-height:1.6}.clip-selection-hint p{margin:0}.clip-selection-hint kbd{font:inherit;background:var(--ocean-bg-deep);border:1px solid var(--ocean-hairline-strong);border-radius:calc(4 * var(--px));color:var(--ocean-text-soft);padding:.0625rem .3125rem}.clip-help{display:inline-flex;position:relative}.clip-help-pop{z-index:1;background:var(--ocean-bg-info);border:1px solid var(--ocean-hairline-strong);border-radius:calc(8 * var(--px));width:max-content;box-shadow:0 calc(10 * var(--px)) calc(24 * var(--px)) #020a1273;color:var(--ocean-text-dim);opacity:0;visibility:hidden;pointer-events:none;flex-direction:column;gap:.375rem;padding:.625rem .75rem;font-size:.71875rem;transition:opacity .15s,visibility .15s;display:flex;position:absolute;bottom:calc(100% + .5rem);right:0}.clip-help:hover .clip-help-pop,.clip-help:focus-within .clip-help-pop{opacity:1;visibility:visible}.clip-help-pop>div{justify-content:space-between;gap:1.25rem;display:flex}.clip-help-pop kbd{font:inherit;background:var(--ocean-bg-deep);border:1px solid var(--ocean-hairline-strong);border-radius:calc(4 * var(--px));color:var(--ocean-text-soft);padding:.0625rem .3125rem}.clip-selection-row{border:1px solid var(--ocean-success);border-radius:calc(8 * var(--px));background:#2ee6c814;align-items:center;gap:.625rem;padding:.4375rem .625rem;font-size:.8125rem;display:flex}.clip-selection-times{font-variant-numeric:tabular-nums;flex-wrap:wrap;flex:none;align-items:baseline;gap:.375rem;display:flex}.clip-selection-times em{color:var(--ocean-text-muted);font-size:.71875rem;font-style:normal}.clip-selection-name{background:var(--ocean-bg-deep);border:1px solid var(--ocean-hairline-strong);border-radius:calc(6 * var(--px));min-width:0;color:var(--ocean-text);font:inherit;flex:1;padding:.3125rem .5625rem;font-size:.8125rem}.clip-selection-name:focus{border-color:var(--ocean-accent);outline:none}.clip-selection-row button{border-radius:calc(6 * var(--px));color:var(--ocean-text-dim);cursor:pointer;background:0 0;border:1px solid #0000;flex:none;align-items:center;margin-left:auto;padding:.25rem .5rem;font-family:inherit;font-size:.75rem;transition:color .15s,border-color .15s;display:inline-flex}.clip-selection-row .clip-selection-remove:hover:not(:disabled){color:var(--ocean-danger-hover);border-color:var(--ocean-danger-soft)}.clip-selection-row button:disabled{opacity:.4;cursor:default}.clip-viewer-actions .clip-trim-summary{text-align:center;flex:1}.clip-merge-list{flex-direction:column;gap:.375rem;max-height:20rem;padding-right:.25rem;display:flex;overflow-y:auto}.clip-merge-picked{border:1px solid var(--ocean-hairline);border-radius:calc(8 * var(--px));background:var(--ocean-bg-deep);width:100%;color:inherit;text-align:left;align-items:center;gap:.625rem;padding:.5rem .625rem;font-size:.8125rem;display:flex}.clip-merge-order{text-align:center;width:1.25rem;color:var(--ocean-accent-light);font-variant-numeric:tabular-nums;flex:none;font-size:.75rem;font-weight:700}.clip-merge-name{text-overflow:ellipsis;white-space:nowrap;flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex;overflow:hidden}.clip-merge-name em{color:var(--ocean-text-muted);font-size:.71875rem;font-style:normal}.clip-merge-picked button{color:var(--ocean-text-dim);cursor:pointer;background:0 0;border:none;flex:none;align-items:center;padding:.125rem .3125rem;font-size:.8125rem;line-height:1;display:inline-flex}.clip-merge-picked button:hover:not(:disabled){color:var(--ocean-accent-light)}.clip-merge-picked button:disabled{opacity:.35;cursor:default}.clips-shortcut{align-items:center;gap:.75rem;display:flex}.clips-shortcut kbd{border:1px solid var(--ocean-line-strong);border-radius:calc(8 * var(--px));background:var(--ocean-line-faint);min-width:7rem;color:var(--ocean-text);text-align:center;padding:.5rem .875rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:border-color .15s,background .15s}.clips-shortcut--recording kbd{border-color:var(--ocean-accent);background:var(--ocean-wash);color:var(--ocean-text-muted);font-weight:500}.clips-lookback-options{flex-direction:column;gap:.625rem;display:flex}.clips-lookback-option{border:1px solid var(--ocean-hairline);border-radius:calc(10 * var(--px));cursor:pointer;align-items:flex-start;gap:.75rem;padding:.75rem .875rem;transition:border-color .15s,background .15s;display:flex}.clips-lookback-option:hover{border-color:var(--ocean-line-strong)}.clips-lookback-option--active{border-color:var(--ocean-accent);background:var(--ocean-wash)}.clips-lookback-option input{accent-color:var(--ocean-accent);margin-top:.1875rem}.clips-lookback-option span{flex-direction:column;gap:.1875rem;display:flex}.clips-lookback-option strong{font-size:.875rem}.clips-lookback-option em{color:var(--ocean-text-muted);font-size:.78125rem;font-style:normal}.ant-modal-mask{background:#050f1ad1!important}.ant-modal-content{background:var(--ocean-bg-info)!important;border-color:var(--ocean-hairline-strong)!important;box-shadow:0 calc(24 * var(--px)) calc(80 * var(--px)) #020a12b3, 0 0 calc(60 * var(--px)) var(--ocean-line-faint)!important}.ant-modal{transform-origin:50%!important}.ant-modal.ant-zoom-enter,.ant-modal.ant-zoom-appear,.ant-modal.ant-zoom-enter.ant-zoom-enter-active,.ant-modal.ant-zoom-appear.ant-zoom-appear-active{animation-name:potik-modal-rise!important;animation-duration:.25s!important;animation-timing-function:ease-out!important}@keyframes potik-modal-rise{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.ant-modal.ant-zoom-enter,.ant-modal.ant-zoom-appear,.ant-modal.ant-zoom-enter.ant-zoom-enter-active,.ant-modal.ant-zoom-appear.ant-zoom-appear-active,.ant-modal.ant-zoom-leave,.ant-modal.ant-zoom-leave.ant-zoom-leave-active{animation-duration:10ms!important}}.ant-modal-close{width:calc(28 * var(--px))!important;height:calc(28 * var(--px))!important;background:var(--ocean-wash)!important;color:var(--ocean-text-muted)!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;transition:background .15s,color .15s!important;display:flex!important;top:1rem!important;right:1rem!important}.ant-modal-close:hover{background:var(--ocean-line)!important;color:var(--ocean-text)!important}.am-header{flex-direction:column;align-items:center;gap:.6rem;margin-bottom:1.5rem;display:flex}.am-logo{filter:drop-shadow(0 0 calc(14 * var(--px)) var(--ocean-glow))}.am-subtitle{letter-spacing:calc(3 * var(--px));color:var(--ocean-text-muted);text-transform:uppercase;font-size:.625rem;font-weight:700}.am-tabs{background:var(--ocean-line-faint);border-radius:calc(10 * var(--px));padding:calc(3 * var(--px));gap:calc(3 * var(--px));margin-bottom:1.75rem;display:flex}.am-tab{border-radius:calc(8 * var(--px));color:var(--ocean-text-muted);letter-spacing:calc(1.5 * var(--px));cursor:pointer;background:0 0;border:none;flex:1;padding:.55rem .5rem;font-family:inherit;font-size:.6875rem;font-weight:700;transition:background .18s,color .18s}.am-tab:hover:not(.am-tab--active){color:var(--ocean-text-dim)}.am-tab--active{background:var(--ocean-line);color:var(--ocean-text)}.af-form{flex-direction:column;gap:1rem;display:flex}.af-error{background:var(--ocean-danger-soft);color:var(--ocean-danger-hover);border-radius:calc(8 * var(--px));border:1px solid #e0656b7a;padding:.625rem .875rem;font-size:.8125rem}.af-success{background:var(--ocean-success-soft);color:#2ee6c8f2;border-radius:calc(8 * var(--px));border:1px solid #2ee6c87a;padding:.875rem;font-size:.8125rem;line-height:1.5}.af-field{flex-direction:column;gap:.35rem;display:flex}.af-label{letter-spacing:calc(2 * var(--px));color:var(--ocean-text-mid);font-size:.625rem;font-weight:600}.af-input-wrap{align-items:center;display:flex;position:relative}.af-icon{color:var(--ocean-text-muted);pointer-events:none;align-items:center;display:flex;position:absolute;left:.875rem}.af-input{background:var(--ocean-line-faint);border:1px solid var(--ocean-line-strong);border-radius:calc(10 * var(--px));width:100%;color:var(--ocean-text);outline:none;padding:.75rem .875rem .75rem 2.5rem;font-family:inherit;font-size:.9375rem;transition:border-color .15s,background .15s}.af-input::placeholder{color:var(--ocean-text-muted)}.af-input:focus{background:var(--ocean-line-faint);box-shadow:0 0 0 calc(3 * var(--px)) var(--ocean-line-strong);border-color:#6ecde899}.af-eye{color:var(--ocean-text-muted);cursor:pointer;padding:calc(4 * var(--px));border-radius:calc(4 * var(--px));background:0 0;border:none;align-items:center;transition:color .15s;display:flex;position:absolute;right:.75rem}.af-eye:hover{color:var(--ocean-text-strong)}.af-input--plain{padding-left:.875rem}.af-hint{color:var(--ocean-text-muted);padding-left:.1rem;font-size:.75rem}.af-notice{color:var(--ocean-text-mid);margin:.5rem 0 1rem;font-size:.9375rem;line-height:1.5}.af-notice a{color:var(--ocean-text);text-underline-offset:2px;text-decoration:underline}.af-notice a:hover{color:var(--ocean-accent-light)}.af-meta-row{justify-content:space-between;align-items:center;margin-top:-.25rem;display:flex}.af-forgot{letter-spacing:calc(1.5 * var(--px));color:var(--ocean-text-soft);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.6875rem;font-weight:700;transition:color .15s}.af-forgot:hover:not(:disabled){color:var(--ocean-text)}.af-forgot:disabled{opacity:.35;cursor:not-allowed}.af-submit{border-radius:calc(10 * var(--px));background:var(--ocean-accent);width:100%;color:var(--ocean-bg-info);cursor:pointer;letter-spacing:calc(.3 * var(--px));box-shadow:0 calc(8 * var(--px)) calc(24 * var(--px)) #020a1259;border:none;margin-top:.25rem;padding:.875rem;font-family:inherit;font-size:1rem;font-weight:700;transition:background .15s,box-shadow .15s,transform .1s}.af-submit:hover:not(:disabled){background:var(--ocean-accent-light);box-shadow:0 calc(8 * var(--px)) calc(24 * var(--px)) #020a1259, 0 0 calc(28 * var(--px)) var(--ocean-wash-strong);transform:translateY(-1px)}.af-submit:active:not(:disabled){transform:translateY(0)}.af-submit:disabled{opacity:.5;cursor:not-allowed}.af-check{color:var(--ocean-text-mid);cursor:pointer;align-items:flex-start;gap:.625rem;font-size:.8125rem;line-height:1.45;display:flex}.af-check input{width:1rem;height:1rem;accent-color:var(--ocean-accent);cursor:pointer;flex:none;margin:.15rem 0 0}.af-check a{color:var(--ocean-text);text-underline-offset:2px;text-decoration:underline}.af-check a:hover{color:var(--ocean-accent-light)}.dgate{grid-template-columns:1.1fr 1fr;align-items:center;gap:4rem;max-width:68rem;min-height:calc(100dvh - 4rem);margin:0 auto;padding-top:1.5rem;display:grid}.dgate-brand{animation:.35s ease-out both dgate-settle}.dgate-panel{animation:.3s ease-out .1s both dgate-surface}@keyframes dgate-settle{0%{opacity:0;transform:translateY(-1.25rem)}}@keyframes dgate-surface{0%{opacity:0;transform:translateY(.75rem)}}@media (prefers-reduced-motion:reduce){.dgate-brand,.dgate-panel{animation:none}}.dgate-mark{filter:drop-shadow(0 0 calc(18 * var(--px)) var(--ocean-glow));margin-bottom:1.25rem;display:block}.dgate-wordmark{font-family:var(--font-display);letter-spacing:.02em;color:var(--ocean-text);margin:0;font-size:2.75rem;font-weight:700;line-height:1.1}.dgate-pron{letter-spacing:calc(1.7 * var(--px));text-transform:uppercase;color:var(--ocean-text-mid);margin:.375rem 0 0;font-size:.6875rem;font-weight:600}.dgate-tagline{max-width:26rem;color:var(--ocean-text-soft);margin:1.25rem 0 0;font-size:.9375rem;line-height:1.6}.dgate-version{letter-spacing:calc(.6 * var(--px));color:var(--ocean-text-faint);font-variant-numeric:tabular-nums;-webkit-user-select:text;user-select:text;margin:2.5rem 0 0;font-size:.6875rem}.dgate-panel{background:var(--ocean-bg-info);border:1px solid var(--ocean-hairline-strong);border-radius:calc(18 * var(--px));width:min(26rem,100%);box-shadow:0 calc(24 * var(--px)) calc(60 * var(--px)) #020a128c;justify-self:start;padding:1.75rem}@media (width<=56.25rem){.dgate{text-align:center;grid-template-columns:1fr;align-content:center;gap:2rem;min-height:calc(100dvh - 4rem)}.dgate-mark,.dgate-tagline{margin-left:auto;margin-right:auto}.dgate-version{margin-top:1.25rem}.dgate-panel{justify-self:center}}.footer{background-color:var(--ocean-bg-deep);border-top:1px solid var(--ocean-line-strong);margin-top:auto}.footer-inner{padding:3.5rem 2.5rem 0}@media (width<=560px){.footer-inner{padding-left:1.25rem;padding-right:1.25rem}}.footer-main{gap:4rem;padding-bottom:3rem;display:flex}.footer-brand{flex-direction:column;flex:0 0 16rem;gap:1rem;display:flex}.footer-logo{font-family:var(--font-display);letter-spacing:calc(3 * var(--px));color:var(--ocean-text);text-transform:uppercase;text-shadow:0 0 calc(18 * var(--px)) var(--ocean-glow);align-items:center;gap:.5rem;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex}.footer-logo:hover{color:var(--ocean-text);text-shadow:0 0 calc(22 * var(--px)) #a8e6f073}.footer-beta{margin-left:calc(-5 * var(--px));padding:2px calc(6 * var(--px));border-radius:calc(999 * var(--px));background:var(--ocean-line);color:var(--ocean-accent-light);font-size:calc(9 * var(--px));letter-spacing:calc(1 * var(--px));text-transform:uppercase;text-shadow:none;box-shadow:0 0 calc(10 * var(--px)) var(--ocean-wash-strong);border:1px solid #6ecde873;align-self:flex-start;font-weight:700;line-height:1;transition:border-color .15s,background .15s,color .15s}.footer-logo:hover .footer-beta{background:var(--ocean-line-strong);color:var(--ocean-accent-pale);border-color:#a8e6f0b3}.footer-tagline{color:var(--ocean-text-muted);max-width:15rem;font-size:.8125rem;line-height:1.65}.footer-kyiv-badge{letter-spacing:calc(2 * var(--px));color:var(--ocean-text-muted);text-transform:uppercase;align-items:center;gap:.4rem;font-size:.6875rem;font-weight:700;display:inline-flex}.footer-flag{flex-direction:row;flex-shrink:0;gap:.4rem;display:inline-flex}.footer-flag-blue,.footer-flag-yellow{border-radius:2px;width:1rem;height:.6rem}.footer-flag-blue{background:#005bbb}.footer-flag-yellow{background:#ffd500}.footer-bottom{border-top:1px solid var(--ocean-line-faint);letter-spacing:calc(1 * var(--px));color:var(--ocean-text-muted);text-transform:uppercase;justify-content:space-between;align-items:center;padding:1.25rem 0;font-size:.6875rem;font-weight:600;display:flex}.footer-legal{gap:1.25rem;display:flex}.footer-legal a{color:inherit;text-decoration:none;transition:color .15s}.footer-legal a:hover{color:var(--ocean-text)}.not-found{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100dvh - 10rem);padding:3rem 1.25rem 4rem;display:flex}.nf-player{aspect-ratio:16/9;border-radius:calc(12 * var(--px));background-color:var(--ocean-bg-panel);background-image:repeating-linear-gradient(-45deg, transparent, transparent calc(6 * var(--px)), var(--ocean-hairline) calc(6 * var(--px)), var(--ocean-hairline) calc(12 * var(--px)));border:1px solid var(--ocean-hairline);width:min(100%,28rem);margin-bottom:2rem;position:relative}.nf-badge{border-radius:calc(4 * var(--px));background:var(--ocean-live);color:var(--ocean-text);letter-spacing:.08em;padding:.3rem .55rem;font-size:.625rem;font-weight:800;line-height:1;position:absolute;top:.85rem;left:.85rem}.nf-icon-wrap{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.nf-icon-wrap:before{content:"";border:1.5px dashed var(--ocean-text-bright);border-radius:50%;width:4.5rem;height:4.5rem;position:absolute}.nf-icon{width:2.25rem;height:2.25rem;color:var(--ocean-text-bright);position:relative}.nf-timecode{letter-spacing:.04em;color:var(--ocean-text-bright);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.75rem;font-weight:500;position:absolute;bottom:.75rem;right:.9rem}.nf-eyebrow{letter-spacing:.14em;color:var(--ocean-live);margin:0 0 .75rem;font-size:.6875rem;font-weight:700}.nf-title{max-width:22rem;font-family:var(--font-display);letter-spacing:-.02em;color:var(--ocean-text);margin:0 0 .85rem;font-size:clamp(1.5rem,3.4vw,2rem);font-weight:600;line-height:1.15}.nf-sub{max-width:22rem;color:var(--ocean-text-dim);margin:0 0 1.75rem;font-size:.9rem;line-height:1.55}.nf-cta{border-radius:calc(10 * var(--px));background:var(--ocean-accent-pale);color:var(--ocean-bg);justify-content:center;align-items:center;padding:.7rem 1.35rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex}.nf-cta:hover{background:var(--ocean-accent-pale);color:var(--ocean-bg)}.nf-cta:active{transform:translateY(1px)}@media (width<=560px){.nf-player{border-radius:calc(12 * var(--px))}.nf-icon-wrap:before{width:3.75rem;height:3.75rem}.nf-icon{width:1.85rem;height:1.85rem}}.legal{background:var(--ocean-bg-panel);border:1px solid var(--ocean-hairline-strong);border-radius:calc(16 * var(--px));max-width:46rem;box-shadow:0 calc(24 * var(--px)) calc(64 * var(--px)) #020a1273;color:var(--ocean-text-strong);margin:2.5rem auto 5rem;padding:3rem 3.5rem 3.5rem;font-size:1rem;line-height:1.7}@media (width<=560px){.legal{border-radius:calc(12 * var(--px));margin:1rem 0 3rem;padding:2rem 1.25rem 2.5rem}}.legal-head{border-bottom:1px solid var(--ocean-hairline);margin-bottom:2.5rem;padding-bottom:1.5rem}.legal-eyebrow{letter-spacing:calc(2 * var(--px));color:var(--ocean-text-muted);margin:0 0 .75rem;font-size:.625rem;font-weight:700}.legal-title{color:var(--ocean-text);margin:0 0 .5rem;font-size:2rem;font-weight:800}.legal-meta{color:var(--ocean-text-soft);margin:0;font-size:.8125rem}.legal-body h2{color:var(--ocean-text);margin:2.25rem 0 .75rem;font-size:1.125rem;font-weight:700}.legal-body p,.legal-body ul{margin:0 0 1rem}.legal-body ul{padding-left:1.25rem}.legal-body li{margin-bottom:.5rem}.legal-body li::marker{color:var(--ocean-text-muted)}.legal-body strong{color:var(--ocean-text);font-weight:600}.legal-body a,.legal-meta a{color:var(--ocean-accent-light);text-underline-offset:2px;text-decoration:underline}.legal-body code{background:var(--ocean-raise);border-radius:calc(4 * var(--px));padding:.1em .35em;font-size:.875em}.legal-callout{border-left:calc(3 * var(--px)) solid var(--ocean-accent);background:var(--ocean-raise);border-radius:0 calc(8 * var(--px)) calc(8 * var(--px)) 0;color:var(--ocean-text);padding:.875rem 1rem}.legal-table-wrap{margin:0 -1.5rem 1rem;padding:0 1.5rem;overflow-x:auto}.legal-table{border-collapse:collapse;width:100%;font-size:.875rem;line-height:1.5}.legal-table th,.legal-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--ocean-hairline);padding:.625rem .75rem}.legal-table th{letter-spacing:calc(1.5 * var(--px));text-transform:uppercase;color:var(--ocean-text-muted);white-space:nowrap;font-size:.625rem;font-weight:700}.legal-table td:first-child{color:var(--ocean-text);min-width:12rem}.admin-shell{background:linear-gradient(to bottom, #112a4080 0%, transparent 32vh), var(--ocean-bg);min-height:100vh}.admin-sider{border-right:1px solid var(--ocean-hairline);background:#030b148c;height:100vh;position:sticky;top:0;overflow:auto}.admin-brand{white-space:nowrap;border-bottom:1px solid var(--ocean-hairline);align-items:center;gap:.625rem;height:4rem;padding:0 1.25rem;display:flex;overflow:hidden}.admin-brand-mark{filter:drop-shadow(0 0 calc(10 * var(--px)) var(--ocean-glow));flex-shrink:0}.admin-brand-name{font-family:var(--font-display);letter-spacing:calc(3 * var(--px));text-transform:uppercase;color:var(--ocean-text);text-shadow:0 0 calc(18 * var(--px)) var(--ocean-glow);font-size:.875rem;font-weight:700;line-height:1}.admin-brand-role{font-family:var(--font-body);letter-spacing:calc(1.7 * var(--px));text-transform:uppercase;color:var(--ocean-text-mid);text-shadow:none;margin-top:.3rem;font-size:.5625rem;font-weight:600;display:block}.admin-sider .ant-menu{background:0 0;padding:.5rem;border-inline-end:none!important}.admin-sider .ant-menu-item-group-title{letter-spacing:calc(1.7 * var(--px));text-transform:uppercase;color:var(--ocean-text-mid);padding:1rem .75rem .375rem;font-size:.625rem;font-weight:600}.admin-sider .ant-menu-item{border-radius:calc(8 * var(--px));width:100%;color:var(--ocean-text-soft);margin-inline:0}.admin-sider .ant-menu-item-selected{background:var(--ocean-wash)!important;color:var(--ocean-accent-light)!important}.admin-sider .ant-menu-item-divider{border-color:var(--ocean-hairline);margin:.5rem .75rem}.admin-header{z-index:100;height:4rem;-webkit-backdrop-filter:blur(calc(12 * var(--px)));border-bottom:1px solid var(--ocean-hairline);background:#050f1ab8;padding:0 1.5rem 0 1rem;line-height:normal;position:sticky;top:0}.admin-header-row{justify-content:space-between;align-items:center;height:100%;display:flex}.admin-user{border-radius:calc(999 * var(--px));background:var(--ocean-hairline);cursor:pointer;color:var(--ocean-text-strong);align-items:center;gap:.5rem;padding:.375rem .75rem .375rem .5rem;font-size:.8125rem;font-weight:600;transition:background .18s,color .18s;display:flex}.admin-user:hover{background:var(--ocean-hairline-strong);color:var(--ocean-text)}.admin-user-dot{background:var(--ocean-success);width:.5rem;height:.5rem;box-shadow:0 0 calc(8 * var(--px)) var(--ocean-success-soft);border-radius:50%}.admin-content{width:100%;padding:1.75rem 2rem 3rem;overflow:auto}.admin-content>*{animation:.25s ease-out both admin-rise}@keyframes admin-rise{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:none}}.admin-page-head{justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:1.75rem;display:flex}.admin-crumb{letter-spacing:calc(1.7 * var(--px));text-transform:uppercase;color:var(--ocean-text-mid);margin-bottom:.375rem;font-size:.625rem;font-weight:600;display:block}.admin-title{letter-spacing:-.01em;color:var(--ocean-text);font-size:1.375rem;font-weight:700;line-height:1.1}.admin-lede{color:var(--ocean-text-dim);max-width:60ch;margin-top:.5rem;font-size:.875rem}.admin-lede-row{flex-wrap:wrap;align-items:center;gap:.25rem .75rem;display:inline-flex}.admin-page-head .ant-btn-primary:active:not(:disabled),.admin-content .ant-btn-primary:active:not(:disabled){transform:translateY(1px)}.admin-content .ant-table{background:0 0}.admin-content .ant-table-thead>tr>th{letter-spacing:calc(1.4 * var(--px));text-transform:uppercase;font-size:.625rem;font-weight:600;border-bottom:1px solid var(--ocean-hairline-strong)!important;color:var(--ocean-text-mid)!important;background:0 0!important}.admin-content .ant-table-thead>tr>th:before{display:none}.admin-content .ant-table-tbody>tr>td{font-variant-numeric:tabular-nums;border-bottom:1px solid var(--ocean-hairline)!important}.admin-content .ant-table-tbody>tr:hover>td{background:var(--ocean-wash)!important}.admin-content .ant-table-footer{border-top:1px solid var(--ocean-hairline);background:0 0}.admin-content .ant-tag{background:var(--ocean-wash);color:var(--ocean-accent-light);letter-spacing:calc(.4 * var(--px));border-color:#0000;font-size:.6875rem}.admin-flags{border-top:1px solid var(--ocean-hairline-strong)}.admin-flag{border-bottom:1px solid var(--ocean-hairline);grid-template-columns:1fr auto;align-items:center;gap:1.5rem;padding:1rem .75rem;transition:background .18s;display:grid}.admin-flag:hover{background:var(--ocean-wash)}.admin-flag-name{color:var(--ocean-text);align-items:baseline;gap:.625rem;font-weight:700;display:flex}.admin-flag-key{color:var(--ocean-text-mid);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.6875rem}.admin-flag-desc{color:var(--ocean-text-dim);margin-top:.25rem;font-size:.8125rem}.admin-flag-meta{color:var(--ocean-text-muted);margin-top:.375rem;font-size:.6875rem}.admin-flag--on .admin-flag-name:before{content:"";background:var(--ocean-success);border-radius:50%;align-self:center;width:.375rem;height:.375rem}.admin-login{place-items:center;min-height:100dvh;padding:1.5rem;display:grid}.admin-login-card{border-radius:calc(12 * var(--px));background:var(--ocean-bg-panel);border:1px solid var(--ocean-hairline);width:100%;max-width:22rem;box-shadow:0 calc(24 * var(--px)) calc(80 * var(--px)) #020a1299, 0 0 calc(60 * var(--px)) var(--ocean-line-faint);padding:2rem 1.75rem 1.75rem;animation:.25s ease-out both admin-rise}.admin-login-brand{flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.admin-login-logo{filter:drop-shadow(0 0 calc(14 * var(--px)) var(--ocean-glow))}.admin-login-wordmark{font-family:var(--font-display);letter-spacing:calc(3 * var(--px));text-transform:uppercase;color:var(--ocean-text);text-shadow:0 0 calc(18 * var(--px)) var(--ocean-glow);font-size:1rem;font-weight:700}.admin-login-brand .admin-crumb{margin:.25rem 0 0}.admin-login-card .ant-form-item-label>label{letter-spacing:calc(1.4 * var(--px));text-transform:uppercase;color:var(--ocean-text-mid);font-size:.6875rem;font-weight:600}.admin-login-card .ant-btn-primary:active:not(:disabled){transform:translateY(1px)}.admin-login-hint{color:var(--ocean-text-muted);text-align:center;margin-top:1rem;font-size:.75rem}@media (width<=860px){.admin-content{padding:1.5rem 1.25rem 3rem}}.admin-drawer .ant-drawer-mask{background:#050f1ab8}.admin-drawer .ant-drawer-content{background:var(--ocean-bg-info);border-left:1px solid var(--ocean-hairline-strong);box-shadow:calc(-24 * var(--px)) 0 calc(80 * var(--px)) #020a1299}.admin-drawer .ant-drawer-header{border-bottom:1px solid var(--ocean-hairline);padding:1rem 1.5rem}.admin-drawer .ant-drawer-body{padding:1.5rem}.admin-drawer-title{flex-direction:column;gap:.25rem;min-width:0;display:flex}.admin-drawer-title .admin-crumb{margin:0}.admin-drawer-key{color:var(--ocean-text);text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8125rem;font-weight:500;overflow:hidden}.admin-drawer .ant-form-item-label>label{letter-spacing:calc(1.4 * var(--px));text-transform:uppercase;color:var(--ocean-text-mid);font-size:.6875rem;font-weight:600}.admin-drawer .ant-form-item-extra{color:var(--ocean-text-muted);font-size:.6875rem}.admin-mono{color:var(--ocean-text-mid);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem}.admin-muted{color:var(--ocean-text-muted)}.admin-link{color:inherit;transition:color .18s}.admin-link:hover{color:var(--ocean-accent-light)}.admin-section{margin-top:2rem}.admin-section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:0 .75rem .5rem;display:flex}.admin-section-head .admin-crumb{margin:0}.admin-empty{border-top:1px solid var(--ocean-hairline-strong);color:var(--ocean-text-dim);padding:1rem .75rem;font-size:.8125rem}.admin-stats{border-top:1px solid var(--ocean-hairline-strong);border-bottom:1px solid var(--ocean-hairline);grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));display:grid}.admin-stat{flex-direction:column;gap:.25rem;padding:1rem .75rem;display:flex}.admin-stat+.admin-stat{border-left:1px solid var(--ocean-hairline)}.admin-stat-value{letter-spacing:-.02em;color:var(--ocean-text);font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.75rem;font-weight:600;line-height:1}.admin-stat-label{letter-spacing:calc(1.4 * var(--px));text-transform:uppercase;color:var(--ocean-text-mid);font-size:.625rem;font-weight:600}.admin-stat-detail{color:var(--ocean-text-muted);font-size:.75rem}.admin-rows{border-top:1px solid var(--ocean-hairline-strong)}.admin-row{border-bottom:1px solid var(--ocean-hairline);color:var(--ocean-text-soft);font-variant-numeric:tabular-nums;grid-template-columns:minmax(0,2.2fr) repeat(3,minmax(0,1fr));align-items:center;gap:1rem;padding:.75rem;font-size:.8125rem;transition:background .18s;display:grid}.admin-row>*{justify-self:start}.admin-row>:last-child:not(:first-child){justify-self:end}.admin-row--link{color:var(--ocean-text-soft)}.admin-row--link:hover{background:var(--ocean-wash);color:var(--ocean-text)}.admin-row-main{align-items:baseline;gap:.625rem;min-width:0;display:flex}.admin-row-title{color:var(--ocean-text);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.admin-status{letter-spacing:calc(.6 * var(--px));text-transform:uppercase;justify-self:start;align-items:center;gap:.375rem;font-size:.6875rem;font-weight:600;display:inline-flex}.admin-status:before,.admin-dot{content:"";border-radius:50%;flex-shrink:0;align-self:center;width:.4375rem;height:.4375rem}.admin-status--ok{color:var(--ocean-success)}.admin-status--warn{color:var(--ocean-warning)}.admin-status--bad{color:var(--ocean-danger)}.admin-status--mute{color:var(--ocean-text-mid)}.admin-status:before{background:currentColor}.admin-dot--ok{background:var(--ocean-success);box-shadow:0 0 calc(8 * var(--px)) var(--ocean-success-soft)}.admin-dot--bad{background:var(--ocean-danger);box-shadow:0 0 calc(8 * var(--px)) var(--ocean-danger-soft)}.admin-person{align-items:center;gap:.625rem;min-width:0;display:inline-flex}.admin-person-face{background:var(--ocean-wash);border-radius:50%;flex-shrink:0;width:1.75rem;height:1.75rem}.admin-person-face--blank{color:var(--ocean-accent-light);place-items:center;font-size:.75rem;font-weight:700;display:grid}.admin-person-names{flex-direction:column;min-width:0;line-height:1.25;display:flex}.admin-person-name{color:var(--ocean-text);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.admin-person-handle{color:var(--ocean-text-muted);font-size:.75rem}.admin-facts{border-top:1px solid var(--ocean-hairline-strong);grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1rem 1.5rem;margin:0;padding:1rem .75rem;display:grid}.admin-fact dt{letter-spacing:calc(1.4 * var(--px));text-transform:uppercase;color:var(--ocean-text-mid);margin-bottom:.25rem;font-size:.625rem;font-weight:600}.admin-fact dd{color:var(--ocean-text);margin:0;font-size:.875rem}.admin-inline-form{row-gap:.5rem;padding:.25rem .75rem .5rem}.admin-skeleton{border-top:1px solid var(--ocean-hairline-strong)}.admin-skeleton-row{border-radius:calc(4 * var(--px));background:linear-gradient(90deg, var(--ocean-hairline) 0%, var(--ocean-hairline-strong) 50%, var(--ocean-hairline) 100%);background-size:200% 100%;height:1rem;margin:1.125rem .75rem;animation:1.4s ease-in-out infinite both admin-shimmer;display:block}.admin-skeleton-row:nth-child(2n){width:70%}@keyframes admin-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.admin-chart{border-top:1px solid var(--ocean-hairline-strong);width:100%;max-width:60rem;height:auto;padding:.5rem .75rem 0;display:block}.admin-chart-grid{stroke:var(--ocean-hairline);stroke-dasharray:2 4}.admin-chart-axis{stroke:var(--ocean-hairline-strong)}.admin-chart-tick{font-size:calc(10 * var(--px));fill:var(--ocean-text-muted);font-variant-numeric:tabular-nums}.admin-chart-ok{fill:var(--ocean-success)}.admin-chart-bad{fill:var(--ocean-danger)}.admin-chart-hit{fill:#0000}.admin-chart-hit:hover{fill:var(--ocean-wash)}.admin-legend{color:var(--ocean-text-dim);gap:1rem;font-size:.75rem;display:flex}.admin-legend>span{align-items:center;gap:.375rem;display:inline-flex}.admin-swatch{border-radius:2px;width:.625rem;height:.625rem}.admin-swatch--ok,.admin-ratio-ok{background:var(--ocean-success)}.admin-swatch--bad,.admin-ratio-bad,.admin-bar-fill{background:var(--ocean-danger)}.admin-bars{border-top:1px solid var(--ocean-hairline-strong);gap:.5rem;padding:.75rem;display:grid}.admin-bar{grid-template-columns:minmax(10rem,18rem) 1fr 3rem;align-items:center;gap:1rem;font-size:.8125rem;display:grid}.admin-bar-label{color:var(--ocean-text-soft)}.admin-bar-track{min-width:0}.admin-bar-fill{border-radius:0 calc(4 * var(--px)) calc(4 * var(--px)) 0;min-width:2px;height:.75rem;display:block}.admin-bar-value{font-variant-numeric:tabular-nums;color:var(--ocean-text)}.admin-ratio-cell{align-items:center;gap:.625rem;display:inline-flex}.admin-ratio{border-radius:calc(3 * var(--px));background:var(--ocean-hairline);gap:2px;width:5rem;height:.375rem;display:flex;overflow:hidden}.admin-tabs{margin-top:2rem}.admin-tabs .ant-tabs-nav{margin:0;padding:0 .75rem}.admin-section-title{align-items:center;gap:.375rem;display:inline-flex}.admin-hint{color:var(--ocean-text-muted);cursor:help;font-size:.75rem;transition:color .18s}.admin-hint:hover,.admin-hint:focus-visible{color:var(--ocean-text)}.admin-dot--warn{background:var(--ocean-warning)}.admin-row--attention{grid-template-columns:minmax(0,1.2fr) minmax(0,2fr) auto}.admin-chart-accent{fill:var(--ocean-accent)}.admin-chart-line{fill:none;stroke:var(--ocean-accent);stroke-width:1.5px;stroke-linejoin:round}.admin-chart-dot{fill:var(--ocean-accent)}.admin-chart-band{fill:var(--ocean-accent);fill-opacity:.18}.admin-chart-limit{stroke:var(--ocean-danger);stroke-dasharray:4 4}.admin-swatch--accent,.admin-bar-fill--accent{background:var(--ocean-accent)}@media (width<=860px){.admin-row{grid-template-columns:1fr;gap:.375rem}.admin-row>:last-child:not(:first-child){justify-self:start}.admin-stat+.admin-stat{border-left:none}}@media (prefers-reduced-motion:reduce){.admin-content>*,.admin-login-card,.admin-skeleton-row{animation:none}}