/*! tailwindcss v4.3.0 | 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)))){*,:before,:after,::backdrop{--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0;--tw-border-style:solid}}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root,:host{--font-sans:"Geist Variable", sans-serif}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./files/geist-cyrillic-ext-wght-normal.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./files/geist-cyrillic-wght-normal.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./files/geist-vietnamese-wght-normal.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./files/geist-latin-ext-wght-normal.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./files/geist-latin-wght-normal.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.static{position:static}.container{width:100%}.border{border-style:var(--tw-border-style);border-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.running{animation-play-state:running}:root{--background:oklch(100% 0 0);--foreground:oklch(14.5% 0 0);--card:oklch(100% 0 0);--card-foreground:oklch(14.5% 0 0);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.5% 0 0);--primary:oklch(20.5% 0 0);--primary-foreground:oklch(98.5% 0 0);--secondary:oklch(97% 0 0);--secondary-foreground:oklch(20.5% 0 0);--muted:oklch(97% 0 0);--muted-foreground:oklch(55.6% 0 0);--accent:oklch(97% 0 0);--accent-foreground:oklch(20.5% 0 0);--destructive:oklch(57.7% .245 27.325);--border:oklch(92.2% 0 0);--input:oklch(92.2% 0 0);--ring:oklch(70.8% 0 0);--chart-1:oklch(87% 0 0);--chart-2:oklch(55.6% 0 0);--chart-3:oklch(43.9% 0 0);--chart-4:oklch(37.1% 0 0);--chart-5:oklch(26.9% 0 0);--radius:.625rem;--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.5% 0 0);--sidebar-primary:oklch(20.5% 0 0);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(97% 0 0);--sidebar-accent-foreground:oklch(20.5% 0 0);--sidebar-border:oklch(92.2% 0 0);--sidebar-ring:oklch(70.8% 0 0)}.dark{--background:oklch(14.5% 0 0);--foreground:oklch(98.5% 0 0);--card:oklch(20.5% 0 0);--card-foreground:oklch(98.5% 0 0);--popover:oklch(20.5% 0 0);--popover-foreground:oklch(98.5% 0 0);--primary:oklch(92.2% 0 0);--primary-foreground:oklch(20.5% 0 0);--secondary:oklch(26.9% 0 0);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(26.9% 0 0);--muted-foreground:oklch(70.8% 0 0);--accent:oklch(26.9% 0 0);--accent-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.15);--ring:oklch(55.6% 0 0);--chart-1:oklch(87% 0 0);--chart-2:oklch(55.6% 0 0);--chart-3:oklch(43.9% 0 0);--chart-4:oklch(37.1% 0 0);--chart-5:oklch(26.9% 0 0);--sidebar:oklch(20.5% 0 0);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(26.9% 0 0);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(55.6% 0 0)}@layer base{*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){*{outline-color:color-mix(in oklab, var(--ring) 50%, transparent)}}body{background-color:var(--background);color:var(--foreground)}html{font-family:Geist Variable,sans-serif}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}:root{--border-color:#fff3}*{box-sizing:border-box;margin:0;padding:0;font-family:ui-sans-serif,system-ui,sans-serif}html,body{width:100vw;height:100vh}#root{isolation:isolate;background:radial-gradient(circle at 16% 100%,#f5e6d329,#0000 34%),radial-gradient(circle at 88% 18%,#bc86ff24,#0000 32%),linear-gradient(#111013 0%,#070709 58%,#0c0a0e 100%);width:100%;height:100%;position:relative;overflow:hidden}.ambient-backdrop{z-index:0;opacity:.34;filter:blur(34px)saturate(1.14)brightness(.64);pointer-events:none;background-position:50%;background-size:cover;transition:background-image .6s,opacity .35s;position:fixed;inset:-42px;transform:scale(1.08)}.ambient-backdrop:after{content:"";background:radial-gradient(circle at 50% 18%,#fff7ea1f,#0000 26%),radial-gradient(circle at 10% 96%,#f5e6d333,#0000 32%),linear-gradient(#0404066b,#040406d1);position:absolute;inset:0}.ytp-wrapper{z-index:1;border-radius:10px;justify-content:center;align-items:center;width:100%;height:calc(100vh - 140px);min-height:420px;margin:20px 0 15px;display:flex;position:relative;overflow:hidden}.player-container{border-radius:20px;width:2000px;height:1500px;box-shadow:0 28px 90px #0000006b,0 0 60px #f5e6d314}.footer{text-shadow:0 2px 18px #000000b8;flex-direction:column;gap:8px;width:100%;max-width:min(760px,100vw - 60px);margin:0 0 22px 30px;padding:0;display:flex;position:relative}.controllerBtn-container{color:#f0f8ff;flex-wrap:wrap;align-items:center;gap:10px;width:fit-content;display:flex}.header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;pointer-events:none;background:linear-gradient(90deg,#fff7ea14,#bc86ff0d),#0505076b;justify-content:space-between;align-items:center;width:100%;padding:0 25px;display:flex;position:absolute;top:20px}.header-right-section{gap:15px;display:flex}.title{background-color:#0000004d;border:2px solid #fff3;border-radius:30px;align-items:center;gap:10px;padding:5px 30px;font-weight:700;display:flex}.title h2{white-space:nowrap;font-size:18px;line-height:1}.coffee-btn{z-index:10;pointer-events:auto;color:#000;cursor:pointer;background-color:#facc15e6;border:none;border-radius:30px;align-items:center;gap:5px;padding:7px 15px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .2s,background-color .2s;display:flex;position:relative}.coffee-btn svg,.coffee-btn p{color:#000}.coffee-btn:hover{background-color:#facc15;transform:scale(1.05)}.creator-info h3,p,.title{color:#fff}.creator-info{text-shadow:0 2px 16px #0000008c;flex-direction:column;gap:4px;max-width:min(620px,100vw - 60px);display:flex}.creator-info h3{color:#fff7ea;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:17px;font-weight:700;line-height:1.2;overflow:hidden}.creator-status{color:#fff7eaad;letter-spacing:.02em;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.live-pill{color:#ffdede;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:6px;font-size:11px;font-weight:800;line-height:1;display:inline-flex}.rooms{border-left:2px solid var(--border-color);z-index:30;background:linear-gradient(#141018fa,#040406fa),#000;grid-template-rows:88px 1fr;width:400px;height:100%;transition:transform .75s ease-out;display:grid;position:fixed;top:0;right:0;transform:translate(100%)}.rooms.open{z-index:30;transform:translate(0)}.sidebar-top{border-bottom:1px solid var(--border-color);color:#fff;background:linear-gradient(90deg,#f5e6d314,#bc86ff0a),#ffffff05;justify-content:space-between;align-items:center;width:100%;padding:0 30px 0 20px;display:flex}.rooms-title{color:#fff7ea;align-items:center;gap:10px;display:flex}.rooms-title svg{color:#f5e6d3;filter:drop-shadow(0 0 10px #f5e6d347)}.rooms-title h3{letter-spacing:.03em;font-size:18px}.sidebar-bottom{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#f5e6d39e #ffffff0f;flex-direction:column;gap:10px;padding:20px;display:flex;overflow-y:auto}.channel-profile-picture{border:1px solid #f5e6d33d;border-radius:10px;flex:none;width:60px;height:60px;overflow:hidden;box-shadow:0 8px 22px #00000047}.channel-profile-picture img{object-fit:cover;width:100%;height:100%;transition:transform .35s,filter .35s}.card{cursor:pointer;background:linear-gradient(135deg,#fff7ea1c,#bc86ff14),#ffffff0a;border:1px solid #f5e6d324;border-radius:8px;align-items:center;gap:14px;min-height:82px;padding:10px 12px;transition:transform .2s,border-color .2s,background-color .2s,box-shadow .2s;display:flex}.card:hover{background-color:#ffffff14;border-color:#f5e6d359;transform:translate(-3px);box-shadow:0 12px 28px #00000038}.card:hover .channel-profile-picture img{filter:saturate(1.08);transform:scale(1.06)}.channel-title{min-width:0}.channel-name-title{white-space:nowrap;text-overflow:ellipsis;cursor:default;color:#fff7ea;width:255px;font-weight:600;line-height:1.25;overflow:hidden}.stream-status{color:#ffdedeb8;letter-spacing:.08em;cursor:default;align-items:center;gap:7px;margin-top:8px;font-size:10px;font-weight:800;line-height:1;display:flex}.playback-controls{color:#898888;z-index:10;cursor:pointer;position:relative}.playback-controls:hover{color:#fff}.volume-slider{z-index:10;touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;width:120px;height:20px;display:flex;position:relative}.lofi-slider-track{background:linear-gradient(90deg,#fff7ea29,#bc86ff24),#ffffff14;border-radius:999px;flex:1;height:5px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14,0 0 14px #00000040}.lofi-slider-range{border-radius:inherit;background:linear-gradient(90deg,#f5e6d3,#bc86ffe6);height:100%;position:absolute;box-shadow:0 0 14px #bc86ff5c}.lofi-slider-thumb{cursor:pointer;background:#fff7ea;border:1px solid #fff7ead9;border-radius:50%;flex:none;width:13px;height:13px;transition:transform .18s,box-shadow .18s;display:block;position:relative;box-shadow:0 0 0 3px #f5e6d31f,0 0 16px #f5e6d34d}.lofi-slider-thumb:hover,.lofi-slider-thumb:focus-visible{outline:none;transform:scale(1.12);box-shadow:0 0 0 5px #f5e6d329,0 0 18px #bc86ff61}.close-btn{color:#fff7eab8;cursor:pointer;border-radius:5px;transition:background-color .25s,color .25s,transform .25s}.close-btn:hover{color:#000;background-color:#fff7ea;transform:rotate(90deg)}.playlist{z-index:10;pointer-events:auto;border:1px solid 2px solid #fff3;background-color:#0000004d;border-radius:50px;width:35px;height:auto;padding:7px;position:relative}.playlist:hover{background-color:#d4d5d6;color:#2a2929!important}.player-overlay{z-index:5;pointer-events:auto;position:fixed;inset:0}.main-overlay{z-index:999;cursor:pointer;touch-action:manipulation;scroll-behavior:none;isolation:isolate;background-image:url(/poster.webp);background-position:50%;background-size:cover;width:100%;height:100%;transition:opacity .8s,transform 1.2s;position:relative;inset:0;transform:scale(1)}.main-overlay:before{content:"";-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:0;border-radius:inherit;background-color:#0000001a;position:absolute;inset:0}.main-overlay.close{opacity:0;transform:scale(1.05)}.main-overlay video{object-fit:cover;opacity:0;filter:blur(8px)saturate(1.1);width:100%;height:100%;animation:1.6s forwards reveal;transform:scale(1.02)}.welcome-message{color:#f5e6d3;z-index:10;letter-spacing:2px;text-transform:lowercase;opacity:.9;text-shadow:0 0 10px #f5e6d34d,2px 2px #0003;font-family:Courier New,monospace;font-size:18px;position:absolute;bottom:40px;left:40px}.welcome-message:after{content:"_";animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes reveal{0%{opacity:0;filter:blur(12px)saturate();transform:scale(1.05)}to{opacity:1;filter:blur()saturate(1.1);transform:scale(1)}}.launch-badge{z-index:4;position:fixed;bottom:50px;right:20px}.sidebar-bottom::-webkit-scrollbar{width:12px}.sidebar-bottom::-webkit-scrollbar-track{background:linear-gradient(#ffffff05,#f5e6d314,#ffffff05);border-left:1px solid #ffffff0f;border-radius:999px}.sidebar-bottom::-webkit-scrollbar-thumb{background:linear-gradient(#f5e6d3e0,#bc86ffb8),#f5e6d3b8;border:3px solid #000;border-radius:999px;box-shadow:inset 0 0 0 1px #ffffff47,0 0 14px #bc86ff47}.sidebar-bottom::-webkit-scrollbar-thumb:hover{background:linear-gradient(#fff0d8,#d2a5fff2),#f5e6d3;box-shadow:inset 0 0 0 1px #ffffff6b,0 0 18px #f5e6d352,0 0 22px #bc86ff57}.sidebar-bottom::-webkit-scrollbar-thumb:active{background:linear-gradient(#facc15,#bc86fff5),#facc15}.live-dot{background:#ff4d6d;border-radius:50%;flex:none;width:8px;height:8px;display:inline-block;position:relative;box-shadow:0 0 0 2px #ff4d6d29,0 0 14px #ff4d6da6}.live-dot:after{content:"";opacity:.7;background:#ff4d6d;border-radius:50%;animation:1.5s infinite pulse;position:absolute;inset:0}@keyframes pulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}#kofi-widget-overlay,.btn-container{background:0 0!important}@media (width<=900px){.ytp-wrapper{border-radius:0;height:calc(100vh - 150px);min-height:360px;margin:12px 0}.player-container{width:1400px;height:1050px}.header{padding:0 14px;top:12px}.title{gap:8px;max-width:48vw;padding:6px 14px}.title h2{white-space:nowrap;text-overflow:ellipsis;font-size:16px;overflow:hidden}.header-right-section{gap:8px}.coffee-btn{padding:7px 10px;font-size:12px}.footer{width:calc(100% - 36px);max-width:calc(100% - 36px);margin:0 18px 18px}.creator-info{max-width:100%}.rooms{width:min(380px,92vw)}.channel-name-title{width:auto;max-width:calc(92vw - 132px)}.launch-badge{transform-origin:100% 100%;bottom:14px;right:12px;transform:scale(.78)}}@media (width<=600px){.ambient-backdrop{opacity:.42;filter:blur(28px)saturate(1.2)brightness(.66);inset:-28px}.ytp-wrapper{align-items:center;height:calc(100vh - 250px);min-height:280px;margin-top:0;margin-bottom:0}.player-container{width:900px;height:675px}.header{align-items:flex-start;gap:10px;padding:0 10px;top:10px}.title{max-width:52vw;padding:6px 10px}.title h2{font-size:14px}.coffee-btn p{display:none}.coffee-btn{justify-content:center;width:34px;height:34px;padding:0}.playlist{width:34px;padding:7px}.footer{-webkit-backdrop-filter:none;backdrop-filter:none;width:auto;max-width:none;box-shadow:none;background:linear-gradient(#0000,#05050766);border:none;border-radius:0;gap:14px;margin:0;padding:0 4px 4px;position:fixed;bottom:12px;left:12px;right:12px}.controllerBtn-container{order:2;justify-content:center;gap:12px;width:100%}.volume-slider{flex:0 180px;order:2;width:min(180px,42vw);height:26px}.lofi-slider-track{height:6px}.lofi-slider-thumb{width:16px;height:16px}.creator-info h3{text-align:center;font-size:16px}.creator-status{justify-content:center;font-size:11px}.rooms{border-left:none;grid-template-rows:74px 1fr;width:100vw}.sidebar-top{padding:0 18px}.sidebar-bottom{gap:8px;padding:14px}.card{gap:12px;min-height:76px}.channel-profile-picture{width:54px;height:54px}.channel-name-title{max-width:calc(100vw - 116px);font-size:14px}.welcome-message{letter-spacing:1px;font-size:14px;line-height:1.5;bottom:28px;left:18px;right:18px}.launch-badge{display:none}}@media (width<=381px){.title{border-width:1px;gap:6px;max-width:50vw;padding:6px 9px}.title svg{flex:none;width:18px;height:18px}.title h2{letter-spacing:.04em;font-size:12px}.controllerBtn-container{gap:11px}.volume-slider{flex:1 0 100%;order:3;width:100%}}