/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:host,:root{--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.hidden{display:none}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--primary:#c3ff47;--accent:#cbfb6d;--text:#2a2a2b;--bg:#272729;--white:#c4c4c4;--panel:#1e1e20;--line:#3a3a3d}*{box-sizing:border-box}body,html{min-height:100%;color:var(--white);background:#151517;margin:0;overflow-x:hidden}body{font-family:Avenir Next,Avenir,Segoe UI,Helvetica,Arial,sans-serif}button,textarea{font:inherit}button{color:inherit}.failed-items:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible,textarea:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.app-shell{background:var(--bg);grid-template-columns:220px minmax(0,1fr) 330px;height:100svh;min-height:640px;display:grid;overflow:hidden}.sidebar{border-right:1px solid var(--line);background:#202022;flex-direction:column;min-width:0;padding:28px 18px 22px;display:flex;overflow:hidden}.brand{color:#f3f3ef;letter-spacing:-.05em;align-items:center;gap:10px;min-width:max-content;font-size:18px;line-height:.86;display:flex}.brand b,.brand em{font-style:normal;display:block}.brand em{color:var(--primary);letter-spacing:.28em;margin-top:5px;font-size:11px}.brand-mark{border:1px solid #6a6a6d;align-items:end;gap:2px;width:31px;height:31px;padding:6px;display:inline-flex;position:relative;transform:skew(-8deg)}.brand-mark i{background:var(--primary);width:5px}.brand-mark i:first-child{height:10px}.brand-mark i:nth-child(2){height:19px}.brand-mark i:nth-child(3){height:14px}.sidebar-queue{scrollbar-color:#fff3 transparent;flex:1;min-height:0;margin:24px -4px 14px 0;padding-right:4px;overflow:hidden auto}.sidebar-queue .queue-panel{flex-direction:column;gap:10px;display:flex}.sidebar-queue .queue-group{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#1112164a;border:1px solid #ffffff1f;border-radius:6px;min-width:0;padding:10px}.sidebar-queue .queue-item{background:#11121652;grid-template-columns:20px minmax(0,1fr) auto;min-height:0;margin-top:6px;padding:8px}.sidebar-queue .queue-item p{overflow-wrap:anywhere}.sidebar-queue .queue-empty{border-radius:6px;padding:8px}.sidebar-close{display:none}.site-link{border-top:1px solid var(--line);color:#77777b;letter-spacing:.08em;margin-top:auto;padding:14px 10px 0;font-size:10px;text-decoration:none}.site-link:hover{color:var(--primary)}.site-link span{float:right}.stage{background:radial-gradient(circle at 70% 0,#323237,transparent 38%),var(--bg);min-width:0;padding:18px;overflow-y:auto}.video-frame{aspect-ratio:16/9;isolation:isolate;background:#111;border:1px solid #4c4c4f;min-height:330px;max-height:calc(100svh - 230px);animation:clip-in .55s ease-out;position:relative;overflow:hidden}.demo-visual{background:linear-gradient(145deg,#081e29,#182a33 30%,#431b42 72%,#19131f);overflow:hidden}.demo-visual,.real-video{position:absolute;inset:0}.real-video{object-fit:cover;object-position:50% 50%;width:100%;height:100%}.next-video{z-index:1;opacity:0;transition:opacity .35s}.next-video.playable{opacity:1}.demo-visual:before{content:"";background:radial-gradient(circle at 56% 30%,#cbfb6d55,#0000 3%),radial-gradient(circle at 50% 70%,#ff8b3144,#0000 30%),linear-gradient(#0000 60%,#09090a);position:absolute;inset:0}.orb{filter:blur(20px);opacity:.65;border-radius:50%;animation:drift 8s ease-in-out infinite alternate;position:absolute}.orb-one{aspect-ratio:1;background:#64ffd7;width:33%;top:13%;left:32%;box-shadow:0 0 80px #64ffd7}.orb-two{aspect-ratio:1;background:#ff4fba;width:18%;animation-delay:-3s;top:28%;right:12%}.skyline{filter:drop-shadow(0 0 10px #000);justify-content:space-around;align-items:flex-end;height:41%;display:flex;position:absolute;inset:auto 0 0}.skyline i{clip-path:polygon(9% 12%,90% 0,100% 100%,0 100%);background:linear-gradient(90deg,#121217,#282430);width:9%;height:55%;display:block}.skyline i:nth-child(2n){background:linear-gradient(90deg,#16131c,#35273a);height:85%}.skyline i:nth-child(3n){height:42%}.scanlines{opacity:.15;mix-blend-mode:overlay;background:repeating-linear-gradient(0deg,#0000 0 3px,#fff 4px);position:absolute;inset:0}.video-frame:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#0009,#0000 45%),linear-gradient(#0000 62%,#000c);position:absolute;inset:0}.demo-badge,.video-bottom,.video-top{z-index:2;position:absolute}.video-top{justify-content:space-between;align-items:flex-start;gap:30px;display:flex;inset:24px 26px auto}.now-playing{max-width:530px}.now-playing>span{background:var(--primary);color:var(--text);letter-spacing:.12em;margin-bottom:6px;padding:4px 6px;font-size:8px;font-weight:800;display:inline-block}.now-playing strong{color:var(--accent);letter-spacing:.04em;font-size:11px;display:block}.now-playing p{color:#f0f0eb;text-wrap:balance;overflow-wrap:anywhere;margin:4px 0 0;font-size:clamp(13px,1.2vw,18px);font-weight:600;line-height:1.25}.viewer-count{white-space:nowrap;background:#121214a8;border:1px solid #626267;align-items:center;gap:8px;padding:7px 10px;display:flex}.viewer-count svg{width:14px;color:var(--primary);flex:none}.viewer-metric{gap:1px;display:grid}.viewer-metric b{color:#fff;font-size:10px;line-height:1}.viewer-metric small{color:#a4a4a8;font-size:7px;line-height:1}.viewer-metric.today{border-left:1px solid #ffffff26;padding-left:8px}.video-bottom{gap:12px;inset:auto 24px 22px}.sound-button,.video-bottom{align-items:center;display:flex}.sound-button{cursor:pointer;background:#151517bb;border:1px solid #6b6b70;gap:8px;padding:9px 12px;font-size:10px}.sound-button:hover{border-color:var(--primary);color:var(--primary)}.sound-button svg{width:15px}.live-chip{color:#fff;align-items:center;gap:6px;font-size:10px;font-weight:700;display:flex}.chat-panel header i,.live-chip i,.mobile-header>span i{background:#ff3838;border-radius:50%;width:7px;height:7px;animation:pulse 1.6s ease-out infinite;box-shadow:0 0 0 4px #ff383833}.video-brand{color:#8f8f91;letter-spacing:.14em;margin-left:auto;font-size:9px}.demo-badge{color:#777;letter-spacing:.14em;background:#121214;padding:4px 8px;font-size:7px;bottom:0;right:0}.queue-panel.compact{grid-template-columns:.7fr 1fr 1.2fr;gap:12px;padding-top:15px;display:grid}.queue-group h2{color:#98989c;letter-spacing:.13em;align-items:center;gap:7px;margin:0 0 8px;font-size:9px;display:flex}.queue-group h2 span{color:#aaa;background:#3c3c40;place-items:center;width:17px;height:17px;font-size:8px;display:grid}.queue-item{background:#202023;border:1px solid #39393d;grid-template-columns:24px 1fr auto;gap:8px;min-height:68px;padding:10px;display:grid;position:relative}.queue-item>div{min-width:0}.queue-item.ready{border-left:2px solid var(--primary)}.queue-item.generating{border-left:2px solid #e58bfe}.queue-item.failed{border-left:2px solid #ff6868}.queue-number{color:#5e5e62;padding-top:2px;font:8px monospace}.queue-item p{overflow-wrap:anywhere;color:#d2d2cf;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:10px;line-height:1.35;display:-webkit-box;overflow:hidden}.queue-item div>span{color:#69696d;margin-top:7px;font-size:8px;display:block}.generating-dot{border:2px solid #e58bfe;border-top-color:#0000;border-radius:50%;width:8px;height:8px;animation:spin 1s linear infinite}.failed-mark{color:#ff8b8b;border:1px solid #ff6868;place-items:center;width:15px;height:15px;font-size:9px;display:grid}.queue-empty{color:#5f5f63;border:1px dashed #39393d;margin:0;padding:12px 10px;font-size:9px}.sidebar-failures{flex:none;margin-top:14px}.failed-group{background:#11121652;border:1px solid #ffffff26;border-radius:6px;overflow:hidden}.failed-group>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:6px;min-height:44px;padding:8px;list-style:none;display:flex}.failed-group>summary::-webkit-details-marker{display:none}.failed-group>summary h2{letter-spacing:.06em;min-width:0;margin:0;font-size:8px}.failed-group>summary h2 span{flex:none}.failed-group>summary>i{color:#d8d8d8;font-size:14px;font-style:normal;transition:transform .18s}.failed-group:not([open])>summary>i{transform:rotate(180deg)}.failed-items{--failed-row-height:76px;grid-auto-rows:var(--failed-row-height);max-height:calc(3 * var(--failed-row-height) + 14px);overscroll-behavior:contain;scrollbar-color:#fff5 transparent;gap:7px;margin:0 8px 8px;display:grid;overflow:hidden auto}.failed-items .queue-item{min-height:0;height:var(--failed-row-height);grid-template-columns:14px minmax(0,1fr) auto;gap:6px;padding:8px}.failed-items .queue-item div>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-panel{border-left:1px solid var(--line);background:var(--panel);flex-direction:column;min-width:0;height:100%;display:flex}.chat-panel header{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;height:70px;padding:0 18px;display:flex}.chat-panel header div{align-items:center;gap:10px;display:flex}.chat-panel header h2{color:#ededeb;letter-spacing:.15em;margin:0;font-size:11px}.chat-panel header span{color:#707075;font-size:9px}.messages{scrollbar-color:#49494d transparent;flex:1;min-height:100px;padding:8px 18px;overflow-y:auto}.chat-message{border-bottom:1px solid #303033;grid-template-columns:28px 1fr;gap:10px;padding:13px 0;display:grid}.avatar{width:28px;height:28px;color:var(--accent);background:#35353a;place-items:center;font-size:8px;font-weight:700;display:grid}.chat-message>div:last-child>span{justify-content:space-between;gap:8px;display:flex}.chat-message b{color:#929297;font-size:9px}.chat-message time{color:#55555a;font-size:8px}.chat-message p{color:#d1d1ce;margin:5px 0 0;font-size:11px;line-height:1.4}.chat-message.own p{color:var(--accent)}.prompt-form{border-top:1px solid var(--line);padding:15px 18px 8px}.prompt-form>label{color:#85858a;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:8px;font-weight:700;display:block}.prompt-field{position:relative}.prompt-field textarea{resize:none;color:#eee;background:#28282b;border:1px solid #45454a;border-radius:0;width:100%;min-height:78px;padding:11px 12px 22px;font-size:11px;line-height:1.4;display:block}.prompt-field textarea::placeholder{color:#747478}.prompt-field span{color:#626267;font-size:7px;position:absolute;bottom:7px;right:8px}.prompt-error{color:#ff8b8b;margin:7px 0 0;font-size:9px;line-height:1.3}.prompt-quota{color:#b8b8ba;justify-content:space-between;gap:10px;margin-top:8px;font-size:9px;display:flex}.prompt-form>button{border:1px solid var(--primary);background:var(--primary);width:100%;color:var(--text);cursor:pointer;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:10px;font-size:10px;font-weight:800;transition:filter .18s;display:flex}.prompt-form>button:hover{filter:brightness(1.08)}.prompt-form>button:disabled{cursor:not-allowed;opacity:.35}.prompt-form svg{width:13px}.change-name{color:#727277;cursor:pointer;background:0 0;border:0;margin:0 18px 13px;font-size:8px;text-decoration:underline}.mobile-controls,.mobile-drawer,.mobile-header{display:none}.splash{z-index:100;color:#f5f5f1;text-align:center;background:radial-gradient(circle at 50% 42%,#34363b 0,#17181be8 38%,#08090af7 100%);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.splash-inner{width:min(520px,100%)}.splash-logo{letter-spacing:-.06em;font-size:clamp(28px,5vw,64px);font-weight:800}.splash-play{width:94px;height:94px;color:var(--primary);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#11121680;border:1px solid #ffffff4d;border-radius:6px;place-items:center;margin:34px auto;padding:0 0 0 7px;font-size:42px;transition:transform .18s,border-color .18s,background .18s;display:grid}.splash-play:hover{border-color:var(--primary);background:#111216b3;transform:scale(1.04)}.splash-subtitle{color:#d4d4d0;margin:0;font-size:clamp(13px,1.5vw,17px);line-height:1.55}.splash-credit{color:#85858a;margin:28px 0 0;font-size:11px}.splash-credit a{color:var(--primary);font-weight:700;text-decoration:none}.splash-credit a:hover{text-decoration:underline}.splash-credit span{color:#b7b7b4}@keyframes pulse{50%{opacity:.5}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes drift{to{transform:translate(12%,-8%)scale(1.13)}}@keyframes clip-in{0%{opacity:.25;filter:brightness(2)}to{opacity:1;filter:brightness()}}@media (max-width:1100px){.app-shell{grid-template-columns:174px minmax(0,1fr) 285px}.sidebar{padding-inline:12px}.stage{padding:12px}.video-frame{min-height:290px}.queue-panel.compact{grid-template-columns:1fr 1fr}.queue-panel.compact .queue-group:last-child{grid-column:1/-1}.queue-panel.compact .queue-group:last-child .queue-item{vertical-align:top;width:calc(50% - 5px);margin-right:6px;display:inline-grid}}@media (max-width:767px){body,html{background:#090a0c;min-height:100dvh}.app-shell{background:0 0;width:100%;height:auto;min-height:100dvh;padding:0;display:block;position:relative;overflow-x:clip}.app-shell>.chat-panel{display:none}.stage{min-height:100dvh;padding:max(62vh,420px) 10px calc(84px + env(safe-area-inset-bottom));background:0 0;position:relative;overflow:visible}.video-frame{z-index:0;aspect-ratio:auto;border:0;width:100%;height:100dvh;min-height:0;max-height:none;position:fixed;inset:0}.real-video{object-fit:cover;object-position:center;width:100%;height:100%}.video-frame:after{background:linear-gradient(#050608b8,#0000 31% 53%,#050608e8),linear-gradient(90deg,#0006,#0000 70%)}.mobile-header{z-index:20;min-height:calc(58px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#11121652;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}.mobile-header>span{color:#fff;align-items:center;gap:8px;min-height:44px;font-size:9px;font-weight:700;display:flex}.video-top{inset:calc(72px + env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) auto max(14px,env(safe-area-inset-left));gap:10px}.now-playing{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1112164a;border:1px solid #ffffff26;border-radius:6px;min-width:0;max-width:min(240px,100% - 150px);padding:6px 8px}.now-playing>span{letter-spacing:.08em;border-radius:4px;margin-bottom:4px;padding:2px 5px;font-size:6px}.now-playing strong{overflow-wrap:anywhere;font-size:9px}.now-playing p{margin-top:3px;font-size:11px;line-height:1.3}.viewer-count{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1112164a;border-radius:6px;gap:6px;min-height:44px;padding:7px}.viewer-count svg{width:12px}.viewer-metric b{font-size:9px}.viewer-metric small{font-size:6px}.viewer-metric.today{padding-left:6px}.video-bottom{inset:auto max(14px,env(safe-area-inset-right)) calc(82px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));gap:9px}.sound-button{background:#11121652;border-radius:6px;justify-content:center;min-width:44px;padding:9px 11px}.live-chip,.sound-button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-height:44px}.live-chip{background:#1112164a;border:1px solid #ffffff1f;border-radius:6px;padding:0 10px}.video-brand{display:none}.sidebar{z-index:40;inset:calc(58px + env(safe-area-inset-top)) auto calc(67px + env(safe-area-inset-bottom)) 0;width:min(88vw,360px);padding:18px max(14px,env(safe-area-inset-left)) 14px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);visibility:hidden;pointer-events:none;background:#10111485;border:1px solid #ffffff26;border-left:0;border-radius:0 6px 6px 0;transition:transform .22s,visibility .22s;position:fixed;transform:translate(-105%)}.sidebar.mobile-open{visibility:visible;pointer-events:auto;transform:translate(0)}.sidebar>.brand{display:none}.sidebar-close{z-index:2;cursor:pointer;background:#11121699;border:1px solid #ffffff2b;border-radius:6px;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:10px;right:10px}.sidebar-close svg{width:16px}.sidebar-queue{margin:46px 0 10px;padding-right:3px}.sidebar-queue .queue-group{background:#11121655}.sidebar-failures{display:none}.site-link{color:#c6c6c8;padding-bottom:2px}.mobile-controls{z-index:30;min-height:calc(67px + env(safe-area-inset-bottom));padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#11121666;border-top:1px solid #ffffff1f;grid-template-columns:repeat(3,1fr);display:grid;position:fixed;inset:auto 0 0}.mobile-controls button{color:#b0b0b3;letter-spacing:.08em;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:58px;font-size:8px;font-weight:700;display:flex}.mobile-controls button span{font-size:18px;line-height:1}.mobile-controls button.active{color:var(--primary);background:#ffffff0d}.mobile-controls .mobile-control-chat{color:var(--primary)}.mobile-controls .mobile-control-chat span{background:#c3ff4720;border:1px solid #c3ff4770;border-radius:7px;place-items:center;width:30px;height:26px;display:grid;box-shadow:0 0 12px #c3ff4720}.mobile-drawer{z-index:35;inset:calc(58px + env(safe-area-inset-top)) 0 calc(67px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#101114b8;animation:slideUp .22s ease-out;display:block;position:fixed;overflow:hidden}.drawer-close{z-index:38;right:max(12px,env(safe-area-inset-right));cursor:pointer;background:#11121699;border:1px solid #ffffff2b;border-radius:6px;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:10px}.drawer-close svg{width:16px}.failed-drawer{inset:auto max(10px,env(safe-area-inset-right)) calc(77px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));max-height:calc(100dvh - 145px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border:1px solid #ffffff26;border-radius:8px;overflow-y:auto}.failed-drawer .failed-group{background:0 0;border:0}.failed-drawer .failed-group>summary{min-height:64px;padding-right:68px}.failed-drawer .failed-group>summary h2{font-size:10px}.mobile-drawer .chat-panel{background:0 0;border:0;height:100%;min-height:0}.mobile-drawer .chat-panel header{background:#11121645;padding-right:68px}.mobile-drawer .messages{min-height:60px}.mobile-drawer .prompt-form{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#11121645;flex:none;padding-bottom:8px}.mobile-drawer .prompt-field textarea{background:#11121670;border-radius:6px;min-height:70px;font-size:16px}.mobile-drawer .prompt-form>button{border-radius:6px;min-height:44px}.splash{padding:calc(24px + env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}}@media (min-width:768px){.app-shell{background:#111;display:block;position:relative}.stage{background:#111;padding:0;position:absolute;inset:0;overflow:hidden}.video-frame{aspect-ratio:auto;border:0;width:100%;height:100%;min-height:100%;max-height:none}.sidebar{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#11121645;border:1px solid #ffffff1f;border-radius:6px;width:190px;padding:16px 12px;position:absolute;inset:14px auto 14px 14px}.sidebar-close{display:none}.chat-panel{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1112163d;border:1px solid #ffffff1f;border-radius:6px;width:min(330px,28vw);height:auto;position:absolute;inset:14px 14px 14px auto;overflow:hidden}.chat-panel header{background:#11121633;border-bottom-color:#ffffff1a;height:54px}.messages{padding:8px 12px}.chat-message{background:#11121645;border:1px solid #ffffff12;border-radius:6px;margin-bottom:6px;padding:9px}.avatar{background:#ffffff14;border-radius:4px}.prompt-form{border-top-color:#ffffff1a;margin:0 12px;padding:12px 0 6px}.prompt-field textarea{background:#1112165c;border-radius:6px}.prompt-form>button{border-radius:6px}.queue-group h2{color:#f3f3f3b8;text-shadow:0 1px 8px #000}.queue-group h2 span{background:#11121699;border-radius:4px}.queue-empty,.queue-item{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#11121652;border-color:#ffffff1f;border-radius:6px}.video-top{left:220px;right:360px}.now-playing{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#11121645;border:1px solid #ffffff1f;border-radius:6px;padding:8px 10px}.now-playing>span{border-radius:4px}.sound-button,.viewer-count{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#11121645;border-radius:6px}.video-bottom{inset:auto 360px 22px 220px}.demo-badge{background:#11121685;border-radius:6px 0 0}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}