@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-border-style:solid}}}@layer base{:where(html[dir=ltr]),:where([data-sonner-toaster][dir=ltr]){--toast-icon-margin-start:-3px;--toast-icon-margin-end:4px;--toast-svg-margin-start:-1px;--toast-svg-margin-end:0px;--toast-button-margin-start:auto;--toast-button-margin-end:0;--toast-close-button-start:0;--toast-close-button-end:unset;--toast-close-button-transform:translate(-35%, -35%)}:where(html[dir=rtl]),:where([data-sonner-toaster][dir=rtl]){--toast-icon-margin-start:4px;--toast-icon-margin-end:-3px;--toast-svg-margin-start:0px;--toast-svg-margin-end:-1px;--toast-button-margin-start:0;--toast-button-margin-end:auto;--toast-close-button-start:unset;--toast-close-button-end:0;--toast-close-button-transform:translate(35%, -35%)}:where([data-sonner-toaster]){width:var(--width);--gray1:#fcfcfc;--gray2:#f8f8f8;--gray3:#f3f3f3;--gray4:#ededed;--gray5:#e8e8e8;--gray6:#e2e2e2;--gray7:#dbdbdb;--gray8:#c7c7c7;--gray9:#8f8f8f;--gray10:#858585;--gray11:#6f6f6f;--gray12:#171717;--border-radius:8px;box-sizing:border-box;z-index:999999999;outline:none;margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;list-style:none;transition:transform .4s;position:fixed}:where([data-sonner-toaster][data-lifted=true]){transform:translateY(-10px)}@media(hover:none)and (pointer:coarse){:where([data-sonner-toaster][data-lifted=true]){transform:none}}:where([data-sonner-toaster][data-x-position=right]){right:var(--offset-right)}:where([data-sonner-toaster][data-x-position=left]){left:var(--offset-left)}:where([data-sonner-toaster][data-x-position=center]){left:50%;transform:translate(-50%)}:where([data-sonner-toaster][data-y-position=top]){top:var(--offset-top)}:where([data-sonner-toaster][data-y-position=bottom]){bottom:var(--offset-bottom)}:where([data-sonner-toast]){--y:translateY(100%);--lift-amount:calc(var(--lift) * var(--gap));z-index:var(--z-index);opacity:0;transform:var(--y);filter:blur();touch-action:none;box-sizing:border-box;overflow-wrap:anywhere;outline:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;position:absolute}:where([data-sonner-toast][data-styled=true]){background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);width:var(--width);align-items:center;gap:6px;padding:16px;font-size:13px;display:flex;box-shadow:0 4px 12px #0000001a}:where([data-sonner-toast]:focus-visible){box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast][data-y-position=top]){--y:translateY(-100%);--lift:1;--lift-amount:calc(1 * var(--gap));top:0}:where([data-sonner-toast][data-y-position=bottom]){--y:translateY(100%);--lift:-1;--lift-amount:calc(var(--lift) * var(--gap));bottom:0}:where([data-sonner-toast]) :where([data-description]){color:inherit;font-weight:400;line-height:1.4}:where([data-sonner-toast]) :where([data-title]){color:inherit;font-weight:500;line-height:1.5}:where([data-sonner-toast]) :where([data-icon]){width:16px;height:16px;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end);flex-shrink:0;justify-content:flex-start;align-items:center;display:flex;position:relative}:where([data-sonner-toast][data-promise=true]) :where([data-icon])>svg{opacity:0;transform-origin:50%;animation:.3s forwards sonner-fade-in;transform:scale(.8)}:where([data-sonner-toast]) :where([data-icon])>*{flex-shrink:0}:where([data-sonner-toast]) :where([data-icon]) svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}:where([data-sonner-toast]) :where([data-content]){flex-direction:column;gap:2px;display:flex}[data-sonner-toast][data-styled=true] [data-button]{height:24px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);cursor:pointer;border:none;border-radius:4px;outline:none;flex-shrink:0;align-items:center;padding-left:8px;padding-right:8px;font-size:12px;transition:opacity .4s,box-shadow .2s;display:flex}:where([data-sonner-toast]) :where([data-button]):focus-visible{box-shadow:0 0 0 2px #0006}:where([data-sonner-toast]) :where([data-button]):first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}:where([data-sonner-toast]) :where([data-cancel]){color:var(--normal-text);background:#00000014}:where([data-sonner-toast][data-theme=dark]) :where([data-cancel]){background:#ffffff4d}:where([data-sonner-toast]) :where([data-close-button]){left:var(--toast-close-button-start);right:var(--toast-close-button-end);width:20px;height:20px;color:var(--gray12);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);cursor:pointer;z-index:1;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:opacity .1s,background .2s,border-color .2s;display:flex;position:absolute;top:0}[data-sonner-toast] [data-close-button]{background:var(--gray1)}:where([data-sonner-toast]) :where([data-close-button]):focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast]) :where([data-disabled=true]){cursor:not-allowed}:where([data-sonner-toast]):hover :where([data-close-button]):hover{background:var(--gray2);border-color:var(--gray5)}:where([data-sonner-toast][data-swiping=true]):before{content:"";z-index:-1;height:100%;position:absolute;left:-50%;right:-50%}:where([data-sonner-toast][data-y-position=top][data-swiping=true]):before{bottom:50%;transform:scaleY(3)translateY(50%)}:where([data-sonner-toast][data-y-position=bottom][data-swiping=true]):before{top:50%;transform:scaleY(3)translateY(-50%)}:where([data-sonner-toast][data-swiping=false][data-removed=true]):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:scaleY(2)}:where([data-sonner-toast]):after{content:"";height:calc(var(--gap) + 1px);width:100%;position:absolute;bottom:100%;left:0}:where([data-sonner-toast][data-mounted=true]){--y:translateY(0);opacity:1}:where([data-sonner-toast][data-expanded=false][data-front=false]){--scale:var(--toasts-before) * .05 + 1;--y:translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}:where([data-sonner-toast])>*{transition:opacity .4s}:where([data-sonner-toast][data-expanded=false][data-front=false][data-styled=true])>*{opacity:0}:where([data-sonner-toast][data-visible=false]){opacity:0;pointer-events:none}:where([data-sonner-toast][data-mounted=true][data-expanded=true]){--y:translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}:where([data-sonner-toast][data-removed=true][data-front=true][data-swipe-out=false]){--y:translateY(calc(var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=true]){--y:translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=false]){--y:translateY(40%);opacity:0;transition:transform .5s,opacity .2s}:where([data-sonner-toast][data-removed=true][data-front=false]):before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y,0px)) translate(var(--swipe-amount-x,0px));transition:none}[data-sonner-toast][data-swiped=true]{-webkit-user-select:none;user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media(max-width:600px){[data-sonner-toaster]{right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%;position:fixed}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{width:calc(100% - var(--mobile-offset-left) * 2);left:0;right:0}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--mobile-offset-bottom)}[data-sonner-toaster][data-y-position=top]{top:var(--mobile-offset-top)}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-theme=light]{--normal-bg:#fff;--normal-border:var(--gray4);--normal-text:var(--gray12);--success-bg:#ecfdf3;--success-border:#d3fde5;--success-text:#008a2e;--info-bg:#f0f8ff;--info-border:#d3e0fd;--info-text:#0973dc;--warning-bg:#fffcf0;--warning-border:#fdf5d3;--warning-text:#dc7609;--error-bg:#fff0f0;--error-border:#ffe0e1;--error-text:#e60000}[data-sonner-toaster][data-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg:#000;--normal-border:#333;--normal-text:var(--gray1)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg:#fff;--normal-border:var(--gray3);--normal-text:var(--gray12)}[data-sonner-toaster][data-theme=dark]{--normal-bg:#000;--normal-bg-hover:#1f1f1f;--normal-border:#333;--normal-border-hover:#404040;--normal-text:var(--gray1);--success-bg:#001f0f;--success-border:#003d1c;--success-text:#59f3a6;--info-bg:#000d1f;--info-border:#00113d;--info-text:#5896f3;--warning-bg:#1d1f00;--warning-border:#3d3d00;--warning-text:#f3cf58;--error-bg:#2d0607;--error-border:#4d0408;--error-text:#ff9ea1}[data-sonner-toaster][data-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success],[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info],[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning],[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error],[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size:16px;height:var(--size);width:var(--size);z-index:10;position:absolute;top:0;right:0;bottom:0;left:0}.sonner-loading-wrapper[data-visible=false]{transform-origin:50%;animation:.2s forwards sonner-fade-out}.sonner-spinner{height:var(--size);width:var(--size);position:relative;top:50%;left:50%}.sonner-loading-bar{background:var(--gray11);border-radius:6px;width:24%;height:8%;animation:1.2s linear infinite sonner-spin;position:absolute;top:-3.9%;left:-10%}.sonner-loading-bar:first-child{animation-delay:-1.2s;transform:rotate(.0001deg)translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg)translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg)translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg)translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg)translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg)translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg)translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg)translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg)translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg)translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg)translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg)translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}to{opacity:.15}}@media(prefers-reduced-motion){[data-sonner-toast],[data-sonner-toast]>*,.sonner-loading-bar{transition:none!important;animation:none!important}}.sonner-loader{transform-origin:50%;transition:opacity .2s,transform .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8)translate(-50%,-50%)}*,:after,:before,::backdrop{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}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;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,samp,pre{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}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,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{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-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]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*,:after,:before,::backdrop{border-color:var(--color-gray-200,currentcolor)}::file-selector-button{border-color:var(--color-gray-200,currentcolor)}:root{--background:0 0% 100%;--foreground:0 0% 10%;--card:0 0% 98%;--card-foreground:0 0% 10%;--popover:0 0% 100%;--popover-foreground:0 0% 10%;--primary:145 74% 40%;--primary-foreground:0 0% 10%;--secondary:0 0% 96%;--secondary-foreground:0 0% 10%;--muted:0 0% 96%;--muted-foreground:0 0% 45%;--accent:145 74% 40%;--accent-foreground:0 0% 10%;--destructive:0 84% 60%;--destructive-foreground:0 0% 100%;--border:0 0% 90%;--input:0 0% 90%;--ring:145 74% 40%;--radius:.75rem;--live-indicator:0 84% 60%;--success:145 74% 40%;--warning:38 92% 50%}.dark{--background:0 0% 7%;--foreground:0 0% 98%;--card:0 0% 10%;--card-foreground:0 0% 98%;--popover:0 0% 10%;--popover-foreground:0 0% 98%;--primary:145 74% 40%;--primary-foreground:0 0% 10%;--secondary:0 0% 15%;--secondary-foreground:0 0% 98%;--muted:0 0% 15%;--muted-foreground:0 0% 65%;--accent:145 74% 40%;--accent-foreground:0 0% 10%;--destructive:0 84% 60%;--destructive-foreground:0 0% 100%;--border:0 0% 20%;--input:0 0% 20%;--ring:145 74% 40%;--live-indicator:0 84% 60%;--success:145 74% 40%;--warning:38 92% 50%}*{border-color:var(--color-border)}html{background-color:var(--color-background);scrollbar-gutter:stable;scroll-behavior:smooth;min-height:100vh;min-height:-webkit-fill-available;padding-bottom:env(safe-area-inset-bottom);overflow:hidden auto}html[data-app-shell=true]{padding-bottom:0;overflow:hidden}body{background-color:var(--color-background);color:var(--color-foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent;width:100%;margin:0}body[data-app-shell=true]{overscroll-behavior:none;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:hsla(var(--muted-foreground) / .3);border-radius:100vh}::-webkit-scrollbar-thumb:hover{background:hsla(var(--muted-foreground) / .5)}@keyframes gradient-shift{0%,to{transform:translate(0)scale(1)}33%{transform:translate(5%,-5%)scale(1.1)}66%{transform:translate(-5%,5%)scale(.95)}}#root{height:100%;position:relative}}@layer theme{:root,:host{--font-sans:Sarabun, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-gray-200:oklch(92.8% .006 264.531);--color-black:#000;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-border:hsl(var(--border));--color-background:hsl(var(--background));--color-foreground:hsl(var(--foreground))}}@layer components;@layer utilities{.static{position:static}.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}}.container{margin-inline:auto;padding-inline:2rem}@media(min-width:40rem){.container{max-width:none}}@media(min-width:1400px){.container{max-width:1400px}}.flex{display:flex}.hidden{display:none}.inline{display:inline}.border{border-style:var(--tw-border-style);border-width:1px}.bg-black{background-color:var(--color-black)}@keyframes pulse-live{0%,to{opacity:1}50%{opacity:.5}}@keyframes gradient-border-flow{0%,to{background-position:0%}50%{background-position:100%}}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}.b1-player{--b1-primary:#1ab360;--b1-primary-dark:#0f733b;--b1-primary-light:#26d975;--b1-primary-hover:#15a050;--b1-primary-glow:#1ab36066;--b1-primary-subtle:#1ab36026;--b1-primary-muted:#1ab36014;--b1-live:#eb0400;--b1-live-glow:#eb040066;--b1-warning:#f59e0b;--b1-error:#ef4444;--b1-success:#22c55e;--b1-bg-dark:#0e0e10;--b1-bg-surface:#121212fa;--b1-bg-elevated:#18181bfa;--b1-bg-overlay:#000000d9;--b1-bg-overlay-light:#00000080;--b1-bg-hover:#ffffff14;--b1-bg-active:#ffffff1f;--b1-text:#efeff1;--b1-text-secondary:#ffffffb3;--b1-text-muted:#ffffff80;--b1-text-disabled:#ffffff4d;--b1-border:#ffffff1a;--b1-border-subtle:#ffffff0d;--b1-border-primary:#1ab36040;--b1-shadow:0 4px 24px #00000080;--b1-shadow-lg:0 12px 48px #000c}.player-controls{z-index:2;-webkit-tap-highlight-color:transparent;--pc-pad-top:18px;--pc-pad-x:20px;--pc-pad-bottom:18px;--pc-bar-gap:10px;--pc-group-gap:8px;--pc-btn:46px;--pc-btn-radius:8px;--pc-volume-w:104px;--pc-volume-pad-left:10px;--pc-slider-track:5px;--pc-slider-thumb:15px;--pc-slider-thumb-h:13px;width:100%;padding:0;container-type:inline-size}.controls-bar{padding-top:var(--pc-pad-top);padding-right:calc(var(--b1-safe-right,0px) + var(--pc-pad-x));padding-bottom:calc(var(--b1-safe-bottom,0px) + var(--pc-pad-bottom));padding-left:calc(var(--b1-safe-left,0px) + var(--pc-pad-x));justify-content:space-between;align-items:center;gap:var(--pc-bar-gap);min-width:0;display:flex}.controls-left,.controls-right{align-items:center;gap:var(--pc-group-gap);min-width:0;display:flex}.controls-left{flex:auto}.controls-right{flex:none;margin-left:auto}.control-btn{width:var(--pc-btn);min-width:var(--pc-btn);height:var(--pc-btn);min-height:var(--pc-btn);border-radius:var(--pc-btn-radius);color:var(--b1-text);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .15s,transform .12s;display:flex}.control-btn:active{background:var(--b1-bg-active);transform:scale(.96)}.volume-control{align-items:center;gap:0;min-width:0;display:flex;position:relative}.volume-slider-wrapper{align-items:center;width:0;min-width:0;padding:0;transition:width .15s;display:flex;overflow:hidden}.volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:var(--pc-slider-track);cursor:pointer;background:linear-gradient(to right,var(--b1-primary) 50%,var(--b1-border) 50%);border-radius:3px;outline:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:calc(var(--pc-slider-thumb) - 4px);height:var(--pc-slider-thumb-h);cursor:pointer;background:#ffffff7a;border:1px solid #ffffff4d;border-radius:2px;transition:transform .1s;box-shadow:0 1px 4px #00000038}.volume-slider::-moz-range-thumb{width:calc(var(--pc-slider-thumb) - 4px);height:var(--pc-slider-thumb-h);cursor:pointer;background:#ffffff7a;border:1px solid #ffffff4d;border-radius:2px;transition:transform .1s;box-shadow:0 1px 4px #00000038}.live-btn{gap:8px;width:auto;min-width:auto;margin-left:8px;padding:0 14px;font-size:14px;font-weight:600}.live-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px;transition:background-color .2s}.live-label{text-align:left;flex-direction:column;align-items:flex-start;line-height:1.15;display:flex}.live-text-en{color:#fff;letter-spacing:.5px;opacity:.88;font-size:.72em;font-weight:600}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}.b1-player{--b1-primary: #1ab360;--b1-primary-dark: #0f733b;--b1-primary-light: #26d975;--b1-primary-hover: #15a050;--b1-primary-glow: rgba(26, 179, 96, .4);--b1-primary-subtle: rgba(26, 179, 96, .15);--b1-primary-muted: rgba(26, 179, 96, .08);--b1-live: #eb0400;--b1-live-glow: rgba(235, 4, 0, .4);--b1-warning: #f59e0b;--b1-error: #ef4444;--b1-success: #22c55e;--b1-bg-dark: #0e0e10;--b1-bg-surface: rgba(18, 18, 18, .98);--b1-bg-elevated: rgba(24, 24, 27, .98);--b1-bg-overlay: rgba(0, 0, 0, .85);--b1-bg-overlay-light: rgba(0, 0, 0, .5);--b1-bg-hover: rgba(255, 255, 255, .08);--b1-bg-active: rgba(255, 255, 255, .12);--b1-text: #efeff1;--b1-text-secondary: rgba(255, 255, 255, .7);--b1-text-muted: rgba(255, 255, 255, .5);--b1-text-disabled: rgba(255, 255, 255, .3);--b1-border: rgba(255, 255, 255, .1);--b1-border-subtle: rgba(255, 255, 255, .05);--b1-border-primary: rgba(26, 179, 96, .25);--b1-shadow: 0 4px 24px rgba(0, 0, 0, .5);--b1-shadow-lg: 0 12px 48px rgba(0, 0, 0, .8)}.player-controls{width:100%;padding:0;z-index:2;-webkit-tap-highlight-color:transparent;container-type:inline-size;--pc-pad-top: 18px;--pc-pad-x: 20px;--pc-pad-bottom: 18px;--pc-bar-gap: 10px;--pc-group-gap: 8px;--pc-btn: 46px;--pc-btn-radius: 8px;--pc-volume-w: 104px;--pc-volume-pad-left: 10px;--pc-slider-track: 5px;--pc-slider-thumb: 15px;--pc-slider-thumb-h: 13px}.controls-bar{display:flex;justify-content:space-between;align-items:center;padding-top:var(--pc-pad-top);padding-right:calc(var(--b1-safe-right, 0px) + var(--pc-pad-x));padding-bottom:calc(var(--b1-safe-bottom, 0px) + var(--pc-pad-bottom));padding-left:calc(var(--b1-safe-left, 0px) + var(--pc-pad-x));gap:var(--pc-bar-gap);min-width:0}.controls-left,.controls-right{display:flex;align-items:center;gap:var(--pc-group-gap);min-width:0}.controls-left{flex:1 1 auto}.controls-right{flex:0 0 auto;margin-left:auto}.control-btn{display:flex;align-items:center;justify-content:center;width:var(--pc-btn);min-width:var(--pc-btn);height:var(--pc-btn);min-height:var(--pc-btn);padding:0;background:transparent;border:none;border-radius:var(--pc-btn-radius);color:var(--b1-text);cursor:pointer;transition:background .15s ease,transform .12s ease;flex-shrink:0}.control-btn:focus-visible{outline:2px solid var(--b1-primary);outline-offset:2px}.control-btn:hover{background:var(--b1-bg-hover)}.control-btn:active{transform:scale(.96);background:var(--b1-bg-active)}.volume-control{position:relative;display:flex;align-items:center;gap:0;min-width:0}.volume-slider-wrapper{width:0;overflow:hidden;transition:width .15s ease;display:flex;align-items:center;padding:0;min-width:0}.volume-slider-wrapper.show{width:var(--pc-volume-w);padding-left:var(--pc-volume-pad-left)}.volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:var(--pc-slider-track);border-radius:3px;outline:none;cursor:pointer;background:linear-gradient(to right,var(--b1-primary) 50%,var(--b1-border) 50%)}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:calc(var(--pc-slider-thumb) - 4px);height:var(--pc-slider-thumb-h);background:#ffffff7a;border:1px solid rgba(255,255,255,.3);border-radius:2px;cursor:pointer;transition:transform .1s ease;box-shadow:0 1px 4px #00000038}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.volume-slider::-moz-range-thumb{width:calc(var(--pc-slider-thumb) - 4px);height:var(--pc-slider-thumb-h);background:#ffffff7a;border-radius:2px;border:1px solid rgba(255,255,255,.3);cursor:pointer;transition:transform .1s ease;box-shadow:0 1px 4px #00000038}.volume-slider::-moz-range-thumb:hover{transform:scale(1.15)}.live-btn{width:auto;min-width:auto;padding:0 14px;gap:8px;font-weight:600;font-size:14px;margin-left:8px}.live-dot{width:9px;height:9px;border-radius:50%;transition:background-color .2s;flex-shrink:0}.live-dot.gray{background-color:#999}.live-dot.red{background-color:red;box-shadow:0 0 4px #ff000080}.live-label{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15;text-align:left}.live-text-primary{color:#fff;font-weight:600}.live-text-en{color:#fff;font-size:.72em;font-weight:600;letter-spacing:.5px;opacity:.88}@media(max-width:768px){.player-controls{--pc-pad-top: 16px;--pc-pad-x: 16px;--pc-pad-bottom: 16px;--pc-btn: 48px;--pc-volume-w: 96px}.live-btn{padding:0 12px;min-height:48px}}@media(max-width:480px){.player-controls{--pc-pad-top: 14px;--pc-pad-x: 14px;--pc-pad-bottom: 14px;--pc-bar-gap: 8px;--pc-group-gap: 6px;--pc-btn: 46px;--pc-volume-w: 88px}.live-btn{min-height:46px}}@media(hover:none)and (pointer:coarse){.player-controls{--pc-pad-top: 20px;--pc-pad-bottom: 22px;--pc-btn: 52px;--pc-btn-radius: 10px;--pc-volume-w: 96px;--pc-volume-pad-left: 10px;--pc-slider-track: 4px;--pc-slider-thumb: 12px;--pc-slider-thumb-h: 20px}.live-btn{padding:0 14px;min-height:52px;font-size:15px}.volume-slider{touch-action:none;padding:8px 0;margin:-8px 0;box-sizing:content-box}}@media(max-height:500px)and (orientation:landscape){.player-controls{--pc-pad-top: 10px;--pc-pad-x: 14px;--pc-pad-bottom: 10px;--pc-bar-gap: 6px;--pc-group-gap: 4px;--pc-btn: 42px;--pc-volume-w: 72px;--pc-volume-pad-left: 8px;--pc-slider-track: 5px;--pc-slider-thumb: 15px;position:relative;z-index:10}.live-btn{min-height:42px;padding:0 10px;font-size:13px}.live-dot{width:8px;height:8px}}@media(max-height:500px)and (orientation:landscape)and (hover:none)and (pointer:coarse){.player-controls{--pc-pad-top: 12px;--pc-pad-bottom: 12px;--pc-btn: 46px;--pc-volume-w: 84px;--pc-slider-track: 6px;--pc-slider-thumb: 17px}.live-btn{min-height:46px}}@media(max-width:560px){.player-controls{--pc-pad-top: 14px;--pc-pad-x: 12px;--pc-pad-bottom: 14px;--pc-bar-gap: 6px;--pc-group-gap: 4px;--pc-btn: 40px;--pc-btn-radius: 7px;--pc-volume-w: 64px;--pc-volume-pad-left: 8px;--pc-slider-track: 5px;--pc-slider-thumb: 15px}.player-controls--touch{--pc-pad-top: 16px;--pc-pad-bottom: 18px;--pc-btn: 44px;--pc-volume-w: 94px;--pc-slider-track: 4px;--pc-slider-thumb: 12px;--pc-slider-thumb-h: 18px}.player-controls--touch .control-btn svg{width:21px;height:21px}.control-btn svg{width:19px;height:19px}.live-btn{width:40px;min-width:40px;height:40px;min-height:40px;margin-left:4px;padding:0;gap:0}.player-controls--touch .live-btn{width:44px;min-width:44px;height:44px;min-height:44px}.live-label{display:none}}@container (max-width: 560px){.player-controls{--pc-pad-top: 14px;--pc-pad-x: 12px;--pc-pad-bottom: 14px;--pc-bar-gap: 6px;--pc-group-gap: 4px;--pc-btn: 40px;--pc-btn-radius: 7px;--pc-volume-w: 64px;--pc-volume-pad-left: 8px;--pc-slider-track: 5px;--pc-slider-thumb: 15px}.player-controls--touch{--pc-pad-top: 16px;--pc-pad-bottom: 18px;--pc-btn: 44px;--pc-volume-w: 94px;--pc-slider-track: 4px;--pc-slider-thumb: 12px;--pc-slider-thumb-h: 18px}.player-controls--touch .control-btn svg{width:21px;height:21px}.control-btn svg{width:19px;height:19px}.live-btn{width:40px;min-width:40px;height:40px;min-height:40px;margin-left:4px;padding:0;gap:0}.player-controls--touch .live-btn{width:44px;min-width:44px;height:44px;min-height:44px}.live-label{display:none}}@media(max-width:460px){.player-controls{--pc-pad-top: 12px;--pc-pad-x: 10px;--pc-pad-bottom: 12px;--pc-bar-gap: 4px;--pc-group-gap: 2px;--pc-btn: 36px;--pc-btn-radius: 6px;--pc-volume-w: 64px;--pc-volume-pad-left: 6px;--pc-slider-track: 4px;--pc-slider-thumb: 14px}.control-btn svg{width:18px;height:18px}.live-btn{width:36px;min-width:36px;height:36px;min-height:36px;margin-left:2px;padding:0;gap:0}.volume-slider-wrapper,.volume-slider-wrapper.show{display:none}.volume-control--touch .volume-slider-wrapper,.volume-control--touch .volume-slider-wrapper.show{display:flex;width:86px;min-width:86px;padding-left:4px;overflow:visible}.player-controls--touch{--pc-pad-top: 14px;--pc-pad-bottom: 16px;--pc-btn: 40px;--pc-volume-w: 86px;--pc-slider-track: 3px;--pc-slider-thumb: 11px;--pc-slider-thumb-h: 17px}.player-controls--touch .control-btn svg{width:20px;height:20px}}@container (max-width: 460px){.player-controls{--pc-pad-top: 12px;--pc-pad-x: 10px;--pc-pad-bottom: 12px;--pc-bar-gap: 4px;--pc-group-gap: 2px;--pc-btn: 36px;--pc-btn-radius: 6px;--pc-volume-w: 64px;--pc-volume-pad-left: 6px;--pc-slider-track: 4px;--pc-slider-thumb: 14px}.control-btn svg{width:18px;height:18px}.live-btn{width:36px;min-width:36px;height:36px;min-height:36px;margin-left:2px;padding:0;gap:0}.volume-slider-wrapper,.volume-slider-wrapper.show{display:none}.volume-control--touch .volume-slider-wrapper,.volume-control--touch .volume-slider-wrapper.show{display:flex;width:86px;min-width:86px;padding-left:4px;overflow:visible}.player-controls--touch{--pc-pad-top: 14px;--pc-pad-bottom: 16px;--pc-btn: 40px;--pc-volume-w: 86px;--pc-slider-track: 3px;--pc-slider-thumb: 11px;--pc-slider-thumb-h: 17px}.player-controls--touch .control-btn svg{width:20px;height:20px}}@media(hover:none)and (pointer:coarse){.player-controls--touch .volume-control{flex:0 1 auto}.player-controls--touch .volume-slider-wrapper,.player-controls--touch .volume-slider-wrapper.show{width:clamp(82px,24vw,var(--pc-volume-w));min-width:82px;padding-left:4px;overflow:visible}}@media(max-width:460px)and (hover:none)and (pointer:coarse){.player-controls--touch-compact .controls-bar{gap:2px}.player-controls--touch-compact .controls-left,.player-controls--touch-compact .controls-right{gap:1px}.player-controls--touch-compact .live-btn{width:40px;min-width:40px;height:40px;min-height:40px}.player-controls--touch-compact .volume-slider-wrapper,.player-controls--touch-compact .volume-slider-wrapper.show{width:clamp(78px,20vw,86px);min-width:78px;padding-left:3px}}.live-indicator-container{display:flex;align-items:center;gap:8px}.live-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:4px;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;transition:all .2s ease}.status-live{background:var(--b1-live);color:var(--b1-text)}.status-live .live-dot{width:8px;height:8px;background:var(--b1-text);border-radius:50%;animation:livePulse 1.5s ease-in-out infinite}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.4}}.status-loading{background:var(--b1-primary);color:var(--b1-text)}.status-loading .spinner-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-reconnecting{background:var(--b1-warning);color:var(--b1-bg-dark);animation:reconnectBlink 1s ease-in-out infinite}@keyframes reconnectBlink{0%,to{opacity:1}50%{opacity:.6}}.status-offline{background:var(--b1-border);color:var(--b1-text-secondary)}.status-ended{background:var(--b1-text-disabled);color:var(--b1-text-muted)}.viewer-count{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;background:var(--b1-bg-overlay-light);border-radius:4px;color:var(--b1-text);font-size:13px;font-weight:500;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.viewer-count svg{color:var(--b1-text-secondary)}@media(max-width:480px){.live-indicator-container{gap:6px}.live-badge{padding:4px 8px;font-size:10px;gap:4px}.status-live .live-dot{width:6px;height:6px}.viewer-count{padding:4px 8px;font-size:11px;gap:4px}.viewer-count svg{width:12px;height:12px}}@media(max-height:500px)and (orientation:landscape){.live-indicator-container{gap:6px}.live-badge{padding:3px 8px;font-size:10px;gap:4px}.status-live .live-dot{width:6px;height:6px}.viewer-count{padding:3px 8px;font-size:11px;gap:4px}.viewer-count svg{width:12px;height:12px}}.player-progressbar{width:100%;padding-top:4px;padding-right:calc(var(--b1-safe-right, 0px) + var(--pc-pad-x, 20px));padding-left:calc(var(--b1-safe-left, 0px) + var(--pc-pad-x, 20px));display:flex;flex-direction:column;gap:2px;z-index:10;box-sizing:border-box;min-width:0}.progressbar-info{display:flex;justify-content:flex-end;align-items:center;font-size:10px;font-weight:500;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);font-variant-numeric:tabular-nums}.progressbar-time{opacity:.9}.progressbar-latency{font-size:9px}.latency-webrtc{color:#4ade80}.latency-val{transition:color .3s ease}.latency-val.low{color:#4ade80}.latency-val.medium{color:#facc15}.latency-val.high{color:#f87171}.progressbar-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;max-width:100%;height:2px;border-radius:2px;outline:none;cursor:pointer;background:#fff3;transition:height .15s ease}.progressbar-slider:hover{height:3px}.progressbar-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:8px;height:8px;background:#fff;border-radius:50%;cursor:pointer;box-shadow:0 1px 4px #0006;transform:scale(0);transition:transform .15s cubic-bezier(.4,0,.2,1)}.progressbar-slider:hover::-webkit-slider-thumb,.progressbar-slider:focus::-webkit-slider-thumb{transform:scale(1)}.progressbar-slider::-moz-range-thumb{width:8px;height:8px;background:#fff;border-radius:50%;border:none;cursor:pointer;box-shadow:0 1px 4px #0006;transform:scale(0);transition:transform .15s cubic-bezier(.4,0,.2,1)}.progressbar-slider:hover::-moz-range-thumb,.progressbar-slider:focus::-moz-range-thumb{transform:scale(1)}@media(hover:none)and (pointer:coarse){.player-progressbar{padding-top:2px;gap:2px}.progressbar-info{font-size:9px}.progressbar-slider::-webkit-slider-thumb,.progressbar-slider::-moz-range-thumb{transform:scale(1);width:9px;height:9px}.progressbar-slider{height:3px;padding:4px 0;margin:-4px 0;box-sizing:content-box;background-clip:content-box}}@media(max-width:460px){.progressbar-latency{font-size:8px}}.video-player-container{width:100%;height:100%;position:relative;background:var(--b1-bg-dark);overflow:hidden;-webkit-tap-highlight-color:transparent;touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none;border-radius:0;--b1-safe-top: env(safe-area-inset-top, 0px);--b1-safe-right: env(safe-area-inset-right, 0px);--b1-safe-bottom: env(safe-area-inset-bottom, 0px);--b1-safe-left: env(safe-area-inset-left, 0px);container-type:size}.video-player-container:not(.fullscreen):not(.fill-container){aspect-ratio:16 / 9;min-height:auto}.video-player-container.fill-container:not(.fullscreen){aspect-ratio:auto;width:100%;height:100%}.video-player-container.fullscreen{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;min-height:100vh;min-height:100dvh;max-width:100vw!important;max-height:100vh!important;max-height:100dvh!important;margin:0!important;z-index:2147483647!important;aspect-ratio:unset;border-radius:0}html.b1-css-fullscreen-active,html.b1-css-fullscreen-active body{overflow:hidden!important;height:100%!important;width:100%!important;position:relative!important;overscroll-behavior:none!important;touch-action:none!important}.video-player-container.zoomed{touch-action:none}.video-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.video-player-container.zoomed .video-wrapper{will-change:transform}.media-host{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.media-host>*{flex:1 1 auto;width:100%;height:100%;min-width:0;min-height:0}.media-host .op-wrapper,.media-host .op-wrapper.op-responsive,.media-host .op-wrapper>div{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;padding-bottom:0!important;height:100%!important;width:100%!important}.media-host .op-wrapper,.media-host .op-wrapper.op-responsive,.media-host .op-media-element-container{display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;height:100%!important;width:100%!important;position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important}.media-host .op-spinner-container,.media-host .op-spinner{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}.media-host video,.media-host .op-media-element-container video{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center center!important;position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;margin:0!important;padding:0!important}.media-host video::cue,.media-host ::cue{font-size:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:600;color:#ffffffd9;background:transparent;background-color:#0000;text-shadow:1px 1px 0 rgba(0,0,0,.9),-1px 1px 0 rgba(0,0,0,.9),1px -1px 0 rgba(0,0,0,.9),-1px -1px 0 rgba(0,0,0,.9);line-height:1}@media(max-width:768px){.media-host video::cue,.media-host ::cue{font-size:11px}}.media-host video::-webkit-media-controls,.media-host video::-webkit-media-controls-enclosure,.media-host video::-webkit-media-controls-panel,.media-host video::-webkit-media-controls-play-button,.media-host video::-webkit-media-controls-start-playback-button,.media-host video::-webkit-media-controls-fullscreen-button{display:none!important;-webkit-appearance:none!important}.video-element{width:100%;height:100%;object-fit:contain;background:transparent;touch-action:none}.video-poster-veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;overflow:hidden;background:#000;opacity:1;transition:opacity .24s ease;pointer-events:none}.video-poster-veil.is-hidden{opacity:0}.video-poster-veil img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.video-poster-veil .video-poster-blur{object-fit:cover;filter:blur(12px);transform:scale(1.04)}.video-poster-veil .video-poster-sharp{object-fit:contain}.zoom-indicator{position:absolute;bottom:calc(var(--b1-safe-bottom) + 80px);left:50%;transform:translate(-50%);padding:8px 16px;background:var(--b1-bg-overlay);border-radius:20px;color:var(--b1-text);font-size:13px;font-weight:600;z-index:30;pointer-events:none;animation:zoomIndicatorFade 2s ease forwards;display:flex;align-items:center;gap:6px}.zoom-indicator svg{width:16px;height:16px}@keyframes zoomIndicatorFade{0%{opacity:1}70%{opacity:1}to{opacity:0}}.slow-network-badge{position:absolute;right:calc(var(--b1-safe-right) + 12px);top:calc(var(--b1-safe-top) + 12px);z-index:28;max-width:min(240px,calc(100% - 24px));padding:8px 12px;border-radius:8px;display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.3;font-weight:600;color:var(--b1-text);background:var(--b1-bg-overlay);border:1px solid var(--b1-border);box-shadow:var(--b1-shadow);pointer-events:auto}.slow-network-badge__content{display:flex;flex-direction:column;gap:2px;flex:1}.slow-network-badge__close{display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:2px;margin:-2px -4px -2px 0;color:var(--b1-text-muted);cursor:pointer;border-radius:4px;transition:all .15s ease;flex-shrink:0}.slow-network-badge__close:hover{color:var(--b1-text);background:var(--b1-bg-hover)}.slow-network-badge--unstable{border-color:#f59e0b73}.slow-network-badge--slow_mode{border-color:#1ab36059}.slow-network-badge__title{display:block}.slow-network-badge__hint{font-size:10px;font-weight:500;color:var(--b1-text-secondary)}.buffering-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:15;pointer-events:none}.spinner{width:56px;height:56px;border:3px solid var(--b1-border);border-top-color:var(--b1-primary);border-radius:50%;animation:b1-spin .8s linear infinite}@keyframes b1-spin{to{transform:rotate(360deg)}}.play-pause-animation{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;pointer-events:none;animation:playPauseAnim .5s ease-out forwards}.animation-icon{background:var(--b1-bg-overlay-light);border-radius:50%;padding:24px;display:flex;align-items:center;justify-content:center}@keyframes playPauseAnim{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}.unmute-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:25;cursor:pointer;animation:b1-fadeIn .3s ease;pointer-events:auto}.unmute-content{position:absolute;right:calc(var(--b1-safe-right) + clamp(10px,4cqmin,20px));bottom:calc(var(--b1-safe-bottom) + clamp(64px,22cqmin,150px));font-size:clamp(10px,4.2cqmin,16px);display:flex;flex-direction:row;align-items:center;gap:.625em;padding:.625em 1.25em .625em .625em;background:var(--b1-bg-overlay);border-radius:999px;border:1px solid var(--b1-border);transition:all .2s ease;box-shadow:0 4px 12px #0006}.unmute-overlay:hover .unmute-content{background:var(--b1-bg-surface);border-color:var(--b1-primary);transform:scale(1.02)}.unmute-icon{display:flex;align-items:center;justify-content:center;width:2.75em;height:2.75em;background:var(--b1-primary);border-radius:50%;color:#fff;animation:b1-pulse 2s ease-in-out infinite;flex-shrink:0}.unmute-icon svg{width:1.75em;height:1.75em}@keyframes b1-pulse{0%,to{box-shadow:0 0 0 0 var(--b1-primary-glow)}50%{box-shadow:0 0 0 16px transparent}}.unmute-text-container{display:flex;flex-direction:column;justify-content:center}.unmute-text{font-size:1em;font-weight:600;color:var(--b1-text);line-height:1.2}.unmute-countdown{font-size:.75em;font-weight:500;font-variant-numeric:tabular-nums;color:var(--b1-text-muted);line-height:1.2;white-space:nowrap}.paused-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000004d;z-index:10;cursor:pointer;animation:b1-fadeIn .2s ease}.big-play-button{display:flex;align-items:center;justify-content:center;width:88px;height:88px;background:var(--b1-primary);border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 24px var(--b1-primary-glow)}.big-play-button:hover{background:var(--b1-primary-hover);transform:scale(1.1);box-shadow:0 8px 32px var(--b1-primary-glow)}.big-play-button:active{transform:scale(.95)}.player-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;opacity:0;transition:opacity .2s ease;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.7) 0%,transparent 20%,transparent 80%,rgba(0,0,0,.8) 100%)}.player-overlay.show{opacity:1;pointer-events:all}.player-bottom-controls{width:100%;display:flex;flex-direction:column}.top-bar{display:flex;justify-content:flex-start;align-items:flex-start;gap:12px;padding-top:calc(var(--b1-safe-top) + 12px);padding-right:calc(var(--b1-safe-right) + 16px);padding-bottom:16px;padding-left:calc(var(--b1-safe-left) + 16px);z-index:2}.top-back-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:none;border-radius:9999px;color:var(--b1-text);cursor:pointer;background:var(--b1-bg-overlay-light);transition:all .15s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);flex-shrink:0}.top-back-btn:hover{background:var(--b1-bg-hover)}.top-back-btn:active{transform:scale(.92);background:var(--b1-bg-active)}@keyframes b1-fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.video-player-container{min-height:280px}.top-bar{padding-top:calc(var(--b1-safe-top) + 12px);padding-right:calc(var(--b1-safe-right) + 12px);padding-bottom:12px;padding-left:calc(var(--b1-safe-left) + 12px)}.big-play-button{width:72px;height:72px}.big-play-button svg{width:48px;height:48px}.spinner{width:48px;height:48px}.animation-icon{padding:18px}.animation-icon svg{width:40px;height:40px}}@media(max-width:480px){.video-player-container{min-height:200px}.top-bar{padding-top:calc(var(--b1-safe-top) + 10px);padding-right:calc(var(--b1-safe-right) + 10px);padding-bottom:10px;padding-left:calc(var(--b1-safe-left) + 10px)}.big-play-button{width:64px;height:64px}.big-play-button svg{width:40px;height:40px}}@media(max-height:500px)and (orientation:landscape){.video-player-container{min-height:auto;height:100vh;height:100dvh;aspect-ratio:unset}.player-overlay{background:linear-gradient(180deg,rgba(0,0,0,.5) 0%,transparent 15%,transparent 85%,rgba(0,0,0,.7) 100%)}.top-bar{padding-top:calc(var(--b1-safe-top) + 8px);padding-right:calc(var(--b1-safe-right) + 12px);padding-bottom:8px;padding-left:calc(var(--b1-safe-left) + 12px)}.big-play-button{width:56px;height:56px}.big-play-button svg{width:32px;height:32px}.spinner{width:40px;height:40px}.animation-icon{padding:14px}.animation-icon svg{width:32px;height:32px}.zoom-indicator{bottom:60px;font-size:11px;padding:6px 12px}}.pip-bypass-kill-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:#000;display:flex;align-items:center;justify-content:center;opacity:0;animation:pip-bypass-kill-fade 50ms ease forwards;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}@keyframes pip-bypass-kill-fade{to{opacity:1}}.pip-bypass-kill-message{text-align:center;padding:24px;max-width:480px}.pip-bypass-kill-message h2{margin:0 0 12px;font-size:20px;font-weight:600}.pip-bypass-kill-message p{margin:0 0 20px;font-size:14px;line-height:1.5;opacity:.85}.pip-bypass-kill-reload{background:#fff;color:#000;border:none;border-radius:6px;padding:10px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .12s ease}.pip-bypass-kill-reload:hover{opacity:.85}.pip-bypass-kill-debug{margin-top:24px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;opacity:.45}