/* Animetsu Player & Episodes Styles */
        :root {
            --radius-xl: 0.75rem;
            --radius-2xl: 1rem;
            --radius-full: 9999px;
        }

        /* Player Container - Fixed size */
        .player-animetsu {
            position: relative;
            width: 100%;
            background: #000;
            border-radius: var(--radius-xl);
            overflow: hidden;
            aspect-ratio: 16/9;
        }

        .player-animetsu iframe {
            width: 100%;
            height: 100%;
            border: none;
        }

        /* Loading Animation */
        @keyframes slide {
            0% {
                transform: translateX(-20px);
                width: 0;
            }

            25% {
                width: 20px;
            }

            50% {
                width: 40px;
            }

            75% {
                width: 20px;
            }

            100% {
                transform: translateX(200px);
                width: 0;
            }
        }

        .loader-bar {
            width: 200px;
            height: 4px;
            background: rgba(255, 255, 255, 0.1);
            border-radius: 2px;
            overflow: hidden;
            position: relative;
        }

        .loader-bar::after {
            content: '';
            position: absolute;
            height: 100%;
            background: rgba(255, 255, 255, 0.9);
            border-radius: 2px;
            animation: slide 1.1s ease-in-out infinite;
        }

        /* Glass Panel */
        .glass-panel {
            background: rgba(255, 255, 255, 0.05);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }

        .hover-glass:hover {
            background: rgba(255, 255, 255, 0.1);
        }

        /* Episode Card */
        .ep-card {
            display: flex;
            gap: 12px;
            padding: 8px 12px;
            border-radius: var(--radius-xl);
            transition: all 0.2s;
            cursor: pointer;
            position: relative;
        }

        .ep-card:hover {
            background: rgba(255, 255, 255, 0.05);
        }

        .ep-card.active {
            background: rgba(255, 255, 255, 0.1);
        }

        .ep-thumb {
            width: 100px;
            height: 56px;
            border-radius: 8px;
            overflow: hidden;
            flex-shrink: 0;
            position: relative;
            background: rgba(255, 255, 255, 0.1);
        }

        .ep-thumb img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .ep-badge {
            position: absolute;
            bottom: 4px;
            left: 4px;
            background: rgba(0, 0, 0, 0.75);
            padding: 2px 6px;
            border-radius: 4px;
            font-size: 10px;
            font-weight: 600;
            color: #fff;
        }

        /* Text Utilities */
        .text-muted-animetsu {
            color: rgba(255, 255, 255, 0.5);
        }

        .line-clamp-2 {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        /* Scrollbar */
        ::-webkit-scrollbar {
            width: 6px;
        }

        ::-webkit-scrollbar-track {
            background: transparent;
        }

        ::-webkit-scrollbar-thumb {
            background: rgba(255, 255, 255, 0.2);
            border-radius: 3px;
        }

        /* Control Buttons */
        .control-btn {
            width: 36px;
            height: 36px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: all 0.2s;
            cursor: pointer;
            background: transparent;
            border: none;
            color: #fff;
        }

        .control-btn:hover {
            background: rgba(255, 255, 255, 0.1);
        }

        /* Server Button */
        .server-btn-animetsu {
            padding: 6px 16px;
            background: rgba(255, 255, 255, 0.05);
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: var(--radius-full);
            color: #fff;
            font-size: 13px;
            transition: all 0.2s;
            cursor: pointer;
        }

        .server-btn-animetsu:hover {
            background: rgba(255, 255, 255, 0.1);
        }

        .server-btn-animetsu.active {
            background: #fff;
            color: #000;
            border-color: #fff;
        }

        /* Background blur */
        .bg-blur-animetsu {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center;
            filter: blur(100px) brightness(0.3);
            z-index: -1;
            opacity: 0.4;
            pointer-events: none;
        }

        /* Layout fixes */
        .watch-layout-animetsu {
            display: flex;
            gap: 24px;
            max-width: 1800px;
            margin: 0 auto;
        }


        .watch-sidebar {
            width: 390px;
        }

        @media (max-width: 1024px) {
            .watch-layout-animetsu {
                flex-direction: column;
            }

            .watch-sidebar {
                width: 100%;
            }
        }

        .pizza {
            margin: 2rem auto;
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 1rem;
            padding: 1.5rem;
            border-radius: .6rem;
            text-align: center;
            color: #000;
            font-size: 16px;
            font-weight: 400;
            background-color: #FAACA8;
            background-image: linear-gradient(19deg, #FAACA8 0%, #DDD6F3 100%);
        }

        .pizza a {
            color: #000;
            font-weight: 500;
            text-shadow: 0 1px 0 #fff;
        }

        .pizza a:hover {
            text-shadow: 0 1px 3px #fff;
        }

        .pizza-x {
            max-width: 800px;
            width: calc(100% - 32px);
            min-height: 90px;
        }

        .pizza-y {
            max-width: 400px;
            min-height: 300px;
        }

        .pizza .in-text {
            font-size: 1.5em;
            font-weight: 600;
        }

        .pizza .in-contact {
            font-size: 1em;
        }

        @media screen and (max-width: 479px) {
            .pizza {
                font-size: 13px;
                gap: .6rem
            }

            .pizza-y {
                min-height: 200px;
            }
        }


        /* ===== LAYER: properties (required for utilities) ===== */
        @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 {
                    --tw-translate-x: 0;
                    --tw-translate-y: 0;
                    --tw-scale-x: 1;
                    --tw-scale-y: 1;
                    --tw-rotate-x: initial;
                    --tw-rotate-y: initial;
                    --tw-rotate-z: initial;
                    --tw-skew-x: initial;
                    --tw-skew-y: initial;
                    --tw-scroll-snap-strictness: proximity;
                    --tw-border-style: solid;
                    --tw-gradient-from: #0000;
                    --tw-gradient-via: #0000;
                    --tw-gradient-to: #0000;
                    --tw-gradient-stops: initial;
                    --tw-gradient-via-stops: initial;
                    --tw-gradient-from-position: 0%;
                    --tw-gradient-via-position: 50%;
                    --tw-gradient-to-position: 100%;
                    --tw-leading: initial;
                    --tw-font-weight: initial;
                    --tw-tracking: initial;
                    --tw-shadow: 0 0 #0000;
                    --tw-shadow-color: initial;
                    --tw-shadow-alpha: 100%;
                    --tw-inset-shadow: 0 0 #0000;
                    --tw-inset-shadow-color: initial;
                    --tw-inset-shadow-alpha: 100%;
                    --tw-ring-color: initial;
                    --tw-ring-shadow: 0 0 #0000;
                    --tw-inset-ring-color: initial;
                    --tw-inset-ring-shadow: 0 0 #0000;
                    --tw-ring-inset: initial;
                    --tw-ring-offset-width: 0px;
                    --tw-ring-offset-color: #fff;
                    --tw-ring-offset-shadow: 0 0 #0000;
                    --tw-outline-style: solid;
                    --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;
                    --tw-backdrop-blur: initial;
                    --tw-backdrop-brightness: initial;
                    --tw-backdrop-contrast: initial;
                    --tw-backdrop-grayscale: initial;
                    --tw-backdrop-hue-rotate: initial;
                    --tw-backdrop-invert: initial;
                    --tw-backdrop-opacity: initial;
                    --tw-backdrop-saturate: initial;
                    --tw-backdrop-sepia: initial;
                    --tw-duration: initial;
                    --tw-ease: initial;
                    --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
                }
            }
        }

        /* ===== LAYER: theme (CSS variables) ===== */
        @layer theme {

            :root,
            :host {
                --font-sans: ui-sans-serif, system-ui, 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;
                --color-black: #000;
                --color-white: #fff;
                --spacing: .25rem;
                --text-xs: .75rem;
                --text-xs--line-height: calc(1/.75);
                --text-sm: .875rem;
                --text-sm--line-height: calc(1.25/.875);
                --text-base: 1rem;
                --text-base--line-height: 1.5;
                --text-lg: 1.125rem;
                --text-lg--line-height: calc(1.75/1.125);
                --text-xl: 1.25rem;
                --text-xl--line-height: calc(1.75/1.25);
                --text-2xl: 1.5rem;
                --text-2xl--line-height: calc(2/1.5);
                --font-weight-normal: 400;
                --font-weight-medium: 500;
                --font-weight-semibold: 600;
                --font-weight-bold: 700;
                --tracking-tight: -.025em;
                --leading-tight: 1.25;
                --leading-snug: 1.375;
                --radius-xl: .75rem;
                --radius-2xl: 1rem;
                --radius-3xl: 1.5rem;
                --blur-xs: 4px;
                --blur-sm: 8px;
                --blur-md: 12px;
                --blur-lg: 16px;
                --blur-xl: 24px;
                --blur-2xl: 40px;
                --blur-3xl: 64px;
                --default-transition-duration: .15s;
                --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
                --default-font-family: var(--font-sans);
                --default-mono-font-family: var(--font-mono)
            }
        }

        /* ===== LAYER: base (reset) ===== */
        @layer base {

            *,
            :after,
            :before {
                box-sizing: border-box;
                border: 0 solid;
                margin: 0;
                padding: 0
            }

            html,
            :host {
                -webkit-text-size-adjust: 100%;
                tab-size: 4;
                line-height: 1.5;
                font-family: var(--default-font-family);
                -webkit-tap-highlight-color: transparent
            }

            a {
                color: inherit;
                -webkit-text-decoration: inherit;
                text-decoration: inherit
            }

            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;
                color: inherit;
                opacity: 1;
                background-color: #0000;
                border-radius: 0
            }
        }

        /* ===== UTILITIES USED IN YOUR HTML ===== */
        @layer utilities {

            /* Layout */
            .flex {
                display: flex
            }

            .flex-col {
                flex-direction: column
            }

            .items-center {
                align-items: center
            }

            .justify-center {
                justify-content: center
            }

            .justify-between {
                justify-content: space-between
            }

            .gap-2 {
                gap: calc(var(--spacing)*2)
            }

            .gap-2\.5 {
                gap: calc(var(--spacing)*2.5)
            }

            .gap-4 {
                gap: calc(var(--spacing)*4)
            }

            .shrink-0 {
                flex-shrink: 0
            }

            .overflow-hidden {
                overflow: hidden
            }

            .overflow-x-auto {
                overflow-x: auto
            }

            /* Sizing */
            .w-full {
                width: 100%
            }

            .w-px {
                width: 1px
            }

            .min-w-25 {
                min-width: calc(var(--spacing)*25)
            }

            .h-6 {
                height: calc(var(--spacing)*6)
            }

            .h-9 {
                height: calc(var(--spacing)*9)
            }

            .size-10 {
                width: calc(var(--spacing)*10);
                height: calc(var(--spacing)*10)
            }

            .size-full {
                width: 100%;
                height: 100%
            }

            .size-fit {
                width: fit-content;
                height: fit-content
            }

            .aspect-square {
                aspect-ratio: 1
            }

            .max-xl\:flex-col {
                flex-direction: column
            }

            .max-xl\:justify-between {
                justify-content: space-between
            }

            .xl\:max-w-1\/2 {
                max-width: 50%
            }

            .max-md\:text-sm {
                font-size: var(--text-sm);
                line-height: var(--tw-leading, var(--text-sm--line-height))
            }

            /* Positioning */
            .relative {
                position: relative
            }

            .m-auto {
                margin: auto
            }

            /* Typography */
            .text-xs {
                font-size: var(--text-xs);
                line-height: var(--tw-leading, var(--text-xs--line-height))
            }

            .text-sm {
                font-size: var(--text-sm);
                line-height: var(--tw-leading, var(--text-sm--line-height))
            }

            .text-lg {
                font-size: var(--text-lg);
                line-height: var(--tw-leading, var(--text-lg--line-height))
            }

            .font-bold {
                --tw-font-weight: var(--font-weight-bold);
                font-weight: var(--font-weight-bold)
            }

            .font-medium {
                --tw-font-weight: var(--font-weight-medium);
                font-weight: var(--font-weight-medium)
            }

            .font-semibold {
                --tw-font-weight: var(--font-weight-semibold);
                font-weight: var(--font-weight-semibold)
            }

            .tracking-tight {
                --tw-tracking: var(--tracking-tight);
                letter-spacing: var(--tracking-tight)
            }

            .-tracking-\[0\.02rem\] {
                --tw-tracking: -.02rem;
                letter-spacing: -.02rem
            }

            .leading-\[1\.7\] {
                --tw-leading: 1.7;
                line-height: 1.7
            }

            .text-black {
                color: var(--color-black)
            }

            .text-white\/90 {
                color: #ffffffe6
            }

            @supports (color:color-mix(in lab, red, red)) {
                .text-white\/90 {
                    color: color-mix(in oklab, var(--color-white)90%, transparent)
                }
            }

            .text-muted {
                color: #ffffffbf
            }

            @supports (color:color-mix(in lab, red, red)) {
                .text-muted {
                    color: color-mix(in oklab, var(--color-white)75%, transparent)
                }
            }

            /* Line clamp */
            .line-clamp-1\! {
                -webkit-line-clamp: 1 !important;
                -webkit-box-orient: vertical !important;
                display: -webkit-box !important;
                overflow: hidden !important
            }

            .line-clamp-2\! {
                -webkit-line-clamp: 2 !important;
                -webkit-box-orient: vertical !important;
                display: -webkit-box !important;
                overflow: hidden !important
            }

            /* Backgrounds */
            .bg-transparent {
                background-color: #0000
            }

            .bg-white\/5 {
                background-color: #ffffff0d
            }

            @supports (color:color-mix(in lab, red, red)) {
                .bg-white\/5 {
                    background-color: color-mix(in oklab, var(--color-white)5%, transparent)
                }
            }

            .bg-white\/10 {
                background-color: #ffffff1a
            }

            @supports (color:color-mix(in lab, red, red)) {
                .bg-white\/10 {
                    background-color: color-mix(in oklab, var(--color-white)10%, transparent)
                }
            }

            .bg-off-white {
                background-color: #f3f5f7
            }

            /* Borders & Radius */
            .rounded-full {
                border-radius: 3.40282e38px
            }

            .rounded-3xl {
                border-radius: var(--radius-3xl)
            }

            .rounded-xl {
                border-radius: var(--radius-xl)
            }

            .radius-xl {
                border-radius: var(--radius-xl);
                overflow: hidden
            }

            .radius-3xl {
                border-radius: var(--radius-3xl);
                overflow: hidden
            }

            /* Spacing */
            .p-2 {
                padding: calc(var(--spacing)*2)
            }

            .px-3 {
                padding-inline: calc(var(--spacing)*3)
            }

            @media(min-width:40rem) {
                .sm\:p-3 {
                    padding: calc(var(--spacing)*3)
                }
            }

            /* Effects */
            .opacity-100 {
                opacity: 1
            }

            .brightness-15 {
                --tw-brightness: brightness(15%);
                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, )
            }

            .brightness-50 {
                --tw-brightness: brightness(50%);
                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, )
            }

            .brightness-60 {
                --tw-brightness: brightness(60%);
                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, )
            }

            .brightness-75 {
                --tw-brightness: brightness(75%);
                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, )
            }

            .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, )
            }

            /* Hover/Focus/Disabled states */
            @media(hover:hover) {
                .hover\:bg-white\/5:hover {
                    background-color: #ffffff0d
                }

                @supports (color:color-mix(in lab, red, red)) {
                    .hover\:bg-white\/5:hover {
                        background-color: color-mix(in oklab, var(--color-white)5%, transparent)
                    }
                }

                .hover\:brightness-75:hover {
                    --tw-brightness: brightness(75%);
                    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, )
                }

                .hover\:ring:hover {
                    --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
                    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
                }
            }

            .disabled\:brightness-50:disabled {
                --tw-brightness: brightness(50%);
                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, )
            }

            .disabled\:brightness-60:disabled {
                --tw-brightness: brightness(60%);
                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, )
            }

            /* Rings */
            .ring {
                --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
                box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
            }

            .ring-white\/10 {
                --tw-ring-color: #ffffff1a
            }

            @supports (color:color-mix(in lab, red, red)) {
                .ring-white\/10 {
                    --tw-ring-color: color-mix(in oklab, var(--color-white)10%, transparent)
                }
            }

            /* Cursor/Select */
            .cursor-pointer {
                cursor: pointer
            }

            .select-none {
                -webkit-user-select: none;
                user-select: none
            }

            .select-none\! {
                -webkit-user-select: none !important;
                user-select: none !important
            }

            .select-text\! {
                -webkit-user-select: text !important;
                user-select: text !important
            }

            /* Pointer events */
            .pointer-events-none {
                pointer-events: none
            }

            /* Z-index */
            .z-0 {
                z-index: 0
            }

            .z-5 {
                z-index: 5
            }

            /* Custom utilities from end of CSS */
            .flex-center {
                align-items: center;
                display: flex
            }

            .absolute-full {
                inset: calc(var(--spacing)*0);
                width: 100%;
                height: 100%;
                position: absolute
            }

            .suave-3 {
                transition: all .3s
            }

        }

        @property --tw-translate-x {
            syntax: "*";
            inherits: false;
            initial-value: 0
        }

        @property --tw-translate-y {
            syntax: "*";
            inherits: false;
            initial-value: 0
        }

        @property --tw-scale-x {
            syntax: "*";
            inherits: false;
            initial-value: 1
        }

        @property --tw-scale-y {
            syntax: "*";
            inherits: false;
            initial-value: 1
        }

        @property --tw-rotate-x {
            syntax: "*";
            inherits: false
        }

        @property --tw-rotate-y {
            syntax: "*";
            inherits: false
        }

        @property --tw-rotate-z {
            syntax: "*";
            inherits: false
        }

        @property --tw-skew-x {
            syntax: "*";
            inherits: false
        }

        @property --tw-skew-y {
            syntax: "*";
            inherits: false
        }

        @property --tw-scroll-snap-strictness {
            syntax: "*";
            inherits: false;
            initial-value: proximity
        }

        @property --tw-border-style {
            syntax: "*";
            inherits: false;
            initial-value: solid
        }

        @property --tw-gradient-from {
            syntax: "<color>";
            inherits: false;
            initial-value: #0000
        }

        @property --tw-gradient-via {
            syntax: "<color>";
            inherits: false;
            initial-value: #0000
        }

        @property --tw-gradient-to {
            syntax: "<color>";
            inherits: false;
            initial-value: #0000
        }

        @property --tw-gradient-stops {
            syntax: "*";
            inherits: false
        }

        @property --tw-gradient-via-stops {
            syntax: "*";
            inherits: false
        }

        @property --tw-gradient-from-position {
            syntax: "<length-percentage>";
            inherits: false;
            initial-value: 0%
        }

        @property --tw-gradient-via-position {
            syntax: "<length-percentage>";
            inherits: false;
            initial-value: 50%
        }

        @property --tw-gradient-to-position {
            syntax: "<length-percentage>";
            inherits: false;
            initial-value: 100%
        }

        @property --tw-leading {
            syntax: "*";
            inherits: false
        }

        @property --tw-font-weight {
            syntax: "*";
            inherits: false
        }

        @property --tw-tracking {
            syntax: "*";
            inherits: false
        }

        @property --tw-shadow {
            syntax: "*";
            inherits: false;
            initial-value: 0 0 #0000
        }

        @property --tw-shadow-color {
            syntax: "*";
            inherits: false
        }

        @property --tw-shadow-alpha {
            syntax: "<percentage>";
            inherits: false;
            initial-value: 100%
        }

        @property --tw-inset-shadow {
            syntax: "*";
            inherits: false;
            initial-value: 0 0 #0000
        }

        @property --tw-inset-shadow-color {
            syntax: "*";
            inherits: false
        }

        @property --tw-inset-shadow-alpha {
            syntax: "<percentage>";
            inherits: false;
            initial-value: 100%
        }

        @property --tw-ring-color {
            syntax: "*";
            inherits: false
        }

        @property --tw-ring-shadow {
            syntax: "*";
            inherits: false;
            initial-value: 0 0 #0000
        }

        @property --tw-inset-ring-color {
            syntax: "*";
            inherits: false
        }

        @property --tw-inset-ring-shadow {
            syntax: "*";
            inherits: false;
            initial-value: 0 0 #0000
        }

        @property --tw-ring-inset {
            syntax: "*";
            inherits: false
        }

        @property --tw-ring-offset-width {
            syntax: "<length>";
            inherits: false;
            initial-value: 0
        }

        @property --tw-ring-offset-color {
            syntax: "*";
            inherits: false;
            initial-value: #fff
        }

        @property --tw-ring-offset-shadow {
            syntax: "*";
            inherits: false;
            initial-value: 0 0 #0000
        }

        @property --tw-outline-style {
            syntax: "*";
            inherits: false;
            initial-value: solid
        }

        @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
        }

        @property --tw-backdrop-blur {
            syntax: "*";
            inherits: false
        }

        @property --tw-backdrop-brightness {
            syntax: "*";
            inherits: false
        }

        @property --tw-backdrop-contrast {
            syntax: "*";
            inherits: false
        }

        @property --tw-backdrop-grayscale {
            syntax: "*";
            inherits: false
        }

        @property --tw-backdrop-hue-rotate {
            syntax: "*";
            inherits: false
        }

        @property --tw-backdrop-invert {
            syntax: "*";
            inherits: false
        }

        @property --tw-backdrop-opacity {
            syntax: "*";
            inherits: false
        }

        @property --tw-backdrop-saturate {
            syntax: "*";
            inherits: false
        }

        @property --tw-backdrop-sepia {
            syntax: "*";
            inherits: false
        }

        @property --tw-duration {
            syntax: "*";
            inherits: false
        }

        @property --tw-ease {
            syntax: "*";
            inherits: false
        }



        .custom-scrollbar::-webkit-scrollbar {
            width: 4px;
        }

        .custom-scrollbar::-webkit-scrollbar-track {
            background: transparent;
        }

        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: rgba(255, 255, 255, 0.2);
            border-radius: 4px;
        }

        .custom-scrollbar::-webkit-scrollbar-thumb:hover {
            background: rgba(255, 255, 255, 0.4);
        }

        @keyframes slideUpFade {
            from {
                opacity: 0;
                transform: translateY(-10px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .server-dropdown-animate {
            animation: slideUpFade 0.2s ease-out forwards;
        }


        #server-dropdown-container {
            position: relative;
            overflow: visible;
            z-index: 50;
        }