@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap");*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }

/*
! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:JetBrains Mono,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--black:0 0% 0%;--gray-950:0 0% 3%;--gray-900:0 0% 5%;--gray-850:0 0% 7%;--gray-800:0 0% 9%;--gray-700:0 0% 12%;--gray-600:0 0% 16%;--gray-500:0 0% 24%;--gray-400:0 0% 36%;--gray-300:0 0% 48%;--gray-200:0 0% 64%;--gray-100:0 0% 80%;--white:0 0% 96%;--background:var(--gray-950);--surface:var(--gray-900);--surface-elevated:var(--gray-850);--surface-hover:var(--gray-800);--border:var(--gray-700);--border-subtle:var(--gray-800);--text-primary:var(--white);--text-secondary:var(--gray-300);--text-muted:var(--gray-400);--text-disabled:var(--gray-500);--accent:0 0% 100%;--accent-muted:0 0% 70%;--accent-primary:0 0% 96%;--accent-hover:0 0% 85%;--live:0 0% 100%;--live-bg:0 72% 50%;--online:0 0% 60%;--sidebar-width:220px;--sidebar-collapsed:56px;--header-height:48px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px}[data-theme=light]{--black:0 0% 100%;--gray-950:0 0% 98%;--gray-900:0 0% 96%;--gray-850:0 0% 94%;--gray-800:0 0% 92%;--gray-700:0 0% 88%;--gray-600:0 0% 82%;--gray-500:0 0% 70%;--gray-400:0 0% 55%;--gray-300:0 0% 40%;--gray-200:0 0% 30%;--gray-100:0 0% 20%;--white:0 0% 10%;--background:var(--gray-950);--surface:var(--gray-900);--surface-elevated:var(--gray-850);--surface-hover:var(--gray-800);--border:var(--gray-700);--border-subtle:var(--gray-800);--text-primary:var(--white);--text-secondary:var(--gray-300);--text-muted:var(--gray-400);--text-disabled:var(--gray-500);--accent:0 0% 5%;--accent-muted:0 0% 30%;--accent-primary:0 0% 10%;--accent-hover:0 0% 20%}*,:after,:before{border-color:hsl(var(--border))}*{scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{display:none}body,html{border:none;margin:0;padding:0;scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}body{background:hsl(var(--background));color:hsl(var(--text-primary));font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-feature-settings:"cv11","ss01","ss03";letter-spacing:-.011em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::-moz-selection{background:hsl(var(--white)/.15)}::selection{background:hsl(var(--white)/.15)}.fui-app{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;width:100%;border:none}.fui-header{top:0;right:0;height:var(--header-height);border-bottom:1px solid hsl(var(--border));display:flex;align-items:center;z-index:100}.fui-header,.fui-sidebar{position:fixed;left:0;background:hsl(var(--surface))}.fui-sidebar{top:var(--header-height);bottom:0;width:var(--sidebar-width);border-right:1px solid hsl(var(--border));overflow-y:auto;overflow-x:hidden;z-index:90;transition:transform .2s cubic-bezier(.4,0,.2,1),width .2s cubic-bezier(.4,0,.2,1)}.fui-sidebar.collapsed{width:var(--sidebar-collapsed)}.fui-sidebar.\!collapsed{width:var(--sidebar-collapsed)!important}@media (max-width:768px){.fui-sidebar{transform:translateX(-100%)}.fui-sidebar.mobile-open{transform:translateX(0)}}.fui-main{flex:1;margin-left:var(--sidebar-width);margin-top:var(--header-height);min-width:0;transition:margin-left .2s cubic-bezier(.4,0,.2,1);--current-sidebar:var(--sidebar-width);border:none}.fui-main.expanded{margin-left:var(--sidebar-collapsed);--current-sidebar:var(--sidebar-collapsed)}@media (max-width:768px){.fui-main,.fui-main.expanded{margin-left:0}}.fui-container{max-width:100%;margin:0 auto;padding:var(--space-6);overflow-x:hidden;overflow-y:visible;border:none}@media (max-width:768px){.fui-container{padding:var(--space-4)}}@media (max-width:480px){.fui-container{padding:var(--space-3)}}.fui-display{font-size:clamp(20px,4vw,32px);font-weight:600;letter-spacing:-.025em;line-height:1.1}.fui-title{font-size:clamp(16px,2.5vw,20px);font-weight:600;letter-spacing:-.02em;line-height:1.2}.fui-heading{font-size:14px;font-weight:600;letter-spacing:-.01em;line-height:1.3}.fui-body{font-size:13px;font-weight:400;line-height:1.5}.fui-caption{font-size:12px;font-weight:400;line-height:1.4;color:hsl(var(--text-secondary))}.fui-label{font-size:11px;font-weight:500;letter-spacing:.03em;text-transform:uppercase;color:hsl(var(--text-muted))}.fui-mono{font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:0}.fui-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:500;letter-spacing:.01em;white-space:nowrap;cursor:pointer;transition:all .15s ease;border:1px solid transparent}.fui-btn-lg,.fui-btn-md{height:36px;padding:0 var(--space-4)}.fui-btn-sm{height:28px;padding:0 var(--space-3);font-size:11px}.fui-btn-xs{height:22px;padding:0 var(--space-2);font-size:10px}.fui-btn-primary{border-color:hsl(var(--white))}.fui-btn-primary:hover{background:hsl(var(--gray-100));border-color:hsl(var(--gray-100))}.fui-btn-secondary{background:hsl(var(--surface-elevated));border-color:hsl(var(--border))}.fui-btn-secondary:hover{border-color:hsl(var(--gray-600))}.fui-btn-ghost{background:transparent;color:hsl(var(--text-secondary));border-color:transparent}.fui-btn-ghost:hover{background:hsl(var(--surface-elevated));color:hsl(var(--text-primary));border-color:hsl(var(--border))}.fui-btn-icon{width:36px;height:36px;padding:0;border:1px solid hsl(var(--border))}.fui-btn-icon:hover{background:hsl(var(--surface-elevated));border-color:hsl(var(--gray-600))}.fui-btn-icon-sm{width:28px;height:28px;padding:0}.fui-input{height:32px;padding:0 var(--space-3);font-size:13px;background:hsl(var(--surface-elevated))}.fui-input:focus{border-color:hsl(var(--gray-500));background:hsl(var(--surface-hover))}.fui-search{position:relative}.fui-search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:hsl(var(--text-muted));pointer-events:none}.fui-search-input{padding-left:36px}.fui-stream-card{display:block;transition:transform .15s ease;position:relative;z-index:1}.fui-stream-card:hover{transform:translateY(-2px);z-index:20}.fui-thumbnail{position:relative;aspect-ratio:16/9;background:hsl(var(--surface-elevated));border:1px solid hsl(var(--border));overflow:hidden;outline:1px solid transparent;outline-offset:-1px;transition:border-color .15s ease,outline-color .15s ease}.fui-stream-card:hover .fui-thumbnail{border-color:hsl(var(--gray-400));outline-color:hsl(var(--gray-400))}.fui-thumbnail-grid{position:absolute;inset:0;background-image:linear-gradient(hsl(var(--border)/.3) 1px,transparent 1px),linear-gradient(90deg,hsl(var(--border)/.3) 1px,transparent 1px);background-size:20px 20px;opacity:.5}.fui-thumbnail-scanline{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,hsl(var(--black)/.03) 2px,hsl(var(--black)/.03) 4px);pointer-events:none}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.fui-thumbnail-top{position:absolute;top:var(--space-2);left:var(--space-2);right:var(--space-2);display:flex;justify-content:space-between;align-items:flex-start}.fui-thumbnail-tags.hidden{transform:translateX(calc(-100% - var(--space-2)));opacity:0}.fui-thumbnail-tags .fui-stream-tag{background:hsl(var(--black)/.75);backdrop-filter:blur(4px)}.fui-badge-live{display:inline-flex;align-items:center;height:18px;padding:0 6px;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;background:hsl(var(--live-bg));color:#fff}.fui-badge-viewers{align-items:center;gap:4px}.fui-badge-category,.fui-badge-viewers{height:18px;padding:0 6px;background:hsl(var(--black)/.8);color:hsl(var(--white));backdrop-filter:blur(4px)}.fui-badge-category,.fui-badge-viewers,.fui-tag{display:inline-flex;font-size:11px;font-weight:500}.fui-tag{align-items:center;height:24px;padding:0 var(--space-3);background:hsl(var(--surface-elevated));color:hsl(var(--text-secondary));border:1px solid hsl(var(--border));transition:all .15s ease;cursor:pointer}.fui-tag:hover{background:hsl(var(--surface-hover));color:hsl(var(--text-primary));border-color:hsl(var(--gray-600))}.fui-tag.active{background:hsl(var(--white));color:hsl(var(--black));border-color:hsl(var(--white))}.fui-stream-tag{height:20px;padding:0 var(--space-2);font-size:10px;font-weight:500;background:hsl(var(--surface-elevated));color:hsl(var(--text-secondary))}.fui-cat-card{--corner-size:8px;--corner-thickness:1px;display:block;text-decoration:none;transition:transform .15s ease}.fui-cat-card:hover{transform:translateY(-3px)}.fui-cat-card__thumb{position:relative;aspect-ratio:3/4;background:hsl(var(--gray-850));border:1px solid hsl(var(--gray-700));overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}.fui-cat-card:hover .fui-cat-card__thumb{border-color:hsl(var(--gray-500));box-shadow:0 8px 20px -4px hsl(var(--black)/.7)}.fui-cat-card__grid{position:absolute;inset:0;background-image:linear-gradient(hsl(var(--gray-700)/.15) 1px,transparent 1px),linear-gradient(90deg,hsl(var(--gray-700)/.15) 1px,transparent 1px);background-size:16px 16px}.fui-cat-card__icon{position:absolute;top:35%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;color:hsl(var(--gray-600));transition:color .15s ease,transform .15s ease}.fui-cat-card__icon svg{width:28px;height:28px;stroke-width:1.5}.fui-cat-card:hover .fui-cat-card__icon{color:hsl(var(--gray-400));transform:translate(-50%,-50%) scale(1.15)}.fui-cat-card__corner{position:absolute;width:var(--corner-size);height:var(--corner-size);opacity:0;transition:opacity .15s ease;z-index:2}.fui-cat-card:hover .fui-cat-card__corner{opacity:1}.fui-cat-card__corner--tl{left:6px;border-left:var(--corner-thickness) solid hsl(var(--gray-400))}.fui-cat-card__corner--tl,.fui-cat-card__corner--tr{top:6px;border-top:var(--corner-thickness) solid hsl(var(--gray-400))}.fui-cat-card__corner--tr{right:6px;border-right:var(--corner-thickness) solid hsl(var(--gray-400))}.fui-cat-card__corner--bl{left:6px;border-left:var(--corner-thickness) solid hsl(var(--gray-400))}.fui-cat-card__corner--bl,.fui-cat-card__corner--br{bottom:6px;border-bottom:var(--corner-thickness) solid hsl(var(--gray-400))}.fui-cat-card__corner--br{right:6px;border-right:var(--corner-thickness) solid hsl(var(--gray-400))}.fui-cat-card__overlay{position:absolute;bottom:0;left:0;right:0;padding:32px 10px 10px;background:linear-gradient(to top,hsl(var(--black)/.95) 0,hsl(var(--black)/.8) 50%,transparent 100%);z-index:1}.fui-cat-card__name{font-family:Inter,sans-serif;font-size:12px;font-weight:600;line-height:1.3;color:hsl(var(--white));margin:0 0 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fui-cat-card__meta{display:flex;align-items:center;gap:4px}.fui-cat-card__viewers{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;color:hsl(var(--accent-primary))}.fui-cat-card__separator{font-size:6px;color:hsl(var(--gray-500));line-height:1}.fui-cat-card__label{font-family:Inter,sans-serif;font-size:9px;color:hsl(var(--gray-400));text-transform:uppercase;letter-spacing:.5px}.fui-cat-card:hover .fui-cat-card__name,.fui-cat-card:hover .fui-cat-card__viewers{color:hsl(var(--white))}.fui-sidebar-section{padding:var(--space-3) 0}.fui-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-3);margin-bottom:var(--space-2)}.fui-channel{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);transition:background .1s ease;cursor:pointer}.fui-channel:hover{background:hsl(var(--surface-elevated))}.fui-channel-live{position:relative}.fui-channel-live:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:2px;height:20px;background:hsl(var(--live-bg))}.fui-avatar{position:relative;display:flex;align-items:center;justify-content:center;background:hsl(var(--surface-hover));border:1px solid hsl(var(--border));overflow:hidden;flex-shrink:0}.fui-avatar-xs{width:20px;height:20px}.fui-avatar-sm{width:28px;height:28px}.fui-avatar-md{width:32px;height:32px}.fui-avatar-lg{width:40px;height:40px}.fui-avatar-live{border-color:hsl(var(--live-bg))}.fui-status{width:8px;height:8px;flex-shrink:0}.fui-status-live{background:hsl(var(--live-bg))}.fui-status-offline{background:hsl(var(--gray-600))}.fui-hero{position:relative;aspect-ratio:21/9;background:hsl(var(--surface-elevated));border:1px solid hsl(var(--border));overflow:hidden}@media (max-width:1024px){.fui-hero{aspect-ratio:16/9}}.fui-hero-grid{position:absolute;inset:0;background-image:linear-gradient(hsl(var(--border)/.2) 1px,transparent 1px),linear-gradient(90deg,hsl(var(--border)/.2) 1px,transparent 1px);background-size:40px 40px}.fui-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,hsl(var(--background)/.95) 0,hsl(var(--background)/.6) 40%,transparent 70%)}@media (max-width:768px){.fui-hero-overlay{background:linear-gradient(0deg,hsl(var(--background)/.95) 0,hsl(var(--background)/.6) 50%,transparent 100%)}}.fui-hero-content{position:absolute;left:var(--space-8);bottom:var(--space-8);max-width:480px}@media (max-width:1024px){.fui-hero-content{left:var(--space-6);bottom:var(--space-6);max-width:400px}}@media (max-width:768px){.fui-hero-content{left:var(--space-4);right:var(--space-4);bottom:var(--space-4);max-width:none}}.fui-hero-showcase{display:grid;grid-template-columns:1fr 280px;gap:var(--space-2)}.fui-hero-showcase>.fui-hero{aspect-ratio:unset;height:100%}@media (max-width:1280px){.fui-hero-showcase{grid-template-columns:1fr 240px}}@media (max-width:1024px){.fui-hero-showcase{grid-template-columns:1fr}.fui-hero-showcase>.fui-hero{aspect-ratio:16/9;height:auto}}.fui-hero-progress{position:absolute;bottom:var(--space-4);right:var(--space-4);display:flex;gap:var(--space-2);z-index:10}.fui-hero-progress-dot{width:8px;height:8px;border-radius:50%;background:hsl(var(--text-muted)/.3);border:1px solid hsl(var(--border));cursor:pointer;transition:all .2s ease}.fui-hero-progress-dot:hover{background:hsl(var(--text-muted)/.5)}.fui-hero-progress-dot.active{background:hsl(var(--text-primary));border-color:hsl(var(--text-primary))}.fui-showcase-stack{display:flex;flex-direction:column;gap:var(--space-2)}@media (max-width:1024px){.fui-showcase-stack{display:none}}.fui-showcase-card{position:relative;aspect-ratio:16/9;background:hsl(var(--surface-elevated));border:1px solid hsl(var(--border));overflow:hidden;cursor:pointer;transition:all .2s ease}.fui-showcase-card:hover{border-color:hsl(var(--text-muted))}.fui-showcase-card:hover .fui-showcase-card-play{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}.fui-showcase-card-grid{position:absolute;inset:0;background-image:linear-gradient(hsl(var(--border)/.15) 1px,transparent 1px),linear-gradient(90deg,hsl(var(--border)/.15) 1px,transparent 1px);background-size:20px 20px}.fui-showcase-card-overlay{position:absolute;inset:0;background:linear-gradient(0deg,hsl(var(--background)/.9) 0,hsl(var(--background)/.3) 50%,transparent 100%)}.fui-showcase-card-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;color:hsl(var(--text-muted));opacity:.4;transition:all .2s ease}.fui-showcase-card-live{position:absolute;top:var(--space-2);left:var(--space-2);display:flex;align-items:center;gap:4px;padding:2px 6px;background:hsl(var(--live-bg));font-size:9px;font-weight:700;letter-spacing:.05em;color:hsl(var(--live-text))}.fui-showcase-card-live-dot{width:5px;height:5px;border-radius:50%;background:currentColor;animation:fui-pulse 2s infinite}.fui-showcase-card-info{position:absolute;left:var(--space-2);right:var(--space-2);bottom:var(--space-2);display:flex;flex-direction:column;gap:2px}.fui-showcase-card-title{font-size:11px;font-weight:600;color:hsl(var(--text-primary))}.fui-showcase-card-meta,.fui-showcase-card-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fui-showcase-card-meta{font-family:var(--font-mono);font-size:9px;color:hsl(var(--text-secondary))}.fui-hero-scanline{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0,hsl(var(--text-primary)/.03) 50%,transparent 100%);background-size:100% 4px;animation:fui-hero-scanline 8s linear infinite;pointer-events:none;z-index:1}@keyframes fui-hero-scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.fui-hero-progress-bar{position:absolute;bottom:0;left:0;right:0;height:2px;background:hsl(var(--border)/.3);z-index:10}.fui-hero-progress-bar-fill{height:100%;background:hsl(var(--text-primary));transition:width .05s linear}.fui-fade-in{opacity:1;transform:translateY(0)}.fui-fade-in,.fui-fade-out{transition:opacity .15s ease,transform .15s ease}.fui-fade-out{opacity:0;transform:translateY(-8px)}.fui-card-hover{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.fui-card-hover:hover{transform:translateY(-4px);box-shadow:0 8px 24px hsl(var(--background)/.8),0 0 0 1px hsl(var(--text-primary)/.1);border-color:hsl(var(--text-muted)/.5)}@keyframes fui-glitch{0%,to{transform:translate(0);filter:none}20%{transform:translate(-2px,1px);filter:hue-rotate(90deg)}40%{transform:translate(2px,-1px);filter:hue-rotate(-90deg)}60%{transform:translate(-1px,-1px);filter:hue-rotate(45deg)}80%{transform:translate(1px,1px);filter:hue-rotate(-45deg)}}.fui-card-brackets{position:relative}.fui-card-brackets:after,.fui-card-brackets:before{content:"";position:absolute;width:12px;height:12px;border:1px solid hsl(var(--text-muted)/.3);transition:border-color .2s ease;pointer-events:none}.fui-card-brackets:before{top:-1px;left:-1px;border-right:none;border-bottom:none}.fui-card-brackets:after{bottom:-1px;right:-1px;border-left:none;border-top:none}.fui-card-brackets:hover:after,.fui-card-brackets:hover:before{border-color:hsl(var(--text-primary)/.5)}.fui-section{margin-bottom:var(--space-10);overflow:visible}.fui-section:last-child{margin-bottom:0}@media (max-width:768px){.fui-section{margin-bottom:var(--space-8)}}.fui-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid hsl(var(--border))}.fui-stream-grid{display:flex;gap:var(--space-5);overflow-x:auto;overflow-y:visible;scrollbar-width:none;-ms-overflow-style:none;padding:var(--space-2);padding-top:8px;margin:calc(-1 * var(--space-2));margin-top:-8px;margin-bottom:0}.fui-stream-grid::-webkit-scrollbar{display:none}.fui-stream-grid>*{flex:0 0 calc((100% - var(--space-5) * 5) / 6);min-width:200px;max-width:320px}@media (max-width:1400px){.fui-stream-grid>*{flex:0 0 calc((100% - var(--space-5) * 4) / 5)}}@media (max-width:1200px){.fui-stream-grid>*{flex:0 0 calc((100% - var(--space-5) * 3) / 4)}}@media (max-width:900px){.fui-stream-grid>*{flex:0 0 calc((100% - var(--space-5) * 2) / 3)}}@media (max-width:768px){.fui-stream-grid{gap:var(--space-4)}.fui-stream-grid>*{flex:0 0 calc((100% - var(--space-4)) / 2);min-width:180px}}@media (max-width:480px){.fui-stream-grid{gap:var(--space-3)}.fui-stream-grid>*{flex:0 0 85%;min-width:200px}}.fui-category-grid{display:flex;gap:var(--space-4);overflow-x:auto;overflow-y:visible;scrollbar-width:none;-ms-overflow-style:none;padding:var(--space-1);padding-bottom:var(--space-2);margin:calc(-1 * var(--space-1));margin-bottom:0;--visible-cards:8;--card-gap:var(--space-4)}.fui-category-grid::-webkit-scrollbar{display:none}.fui-category-grid>*{flex:0 0 calc((100% - var(--card-gap) * (var(--visible-cards) - 1)) / var(--visible-cards))}@media (max-width:1400px){.fui-category-grid{--visible-cards:7}}@media (max-width:1200px){.fui-category-grid{--visible-cards:6}}@media (max-width:900px){.fui-category-grid{--visible-cards:5}}@media (max-width:768px){.fui-category-grid{--visible-cards:4;--card-gap:var(--space-3);gap:var(--space-3)}}@media (max-width:480px){.fui-category-grid{--visible-cards:3;--card-gap:var(--space-2);gap:var(--space-2)}}.fui-tag-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}@media (max-width:768px){.fui-tag-row{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:var(--space-2);margin-bottom:calc(-1 * var(--space-2))}.fui-tag-row::-webkit-scrollbar{display:none}}.fui-divider{height:1px;background:hsl(var(--border))}.fui-divider-vertical{width:1px;height:20px;background:hsl(var(--border))}.fui-dropdown-item{transition:background .1s ease}.fui-status-ticker{width:100%;overflow:hidden;background:hsl(var(--surface));border-top:1px solid hsl(var(--border));border-bottom:1px solid hsl(var(--border));padding:var(--space-2) 0}.fui-status-ticker-track{display:flex;gap:var(--space-8);animation:fui-ticker-scroll 30s linear infinite;width:-moz-fit-content;width:fit-content}.fui-status-ticker-track:hover{animation-play-state:paused}@keyframes fui-ticker-scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.fui-status-ticker-item{display:flex;align-items:center;gap:var(--space-2);white-space:nowrap}.fui-status-ticker-icon{display:flex;align-items:center;color:hsl(var(--text-muted))}.fui-status-ticker-icon.status-optimal{color:#16a249}.fui-status-ticker-icon.status-warning{color:#f59f0a}.fui-status-ticker-label{font-family:var(--font-mono);font-size:10px;font-weight:500;color:hsl(var(--text-muted));letter-spacing:.05em}.fui-status-ticker-value{font-family:var(--font-mono);font-size:10px;font-weight:600;color:hsl(var(--text-secondary))}.fui-status-ticker-value.status-optimal{color:#16a249}.fui-status-ticker-value.status-warning{color:#f59f0a}.fui-category-card{flex-shrink:0;width:140px;display:flex;flex-direction:column;background:hsl(var(--surface));border:1px solid hsl(var(--border));overflow:hidden;text-decoration:none}.clip-card{position:relative;display:block;text-decoration:none;border-radius:4px;overflow:visible}.clip-preview{position:relative;aspect-ratio:16/9;background:hsl(var(--surface-elevated));border:1px solid hsl(var(--border));border-radius:4px;overflow:hidden;transition:all .2s ease}.clip-card:hover .clip-preview{border-color:hsl(var(--gray-500));box-shadow:0 8px 24px rgba(0,0,0,.4)}.clip-preview-grid{position:absolute;inset:0;background-image:linear-gradient(hsl(var(--border)/.15) 1px,transparent 1px),linear-gradient(90deg,hsl(var(--border)/.15) 1px,transparent 1px);background-size:24px 24px;opacity:.5}.clip-preview-gradient{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,hsl(var(--background)/.8) 100%)}.clip-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:hsl(var(--background)/.8);border:1px solid hsl(var(--gray-600));border-radius:4px;color:hsl(var(--white));opacity:0;transition:all .2s ease}.clip-card:hover .clip-play-btn{opacity:1;transform:translate(-50%,-50%) scale(1.05)}.clip-duration{right:10px;color:hsl(var(--white))}.clip-duration,.clip-views{position:absolute;top:10px;display:flex;align-items:center;gap:4px;padding:4px 8px;background:hsl(var(--background)/.9);border:1px solid hsl(var(--border));border-radius:3px;font-family:JetBrains Mono,monospace;font-size:11px}.clip-views{left:10px;color:hsl(var(--gray-300))}.clip-info-overlay{position:absolute;bottom:0;left:0;right:0;padding:12px;z-index:3}.clip-info-title{font-size:13px;font-weight:600;color:hsl(var(--white));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 4px;line-height:1.3;text-shadow:0 1px 3px rgba(0,0,0,.8)}.clip-info-meta{display:flex;align-items:center;gap:6px;font-size:11px}.clip-info-streamer{color:hsl(var(--gray-200));font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.8)}.clip-info-separator{color:hsl(var(--gray-500))}.clip-info-game{color:hsl(var(--gray-300));text-shadow:0 1px 2px rgba(0,0,0,.8)}.fui-clip-card{display:flex;flex-direction:column;text-decoration:none}.schedule-time-filters{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.schedule-time-filter{padding:6px 14px;background:hsl(var(--gray-900));border:1px solid hsl(var(--gray-700));border-radius:4px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500;color:hsl(var(--gray-400));cursor:pointer;transition:all .15s ease}.schedule-time-filter:hover{border-color:hsl(var(--gray-500));color:hsl(var(--white))}.schedule-time-filter.active{background:hsl(var(--accent)/.15);border-color:hsl(var(--accent));color:hsl(var(--accent))}.schedule-row{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-3)}@media (max-width:1400px){.schedule-row{grid-template-columns:repeat(5,1fr)}}@media (max-width:1024px){.schedule-row{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.schedule-row{grid-template-columns:repeat(2,1fr)}}.schedule-card{display:flex;flex-direction:column;padding:10px;background:hsl(var(--gray-900));border:1px solid hsl(var(--gray-700));border-radius:4px;text-decoration:none;transition:all .15s ease}.schedule-card:hover{border-color:hsl(var(--gray-500));background:hsl(var(--gray-800))}.schedule-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.schedule-card-time{display:flex;align-items:center;gap:4px;padding:3px 8px;background:hsl(var(--accent)/.15);border:1px solid hsl(var(--accent)/.3);border-radius:3px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;color:hsl(var(--accent))}.schedule-card-bell{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:1px solid hsl(var(--gray-600));border-radius:3px;color:hsl(var(--gray-400));cursor:pointer;transition:all .15s ease}.schedule-card-bell:hover{border-color:hsl(var(--gray-500));color:hsl(var(--white))}.schedule-card-bell.active{background:hsl(var(--accent)/.15);border-color:hsl(var(--accent));color:hsl(var(--accent))}.schedule-card-body{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 0}.schedule-card-avatar{flex-shrink:0}.schedule-card-streamer{font-size:11px;font-weight:600;color:hsl(var(--white));max-width:100%;text-align:center}.schedule-card-streamer,.schedule-card-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.schedule-card-title{flex:1;min-width:0;font-size:10px;color:hsl(var(--gray-400));line-height:1.3}.schedule-card-footer{margin-top:8px;padding-top:8px;border-top:1px solid hsl(var(--gray-700)/.5);display:flex;align-items:center;justify-content:space-between;gap:8px}.schedule-card-game{flex-shrink:0;padding:2px 6px;background:hsl(var(--gray-800));border:1px solid hsl(var(--gray-600));border-radius:3px;font-size:9px;font-weight:500;color:hsl(var(--gray-300));text-transform:uppercase;letter-spacing:.03em}.fui-schedule-card{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:4px;text-decoration:none}.fui-schedule-game{font-size:10px;color:hsl(var(--text-muted))}.fui-schedule-notify.active{background:hsl(var(--text-primary));border-color:hsl(var(--text-primary));color:hsl(var(--background))}.fui-animated-number{font-family:var(--font-mono);transition:color .1s ease}.fui-animated-number.animating{color:hsl(var(--text-primary))}.fui-cta{position:relative;padding:var(--space-12);background:hsl(var(--surface));border:1px solid hsl(var(--border));text-align:center;overflow:hidden}@media (max-width:768px){.fui-cta{padding:var(--space-8)}}.fui-cta-grid{position:absolute;inset:0;background-image:linear-gradient(hsl(var(--border)/.15) 1px,transparent 1px),linear-gradient(90deg,hsl(var(--border)/.15) 1px,transparent 1px);background-size:32px 32px}.fui-error-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-6);background:hsl(var(--background))}.fui-error-container{text-align:center;max-width:480px}.fui-error-icon{width:80px;height:80px;margin:0 auto var(--space-6);display:flex;align-items:center;justify-content:center;background:hsl(var(--surface));border:1px solid hsl(var(--border));color:hsl(var(--text-primary))}.fui-error-code{position:relative;margin-bottom:var(--space-6)}.fui-error-code-text{font-size:120px;font-weight:200;letter-spacing:-.05em;line-height:1;color:hsl(var(--text-primary));font-family:JetBrains Mono,monospace}.fui-error-code-line{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);width:120px;height:2px;background:hsl(var(--border))}.fui-error-content{margin-bottom:var(--space-8)}.fui-error-content h1{margin-bottom:var(--space-3)}.fui-error-content p{margin:0}.fui-error-actions{gap:var(--space-3);flex-wrap:wrap}.fui-error-actions,.fui-placeholder-page{display:flex;align-items:center;justify-content:center}.fui-placeholder-page{flex-direction:column;min-height:calc(100vh - var(--header-height));padding:var(--space-6);text-align:center}.fui-placeholder-icon{width:96px;height:96px;margin-bottom:var(--space-6);display:flex;align-items:center;justify-content:center;background:hsl(var(--surface));border:1px solid hsl(var(--border));color:hsl(var(--text-muted))}.fui-placeholder-content{max-width:400px;margin-bottom:var(--space-6)}.fui-placeholder-content h1{margin-bottom:var(--space-2)}.fui-placeholder-badge{display:inline-flex;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:hsl(var(--surface-elevated));border:1px solid hsl(var(--border));font-size:11px;font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4)}.fui-empty-state,.fui-placeholder-badge{align-items:center;color:hsl(var(--text-muted))}.fui-empty-state{display:flex;flex-direction:column;justify-content:center;gap:var(--space-3);padding:var(--space-12) var(--space-6);text-align:center;background:hsl(var(--surface));border:1px dashed hsl(var(--border))}.fui-empty-state p{max-width:280px}.text-secondary{color:hsl(var(--text-secondary))}.text-muted{color:hsl(var(--text-muted))}.fui-footer{padding:var(--space-8) var(--space-6);border-top:1px solid hsl(var(--border));background:hsl(var(--surface))}.fui-scrollbar{scrollbar-width:thin;scrollbar-color:hsl(var(--gray-700)) transparent}.fui-scrollbar::-webkit-scrollbar{width:6px}.fui-scrollbar::-webkit-scrollbar-track{background:transparent}.fui-scrollbar::-webkit-scrollbar-thumb{background:hsl(var(--gray-700))}.fui-scrollbar::-webkit-scrollbar-thumb:hover{background:hsl(var(--gray-600))}.fui-nav-item.active{color:hsl(var(--text-primary))}.fui-nav-item.active:after{content:"";position:absolute;bottom:0;left:var(--space-3);right:var(--space-3);height:2px;background:hsl(var(--white))}.fui-corners{position:relative}.fui-corners:after,.fui-corners:before{content:"";position:absolute;width:12px;height:12px;border:1px solid hsl(var(--gray-500));pointer-events:none}.fui-corners:before{top:-1px;left:-1px;border-right:none;border-bottom:none}.fui-corners:after{bottom:-1px;right:-1px;border-left:none;border-top:none}.fui-tech-label{display:inline-flex;align-items:center;gap:var(--space-2);font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:hsl(var(--text-muted))}.fui-tech-label:before{content:"//";color:hsl(var(--gray-600))}@keyframes fui-dropdown-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.fui-dropdown-panel{position:absolute;top:calc(100% + 10px);min-width:240px;max-width:320px;background:hsl(var(--surface));border:1px solid hsl(var(--border));z-index:150;overflow:hidden;animation:fui-dropdown-in .15s ease-out}.fui-dropdown-panel.align-right{right:0;left:auto}.fui-dropdown-panel.align-left{left:0;right:auto}.fui-dropdown-scanline{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0,hsl(var(--white)/.1) 50%,transparent 100%);animation:fui-scanline-move 3s linear infinite}@keyframes fui-scanline-move{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.fui-dropdown-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);font-size:13px;color:hsl(var(--text-primary));background:transparent;border:none;cursor:pointer;transition:all .1s ease;text-align:left}.fui-dropdown-item:hover{background:hsl(var(--surface-elevated))}.fui-dropdown-item.danger{color:#e25050}.fui-dropdown-item.danger:hover{background:rgba(219,36,36,.1)}.fui-dropdown-item.disabled{opacity:.5;cursor:not-allowed}.fui-dropdown-item-icon{flex-shrink:0;color:hsl(var(--text-muted))}.fui-dropdown-item-content{flex:1;display:flex;align-items:center;gap:var(--space-2);min-width:0}.fui-dropdown-divider{height:1px;background:hsl(var(--border));margin:var(--space-1) 0}.fui-dropdown-label{padding:var(--space-2) var(--space-3);font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:hsl(var(--text-muted))}.fui-user-menu-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3)}.fui-user-menu-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.fui-user-menu-name{font-weight:600;font-size:14px;color:hsl(var(--text-primary))}.fui-user-menu-status{display:flex;align-items:center;gap:var(--space-1)}.fui-notification-badge{position:absolute;top:4px;right:4px;width:6px;height:6px;background:hsl(var(--live-bg))}.fui-notifications-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3)}.fui-notifications-list{max-height:320px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.fui-notifications-list::-webkit-scrollbar{display:none}.fui-notifications-empty{justify-content:center;gap:var(--space-2);padding:var(--space-8) var(--space-4)}.fui-notification-item{padding:var(--space-3);cursor:pointer;transition:background .1s ease;width:100%;background:transparent;border:none;text-align:left;font:inherit;color:inherit}.fui-notification-item:hover{background:hsl(var(--surface-elevated))}.fui-notification-item.unread{background:hsl(var(--surface-elevated)/.5)}.fui-notification-icon-wrap{flex-shrink:0}.fui-notification-icon{width:28px;height:28px;background:hsl(var(--surface-hover));border:1px solid hsl(var(--border));color:hsl(var(--text-muted))}.fui-notification-content{display:flex;flex-direction:column;gap:2px}.fui-notification-title{font-size:13px}.fui-notification-message{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fui-notification-dot{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);width:6px;height:6px;background:hsl(var(--live-bg))}.fui-notifications-footer{padding:var(--space-2)}.fui-toggle{display:block;width:32px;height:16px;background:hsl(var(--surface-hover));transition:all .15s ease}.fui-toggle:after{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;background:hsl(var(--text-muted));transition:all .15s ease}.fui-toggle.active{background:hsl(var(--white)/.1);border-color:hsl(var(--white)/.3)}.fui-toggle.active:after{left:18px;background:hsl(var(--white))}.fui-settings-value{margin-left:auto;padding-left:var(--space-4);font-size:11px;color:hsl(var(--text-muted));font-family:JetBrains Mono,monospace;white-space:nowrap}.fui-search-container{position:relative;flex:1;max-width:480px}.fui-search-clear{right:var(--space-2);top:50%;transform:translateY(-50%);width:20px;height:20px;transition:color .1s ease}.fui-search-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:hsl(var(--surface));border:1px solid hsl(var(--border));z-index:150;max-height:400px;overflow-y:auto;animation:fui-dropdown-in .15s ease-out}.fui-search-dropdown-scanline{position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,hsl(var(--white)/.2),transparent)}.fui-search-section{padding:var(--space-2) 0}.fui-search-section-header{gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:hsl(var(--text-muted))}.fui-search-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);width:100%;background:transparent;border:none;color:hsl(var(--text-primary));font-size:13px;cursor:pointer;transition:background .1s ease;text-align:left}.fui-search-item:hover{background:hsl(var(--surface-elevated))}.fui-search-item-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:hsl(var(--surface-hover));border:1px solid hsl(var(--border));color:hsl(var(--text-muted))}.fui-search-item-name{font-weight:500}.fui-search-item-type{font-size:11px;color:hsl(var(--text-muted));display:block}.fui-search-empty{padding:var(--space-6);color:hsl(var(--text-muted));font-size:13px}.fui-sidebar-backdrop{position:fixed;inset:0;background:hsl(var(--black)/.7);backdrop-filter:blur(4px);z-index:85;animation:fadeIn .2s ease forwards}.fui-sidebar-close{position:absolute;top:var(--space-3);right:var(--space-3);width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:hsl(var(--surface-hover));border:1px solid hsl(var(--border));border-radius:4px;color:hsl(var(--text-secondary));cursor:pointer;transition:all .15s ease;z-index:10}.fui-sidebar-close:hover{background:hsl(var(--gray-700));color:hsl(var(--text-primary));border-color:hsl(var(--gray-600))}@media (max-width:768px){.fui-sidebar.mobile-open{transform:translateX(0);width:var(--sidebar-width);box-shadow:4px 0 24px hsl(var(--black)/.5)}}.fui-stream-preview{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,hsl(var(--gray-900)) 0,hsl(var(--gray-800)) 50%,hsl(var(--gray-900)) 100%);background-size:200% 200%;opacity:0;transition:opacity .2s ease}.fui-stream-preview.active{opacity:1;animation:streamPreviewPulse 2s ease-in-out infinite}@keyframes streamPreviewPulse{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.fui-stream-preview-signal{display:flex;flex-direction:column;align-items:center;gap:6px;color:hsl(var(--live-bg))}.fui-stream-preview-bars{display:flex;align-items:flex-end;gap:2px;height:16px}.fui-stream-preview-bars span{width:3px;background:hsl(var(--live-bg));border-radius:1px;animation:audioBar .5s ease-in-out infinite alternate}.fui-stream-preview-bars span:first-child{height:40%;animation-delay:0s}.fui-stream-preview-bars span:nth-child(2){height:80%;animation-delay:.1s}.fui-stream-preview-bars span:nth-child(3){height:60%;animation-delay:.2s}.fui-stream-preview-bars span:nth-child(4){height:100%;animation-delay:.15s}.fui-stream-preview-bars span:nth-child(5){height:50%;animation-delay:.25s}@keyframes audioBar{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.fui-thumbnail-scanline.active{animation:scanline 1s linear infinite;opacity:.4}.fui-stream-mute{position:absolute;bottom:8px;right:8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:hsl(var(--black)/.7);border:1px solid hsl(var(--border));border-radius:4px;color:hsl(var(--text-secondary));cursor:pointer;z-index:10;transition:all .15s ease}.fui-stream-mute:hover{background:hsl(var(--gray-800));color:hsl(var(--text-primary));border-color:hsl(var(--gray-600))}.fui-hover-card{position:fixed;width:280px;background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:8px;overflow:hidden;z-index:200;box-shadow:0 8px 32px hsl(var(--black)/.4);animation:hoverCardIn .15s ease-out forwards}@keyframes hoverCardIn{0%{opacity:0;transform:translateX(-4px)}to{opacity:1;transform:translateX(0)}}.fui-hover-card-scanline{position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,hsl(var(--white)/.1),transparent);animation:scanline 2s linear infinite}.fui-hover-card-preview{position:relative;height:100px;background:hsl(var(--gray-900));overflow:hidden}.fui-hover-card-live{color:hsl(var(--live-bg));background:linear-gradient(135deg,hsl(var(--gray-900)) 0,hsl(var(--gray-800)) 50%,hsl(var(--gray-900)) 100%);background-size:200% 200%;animation:streamPreviewPulse 2s ease-in-out infinite}.fui-hover-card-live,.fui-hover-card-offline{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.fui-hover-card-offline{color:hsl(var(--text-muted))}.fui-hover-card-info{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3)}.fui-hover-card-stats{display:flex;gap:var(--space-4);padding-top:var(--space-2);border-top:1px solid hsl(var(--border-subtle))}.fui-hover-card-stat{display:flex;align-items:center;gap:6px;color:hsl(var(--text-secondary));font-size:12px}.fui-hover-card-actions{display:flex;gap:var(--space-2)}.fui-skeleton{background:linear-gradient(90deg,hsl(var(--gray-800)) 0,hsl(var(--gray-700)) 50%,hsl(var(--gray-800)) 100%);background-size:200% 100%;animation:skeletonPulse 1.5s ease-in-out infinite}@keyframes skeletonPulse{0%{background-position:200% 0}to{background-position:-200% 0}}.fui-page-loader{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:hsl(var(--background));z-index:1000}.fui-page-loader-content{display:flex;flex-direction:column;align-items:center}.fui-loader-ring{position:relative;width:48px;height:48px}.fui-loader-ring div{position:absolute;width:100%;height:100%;border:2px solid transparent;border-top:2px solid hsl(var(--white));border-radius:50%;animation:loaderRing 1.2s cubic-bezier(.5,0,.5,1) infinite}.fui-loader-ring div:first-child{animation-delay:-.45s}.fui-loader-ring div:nth-child(2){animation-delay:-.3s;opacity:.8}.fui-loader-ring div:nth-child(3){animation-delay:-.15s;opacity:.6}.fui-loader-ring div:nth-child(4){opacity:.4}@keyframes loaderRing{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fui-spinner{position:relative}.fui-spinner div{position:absolute;width:100%;height:100%;border:2px solid transparent;border-top-color:currentcolor;border-radius:50%;animation:loaderRing 1s cubic-bezier(.5,0,.5,1) infinite}.fui-spinner div:first-child{animation-delay:-.35s}.fui-spinner div:nth-child(2){animation-delay:-.25s;opacity:.7}.fui-spinner div:nth-child(3){animation-delay:-.15s;opacity:.5}.fui-spinner div:nth-child(4){opacity:.3}.fui-toast-container{position:fixed;bottom:var(--space-4);right:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);z-index:1000;max-width:360px}.fui-toast{position:relative;display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:8px;box-shadow:0 4px 16px hsl(var(--black)/.3);animation:toastIn .2s ease-out forwards;overflow:hidden}@keyframes toastIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.fui-toast-scanline{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,currentColor,transparent);animation:scanline 2s linear infinite}.fui-toast-success .fui-toast-icon,.fui-toast-success .fui-toast-scanline{color:#3c3}.fui-toast-error .fui-toast-icon,.fui-toast-error .fui-toast-scanline{color:#c33}.fui-toast-warning .fui-toast-icon,.fui-toast-warning .fui-toast-scanline{color:#e6a21a}.fui-toast-info .fui-toast-icon,.fui-toast-info .fui-toast-scanline{color:#3380cc}.fui-toast-icon{flex-shrink:0;margin-top:2px}.fui-toast-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.fui-toast-title{font-size:13px;font-weight:500;color:hsl(var(--text-primary))}.fui-toast-message{font-size:12px;color:hsl(var(--text-secondary));line-height:1.4}.fui-toast-close{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:hsl(var(--text-muted));cursor:pointer;transition:all .15s ease}.fui-toast-close:hover{background:hsl(var(--surface-hover));color:hsl(var(--text-primary))}@media (max-width:480px){.fui-toast-container{left:var(--space-4);right:var(--space-4);max-width:none}}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.left-2{left:.5rem}.right-3{right:.75rem}.top-1\/2{top:50%}.top-2{top:.5rem}.z-10{z-index:10}.z-\[9998\]{z-index:9998}.z-\[9999\]{z-index:9999}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mr-1\.5{margin-right:.375rem}.mr-2{margin-right:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-2\.5{width:.625rem}.w-20{width:5rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.min-w-0{min-width:0}.max-w-2xl{max-width:42rem}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px}.translate-y-4{--tw-translate-y:1rem}.scale-100,.translate-y-4{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-95{--tw-scale-x:.95;--tw-scale-y:.95}.scale-95,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-2{border-width:2px}.border-t{border-top-width:1px}.border-\[hsl\(var\(--border-subtle\)\)\]{border-color:hsl(var(--border-subtle))}.border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1))}.border-t-white{--tw-border-opacity:1;border-top-color:rgb(255 255 255/var(--tw-border-opacity,1))}.bg-black\/80{background-color:rgba(0,0,0,.8)}.fill-current{fill:currentColor}.object-cover{-o-object-fit:cover;object-fit:cover}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.pb-3{padding-bottom:.75rem}.pr-10{padding-right:2.5rem}.text-center{text-align:center}.text-right{text-align:right}.text-\[10px\]{font-size:10px}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.leading-relaxed{line-height:1.625}.text-\[hsl\(var\(--live-bg\)\)\]{color:hsl(var(--live-bg))}.text-\[hsl\(var\(--text-muted\)\)\]{color:hsl(var(--text-muted))}.text-\[hsl\(var\(--text-primary\)\)\]{color:hsl(var(--text-primary))}.text-\[hsl\(var\(--text-secondary\)\)\]{color:hsl(var(--text-secondary))}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-muted{color:hsl(var(--muted))}.text-pink-500{--tw-text-opacity:1;color:rgb(236 72 153/var(--tw-text-opacity,1))}.text-purple-500{--tw-text-opacity:1;color:rgb(168 85 247/var(--tw-text-opacity,1))}.text-secondary{color:hsl(var(--secondary))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.invert{--tw-invert:invert(100%)}.filter,.invert{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)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-1,.line-clamp-2{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2}.fui-cat-card:focus-visible,.fui-clip-card:focus-visible,.fui-rising-card:focus-visible,.fui-schedule-card:focus-visible,.fui-showcase-card:focus-visible,.fui-stream-card:focus-visible{outline:none;box-shadow:0 0 0 2px hsl(var(--accent-primary)),0 0 20px hsla(var(--accent-primary),.3)}.fui-cat-card:focus-visible .fui-cat-card__thumb,.fui-stream-card:focus-visible .fui-thumbnail{border-color:hsl(var(--accent-primary))}.fui-btn:focus-visible{outline:none;box-shadow:0 0 0 2px hsl(var(--accent-primary)),0 0 15px hsla(var(--accent-primary),.4)}.fui-hero-progress-dot:focus-visible{outline:none;box-shadow:0 0 0 2px hsl(var(--accent-primary));transform:scale(1.3)}.fui-channel:focus-visible{outline:none;background:hsla(var(--accent-primary),.15);box-shadow:inset 0 0 0 1px hsl(var(--accent-primary))}.fui-search-input:focus-visible{outline:none;border-color:hsl(var(--accent-primary));box-shadow:0 0 0 2px hsla(var(--accent-primary),.2),inset 0 0 20px hsla(var(--accent-primary),.05)}.fui-schedule-notify:focus-visible{outline:none;box-shadow:0 0 0 2px hsl(var(--accent-primary))}.fui-skip-link{position:fixed;top:-100%;left:var(--space-4);z-index:9999;padding:var(--space-3) var(--space-4);background:hsl(var(--bg-elevated));border:1px solid hsl(var(--border-primary));color:hsl(var(--text-primary));font-family:var(--font-mono);font-size:var(--text-sm);text-transform:uppercase;transition:top .2s ease}.fui-skip-link:focus{top:var(--space-4);outline:none;box-shadow:0 0 0 2px hsl(var(--accent-primary)),0 0 20px hsla(var(--accent-primary),.3)}.fui-keyboard-hint{position:fixed;bottom:var(--space-4);right:var(--space-4);display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:hsla(var(--bg-elevated),.9);border:1px solid hsl(var(--border-primary));border-radius:4px;font-family:var(--font-mono);font-size:var(--text-xs);color:hsl(var(--text-muted));opacity:0;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.fui-keyboard-hint.visible{opacity:1;transform:translateY(0)}.fui-keyboard-hint kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--space-1);background:hsl(var(--bg-primary));border:1px solid hsl(var(--border-secondary));border-radius:3px;font-size:10px;text-transform:uppercase}.fui-section:focus-within .fui-section-header{border-color:hsla(var(--accent-primary),.3)}@media (prefers-reduced-motion:reduce){.fui-btn:focus-visible,.fui-cat-card:focus-visible,.fui-hero-progress-dot:focus-visible,.fui-keyboard-hint,.fui-skip-link:focus,.fui-stream-card:focus-visible{transition:none}}.fui-auth-card{background:hsl(var(--gray-900));border:1px solid hsl(var(--gray-700));border-radius:4px;padding:24px}.fui-auth-error{display:flex;align-items:center;gap:8px;padding:12px 14px;background:rgba(219,36,36,.1);border:1px solid rgba(219,36,36,.3);border-radius:3px;color:#ea7b7b;font-size:13px}.fui-form-group{gap:6px}.fui-form-label{font-size:12px;font-weight:500;color:hsl(var(--gray-300));text-transform:uppercase;letter-spacing:.05em}.fui-form-input{width:100%;padding:10px 12px;background:hsl(var(--gray-850));border:1px solid hsl(var(--gray-700));border-radius:3px;color:hsl(var(--white));font-size:14px;transition:border-color .15s ease,background-color .15s ease}.fui-form-input::-moz-placeholder{color:hsl(var(--gray-500))}.fui-form-input::placeholder{color:hsl(var(--gray-500))}.fui-form-input:hover:not(:disabled){border-color:hsl(var(--gray-600))}.fui-form-input:focus{outline:none;border-color:hsl(var(--gray-400));background:hsl(var(--gray-800))}.fui-form-input:disabled{opacity:.5;cursor:not-allowed}.fui-auth-submit{width:100%;padding:12px 16px;background:hsl(var(--white));color:hsl(var(--gray-900));border:1px solid hsl(var(--white));border-radius:3px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.fui-auth-submit:hover:not(:disabled){background:hsl(var(--gray-100));border-color:hsl(var(--gray-100))}.fui-auth-submit:focus-visible{outline:2px solid hsl(var(--white));outline-offset:2px}.fui-auth-submit:disabled{opacity:.7;cursor:not-allowed}.fui-auth-divider{display:flex;align-items:center;gap:16px;margin:20px 0;color:hsl(var(--gray-500));font-size:12px;text-transform:uppercase;letter-spacing:.05em}.fui-auth-divider:after,.fui-auth-divider:before{content:"";flex:1;height:1px;background:hsl(var(--gray-700))}.fui-auth-social{width:100%;padding:10px 16px;background:transparent;color:hsl(var(--gray-300));border:1px solid hsl(var(--gray-700));border-radius:3px;font-size:13px;cursor:pointer;transition:all .15s ease}.fui-auth-social:hover:not(:disabled){background:hsl(var(--gray-800));border-color:hsl(var(--gray-600));color:hsl(var(--white))}.fui-auth-social:disabled{opacity:.5;cursor:not-allowed}.fui-checkbox{width:16px;height:16px;min-width:16px;display:flex;align-items:center;justify-content:center;background:hsl(var(--gray-850));border:1px solid hsl(var(--gray-600));border-radius:3px;color:hsl(var(--gray-900));cursor:pointer;transition:all .15s ease}.fui-checkbox:hover{border-color:hsl(var(--gray-500))}.fui-checkbox-checked{background:hsl(var(--white));border-color:hsl(var(--white))}.auth-modal{background:hsl(var(--gray-900));border:1px solid hsl(var(--gray-700));border-radius:6px;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.8)}.auth-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid hsl(var(--gray-800));background:hsl(var(--gray-850))}.auth-modal-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:hsl(var(--gray-800));border:1px solid hsl(var(--gray-700));border-radius:4px;color:hsl(var(--white))}.auth-modal-title{font-size:15px;font-weight:600;color:hsl(var(--white));letter-spacing:-.02em;margin:0;line-height:1.2}.auth-modal-subtitle{font-size:12px;color:hsl(var(--gray-400));margin:0;line-height:1.2}.auth-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:4px;color:hsl(var(--gray-400));cursor:pointer;transition:all .15s ease}.auth-modal-close:hover{background:hsl(var(--gray-800));border-color:hsl(var(--gray-700));color:hsl(var(--white))}.auth-modal-content{padding:24px}.auth-modal-footer{padding:16px 24px;border-top:1px solid hsl(var(--gray-800));background:hsl(var(--gray-850));text-align:center}.auth-social-icon{flex:1;display:flex;align-items:center;justify-content:center;padding:12px;background:hsl(var(--gray-850));border:1px solid hsl(var(--gray-700));border-radius:4px;color:hsl(var(--gray-300));cursor:pointer;transition:all .15s ease}.auth-social-icon:hover{background:hsl(var(--gray-800));border-color:hsl(var(--gray-600));color:hsl(var(--white))}.auth-social-icon:focus-visible{outline:2px solid hsl(var(--gray-400));outline-offset:2px}.cookie-consent-modal{background:hsl(var(--gray-900));border:1px solid hsl(var(--gray-700));border-radius:4px;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.8)}.cookie-consent-header{padding:20px 24px 16px;border-bottom:1px solid hsl(var(--gray-800));background:hsl(var(--gray-850))}.cookie-consent-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:hsl(var(--gray-800));border:1px solid hsl(var(--gray-700));border-radius:4px;color:hsl(var(--white))}.cookie-consent-title{font-family:Inter,sans-serif;font-size:16px;font-weight:600;color:hsl(var(--white));letter-spacing:-.02em}.cookie-consent-content{padding:20px 24px;max-height:50vh;overflow-y:auto}.cookie-consent-text{font-size:13px;line-height:1.7;color:hsl(var(--gray-300));margin-bottom:16px}.cookie-consent-text:last-of-type{margin-bottom:16px}.cookie-consent-link{color:hsl(var(--white));text-decoration:underline;text-underline-offset:2px;transition:opacity .15s ease;background:none;border:none;padding:0;font:inherit;cursor:pointer}.cookie-consent-link:hover{opacity:.8}.cookie-consent-notice{display:flex;gap:10px;padding:12px 14px;background:hsl(var(--gray-850));border:1px solid hsl(var(--gray-800));border-radius:3px}.cookie-consent-actions{display:flex;justify-content:space-between;align-items:center;padding:16px 24px 20px;border-top:1px solid hsl(var(--gray-800));background:hsl(var(--gray-850))}.cookie-consent-btn{padding:10px 20px;font-size:13px;font-weight:500;border-radius:3px;cursor:pointer;transition:all .15s ease;font-family:Inter,sans-serif}.cookie-consent-btn-primary{background:hsl(var(--white));color:hsl(var(--gray-900));border:1px solid hsl(var(--white))}.cookie-consent-btn-primary:hover{background:hsl(var(--gray-100));border-color:hsl(var(--gray-100))}.cookie-consent-btn-primary:focus-visible{outline:2px solid hsl(var(--white));outline-offset:2px}.cookie-consent-btn-secondary{background:transparent;color:hsl(var(--gray-200));border:1px solid hsl(var(--gray-600))}.cookie-consent-btn-secondary:hover{background:hsl(var(--gray-800));border-color:hsl(var(--gray-500));color:hsl(var(--white))}.cookie-consent-btn-secondary:focus-visible{outline:2px solid hsl(var(--gray-400));outline-offset:2px}.cookie-consent-content::-webkit-scrollbar{width:6px}.cookie-consent-content::-webkit-scrollbar-track{background:hsl(var(--gray-850))}.cookie-consent-content::-webkit-scrollbar-thumb{background:hsl(var(--gray-600));border-radius:3px}.cookie-consent-content::-webkit-scrollbar-thumb:hover{background:hsl(var(--gray-500))}.back-to-top{position:fixed;bottom:24px;right:24px;z-index:100;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:hsl(var(--gray-900));border:1px solid hsl(var(--gray-700));border-radius:4px;color:hsl(var(--gray-400));cursor:pointer;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .2s ease}.back-to-top:hover{background:hsl(var(--gray-800));border-color:hsl(var(--gray-600));color:hsl(var(--white))}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.fui-channel-layout{display:block;min-height:calc(100vh - var(--header-height))}.fui-channel-main{display:flex;flex-direction:column;padding-bottom:var(--space-8);margin-right:320px}.fui-channel-layout.chat-collapsed .fui-channel-main{margin-right:48px}.fui-channel-info-bar{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-bottom:1px solid hsl(var(--border-subtle))}.fui-channel-info-bar>.fui-streamer-avatar{flex-shrink:0}.fui-channel-info-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}.fui-channel-info-top{display:flex;align-items:baseline;gap:var(--space-4);flex-wrap:wrap}.fui-channel-title{font-size:16px;font-weight:600;color:hsl(var(--text-primary));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.fui-channel-meta{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.fui-channel-main .fui-section{padding:0 var(--space-6);margin-top:var(--space-6)}.fui-channel-main .fui-section:last-child{margin-bottom:var(--space-6)}.fui-video-player{width:100%;display:flex;align-items:center;justify-content:center}.fui-video-container{position:relative;width:100%;aspect-ratio:16/9;background:hsl(var(--gray-900));overflow:hidden;max-height:calc(100vh - var(--header-height) - 200px)}.fui-video-grid{background-image:linear-gradient(to right,hsl(var(--border)/.1) 1px,transparent 1px),linear-gradient(to bottom,hsl(var(--border)/.1) 1px,transparent 1px);background-size:40px 40px}.fui-video-grid,.fui-video-scanline{position:absolute;inset:0;pointer-events:none}.fui-video-scanline{background:repeating-linear-gradient(0deg,transparent,transparent 2px,hsl(var(--black)/.03) 2px,hsl(var(--black)/.03) 4px);animation:scanline 8s linear infinite}.fui-video-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:hsl(var(--text-muted));opacity:.3}.fui-video-corner{position:absolute;width:16px;height:16px;border-color:hsl(var(--gray-500));pointer-events:none}.fui-video-corner-tl{top:8px;left:8px;border-top:1px solid;border-left:1px solid}.fui-video-corner-tr{top:8px;right:8px;border-top:1px solid;border-right:1px solid}.fui-video-corner-bl{bottom:8px;left:8px;border-bottom:1px solid;border-left:1px solid}.fui-video-corner-br{bottom:8px;right:8px;border-bottom:1px solid;border-right:1px solid}.fui-video-badges{position:absolute;top:var(--space-3);left:var(--space-3);display:flex;gap:var(--space-2)}.fui-video-controls{position:absolute;bottom:0;left:0;right:0;align-items:center;background:linear-gradient(transparent,hsl(var(--black)/.8));opacity:0;transition:opacity .2s ease}.fui-video-container:hover .fui-video-controls{opacity:1}.fui-video-control-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:hsl(var(--black)/.5);border:none;border-radius:4px;color:hsl(var(--white));cursor:pointer;transition:background .15s ease}.fui-video-control-btn:hover{background:hsl(var(--gray-800))}.fui-video-muted-label{font-size:12px;color:hsl(var(--text-secondary));padding:var(--space-2) var(--space-3);background:hsl(var(--black)/.7);border-radius:4px}.fui-video-control-btn.active{background:hsl(var(--gray-700));color:hsl(var(--white))}.fui-video-pause-overlay{position:absolute;inset:0;background:hsl(var(--black)/.3);pointer-events:none}.fui-video-pause-icon,.fui-video-pause-overlay{display:flex;align-items:center;justify-content:center}.fui-video-pause-icon{width:80px;height:80px;background:hsl(var(--black)/.6);border-radius:50%;color:hsl(var(--white));animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.fui-video-volume-control{position:relative;display:flex;align-items:center}.fui-video-volume-slider{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3);opacity:0;width:0;overflow:visible;clip-path:inset(0 100% 0 0);transition:all .2s ease}.fui-video-volume-slider.visible{opacity:1;width:160px;clip-path:inset(0 0 0 0)}.fui-volume-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100px;height:4px;background:hsl(var(--gray-700));border-radius:2px;cursor:pointer}.fui-volume-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:hsl(var(--white));border-radius:50%;cursor:pointer;-webkit-transition:transform .1s ease;transition:transform .1s ease}.fui-volume-range::-webkit-slider-thumb:hover{transform:scale(1.2)}.fui-volume-range::-moz-range-thumb{width:12px;height:12px;background:hsl(var(--white));border:none;border-radius:50%;cursor:pointer}.fui-volume-value{font-size:11px;font-family:JetBrains Mono,monospace;color:hsl(var(--text-secondary));min-width:24px;text-align:right}.fui-video-settings-wrapper{position:relative}.fui-video-settings-menu{position:absolute;bottom:calc(100% + var(--space-2));right:0;min-width:200px;background:hsl(var(--gray-900));border:1px solid hsl(var(--border));border-radius:4px;overflow:hidden;animation:slideUp .15s ease;z-index:100}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fui-video-settings-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);border-bottom:1px solid hsl(var(--border-subtle));font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--text-secondary))}.fui-video-settings-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;border-radius:4px;color:hsl(var(--text-muted));cursor:pointer;transition:all .15s ease}.fui-video-settings-close:hover{background:hsl(var(--surface-hover));color:hsl(var(--text-primary))}.fui-video-settings-options{display:flex;flex-direction:column;padding:var(--space-1) 0}.fui-video-settings-option{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:none;border:none;color:hsl(var(--text-secondary));font-size:13px;text-align:left;cursor:pointer;transition:all .15s ease}.fui-video-settings-option:hover{background:hsl(var(--surface-hover));color:hsl(var(--text-primary))}.fui-video-settings-option.selected{color:hsl(var(--white))}.fui-video-settings-option.selected svg{color:hsl(var(--success-text))}.fui-app.theatre-mode{--header-height:0px}.fui-main.theatre-mode{margin-left:0;padding-top:0}.fui-channel-layout.theatre-mode .fui-channel-main{margin-right:340px}.fui-channel-layout.theatre-mode .fui-video-player{position:relative;z-index:90;display:flex;align-items:center;justify-content:center;background:hsl(var(--black));min-height:100vh}.fui-channel-layout.theatre-mode .fui-video-container{width:100%;height:auto;max-height:100vh;aspect-ratio:16/9}.fui-channel-layout.theatre-mode .fui-chat-panel{position:fixed;top:0;right:0;bottom:0;width:340px;z-index:95}.fui-channel-layout.theatre-mode .fui-chat-collapsed{top:0}.fui-channel-layout.theatre-mode.chat-collapsed .fui-channel-main{margin-right:48px}.fui-channel-layout.theatre-mode .fui-channel-info-bar,.fui-channel-layout.theatre-mode .fui-channel-tab-content,.fui-channel-layout.theatre-mode .fui-channel-tabs-container,.fui-channel-layout.theatre-mode .fui-section{display:none}.fui-video-player:fullscreen{width:100vw;height:100vh;background:hsl(var(--black))}.fui-video-player:fullscreen .fui-video-container{height:100%;aspect-ratio:unset}.fui-video-player:fullscreen .fui-video-controls{padding:var(--space-4) var(--space-6)}.fui-streamer-avatar{flex-shrink:0}.fui-stream-info-meta{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-2)}.fui-stream-info-game{display:flex;align-items:center;gap:var(--space-1);color:hsl(var(--text-secondary));font-size:13px;transition:color .15s ease}.fui-stream-info-game:hover{color:hsl(var(--text-primary))}.fui-stream-info-separator{color:hsl(var(--text-muted))}.fui-stream-info-tags{display:flex;flex-wrap:wrap;gap:var(--space-1)}.fui-streamer-profile-actions{gap:var(--space-3);flex-shrink:0}.fui-streamer-viewers{display:flex;align-items:center;gap:var(--space-2);font-size:13px;color:hsl(var(--text-secondary));padding-right:var(--space-2);border-right:1px solid hsl(var(--border-subtle))}.fui-viewer-dot{width:8px;height:8px;background:hsl(var(--live-bg));border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fui-streamer-profile-info{display:flex;flex-direction:column;gap:2px}.fui-streamer-profile-actions,.fui-streamer-profile-name{display:flex;align-items:center;gap:var(--space-2)}.fui-streamer-profile-actions .fui-btn-icon.active{color:hsl(var(--live-bg))}.fui-channel-tabs-container{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);border-bottom:1px solid hsl(var(--border-subtle))}.fui-channel-tabs{display:flex;gap:var(--space-1);overflow-x:auto;-webkit-overflow-scrolling:touch}.fui-channel-tabs::-webkit-scrollbar{display:none}.fui-channel-tabs-nav{display:flex;align-items:center;gap:var(--space-1);padding-left:var(--space-4)}.fui-channel-tabs-nav-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:hsl(var(--surface));border:1px solid hsl(var(--border-subtle));border-radius:4px;color:hsl(var(--text-secondary));cursor:pointer;transition:all .15s ease}.fui-channel-tabs-nav-btn:hover:not(:disabled){background:hsl(var(--surface-elevated));border-color:hsl(var(--border));color:hsl(var(--text-primary))}.fui-channel-tabs-nav-btn:disabled{opacity:.3;cursor:not-allowed}.fui-channel-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:none;border:none;border-bottom:2px solid transparent;color:hsl(var(--text-secondary));font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.fui-channel-tab.active,.fui-channel-tab:hover{color:hsl(var(--text-primary))}.fui-channel-tab.active{border-bottom-color:hsl(var(--white))}.fui-channel-tab-count{font-size:11px;font-family:JetBrains Mono,monospace;padding:2px 6px;background:hsl(var(--surface-elevated));border-radius:10px;color:hsl(var(--text-muted))}.fui-channel-tab-content{padding:var(--space-4) var(--space-6)}.fui-tab-content{min-height:200px}.fui-tab-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-12) var(--space-6)}.fui-about-section,.fui-about-stats{margin-bottom:var(--space-6)}.fui-about-stats{display:flex;gap:var(--space-8);padding:var(--space-4) 0;border-top:1px solid hsl(var(--border-subtle));border-bottom:1px solid hsl(var(--border-subtle))}.fui-about-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.fui-about-stat-value{font-size:20px;font-weight:600;color:hsl(var(--text-primary));display:flex;align-items:center;gap:var(--space-2)}.fui-about-stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--text-muted))}.fui-about-socials{display:flex;flex-wrap:wrap;gap:var(--space-2)}.fui-about-social{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:hsl(var(--surface-elevated));border:1px solid hsl(var(--border-subtle));border-radius:4px;color:hsl(var(--text-secondary));font-size:13px;transition:all .15s ease}.fui-about-social:hover{background:hsl(var(--surface-hover));border-color:hsl(var(--border));color:hsl(var(--text-primary))}.fui-about-tab{width:100%}.fui-about-stats-wrapper{display:flex;justify-content:center;margin-bottom:var(--space-6)}.fui-about-stats-card{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-4) var(--space-8);background:hsl(var(--surface));border:1px solid hsl(var(--border-subtle));border-radius:4px}.fui-about-bio{display:flex;flex-direction:column;gap:var(--space-2);max-width:600px}.fui-about-bio-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--text-muted))}.fui-about-bio-text{font-size:13px;color:hsl(var(--text-secondary));line-height:1.5;margin:0}.fui-about-stat-divider{width:1px;align-self:stretch;background:hsl(var(--border))}.fui-about-social-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-1)}.fui-about-social-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:hsl(var(--surface-elevated));border:1px solid hsl(var(--border-subtle));border-radius:4px;color:hsl(var(--text-secondary));text-decoration:none;transition:all .15s ease}.fui-about-social-btn:hover{background:hsl(var(--surface-hover));border-color:hsl(var(--border));color:hsl(var(--text-primary))}.fui-about-empty{padding:var(--space-8);text-align:center;background:hsl(var(--surface));border:1px dashed hsl(var(--border));border-radius:4px}.fui-panels-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}@media (max-width:1400px){.fui-panels-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.fui-panels-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.fui-panels-grid{grid-template-columns:1fr}}.fui-panel{background:hsl(var(--surface));border:1px solid hsl(var(--border-subtle));border-radius:4px;overflow:hidden;transition:border-color .15s ease}.fui-panel:hover{border-color:hsl(var(--border))}.fui-panel-title{display:flex;align-items:center;gap:var(--space-2);font-size:14px;font-weight:600;color:hsl(var(--text-primary));padding:var(--space-3) var(--space-4);background:hsl(var(--surface-elevated));border-bottom:1px solid hsl(var(--border-subtle));text-transform:uppercase;letter-spacing:.03em}.fui-panel-content{padding:var(--space-4);font-size:13px;color:hsl(var(--text-secondary));line-height:1.6}.fui-panel-content p{margin-bottom:var(--space-2)}.fui-panel-content p:last-child{margin-bottom:0}.fui-panel-image{position:relative}.fui-panel-image-container{aspect-ratio:16/9;overflow:hidden}.fui-panel-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,hsl(var(--surface-elevated)) 0,hsl(var(--gray-800)) 100%);color:hsl(var(--text-muted))}.fui-panel-link{display:block;text-decoration:none}.fui-panel-link-indicator{position:absolute;top:var(--space-2);right:var(--space-2);padding:var(--space-1);background:hsl(var(--gray-900)/.9);border-radius:2px;color:hsl(var(--text-muted));opacity:0;transition:opacity .15s ease}.fui-panel-image:hover .fui-panel-link-indicator{opacity:1}.fui-panel-social-links{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-4)}.fui-panel-social-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:hsl(var(--surface-elevated));border:1px solid transparent;border-radius:4px;color:hsl(var(--text-secondary));font-size:13px;text-decoration:none;transition:all .15s ease}.fui-panel-social-link span{flex:1}.fui-panel-social-link:hover{background:hsl(var(--surface-hover));border-color:hsl(var(--border));color:hsl(var(--text-primary))}.fui-panel-schedule-items{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-4)}.fui-panel-schedule-item{display:grid;grid-template-columns:100px 1fr auto;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:hsl(var(--surface-elevated));border-radius:4px;font-size:13px;align-items:center}.fui-panel-schedule-day{font-weight:500;color:hsl(var(--text-primary))}.fui-panel-schedule-time{font-family:JetBrains Mono,monospace;color:hsl(var(--text-secondary))}.fui-panel-schedule-game{font-size:11px;color:hsl(var(--text-muted));text-transform:uppercase;letter-spacing:.03em}.fui-panel-rules-list{list-style:none;padding:var(--space-3) var(--space-4);margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.fui-panel-rule{display:flex;gap:var(--space-3);font-size:13px;color:hsl(var(--text-secondary));line-height:1.5}.fui-panel-rule-number{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:hsl(var(--surface-elevated));border-radius:4px;font-size:11px;font-weight:600;color:hsl(var(--text-muted));font-family:JetBrains Mono,monospace}.fui-clips-grid,.fui-videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.fui-clip-card,.fui-video-card{display:flex;flex-direction:column;background:hsl(var(--surface));border:1px solid hsl(var(--border-subtle));border-radius:4px;overflow:hidden;cursor:pointer;transition:all .2s ease}.fui-clip-card:hover,.fui-video-card:hover{border-color:hsl(var(--border));transform:translateY(-2px)}.fui-clip-card-thumb,.fui-video-card-thumb{position:relative;aspect-ratio:16/9;background:hsl(var(--gray-850));overflow:hidden}.fui-clip-card-grid,.fui-video-card-grid{position:absolute;inset:0;background-image:linear-gradient(to right,hsl(var(--border)/.1) 1px,transparent 1px),linear-gradient(to bottom,hsl(var(--border)/.1) 1px,transparent 1px);background-size:20px 20px}.fui-clip-card-play,.fui-video-card-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:hsl(var(--white));opacity:0;background:hsl(var(--black)/.5);transition:opacity .2s ease}.fui-clip-card:hover .fui-clip-card-play,.fui-video-card:hover .fui-video-card-play{opacity:1}.fui-clip-card-duration,.fui-video-card-duration{right:var(--space-2)}.fui-clip-card-duration,.fui-clip-card-views,.fui-video-card-duration{position:absolute;bottom:var(--space-2);display:flex;align-items:center;gap:4px;padding:2px 6px;background:hsl(var(--black)/.8);border-radius:2px;font-size:11px;font-family:JetBrains Mono,monospace;color:hsl(var(--white))}.fui-clip-card-views{left:var(--space-2)}.fui-clip-card-info,.fui-video-card-info{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1)}.fui-clip-card-title,.fui-video-card-title{font-size:14px;font-weight:500;color:hsl(var(--text-primary));display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fui-clip-card-meta,.fui-video-card-meta{display:flex;align-items:center;gap:var(--space-2)}.fui-clip-card-clipper,.fui-video-card-views{display:flex;align-items:center;gap:4px;color:hsl(var(--text-muted));font-size:12px}.fui-schedule-tab{width:100%}.fui-schedule-week{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-2);margin-bottom:var(--space-4)}@media (max-width:1200px){.fui-schedule-week{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.fui-schedule-week{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.fui-schedule-week{grid-template-columns:1fr}}.fui-schedule-day-column{display:flex;flex-direction:column;background:hsl(var(--surface));border:1px solid hsl(var(--border-subtle));border-radius:4px;overflow:hidden;min-height:160px;transition:border-color .15s ease}.fui-schedule-day-column.has-streams{border-color:hsl(var(--border))}.fui-schedule-day-column.has-streams:hover{border-color:hsl(var(--text-muted))}.fui-schedule-day-header{padding:var(--space-3);background:hsl(var(--surface-elevated));border-bottom:1px solid hsl(var(--border-subtle));text-align:center}.fui-schedule-day-name{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--text-primary))}.fui-schedule-day-column.no-streams .fui-schedule-day-name{color:hsl(var(--text-muted))}.fui-schedule-day-content{flex:1;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3)}.fui-schedule-stream{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2);background:hsl(var(--surface-elevated));border-radius:4px;position:relative}.fui-schedule-stream-time{display:flex;align-items:center;gap:var(--space-1);font-family:JetBrains Mono,monospace;font-size:11px;color:hsl(var(--text-muted))}.fui-schedule-stream-title{font-size:13px;font-weight:500;color:hsl(var(--text-primary));line-height:1.3}.fui-schedule-stream-game{display:flex;align-items:center;gap:var(--space-1);font-size:11px;color:hsl(var(--text-secondary))}.fui-schedule-notify-btn{position:absolute;top:var(--space-2);right:var(--space-2);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid hsl(var(--border-subtle));border-radius:4px;color:hsl(var(--text-muted));cursor:pointer;opacity:0;transition:all .15s ease}.fui-schedule-stream:hover .fui-schedule-notify-btn{opacity:1}.fui-schedule-notify-btn:hover{background:hsl(var(--surface-hover));border-color:hsl(var(--border));color:hsl(var(--text-primary))}.fui-schedule-notify-btn.active{background:hsl(var(--text-primary));border-color:hsl(var(--text-primary));color:hsl(var(--background));opacity:1}.fui-schedule-off{flex:1;display:flex;align-items:center;justify-content:center}.fui-schedule-off span{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:hsl(var(--text-disabled))}.fui-schedule-timezone{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);background:hsl(var(--surface));border:1px solid hsl(var(--border-subtle));border-radius:4px;font-size:12px;color:hsl(var(--text-muted))}.fui-chat-panel{width:320px}.fui-chat-collapsed,.fui-chat-panel{position:fixed;top:var(--header-height);right:0;bottom:0;display:flex;flex-direction:column;background:hsl(var(--surface));border-left:1px solid hsl(var(--border));z-index:80}.fui-chat-collapsed{width:48px;align-items:center;padding-top:var(--space-3)}.fui-chat-expand-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:1px solid hsl(var(--border-subtle));border-radius:4px;color:hsl(var(--text-muted));cursor:pointer;transition:all .15s ease}.fui-chat-expand-btn:hover{background:hsl(var(--surface-hover));color:hsl(var(--text-primary))}.fui-chat-collapsed-icon{margin-top:var(--space-4);color:hsl(var(--text-muted))}.fui-chat-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);border-bottom:1px solid hsl(var(--border-subtle))}.fui-chat-header-title{color:hsl(var(--text-primary))}.fui-chat-header-actions,.fui-chat-header-title{display:flex;align-items:center;gap:var(--space-2)}.fui-chat-viewers{display:flex;align-items:center;gap:var(--space-1);color:hsl(var(--text-muted))}.fui-chat-messages{flex:1;overflow-y:auto;padding:var(--space-2)}.fui-chat-message{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px;padding:var(--space-1) var(--space-2);font-size:13px;line-height:1.4}.fui-chat-message:hover{background:hsl(var(--surface-hover))}.fui-chat-badges{gap:2px;margin-right:2px}.fui-chat-badge,.fui-chat-badges{display:inline-flex}.fui-chat-username{font-weight:600;cursor:pointer}.fui-chat-username:hover{text-decoration:underline}.fui-chat-colon{color:hsl(var(--text-muted))}.fui-chat-text{color:hsl(var(--text-secondary));word-break:break-word}.fui-chat-input-area{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border-top:1px solid hsl(var(--border-subtle));background:hsl(var(--surface))}.fui-chat-actions{display:flex;justify-content:space-between;align-items:center}.fui-chat-actions-left,.fui-chat-actions-right{display:flex;gap:var(--space-1)}.fui-chat-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid transparent;border-radius:4px;color:hsl(var(--text-muted));cursor:pointer;transition:all .15s ease}.fui-chat-action-btn:hover{background:hsl(var(--surface-elevated));border-color:hsl(var(--border-subtle));color:hsl(var(--text-primary))}.fui-chat-input-container{display:flex;gap:var(--space-2)}.fui-chat-input-wrapper{flex:1;position:relative;display:flex;align-items:flex-start;background:hsl(var(--surface-elevated));border:1px solid hsl(var(--border-subtle));border-radius:4px;transition:border-color .15s ease}.fui-chat-input-wrapper:focus-within{border-color:hsl(var(--border))}.fui-chat-input{flex:1;padding:var(--space-2) var(--space-3);background:transparent;border:none;color:hsl(var(--text-primary));font-size:13px;font-family:inherit;resize:none;min-height:36px;max-height:100px;line-height:1.4;outline:none;transition:border-color .15s ease}.fui-chat-input::-moz-placeholder{color:hsl(var(--text-muted))}.fui-chat-input::placeholder{color:hsl(var(--text-muted))}.fui-chat-input:focus{outline:none}.fui-chat-input-tools{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-left:1px solid hsl(var(--border-subtle));align-self:stretch}.fui-chat-tool-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:4px;color:hsl(var(--text-muted));cursor:pointer;transition:all .15s ease}.fui-chat-tool-btn:hover{background:hsl(var(--surface-hover));color:hsl(var(--text-primary))}.fui-chat-bottom-row{display:flex;justify-content:space-between;align-items:center}.fui-chat-char-count{font-size:11px;font-family:JetBrains Mono,monospace;color:hsl(var(--text-muted))}.fui-chat-send-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:hsl(var(--text-primary));border:none;border-radius:4px;color:hsl(var(--background));font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.fui-chat-send-btn:hover:not(:disabled){opacity:.9}.fui-chat-send-btn:disabled{opacity:.4;cursor:not-allowed}.fui-chat-action-btn.active,.fui-chat-tool-btn.active{background:hsl(var(--surface-elevated));border-color:hsl(var(--border));color:hsl(var(--text-primary))}.fui-chat-popup{position:absolute;bottom:100%;left:var(--space-3);right:var(--space-3);margin-bottom:var(--space-2);background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:4px;overflow:hidden;z-index:100}.fui-chat-popup-large{max-height:300px}.fui-chat-popup-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);background:hsl(var(--surface-elevated));border-bottom:1px solid hsl(var(--border-subtle));font-size:13px;font-weight:600;color:hsl(var(--text-primary))}.fui-chat-popup-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:4px;color:hsl(var(--text-muted));cursor:pointer;transition:all .15s ease}.fui-chat-popup-close:hover{background:hsl(var(--surface-hover));color:hsl(var(--text-primary))}.fui-chat-popup-content{padding:var(--space-3);max-height:240px;overflow-y:auto}.fui-bits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.fui-bits-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3);background:hsl(var(--surface-elevated));border:1px solid hsl(var(--border-subtle));border-radius:4px;cursor:pointer;transition:all .15s ease}.fui-bits-item:hover{border-color:hsl(var(--border));background:hsl(var(--surface-hover))}.fui-bits-amount{font-size:16px;font-weight:600;color:hsl(var(--text-primary));font-family:JetBrains Mono,monospace}.fui-bits-price{font-size:11px;color:hsl(var(--text-muted))}.fui-rewards-balance{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-3);background:hsl(var(--surface-elevated));border-radius:4px;font-size:14px;font-weight:600;color:hsl(var(--text-primary))}.fui-rewards-grid{display:flex;flex-direction:column;gap:var(--space-2)}.fui-reward-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:hsl(var(--surface-elevated));border:1px solid hsl(var(--border-subtle));border-radius:4px;cursor:pointer;transition:all .15s ease;text-align:left}.fui-reward-item:hover{border-color:hsl(var(--border));background:hsl(var(--surface-hover))}.fui-reward-icon{font-size:18px}.fui-reward-name{flex:1;font-size:13px;color:hsl(var(--text-primary))}.fui-reward-cost{display:flex;align-items:center;gap:var(--space-1);font-size:12px;font-family:JetBrains Mono,monospace;color:hsl(var(--text-muted))}.fui-settings-list{display:flex;flex-direction:column;gap:var(--space-1)}.fui-setting-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3);background:transparent;border:1px solid transparent;border-radius:4px;font-size:13px;color:hsl(var(--text-secondary));cursor:pointer;transition:all .15s ease;text-align:left}.fui-setting-item:hover{background:hsl(var(--surface-elevated))}.fui-setting-item.active{color:hsl(var(--text-primary))}.fui-mention-list{display:flex;flex-direction:column;gap:var(--space-1)}.fui-mention-item{padding:var(--space-2) var(--space-3);background:transparent;border:none;border-radius:4px;font-size:13px;cursor:pointer;transition:all .15s ease;text-align:left}.fui-mention-item:hover{background:hsl(var(--surface-elevated))}.fui-emotes-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-1)}.fui-emote-item{display:flex;align-items:center;justify-content:center;aspect-ratio:1;background:hsl(var(--surface-elevated));border:1px solid transparent;border-radius:4px;cursor:pointer;transition:all .15s ease}.fui-emote-item:hover{border-color:hsl(var(--border));background:hsl(var(--surface-hover))}.fui-emote-placeholder{font-size:11px;font-weight:600;color:hsl(var(--text-muted))}.fui-chat-timestamp{font-size:10px;font-family:JetBrains Mono,monospace;color:hsl(var(--text-muted));margin-right:var(--space-2)}.fui-chat-input-area{position:relative}.fui-browse-page{padding:var(--space-6);max-width:1600px;margin:0 auto}.fui-browse-header{margin-bottom:var(--space-6)}.fui-browse-tabs{display:flex;gap:var(--space-2);padding-bottom:var(--space-4);border-bottom:1px solid hsl(var(--border-subtle));margin-bottom:var(--space-4);overflow-x:auto;-webkit-overflow-scrolling:touch}.fui-browse-tabs::-webkit-scrollbar{display:none}.fui-browse-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:hsl(var(--surface));border:1px solid hsl(var(--border-subtle));border-radius:4px;color:hsl(var(--text-secondary));font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer;transition:all .15s ease}.fui-browse-tab:hover{background:hsl(var(--surface-elevated));border-color:hsl(var(--border));color:hsl(var(--text-primary))}.fui-browse-tab.active{background:hsl(var(--text-primary));border-color:hsl(var(--text-primary));color:hsl(var(--background))}.fui-browse-filters{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.fui-browse-filters-left{display:flex;align-items:center;gap:var(--space-4)}.fui-browse-filters-right{display:flex;align-items:center;gap:var(--space-3)}.fui-browse-count{font-size:13px;color:hsl(var(--text-muted));font-family:JetBrains Mono,monospace}.fui-browse-sort{position:relative}.fui-browse-sort-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:hsl(var(--surface));border:1px solid hsl(var(--border-subtle));border-radius:4px;color:hsl(var(--text-secondary));font-size:13px;cursor:pointer;transition:all .15s ease}.fui-browse-sort-btn:hover{background:hsl(var(--surface-elevated));border-color:hsl(var(--border));color:hsl(var(--text-primary))}.fui-browse-sort-dropdown{position:absolute;top:100%;right:0;margin-top:var(--space-1);min-width:180px;background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:4px;overflow:hidden;z-index:100}.fui-browse-sort-dropdown button{display:block;width:100%;padding:var(--space-2) var(--space-3);background:transparent;border:none;color:hsl(var(--text-secondary));font-size:13px;text-align:left;cursor:pointer;transition:all .15s ease}.fui-browse-sort-dropdown button.active,.fui-browse-sort-dropdown button:hover{background:hsl(var(--surface-elevated));color:hsl(var(--text-primary))}.fui-browse-view-toggle{display:flex;border:1px solid hsl(var(--border-subtle));border-radius:4px;overflow:hidden}.fui-browse-view-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:hsl(var(--surface));border:none;color:hsl(var(--text-muted));cursor:pointer;transition:all .15s ease}.fui-browse-view-btn:first-child{border-right:1px solid hsl(var(--border-subtle))}.fui-browse-view-btn.active,.fui-browse-view-btn:hover{background:hsl(var(--surface-elevated));color:hsl(var(--text-primary))}.fui-browse-content{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.fui-browse-content.list-view{grid-template-columns:1fr;gap:var(--space-2)}.fui-browse-empty{grid-column:1/-1;padding:var(--space-12);text-align:center;color:hsl(var(--text-muted))}.fui-browse-pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-4) 0;border-top:1px solid hsl(var(--border-subtle))}.fui-browse-page-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:hsl(var(--surface));border:1px solid hsl(var(--border-subtle));border-radius:4px;color:hsl(var(--text-secondary));font-size:13px;cursor:pointer;transition:all .15s ease}.fui-browse-page-btn:hover:not(:disabled){background:hsl(var(--surface-elevated));border-color:hsl(var(--border));color:hsl(var(--text-primary))}.fui-browse-page-btn:disabled{opacity:.4;cursor:not-allowed}.fui-browse-page-info{font-size:13px;font-family:JetBrains Mono,monospace;color:hsl(var(--text-muted))}@media (max-width:768px){.fui-browse-page{padding:var(--space-4)}.fui-browse-filters{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.fui-browse-filters-right{width:100%;justify-content:space-between}.fui-browse-content{grid-template-columns:1fr}.fui-browse-pagination{flex-wrap:wrap;gap:var(--space-2)}}@media (max-width:1024px){.fui-channel-layout.chat-collapsed .fui-channel-main,.fui-channel-main{margin-right:0}.fui-chat-collapsed,.fui-chat-panel{display:none}.fui-channel-info-bar,.fui-channel-main .fui-section,.fui-channel-tab-content,.fui-channel-tabs-container{padding-left:var(--space-4);padding-right:var(--space-4)}}@media (max-width:768px){.fui-channel-info-bar{flex-wrap:wrap}.fui-streamer-avatar{order:1}.fui-channel-info-content{order:3;flex-basis:100%;padding-top:var(--space-3);margin-top:var(--space-3);border-top:1px solid hsl(var(--border-subtle))}.fui-streamer-profile-actions{order:2;margin-left:auto}.fui-about-stats{flex-direction:column;gap:var(--space-4)}.fui-clips-grid,.fui-videos-grid{grid-template-columns:1fr}}.fui-categories-page{padding:var(--space-6);max-width:1600px;margin:0 auto}.fui-categories-header{margin-bottom:var(--space-5)}.fui-categories-search{position:relative;margin-bottom:var(--space-4);max-width:400px}.fui-categories-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:hsl(var(--text-muted));pointer-events:none}.fui-categories-search-input{width:100%;padding:10px 12px 10px 40px;background:hsl(var(--surface-base));border:1px solid hsl(var(--border));color:hsl(var(--text-primary));font-family:Inter,sans-serif;font-size:13px;transition:border-color .15s ease,box-shadow .15s ease}.fui-categories-search-input::-moz-placeholder{color:hsl(var(--text-muted))}.fui-categories-search-input::placeholder{color:hsl(var(--text-muted))}.fui-categories-search-input:focus{outline:none;border-color:hsl(var(--gray-500));box-shadow:0 0 0 1px hsl(var(--gray-600)/.3)}.fui-categories-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid hsl(var(--border));overflow-x:auto;scrollbar-width:none}.fui-categories-tabs::-webkit-scrollbar{display:none}.fui-categories-tab{display:flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:1px solid hsl(var(--border));color:hsl(var(--text-secondary));font-family:Inter,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.fui-categories-tab:hover{border-color:hsl(var(--gray-600))}.fui-categories-tab.active,.fui-categories-tab:hover{background:hsl(var(--surface-elevated));color:hsl(var(--text-primary))}.fui-categories-tab.active{border-color:hsl(var(--gray-500))}.fui-categories-filters{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5);gap:var(--space-4)}.fui-categories-filters-left,.fui-categories-filters-right{display:flex;align-items:center;gap:var(--space-3)}.fui-categories-count{font-family:JetBrains Mono,monospace;font-size:12px;color:hsl(var(--text-muted))}.fui-categories-sort{position:relative}.fui-categories-sort-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;background:hsl(var(--surface-base));border:1px solid hsl(var(--border));color:hsl(var(--text-secondary));font-family:Inter,sans-serif;font-size:13px;cursor:pointer;transition:all .15s ease}.fui-categories-sort-btn:hover{background:hsl(var(--surface-elevated));border-color:hsl(var(--gray-600));color:hsl(var(--text-primary))}.fui-categories-sort-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:180px;background:hsl(var(--surface-elevated));border:1px solid hsl(var(--border));box-shadow:0 8px 24px -8px hsl(var(--black)/.6);z-index:100}.fui-categories-sort-dropdown button{display:block;width:100%;padding:10px 14px;background:transparent;border:none;color:hsl(var(--text-secondary));font-family:Inter,sans-serif;font-size:13px;text-align:left;cursor:pointer;transition:all .1s ease}.fui-categories-sort-dropdown button:hover{background:hsl(var(--gray-800));color:hsl(var(--text-primary))}.fui-categories-sort-dropdown button.active{background:hsl(var(--gray-750));color:hsl(var(--text-primary))}.fui-categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.fui-categories-empty{grid-column:1/-1;padding:var(--space-8);text-align:center;color:hsl(var(--text-muted));font-size:14px}.fui-categories-pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid hsl(var(--border))}.fui-categories-page-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:hsl(var(--surface-base));border:1px solid hsl(var(--border));color:hsl(var(--text-secondary));font-family:Inter,sans-serif;font-size:13px;cursor:pointer;transition:all .15s ease}.fui-categories-page-btn:hover:not(:disabled){background:hsl(var(--surface-elevated));border-color:hsl(var(--border));color:hsl(var(--text-primary))}.fui-categories-page-btn:disabled{opacity:.4;cursor:not-allowed}.fui-categories-page-info{font-size:13px;font-family:JetBrains Mono,monospace;color:hsl(var(--text-muted))}@media (max-width:768px){.fui-categories-page{padding:var(--space-4)}.fui-categories-search{max-width:100%}.fui-categories-filters{flex-direction:column;align-items:stretch;gap:var(--space-3)}.fui-categories-filters-right{width:100%;justify-content:space-between}.fui-categories-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-3)}.fui-categories-pagination{flex-wrap:wrap;gap:var(--space-2)}}.fui-category-detail{padding:var(--space-6);max-width:1600px;margin:0 auto}.fui-category-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:var(--space-5);font-size:13px;color:hsl(var(--text-muted))}.fui-category-breadcrumb-link{color:hsl(var(--text-secondary));text-decoration:none;transition:color .15s ease}.fui-category-breadcrumb-link:hover{color:hsl(var(--text-primary))}.fui-category-breadcrumb-current{color:hsl(var(--text-primary));font-weight:500}.fui-category-hero{display:flex;align-items:flex-start;gap:var(--space-5);padding:var(--space-5);background:hsl(var(--surface-base));border:1px solid hsl(var(--border));margin-bottom:var(--space-5)}.fui-category-hero-icon{display:flex;align-items:center;justify-content:center;width:80px;height:100px;background:hsl(var(--gray-850));border:1px solid hsl(var(--gray-700));color:hsl(var(--gray-500));flex-shrink:0}.fui-category-hero-info{flex:1;min-width:0}.fui-category-hero-title{font-family:Inter,sans-serif;font-size:24px;font-weight:700;color:hsl(var(--text-primary));margin:0 0 8px}.fui-category-hero-stats{display:flex;gap:var(--space-4);margin-bottom:10px}.fui-category-stat{display:flex;align-items:center;gap:6px;font-family:JetBrains Mono,monospace;font-size:13px;color:hsl(var(--text-secondary))}.fui-category-stat svg{color:hsl(var(--text-muted))}.fui-category-hero-tags{display:flex;gap:6px;flex-wrap:wrap}.fui-category-hero-tag{display:inline-block;padding:3px 10px;background:hsl(var(--gray-800));border:1px solid hsl(var(--gray-700));font-family:Inter,sans-serif;font-size:12px;font-weight:500;color:hsl(var(--text-secondary))}.fui-category-hero-actions{display:flex;gap:8px;flex-shrink:0}.fui-category-filters{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5);gap:var(--space-4)}.fui-category-filters-left,.fui-category-filters-right{display:flex;align-items:center;gap:var(--space-3)}.fui-category-count{font-family:JetBrains Mono,monospace;font-size:12px;color:hsl(var(--text-muted))}.fui-category-sort{position:relative}.fui-category-sort-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;background:hsl(var(--surface-base));border:1px solid hsl(var(--border));color:hsl(var(--text-secondary));font-family:Inter,sans-serif;font-size:13px;cursor:pointer;transition:all .15s ease}.fui-category-sort-btn:hover{background:hsl(var(--surface-elevated));border-color:hsl(var(--gray-600));color:hsl(var(--text-primary))}.fui-category-sort-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:180px;background:hsl(var(--surface-elevated));border:1px solid hsl(var(--border));box-shadow:0 8px 24px -8px hsl(var(--black)/.6);z-index:100}.fui-category-sort-dropdown button{display:block;width:100%;padding:10px 14px;background:transparent;border:none;color:hsl(var(--text-secondary));font-family:Inter,sans-serif;font-size:13px;text-align:left;cursor:pointer;transition:all .1s ease}.fui-category-sort-dropdown button:hover{background:hsl(var(--gray-800));color:hsl(var(--text-primary))}.fui-category-sort-dropdown button.active{background:hsl(var(--gray-750));color:hsl(var(--text-primary))}.fui-category-streams{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.fui-category-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);text-align:center;color:hsl(var(--text-muted))}.fui-category-empty svg{margin-bottom:var(--space-4);opacity:.4}.fui-category-empty p{font-size:16px;font-weight:500;color:hsl(var(--text-secondary));margin:0 0 4px}.fui-category-empty span{font-size:13px}.fui-category-pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid hsl(var(--border))}.fui-category-page-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:hsl(var(--surface-base));border:1px solid hsl(var(--border));color:hsl(var(--text-secondary));font-family:Inter,sans-serif;font-size:13px;cursor:pointer;transition:all .15s ease}.fui-category-page-btn:hover:not(:disabled){background:hsl(var(--surface-elevated));border-color:hsl(var(--border));color:hsl(var(--text-primary))}.fui-category-page-btn:disabled{opacity:.4;cursor:not-allowed}.fui-category-page-info{font-size:13px;font-family:JetBrains Mono,monospace;color:hsl(var(--text-muted))}@media (max-width:768px){.fui-category-detail,.fui-category-hero{padding:var(--space-4)}.fui-category-hero{flex-direction:column;align-items:stretch;gap:var(--space-4)}.fui-category-hero-icon{width:60px;height:80px}.fui-category-hero-title{font-size:20px}.fui-category-hero-stats{flex-wrap:wrap;gap:var(--space-3)}.fui-category-hero-actions{width:100%}.fui-category-hero-actions .fui-btn{flex:1;justify-content:center}.fui-category-filters{flex-direction:column;align-items:stretch;gap:var(--space-3)}.fui-category-streams{grid-template-columns:1fr}.fui-category-pagination{flex-wrap:wrap;gap:var(--space-2)}}.fui-search-page{padding:var(--space-6);max-width:1400px;margin:0 auto}.fui-search-header{margin-bottom:var(--space-6)}.fui-search-input-wrapper{position:relative;display:flex;align-items:center;background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:2px}.fui-search-input-icon{position:absolute;left:var(--space-4);width:20px;height:20px;color:hsl(var(--text-muted));pointer-events:none}.fui-search-input{width:100%;padding:var(--space-4) var(--space-4) var(--space-4) 48px;background:transparent;border:none;font-size:16px;font-family:Inter,sans-serif;color:hsl(var(--text-primary))}.fui-search-input::-moz-placeholder{color:hsl(var(--text-muted))}.fui-search-input::placeholder{color:hsl(var(--text-muted))}.fui-search-input:focus{outline:none}.fui-search-input-wrapper:focus-within{border-color:hsl(var(--text-secondary))}.fui-search-clear{position:absolute;right:var(--space-3);display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:hsl(var(--surface-hover));border:none;border-radius:2px;color:hsl(var(--text-muted));cursor:pointer;transition:all .15s ease}.fui-search-clear:hover{background:hsl(var(--gray-600));color:hsl(var(--text-primary))}.fui-search-tabs{display:flex;gap:var(--space-2);padding-bottom:var(--space-4);border-bottom:1px solid hsl(var(--border));margin-bottom:var(--space-6);overflow-x:auto}.fui-search-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:transparent;border:1px solid transparent;border-radius:2px;font-size:13px;font-family:Inter,sans-serif;font-weight:500;color:hsl(var(--text-muted));cursor:pointer;white-space:nowrap;transition:all .15s ease}.fui-search-tab:hover{color:hsl(var(--text-primary));background:hsl(var(--surface-hover))}.fui-search-tab.active{color:hsl(var(--text-primary));background:hsl(var(--surface));border-color:hsl(var(--border))}.fui-search-tab-count{padding:2px 6px;background:hsl(var(--gray-700));border-radius:2px;font-size:11px;font-family:JetBrains Mono,monospace;color:hsl(var(--text-secondary))}.fui-search-tab.active .fui-search-tab-count{background:hsl(var(--gray-600));color:hsl(var(--text-primary))}.fui-search-results{display:flex;flex-direction:column;gap:var(--space-8)}.fui-search-section{display:flex;flex-direction:column;gap:var(--space-4)}.fui-search-section-header{display:flex;align-items:center;justify-content:space-between}.fui-search-section-header h2{font-size:16px;font-weight:600;font-family:Inter,sans-serif;color:hsl(var(--text-primary))}.fui-search-see-all{padding:var(--space-2) var(--space-3);background:transparent;border:1px solid hsl(var(--border));border-radius:2px;font-size:12px;font-family:Inter,sans-serif;font-weight:500;color:hsl(var(--text-secondary));cursor:pointer;transition:all .15s ease}.fui-search-see-all:hover{background:hsl(var(--surface-hover));color:hsl(var(--text-primary));border-color:hsl(var(--text-muted))}.fui-search-streams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.fui-search-categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-4)}.fui-search-channels-list{display:flex;flex-direction:column;gap:var(--space-2)}.fui-search-channel-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:2px;text-decoration:none;transition:all .15s ease}.fui-search-channel-item:hover{background:hsl(var(--surface-hover));border-color:hsl(var(--text-muted))}.fui-search-channel-info{flex:1;display:flex;flex-direction:column;gap:2px}.fui-search-channel-name{font-size:14px;font-weight:500;font-family:Inter,sans-serif;color:hsl(var(--text-primary))}.fui-search-channel-game{font-size:12px;font-family:Inter,sans-serif;color:hsl(var(--text-muted))}.fui-search-channel-viewers{display:flex;align-items:center;gap:var(--space-1);font-size:12px;font-family:JetBrains Mono,monospace;color:hsl(var(--live-bg))}.fui-search-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-12);text-align:center}.fui-search-empty svg{color:hsl(var(--text-muted));opacity:.5}.fui-search-empty p{font-size:16px;font-weight:500;font-family:Inter,sans-serif;color:hsl(var(--text-primary))}.fui-search-empty span{font-size:13px;font-family:Inter,sans-serif;color:hsl(var(--text-muted))}.fui-search-suggestions{display:flex;flex-direction:column;gap:var(--space-8)}.fui-search-trending{display:flex;flex-direction:column;gap:var(--space-4)}.fui-search-trending-header{display:flex;align-items:center;gap:var(--space-2);font-size:16px;font-weight:600;font-family:Inter,sans-serif;color:hsl(var(--text-primary))}.fui-search-trending-header svg{color:hsl(var(--text-secondary))}.fui-search-trending-header h2{font-size:16px;font-weight:600}.fui-search-trending-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.fui-search-trending-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:2px;font-size:13px;font-family:Inter,sans-serif;color:hsl(var(--text-secondary));cursor:pointer;transition:all .15s ease}.fui-search-trending-item:hover{background:hsl(var(--surface-hover));border-color:hsl(var(--text-muted));color:hsl(var(--text-primary))}.fui-search-trending-item svg{width:14px;height:14px;color:hsl(var(--text-muted))}.fui-search-popular-categories{display:flex;flex-direction:column;gap:var(--space-4)}.fui-search-popular-categories h2{font-size:16px;font-weight:600;font-family:Inter,sans-serif;color:hsl(var(--text-primary))}@media (max-width:768px){.fui-search-page{padding:var(--space-4)}.fui-search-tabs{gap:var(--space-1)}.fui-search-tab{padding:var(--space-2) var(--space-3);font-size:12px}.fui-search-tab svg{display:none}.fui-search-streams-grid{grid-template-columns:1fr}.fui-search-categories-grid{grid-template-columns:repeat(2,1fr)}.fui-search-channel-item{padding:var(--space-2) var(--space-3)}}.fui-following-page{padding:var(--space-6);max-width:1400px;margin:0 auto}.fui-following-header{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6)}.fui-following-stats{display:flex;align-items:center;gap:var(--space-6)}.fui-following-stat{font-size:13px;font-family:JetBrains Mono,monospace;color:hsl(var(--text-muted))}.fui-following-stat svg{color:hsl(var(--text-secondary))}.fui-following-stat--live,.fui-following-stat--live svg{color:hsl(var(--live-bg))}.fui-following-section{margin-bottom:var(--space-8)}.fui-following-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid hsl(var(--border))}.fui-following-section-title{display:flex;align-items:center;gap:var(--space-3)}.fui-following-section-title svg{color:hsl(var(--text-secondary))}.fui-following-section-title h2{font-size:16px;font-weight:600;font-family:Inter,sans-serif;color:hsl(var(--text-primary))}.fui-following-section-count{padding:2px 8px;background:hsl(var(--gray-700));border-radius:2px;font-size:11px;font-family:JetBrains Mono,monospace;color:hsl(var(--text-secondary))}.fui-following-section-controls{display:flex;align-items:center;gap:var(--space-3)}.fui-following-view-toggle{display:flex;background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:2px}.fui-following-view-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;color:hsl(var(--text-muted));cursor:pointer;transition:all .15s ease}.fui-following-view-btn:first-child{border-right:1px solid hsl(var(--border))}.fui-following-view-btn.active,.fui-following-view-btn:hover{color:hsl(var(--text-primary));background:hsl(var(--surface-hover))}.fui-following-sort{position:relative}.fui-following-sort-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:2px;font-size:12px;font-family:Inter,sans-serif;color:hsl(var(--text-secondary));cursor:pointer;transition:all .15s ease}.fui-following-sort-btn:hover{background:hsl(var(--surface-hover));color:hsl(var(--text-primary))}.fui-following-sort-dropdown{position:absolute;top:100%;right:0;z-index:100;min-width:180px;margin-top:var(--space-1);background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:2px;overflow:hidden}.fui-following-sort-dropdown button{display:block;width:100%;padding:var(--space-3) var(--space-4);background:transparent;border:none;font-size:13px;font-family:Inter,sans-serif;text-align:left;color:hsl(var(--text-secondary));cursor:pointer;transition:all .15s ease}.fui-following-sort-dropdown button.active,.fui-following-sort-dropdown button:hover{background:hsl(var(--surface-hover));color:hsl(var(--text-primary))}.fui-following-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.fui-following-list{display:flex;flex-direction:column;gap:var(--space-2)}.fui-following-list-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:2px;text-decoration:none;transition:all .15s ease}.fui-following-list-item:hover{background:hsl(var(--surface-hover));border-color:hsl(var(--text-muted))}.fui-following-list-avatar{flex-shrink:0}.fui-following-list-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.fui-following-list-name{font-size:14px;font-weight:600;font-family:Inter,sans-serif;color:hsl(var(--text-primary))}.fui-following-list-title{font-size:13px;font-family:Inter,sans-serif;color:hsl(var(--text-secondary));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fui-following-list-game{font-size:12px;font-family:Inter,sans-serif;color:hsl(var(--text-muted))}.fui-following-list-stats{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1)}.fui-following-list-viewers{font-size:12px;color:hsl(var(--live-bg))}.fui-following-list-duration,.fui-following-list-viewers{display:flex;align-items:center;gap:var(--space-1);font-family:JetBrains Mono,monospace}.fui-following-list-duration{font-size:11px;color:hsl(var(--text-muted))}.fui-following-list-arrow{color:hsl(var(--text-muted));opacity:0;transition:opacity .15s ease}.fui-following-list-item:hover .fui-following-list-arrow{opacity:1}.fui-following-offline-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3)}.fui-following-offline-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:2px;transition:all .15s ease}.fui-following-offline-item:hover{background:hsl(var(--surface-hover))}.fui-following-offline-link{flex:1;display:flex;align-items:center;gap:var(--space-3);text-decoration:none;min-width:0}.fui-following-offline-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.fui-following-offline-name{font-size:13px;font-weight:500;color:hsl(var(--text-primary))}.fui-following-offline-game,.fui-following-offline-name{font-family:Inter,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fui-following-offline-game{font-size:11px;color:hsl(var(--text-muted))}.fui-following-notify-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid hsl(var(--border));border-radius:2px;color:hsl(var(--text-muted));cursor:pointer;transition:all .15s ease}.fui-following-notify-btn:hover{border-color:hsl(var(--text-muted))}.fui-following-notify-btn.active,.fui-following-notify-btn:hover{background:hsl(var(--surface-hover));color:hsl(var(--text-primary))}.fui-following-notify-btn.active{border-color:hsl(var(--text-secondary))}.fui-following-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-12);text-align:center}.fui-following-empty svg{color:hsl(var(--text-muted));opacity:.5}.fui-following-empty h2{font-size:18px;font-weight:600;font-family:Inter,sans-serif;color:hsl(var(--text-primary))}.fui-following-empty p{font-size:14px;font-family:Inter,sans-serif;color:hsl(var(--text-muted))}@media (max-width:768px){.fui-following-page{padding:var(--space-4)}.fui-following-stats{gap:var(--space-4)}.fui-following-section-header{flex-direction:column;align-items:stretch;gap:var(--space-3)}.fui-following-section-controls{justify-content:space-between}.fui-following-grid{grid-template-columns:1fr}.fui-following-list-item{padding:var(--space-2) var(--space-3)}.fui-following-list-stats{display:none}.fui-following-offline-grid{grid-template-columns:1fr}}.fui-settings-fullpage{position:fixed;inset:0;width:100vw;height:100vh;background:hsl(var(--gray-950));display:flex;flex-direction:column;overflow:hidden}.fui-settings-bg-grid{position:absolute;inset:0;background-image:linear-gradient(hsl(var(--border)) 1px,transparent 1px),linear-gradient(90deg,hsl(var(--border)) 1px,transparent 1px);background-size:calc(100vw / 16) calc(100vh / 9);opacity:.15;pointer-events:none}.fui-settings-corner{position:absolute;width:3vw;height:3vw;border-color:hsl(var(--text-muted));border-style:solid;opacity:.4;pointer-events:none}.fui-settings-corner--tl{top:1.5vh;left:1.5vw;border-width:2px 0 0 2px}.fui-settings-corner--tr{top:1.5vh;right:1.5vw;border-width:2px 2px 0 0}.fui-settings-corner--bl{bottom:1.5vh;left:1.5vw;border-width:0 0 2px 2px}.fui-settings-corner--br{bottom:1.5vh;right:1.5vw;border-width:0 2px 2px 0}.fui-settings-topbar{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 16px;border-bottom:1px solid hsl(var(--border));background:hsl(var(--surface));z-index:10}.fui-settings-topbar-left{display:flex;align-items:center;gap:16px}.fui-settings-back{display:flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:1px solid hsl(var(--border));border-radius:2px;font-size:12px;font-family:Inter,sans-serif;color:hsl(var(--text-secondary));text-decoration:none;transition:all .15s ease}.fui-settings-back:hover{background:hsl(var(--surface-hover));color:hsl(var(--text-primary));border-color:hsl(var(--text-muted))}.fui-settings-divider{width:1px;height:24px;background:hsl(var(--border))}.fui-settings-title{display:flex;align-items:center;gap:8px}.fui-settings-title h1,.fui-settings-title svg{color:hsl(var(--text-secondary))}.fui-settings-title h1{font-size:11px;font-weight:500;font-family:JetBrains Mono,monospace;letter-spacing:.1em}.fui-settings-topbar-right{display:flex;align-items:center;gap:8px;font-size:12px;font-family:Inter,sans-serif;color:hsl(var(--text-secondary))}.fui-settings-tabs{display:flex;align-items:center;gap:4px}.fui-settings-tab{display:flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:1px solid transparent;border-radius:2px;font-size:12px;font-family:Inter,sans-serif;color:hsl(var(--text-muted));cursor:pointer;transition:all .15s ease;position:relative}.fui-settings-tab:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:2px;background:hsl(var(--text-primary));transition:width .2s ease}.fui-settings-tab:hover{color:hsl(var(--text-secondary))}.fui-settings-tab.active{color:hsl(var(--text-primary));background:hsl(var(--gray-800));border-color:hsl(var(--border))}.fui-settings-tab.active:after{width:60%}.fui-settings-main{flex:1;display:flex;justify-content:center;padding:3vh 5vw;overflow-y:auto}.fui-settings-panel{width:100%;max-width:1200px;max-height:calc(100vh - 48px - 32px - 32px);background:hsl(var(--surface));border:1px solid hsl(var(--border));display:flex;flex-direction:column;position:relative;overflow:hidden}.fui-settings-panel:after,.fui-settings-panel:before{content:"";position:absolute;width:12px;height:12px;border-color:hsl(var(--text-muted)/.4);border-style:solid}.fui-settings-panel:before{top:-1px;left:-1px;border-width:1px 0 0 1px}.fui-settings-panel:after{bottom:-1px;right:-1px;border-width:0 1px 1px 0}.fui-settings-content{flex:1;padding:24px;overflow-y:auto}.fui-settings-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;height:100%}.fui-settings-column{display:flex;flex-direction:column;gap:20px}.fui-settings-grid{display:grid;grid-template-columns:280px 1fr;gap:24px;height:100%}.fui-settings-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.fui-settings-statusbar{display:flex;justify-content:space-between;padding:1vh 3vw;background:hsl(var(--gray-900));border-top:1px solid hsl(var(--border));font-size:clamp(9px,.6vw,11px);font-family:JetBrains Mono,monospace;color:hsl(var(--text-muted));letter-spacing:.05em}.fui-settings-section{position:relative;padding:20px;background:hsl(var(--gray-900)/.6)}.fui-settings-section:after,.fui-settings-section:before{content:"";position:absolute;width:8px;height:8px;border:1px solid hsl(var(--text-muted)/.4)}.fui-settings-section:before{top:-1px;left:-1px;border-width:1px 0 0 1px}.fui-settings-section:after{bottom:-1px;right:-1px;border-width:0 1px 1px 0}.fui-settings-section-title{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid hsl(var(--border)/.5);font-size:11px;font-weight:500;font-family:JetBrains Mono,monospace;color:hsl(var(--text-secondary));letter-spacing:.08em;text-transform:uppercase}.fui-settings-section-title svg{width:14px;height:14px;color:hsl(var(--text-muted))}.fui-settings-section-desc{margin-bottom:16px;font-size:12px;font-family:Inter,sans-serif;color:hsl(var(--text-muted))}.fui-settings-avatar-section{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 16px}.fui-settings-avatar-actions{display:flex;flex-direction:column;align-items:center;gap:8px}.fui-settings-hint{font-size:10px;font-family:JetBrains Mono,monospace;color:hsl(var(--text-muted));letter-spacing:.05em}.fui-settings-form{gap:16px}.fui-settings-field{display:flex;flex-direction:column;gap:6px}.fui-settings-field label{font-size:10px;font-weight:500;font-family:JetBrains Mono,monospace;color:hsl(var(--text-muted));letter-spacing:.08em;text-transform:uppercase}.fui-settings-input{padding:10px 12px;background:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:0;font-size:13px;font-family:Inter,sans-serif;color:hsl(var(--text-primary));transition:border-color .15s ease,background-color .15s ease}.fui-settings-input:focus{outline:none;border-color:hsl(var(--text-muted));background:hsl(var(--gray-900))}.fui-settings-input-prefix{display:flex;align-items:center;background:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:0;overflow:hidden}.fui-settings-input-prefix span{padding:10px 8px 10px 12px;font-size:12px;font-family:JetBrains Mono,monospace;color:hsl(var(--text-muted));background:hsl(var(--gray-800));border-right:1px solid hsl(var(--border))}.fui-settings-input-prefix input{flex:1;padding:10px 12px;background:transparent;border:none;font-size:13px;font-family:Inter,sans-serif;color:hsl(var(--text-primary))}.fui-settings-input-prefix input:focus{outline:none}.fui-settings-input-icon{display:flex;align-items:center;gap:10px;padding:10px 12px;background:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:0}.fui-settings-input-icon svg{width:14px;height:14px;color:hsl(var(--text-muted));flex-shrink:0}.fui-settings-input-icon input{flex:1;background:transparent;border:none;font-size:13px;font-family:Inter,sans-serif;color:hsl(var(--text-primary))}.fui-settings-input-icon input:focus{outline:none}.fui-settings-toggle-visibility{background:transparent;border:none;color:hsl(var(--text-muted));cursor:pointer;padding:4px;transition:color .15s ease}.fui-settings-textarea,.fui-settings-toggle-visibility:hover{color:hsl(var(--text-primary))}.fui-settings-textarea{padding:10px 12px;background:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:0;font-size:13px;font-family:Inter,sans-serif;resize:vertical;min-height:72px;transition:border-color .15s ease}.fui-settings-textarea:focus{outline:none;border-color:hsl(var(--text-muted))}.fui-settings-char-count{font-size:10px;font-family:JetBrains Mono,monospace;color:hsl(var(--text-muted));text-align:right;letter-spacing:.05em}.fui-settings-toggle-list{display:flex;flex-direction:column;gap:8px}.fui-settings-toggle-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;background:hsl(var(--background));border:1px solid hsl(var(--border));transition:border-color .15s ease}.fui-settings-toggle-item:hover{border-color:hsl(var(--text-muted)/.5)}.fui-settings-toggle-info{display:flex;flex-direction:column;gap:3px}.fui-settings-toggle-label{font-size:13px;font-weight:500;font-family:Inter,sans-serif;color:hsl(var(--text-primary))}.fui-settings-toggle-desc{font-size:11px;font-family:Inter,sans-serif;color:hsl(var(--text-muted))}.fui-settings-switch{position:relative;width:40px;height:20px;background:hsl(var(--gray-800));border:1px solid hsl(var(--border));border-radius:0;cursor:pointer;transition:all .2s ease;flex-shrink:0}.fui-settings-switch:hover{border-color:hsl(var(--text-muted))}.fui-settings-switch.active{background:hsl(var(--text-primary));border-color:hsl(var(--text-primary))}.fui-settings-switch-thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;background:hsl(var(--text-muted));border-radius:0;transition:all .2s ease}.fui-settings-switch.active .fui-settings-switch-thumb{transform:translateX(20px);background:hsl(var(--background))}.fui-settings-theme-options{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.fui-settings-theme-option{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 16px;background:hsl(var(--background));border:1px solid hsl(var(--border));cursor:pointer;transition:all .15s ease}.fui-settings-theme-option:before{top:-1px;left:-1px;border:1px solid transparent;border-width:1px 0 0 1px}.fui-settings-theme-option:after,.fui-settings-theme-option:before{content:"";position:absolute;width:6px;height:6px;transition:border-color .15s ease}.fui-settings-theme-option:after{bottom:-1px;right:-1px;border:1px solid transparent;border-width:0 1px 1px 0}.fui-settings-theme-option:hover,.fui-settings-theme-option:hover:after,.fui-settings-theme-option:hover:before{border-color:hsl(var(--text-muted))}.fui-settings-theme-option.active,.fui-settings-theme-option.active:after,.fui-settings-theme-option.active:before{border-color:hsl(var(--text-primary))}.fui-settings-theme-option span{font-size:11px;font-family:JetBrains Mono,monospace;color:hsl(var(--text-muted));letter-spacing:.05em;text-transform:uppercase}.fui-settings-theme-option.active span{color:hsl(var(--text-primary))}.fui-settings-theme-option svg:last-child{position:absolute;top:8px;right:8px;width:12px;height:12px;color:hsl(var(--text-primary))}.fui-settings-theme-preview{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border:1px solid hsl(var(--border))}.fui-settings-theme-preview--dark{background:#0a0a0a;color:#f5f5f5}.fui-settings-theme-preview--light{background:#f5f5f5;color:#1a1a1a}.fui-settings-connections{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.fui-settings-connection{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:hsl(var(--background));border:1px solid hsl(var(--border));transition:border-color .15s ease}.fui-settings-connection:hover{border-color:hsl(var(--text-muted)/.5)}.fui-settings-connection.connected{border-left:2px solid hsl(var(--text-primary))}.fui-settings-connection-info{display:flex;align-items:center;gap:12px}.fui-settings-connection-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:0}.fui-settings-connection-icon--bunkverse{background:#0a0a0a;padding:4px}.fui-settings-connection-icon--bunkverse img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.fui-settings-connection-icon--bunkermail{background:#0a0a0a;padding:6px}.fui-settings-connection-icon--bunkermail img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:invert(1)}.fui-settings-connection-icon--discord{background:#5865f2;color:#fff}.fui-settings-connection-icon--twitter{background:#000;color:#fff}.fui-settings-connection-icon--youtube{background:red;color:#fff}.fui-settings-connection-icon--steam{background:#1b2838;color:#fff}.fui-settings-connection-details{display:flex;flex-direction:column;gap:2px}.fui-settings-connection-name{font-size:13px;font-weight:500;font-family:Inter,sans-serif;color:hsl(var(--text-primary))}.fui-settings-connection-user{font-size:10px;font-family:JetBrains Mono,monospace;color:hsl(var(--text-muted));letter-spacing:.03em}.fui-settings-actions{margin-top:24px;padding-top:20px;border-top:1px solid hsl(var(--border));display:flex;justify-content:flex-end}.fui-settings-empty-text{margin-bottom:12px;font-size:12px;font-family:Inter,sans-serif;color:hsl(var(--text-muted))}@media (max-width:1024px){.fui-settings-panel{max-width:95%}.fui-settings-columns,.fui-settings-grid{grid-template-columns:1fr}.fui-settings-columns{gap:20px}.fui-settings-connections,.fui-settings-row{grid-template-columns:1fr}.fui-settings-row{gap:12px}}@media (max-width:768px){.fui-settings-topbar{padding:0 12px}.fui-settings-back span,.fui-settings-divider,.fui-settings-title h1,.fui-settings-topbar-right span{display:none}.fui-settings-tabs{gap:2px;overflow-x:auto}.fui-settings-tab{padding:6px 8px}.fui-settings-tab span{display:none}.fui-settings-main{padding:16px 12px}.fui-settings-panel{max-width:100%}.fui-settings-content,.fui-settings-section{padding:16px}.fui-settings-avatar-section{padding:16px 12px}.fui-settings-theme-options{grid-template-columns:1fr;gap:12px}.fui-settings-theme-option{flex-direction:row;justify-content:flex-start;padding:12px 16px}.fui-settings-connection{flex-direction:column;align-items:stretch;gap:12px}.fui-settings-connection button{width:100%;justify-content:center}.fui-settings-corner{display:none}}.fui-dashboard{padding:var(--space-6);max-width:1600px;margin:0 auto}.fui-dashboard-header{margin-bottom:var(--space-6)}.fui-dashboard-nav{display:flex;gap:var(--space-1);margin-top:var(--space-4);padding:4px;background:hsl(var(--surface));border:1px solid hsl(var(--border));width:-moz-fit-content;width:fit-content}.fui-dashboard-nav-item{display:flex;align-items:center;gap:var(--space-2);padding:8px 16px;font-size:12px;letter-spacing:.03em;text-transform:uppercase;color:hsl(var(--text-muted));background:transparent;text-decoration:none}.fui-dashboard-nav-item:hover{color:hsl(var(--text-primary));background:hsl(var(--surface-hover))}.fui-dashboard-nav-item.active{color:hsl(var(--text-primary));background:hsl(var(--surface-elevated));border-color:hsl(var(--border))}.fui-dashboard-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-4)}.fui-dashboard-panel{background:hsl(var(--surface));border:1px solid hsl(var(--border));padding:var(--space-4)}.fui-dashboard-panel:before{top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,hsl(var(--white)/.1),transparent 50%)}.fui-dashboard-panel-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-3);border-bottom:1px solid hsl(var(--border))}.fui-dashboard-panel-header h3{display:flex;align-items:center;gap:var(--space-2);font-size:12px;letter-spacing:.05em;color:hsl(var(--text-primary))}.fui-dashboard-stream-status{grid-column:span 8}.fui-live-indicator{color:hsl(var(--error));animation:livePulse 1.5s ease-in-out infinite}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.5}}.fui-dashboard-stream-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.fui-dashboard-stat{gap:var(--space-3);padding:var(--space-3);background:hsl(var(--surface-elevated))}.fui-dashboard-stat,.fui-dashboard-stat-icon{display:flex;align-items:center;border:1px solid hsl(var(--border))}.fui-dashboard-stat-icon{width:40px;height:40px;justify-content:center;background:hsl(var(--surface-hover));color:hsl(var(--text-muted))}.fui-dashboard-stat-info{display:flex;flex-direction:column}.fui-dashboard-stat-value{font-size:20px;font-family:JetBrains Mono,monospace;font-weight:700;color:hsl(var(--text-primary))}.fui-dashboard-stat-label{font-size:10px;font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--text-muted))}.fui-dashboard-offline-message{padding:var(--space-6);text-align:center;color:hsl(var(--text-muted))}.fui-dashboard-offline-message p{font-size:14px;margin-bottom:var(--space-1)}.fui-dashboard-offline-message span{font-size:12px;opacity:.7}.fui-dashboard-stream-health{display:flex;gap:var(--space-4);margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid hsl(var(--border))}.fui-dashboard-health-item{display:flex;align-items:center;gap:var(--space-2)}.fui-dashboard-health-label{font-size:10px;font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.03em;color:hsl(var(--text-muted))}.fui-dashboard-health-value{font-size:12px;font-family:JetBrains Mono,monospace;font-weight:500;color:hsl(var(--text-primary))}.fui-dashboard-health-badge{display:flex;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.03em;border:1px solid}.fui-health-excellent{color:hsl(var(--success));border-color:hsl(var(--success)/.3);background:hsl(var(--success)/.1)}.fui-health-good{color:#26d968;border-color:rgba(38,217,104,.3);background:rgba(38,217,104,.1)}.fui-health-fair{color:hsl(var(--warning));border-color:hsl(var(--warning)/.3);background:hsl(var(--warning)/.1)}.fui-health-poor{color:hsl(var(--error));border-color:hsl(var(--error)/.3);background:hsl(var(--error)/.1)}.fui-dashboard-analytics{grid-column:span 4}.fui-dashboard-period{font-size:10px;font-family:JetBrains Mono,monospace;color:hsl(var(--text-muted));letter-spacing:.03em}.fui-dashboard-analytics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.fui-dashboard-analytics-item{padding:var(--space-3);background:hsl(var(--surface-elevated));border:1px solid hsl(var(--border))}.fui-dashboard-analytics-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.fui-dashboard-analytics-label{font-size:10px;font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.03em;color:hsl(var(--text-muted))}.fui-dashboard-analytics-change{display:flex;align-items:center;gap:2px;font-size:10px;font-family:JetBrains Mono,monospace}.fui-dashboard-analytics-change.positive{color:hsl(var(--success))}.fui-dashboard-analytics-change.negative{color:hsl(var(--error))}.fui-dashboard-analytics-value{font-size:18px;font-family:JetBrains Mono,monospace;font-weight:700;color:hsl(var(--text-primary))}.fui-dashboard-view-link{display:flex;justify-content:center;margin-top:var(--space-4);padding:var(--space-2);font-size:11px;color:hsl(var(--text-muted));background:hsl(var(--surface-hover));border:1px solid hsl(var(--border));transition:all .15s ease}.fui-dashboard-view-link:hover{color:hsl(var(--text-primary));border-color:hsl(var(--white)/.2)}.fui-dashboard-quick-actions{grid-column:span 4}.fui-dashboard-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.fui-dashboard-action-btn{background:hsl(var(--surface-elevated));border:1px solid hsl(var(--border));color:hsl(var(--text-secondary))}.fui-dashboard-action-btn:hover:not(.disabled){background:hsl(var(--surface-hover));color:hsl(var(--text-primary));border-color:hsl(var(--white)/.2)}.fui-dashboard-action-btn.disabled{opacity:.5}.fui-dashboard-activity{grid-column:span 4}.fui-dashboard-activity-list{display:flex;flex-direction:column;gap:var(--space-2);max-height:400px;overflow-y:auto}.fui-dashboard-activity-item{display:flex;align-items:flex-start;gap:var(--space-3);background:hsl(var(--surface-elevated));border:1px solid hsl(var(--border))}.fui-dashboard-activity-icon{border:1px solid;flex-shrink:0}.fui-activity-follow{color:hsl(var(--error));border-color:hsl(var(--error)/.3);background:hsl(var(--error)/.1)}.fui-activity-subscribe{color:#ffbf00;border-color:rgba(255,191,0,.3);background:rgba(255,191,0,.1)}.fui-activity-gift{color:#b152e0;border-color:rgba(177,82,224,.3);background:rgba(177,82,224,.1)}.fui-activity-donation{color:hsl(var(--success));border-color:hsl(var(--success)/.3);background:hsl(var(--success)/.1)}.fui-activity-bits{color:#0af;border-color:rgba(0,170,255,.3);background:rgba(0,170,255,.1)}.fui-activity-raid{color:#e052b1;border-color:rgba(224,82,177,.3);background:rgba(224,82,177,.1)}.fui-activity-host{color:#26d99d;border-color:rgba(38,217,157,.3);background:rgba(38,217,157,.1)}.fui-activity-milestone{color:hsl(var(--white));border-color:hsl(var(--white)/.3);background:hsl(var(--white)/.1)}.fui-dashboard-activity-content{flex:1;min-width:0}.fui-dashboard-activity-content p{font-size:12px;color:hsl(var(--text-secondary));line-height:1.4}.fui-dashboard-activity-content strong{color:hsl(var(--text-primary));font-weight:600}.fui-dashboard-activity-message{display:block;margin-top:4px;font-size:11px;font-style:italic;color:hsl(var(--text-muted));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fui-dashboard-activity-time{font-size:10px;font-family:JetBrains Mono,monospace;color:hsl(var(--text-muted));white-space:nowrap}.fui-dashboard-goals{grid-column:span 4}.fui-dashboard-goals-list{display:flex;flex-direction:column;gap:var(--space-3)}.fui-dashboard-goal-item{padding:var(--space-3);background:hsl(var(--surface-elevated));border:1px solid hsl(var(--border))}.fui-dashboard-goal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.fui-dashboard-goal-title{font-size:12px;font-weight:500;color:hsl(var(--text-primary))}.fui-dashboard-goal-progress{font-size:11px;font-family:JetBrains Mono,monospace;color:hsl(var(--text-muted))}.fui-dashboard-goal-bar{height:6px;background:hsl(var(--surface-hover));border:1px solid hsl(var(--border));margin-bottom:var(--space-1)}.fui-dashboard-goal-fill{height:100%;background:linear-gradient(90deg,hsl(var(--white)/.3),hsl(var(--white)/.6));transition:width .3s ease}.fui-dashboard-goal-percent{font-size:10px;font-family:JetBrains Mono,monospace;color:hsl(var(--text-muted))}.fui-dashboard-sessions{grid-column:span 4}.fui-dashboard-sessions-list{display:flex;flex-direction:column;gap:var(--space-2)}.fui-dashboard-session-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:hsl(var(--surface-elevated));border:1px solid hsl(var(--border))}.fui-dashboard-session-info{flex:1;min-width:0}.fui-dashboard-session-title{display:block;font-size:12px;font-weight:500;color:hsl(var(--text-primary));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fui-dashboard-session-game{font-size:11px;color:hsl(var(--text-muted))}.fui-dashboard-session-stats{display:flex;gap:var(--space-3)}.fui-dashboard-session-stats span{display:flex;align-items:center;gap:4px;font-size:11px}.fui-dashboard-session-date,.fui-dashboard-session-stats span{font-family:JetBrains Mono,monospace;color:hsl(var(--text-muted))}.fui-dashboard-session-date{font-size:10px;white-space:nowrap}.fui-dashboard-schedule{grid-column:span 4}.fui-dashboard-schedule-list{display:flex;flex-direction:column;gap:var(--space-2)}.fui-dashboard-schedule-item{gap:var(--space-3);padding:var(--space-3);background:hsl(var(--surface-elevated))}.fui-dashboard-schedule-date,.fui-dashboard-schedule-item{display:flex;align-items:center;border:1px solid hsl(var(--border))}.fui-dashboard-schedule-date{flex-direction:column;min-width:48px;padding:var(--space-2);background:hsl(var(--surface-hover))}.fui-dashboard-schedule-day{font-size:10px;font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.03em;color:hsl(var(--text-muted))}.fui-dashboard-schedule-time{font-size:11px;font-family:JetBrains Mono,monospace;font-weight:600;color:hsl(var(--text-primary))}.fui-dashboard-schedule-info{flex:1;min-width:0}.fui-dashboard-schedule-title{display:block;font-size:12px;font-weight:500;color:hsl(var(--text-primary))}.fui-dashboard-schedule-game{font-size:11px;color:hsl(var(--text-muted))}.fui-dashboard-schedule-recurring{font-size:9px;font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.03em;padding:2px 6px;background:hsl(var(--surface-hover));border:1px solid hsl(var(--border));color:hsl(var(--text-muted))}@media (max-width:1400px){.fui-dashboard-grid{grid-template-columns:repeat(8,1fr)}.fui-dashboard-stream-status{grid-column:span 8}.fui-dashboard-activity,.fui-dashboard-analytics,.fui-dashboard-goals,.fui-dashboard-quick-actions,.fui-dashboard-schedule,.fui-dashboard-sessions{grid-column:span 4}}@media (max-width:1024px){.fui-dashboard{padding:var(--space-4)}.fui-dashboard-grid{grid-template-columns:1fr}.fui-dashboard-activity,.fui-dashboard-analytics,.fui-dashboard-goals,.fui-dashboard-quick-actions,.fui-dashboard-schedule,.fui-dashboard-sessions,.fui-dashboard-stream-status{grid-column:span 1}.fui-dashboard-stream-stats{grid-template-columns:repeat(2,1fr)}.fui-dashboard-nav{width:100%;overflow-x:auto}.fui-dashboard-nav-item span{display:none}}@media (max-width:640px){.fui-dashboard{padding:var(--space-3)}.fui-dashboard-analytics-grid,.fui-dashboard-stream-stats{grid-template-columns:1fr}.fui-dashboard-actions-grid{grid-template-columns:repeat(2,1fr)}.fui-dashboard-stream-health{flex-wrap:wrap;gap:var(--space-2)}}.fui-videos{padding:var(--space-6);max-width:1600px;margin:0 auto}.fui-videos-header{margin-bottom:var(--space-6)}.fui-videos-controls{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-4);flex-wrap:wrap}.fui-videos-search{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:hsl(var(--surface));border:1px solid hsl(var(--border));flex:1;max-width:300px}.fui-videos-search svg{color:hsl(var(--text-muted))}.fui-videos-search-input{flex:1;background:transparent;border:none;color:hsl(var(--text-primary));font-size:13px;outline:none}.fui-videos-filters{display:flex;gap:var(--space-1)}.fui-videos-filter-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:hsl(var(--surface));border:1px solid hsl(var(--border));color:hsl(var(--text-muted));font-size:12px;font-family:JetBrains Mono,monospace;cursor:pointer;transition:all .15s ease}.fui-videos-filter-btn:hover{color:hsl(var(--text-primary));border-color:hsl(var(--white)/.2)}.fui-videos-filter-btn.active{color:hsl(var(--text-primary));background:hsl(var(--surface-elevated));border-color:hsl(var(--white)/.3)}.fui-videos-view-toggle{display:flex;gap:2px;padding:2px;background:hsl(var(--surface));border:1px solid hsl(var(--border))}.fui-videos-view-btn{padding:var(--space-2);background:transparent;border:none;color:hsl(var(--text-muted));cursor:pointer;transition:all .15s ease}.fui-videos-view-btn.active,.fui-videos-view-btn:hover{color:hsl(var(--text-primary))}.fui-videos-view-btn.active{background:hsl(var(--surface-elevated))}.fui-videos-content{display:grid;gap:var(--space-4)}.fui-videos-content.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.fui-videos-content.list{grid-template-columns:1fr}.fui-video-card{display:flex;flex-direction:column;background:hsl(var(--surface));border:1px solid hsl(var(--border));text-decoration:none;transition:all .2s ease}.fui-video-card:hover{border-color:hsl(var(--white)/.2);transform:translateY(-2px)}.fui-video-card.list{flex-direction:row}.fui-video-thumbnail{position:relative;aspect-ratio:16/9;background:hsl(var(--surface-hover));overflow:hidden}.fui-video-card.list .fui-video-thumbnail{width:200px;flex-shrink:0}.fui-video-duration{position:absolute;bottom:var(--space-2);right:var(--space-2);display:flex;align-items:center;background:hsl(var(--black)/.8);font-size:11px;color:hsl(var(--text-primary))}.fui-video-duration,.fui-video-highlight-badge{gap:4px;padding:2px 6px;font-family:JetBrains Mono,monospace}.fui-video-highlight-badge{top:var(--space-2);left:var(--space-2);background:rgba(255,191,0,.9);font-size:10px;text-transform:uppercase}.fui-video-play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:hsl(var(--black)/.4);opacity:0;transition:opacity .2s ease}.fui-video-card:hover .fui-video-play-overlay{opacity:1}.fui-video-play-overlay svg{color:hsl(var(--white))}.fui-video-info{padding:var(--space-3)}.fui-video-card.list .fui-video-info{flex:1;display:flex;flex-direction:column;justify-content:center}.fui-video-title{font-size:14px;font-weight:500;color:hsl(var(--text-primary));margin-bottom:var(--space-1);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fui-video-meta{gap:var(--space-2);margin-bottom:var(--space-2)}.fui-video-game,.fui-video-streamer{font-size:12px;color:hsl(var(--text-muted))}.fui-video-stats{display:flex;gap:var(--space-3)}.fui-video-stats span{font-family:JetBrains Mono,monospace}.fui-video-chapters,.fui-video-stats span{display:flex;align-items:center;gap:4px;font-size:11px;color:hsl(var(--text-muted))}.fui-video-chapters{margin-top:var(--space-2)}.fui-videos-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);color:hsl(var(--text-muted));text-align:center}.fui-videos-empty svg{margin-bottom:var(--space-4);opacity:.5}.fui-videos-empty p{font-size:16px;margin-bottom:var(--space-1)}.fui-videos-empty span{font-size:13px;opacity:.7}.fui-videos-load-more{display:flex;justify-content:center;margin-top:var(--space-6)}.fui-clip-viewer{display:grid;grid-template-columns:1fr 320px;gap:var(--space-4);padding:var(--space-4);max-width:1600px;margin:0 auto}.fui-clip-main{display:flex;flex-direction:column;gap:var(--space-4)}.fui-clip-player{background:hsl(var(--black))}.fui-clip-video{position:relative;aspect-ratio:16/9;background:hsl(var(--surface))}.fui-clip-play-overlay{position:absolute;inset:0;cursor:pointer}.fui-clip-play-button,.fui-clip-play-overlay{display:flex;align-items:center;justify-content:center}.fui-clip-play-button{width:80px;height:80px;background:hsl(var(--white)/.1);border:2px solid hsl(var(--white)/.3);border-radius:50%;color:hsl(var(--white));transition:all .2s ease}.fui-clip-play-overlay:hover .fui-clip-play-button{background:hsl(var(--white)/.2);transform:scale(1.1)}.fui-clip-controls{position:absolute;bottom:0;left:0;right:0;padding:var(--space-3);background:linear-gradient(transparent,hsl(var(--black)/.8))}.fui-clip-progress{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.fui-clip-progress-bar{flex:1;height:4px;background:hsl(var(--white)/.2);cursor:pointer}.fui-clip-progress-fill{height:100%;background:hsl(var(--white))}.fui-clip-time{font-size:11px;font-family:JetBrains Mono,monospace;color:hsl(var(--white))}.fui-clip-control-buttons{display:flex;align-items:center;gap:var(--space-2)}.fui-clip-control-btn{padding:var(--space-1);background:transparent;border:none;color:hsl(var(--white));cursor:pointer;transition:opacity .15s ease}.fui-clip-control-btn:hover{opacity:.8}.fui-clip-control-spacer{flex:1}.fui-clip-duration-badge{position:absolute;top:var(--space-2);right:var(--space-2);display:flex;align-items:center;gap:4px;padding:4px 8px;background:hsl(var(--black)/.8);font-size:11px;font-family:JetBrains Mono,monospace;color:hsl(var(--white))}.fui-clip-info{padding:var(--space-4);background:hsl(var(--surface));border:1px solid hsl(var(--border))}.fui-clip-title{font-size:18px;font-weight:600;color:hsl(var(--text-primary));margin-bottom:var(--space-3)}.fui-clip-meta{align-items:center;gap:var(--space-4);margin-bottom:var(--space-3)}.fui-clip-streamer{display:flex;align-items:center;gap:var(--space-2);color:hsl(var(--text-primary));text-decoration:none}.fui-clip-streamer:hover{text-decoration:underline}.fui-clip-streamer-avatar{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:hsl(var(--surface-hover));border:1px solid hsl(var(--border));border-radius:50%}.fui-clip-game{padding:4px 8px;background:hsl(var(--surface-hover));border:1px solid hsl(var(--border));font-size:12px;text-decoration:none}.fui-clip-game:hover{color:hsl(var(--text-primary))}.fui-clip-stats{gap:var(--space-4);margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid hsl(var(--border))}.fui-clip-stats span{gap:4px;font-size:12px}.fui-clip-actions{gap:var(--space-2);flex-wrap:wrap}.fui-clip-action-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:hsl(var(--surface-elevated));border:1px solid hsl(var(--border));color:hsl(var(--text-secondary));font-size:12px;cursor:pointer;transition:all .15s ease}.fui-clip-action-btn:hover{color:hsl(var(--text-primary));border-color:hsl(var(--white)/.2)}.fui-clip-action-btn.active{color:hsl(var(--error));border-color:hsl(var(--error)/.3)}.fui-clip-share-container{position:relative}.fui-clip-share-menu{position:absolute;bottom:100%;left:0;margin-bottom:var(--space-2);background:hsl(var(--surface));border:1px solid hsl(var(--border));min-width:150px;z-index:10}.fui-clip-share-menu button{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);background:transparent;border:none;color:hsl(var(--text-secondary));font-size:12px;cursor:pointer;transition:background .15s ease}.fui-clip-share-menu button:hover{background:hsl(var(--surface-hover));color:hsl(var(--text-primary))}.fui-clip-vod-link{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-3);background:hsl(var(--surface-elevated));border:1px solid hsl(var(--border));color:hsl(var(--text-secondary));font-size:13px;text-decoration:none;transition:all .15s ease}.fui-clip-vod-link:hover{color:hsl(var(--text-primary));border-color:hsl(var(--white)/.2)}.fui-clip-vod-timestamp{margin-left:auto;font-family:JetBrains Mono,monospace;font-size:11px;color:hsl(var(--text-muted))}.fui-clip-sidebar{background:hsl(var(--surface));border:1px solid hsl(var(--border));height:-moz-fit-content;height:fit-content}.fui-clip-sidebar-header{padding:var(--space-3);border-bottom:1px solid hsl(var(--border))}.fui-clip-sidebar-header h3{font-size:12px;font-family:JetBrains Mono,monospace;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--text-primary))}.fui-clip-related-list{display:flex;flex-direction:column}.fui-clip-related-item{display:flex;gap:var(--space-3);padding:var(--space-3);border-bottom:1px solid hsl(var(--border));text-decoration:none;transition:background .15s ease}.fui-clip-related-item:hover,.fui-clip-related-thumbnail{background:hsl(var(--surface-hover))}.fui-clip-related-thumbnail{position:relative;width:120px;aspect-ratio:16/9;flex-shrink:0}.fui-clip-related-duration{position:absolute;bottom:4px;right:4px;padding:2px 4px;background:hsl(var(--black)/.8);font-size:10px;font-family:JetBrains Mono,monospace;color:hsl(var(--white))}.fui-clip-related-info{flex:1;min-width:0}.fui-clip-related-info h4{font-size:12px;font-weight:500;color:hsl(var(--text-primary));margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fui-clip-related-info span{display:block;font-size:11px;color:hsl(var(--text-muted))}@media (max-width:1024px){.fui-clip-viewer{grid-template-columns:1fr}.fui-clip-sidebar{display:none}}.fui-notifications{padding:var(--space-6);max-width:900px;margin:0 auto}.fui-notifications-header{margin-bottom:var(--space-6)}.fui-notifications-title-row{display:flex;align-items:center;gap:var(--space-3)}.fui-notifications-badge{padding:4px 8px;background:hsl(var(--error)/.2);border:1px solid hsl(var(--error)/.3);font-size:11px;font-family:JetBrains Mono,monospace;color:hsl(var(--error))}.fui-notifications-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-4);flex-wrap:wrap}.fui-notifications-filters{display:flex;gap:var(--space-2)}.fui-notifications-select{color:hsl(var(--text-primary));font-family:JetBrains Mono,monospace}.fui-notifications-filter-btn,.fui-notifications-select{padding:var(--space-2) var(--space-3);background:hsl(var(--surface));border:1px solid hsl(var(--border));font-size:12px;cursor:pointer}.fui-notifications-filter-btn{display:flex;align-items:center;gap:var(--space-2);color:hsl(var(--text-muted));transition:all .15s ease}.fui-notifications-filter-btn.active,.fui-notifications-filter-btn:hover{color:hsl(var(--text-primary));border-color:hsl(var(--white)/.2)}.fui-notifications-actions,.fui-notifications-list{display:flex;gap:var(--space-2)}.fui-notifications-list{flex-direction:column}.fui-notification-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:hsl(var(--surface));border:1px solid hsl(var(--border));position:relative;transition:all .15s ease}.fui-notification-item:hover{background:hsl(var(--surface-hover))}.fui-notification-item.unread{background:hsl(var(--surface-elevated));border-color:hsl(var(--white)/.1)}.fui-notification-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid;flex-shrink:0}.fui-notif-follow,.fui-notif-live{color:hsl(var(--error));border-color:hsl(var(--error)/.3);background:hsl(var(--error)/.1)}.fui-notif-subscribe{color:#ffbf00;border-color:rgba(255,191,0,.3);background:rgba(255,191,0,.1)}.fui-notif-gift{color:#b152e0;border-color:rgba(177,82,224,.3);background:rgba(177,82,224,.1)}.fui-notif-raid{color:#e052b1;border-color:rgba(224,82,177,.3);background:rgba(224,82,177,.1)}.fui-notif-mention,.fui-notif-whisper{color:#0af;border-color:rgba(0,170,255,.3);background:rgba(0,170,255,.1)}.fui-notif-achievement,.fui-notif-reward{color:hsl(var(--success));border-color:hsl(var(--success)/.3);background:hsl(var(--success)/.1)}.fui-notif-moderation{color:hsl(var(--warning));border-color:hsl(var(--warning)/.3);background:hsl(var(--warning)/.1)}.fui-notif-system{color:hsl(var(--text-muted));border-color:hsl(var(--border));background:hsl(var(--surface-hover))}.fui-notification-content{flex:1;min-width:0}.fui-notification-link{text-decoration:none}.fui-notification-title{font-size:14px;font-weight:500;color:hsl(var(--text-primary));margin-bottom:4px}.fui-notification-message{font-size:13px;color:hsl(var(--text-secondary));margin-bottom:var(--space-2)}.fui-notification-meta{display:flex;align-items:center;gap:var(--space-3)}.fui-notification-time{display:flex;align-items:center;gap:4px;font-family:JetBrains Mono,monospace}.fui-notification-time,.fui-notification-user{font-size:11px;color:hsl(var(--text-muted))}.fui-notification-image{width:48px;height:48px;position:relative;border-radius:4px;overflow:hidden}.fui-notification-actions{display:flex;gap:var(--space-1);opacity:0;transition:opacity .15s ease}.fui-notification-item:hover .fui-notification-actions{opacity:1}.fui-notification-action-btn{padding:var(--space-1);background:hsl(var(--surface-hover));border:1px solid hsl(var(--border));color:hsl(var(--text-muted));cursor:pointer;transition:all .15s ease}.fui-notification-action-btn:hover{color:hsl(var(--text-primary));border-color:hsl(var(--white)/.2)}.fui-notification-unread-indicator{position:absolute;left:0;top:0;bottom:0;width:3px;background:hsl(var(--white))}.fui-notifications-empty{display:flex;flex-direction:column;align-items:center;padding:var(--space-12);color:hsl(var(--text-muted));text-align:center}.fui-notifications-empty svg{margin-bottom:var(--space-4);opacity:.5}.fui-notifications-empty p{font-size:16px;margin-bottom:var(--space-1)}.fui-wallet{padding:var(--space-6);max-width:1200px;margin:0 auto}.fui-wallet-header{margin-bottom:var(--space-6)}.fui-wallet-tabs{display:flex;gap:var(--space-1);margin-top:var(--space-4);padding:4px;background:hsl(var(--surface));border:1px solid hsl(var(--border));width:-moz-fit-content;width:fit-content}.fui-wallet-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:transparent;border:1px solid transparent;color:hsl(var(--text-muted));font-size:12px;font-family:JetBrains Mono,monospace;cursor:pointer;transition:all .15s ease}.fui-wallet-tab.active,.fui-wallet-tab:hover{color:hsl(var(--text-primary))}.fui-wallet-tab.active{background:hsl(var(--surface-elevated));border-color:hsl(var(--border))}.fui-wallet-balances{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.fui-wallet-balance-card{padding:var(--space-4);background:hsl(var(--surface));border:1px solid hsl(var(--border))}.fui-wallet-balance-card.primary{background:hsl(var(--surface-elevated));border-color:hsl(var(--white)/.2)}.fui-wallet-balance-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);color:hsl(var(--text-muted));font-size:12px;font-family:JetBrains Mono,monospace;text-transform:uppercase}.fui-wallet-balance-value{font-size:28px;font-family:JetBrains Mono,monospace;font-weight:700;color:hsl(var(--text-primary))}.fui-wallet-balance-footer{margin-top:var(--space-2);font-size:11px;color:hsl(var(--text-muted))}.fui-wallet-quick-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.fui-wallet-stat-card{padding:var(--space-4);background:hsl(var(--surface));border:1px solid hsl(var(--border))}.fui-wallet-stat-card h4{font-size:12px;color:hsl(var(--text-muted));margin-bottom:var(--space-2)}.fui-wallet-stat-value{display:block;font-size:24px;font-family:JetBrains Mono,monospace;font-weight:600;color:hsl(var(--text-primary));margin-bottom:var(--space-2)}.fui-wallet-stat-link{display:flex;align-items:center;gap:var(--space-1);font-size:12px;color:hsl(var(--text-muted));text-decoration:none}.fui-wallet-stat-link:hover{color:hsl(var(--text-primary))}.fui-wallet-recent{background:hsl(var(--surface));border:1px solid hsl(var(--border))}.fui-wallet-recent-header{padding:var(--space-4);border-bottom:1px solid hsl(var(--border))}.fui-wallet-recent-header h3{font-size:12px;font-family:JetBrains Mono,monospace;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--text-primary))}.fui-wallet-subs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.fui-wallet-subs-header h3{font-size:14px;color:hsl(var(--text-primary))}.fui-wallet-subs-total{font-size:12px;font-family:JetBrains Mono,monospace;color:hsl(var(--text-muted))}.fui-wallet-subs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-4)}.fui-wallet-sub-card{background:hsl(var(--surface));border:1px solid hsl(var(--border));padding:var(--space-4)}.fui-wallet-sub-card.tier-2{border-color:rgba(0,170,255,.3)}.fui-wallet-sub-card.tier-3{border-color:rgba(177,82,224,.3)}.fui-wallet-sub-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.fui-wallet-sub-avatar{width:48px;height:48px;position:relative;border-radius:50%;overflow:hidden}.fui-wallet-sub-info{flex:1}.fui-wallet-sub-info h4{font-size:14px;font-weight:500;color:hsl(var(--text-primary))}.fui-wallet-sub-tier{display:flex;align-items:center;gap:4px;font-size:11px;color:#ffbf00}.fui-wallet-sub-price{font-size:14px;font-family:JetBrains Mono,monospace;font-weight:600;color:hsl(var(--text-primary))}.fui-wallet-sub-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);margin-bottom:var(--space-3);padding:var(--space-3);background:hsl(var(--surface-elevated))}.fui-wallet-sub-stat .label{display:block;font-size:10px;text-transform:uppercase;color:hsl(var(--text-muted));margin-bottom:2px}.fui-wallet-sub-stat .value{font-size:12px;font-family:JetBrains Mono,monospace;color:hsl(var(--text-primary))}.fui-wallet-sub-gifted{align-items:center;margin-bottom:var(--space-3);padding:var(--space-2);background:rgba(177,82,224,.1);border:1px solid rgba(177,82,224,.2);font-size:11px;color:#b152e0}.fui-wallet-sub-actions,.fui-wallet-sub-gifted{display:flex;gap:var(--space-2)}.fui-wallet-tx-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.fui-wallet-tx-header h3{font-size:14px;color:hsl(var(--text-primary))}.fui-wallet-tx-filter{padding:var(--space-2) var(--space-3);background:hsl(var(--surface));border:1px solid hsl(var(--border));color:hsl(var(--text-primary));font-size:12px}.fui-wallet-tx-list{display:flex;flex-direction:column;gap:var(--space-2)}.fui-wallet-tx-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:hsl(var(--surface));border:1px solid hsl(var(--border))}.fui-wallet-tx-item.compact{border:none;border-bottom:1px solid hsl(var(--border));background:transparent}.fui-wallet-tx-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid}.fui-tx-subscription{color:#ffbf00;border-color:rgba(255,191,0,.3);background:rgba(255,191,0,.1)}.fui-tx-donation{color:hsl(var(--success));border-color:hsl(var(--success)/.3);background:hsl(var(--success)/.1)}.fui-tx-bits{color:#0af;border-color:rgba(0,170,255,.3);background:rgba(0,170,255,.1)}.fui-tx-payout{color:hsl(var(--success));border-color:hsl(var(--success)/.3);background:hsl(var(--success)/.1)}.fui-tx-refund{color:hsl(var(--warning));border-color:hsl(var(--warning)/.3);background:hsl(var(--warning)/.1)}.fui-wallet-tx-info{flex:1;min-width:0}.fui-wallet-tx-desc{display:block;font-size:13px;color:hsl(var(--text-primary));margin-bottom:2px}.fui-wallet-tx-date{font-size:11px;color:hsl(var(--text-muted))}.fui-wallet-tx-amount-col{text-align:right}.fui-wallet-tx-amount{display:block;font-size:14px;font-family:JetBrains Mono,monospace;font-weight:600}.fui-wallet-tx-amount.positive{color:hsl(var(--success))}.fui-wallet-tx-amount.negative{color:hsl(var(--text-primary))}.fui-wallet-tx-status{display:flex;align-items:center;justify-content:flex-end;gap:4px;font-size:10px;text-transform:uppercase}.fui-status-completed{color:hsl(var(--success))}.fui-status-pending{color:hsl(var(--warning))}.fui-status-failed{color:hsl(var(--error))}.fui-status-refunded{color:hsl(var(--text-muted))}.fui-wallet-payment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.fui-wallet-payment-list{display:flex;flex-direction:column;gap:var(--space-3)}.fui-wallet-payment-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:hsl(var(--surface));border:1px solid hsl(var(--border))}.fui-wallet-payment-card.default{border-color:hsl(var(--white)/.2)}.fui-wallet-payment-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:hsl(var(--surface-elevated));border:1px solid hsl(var(--border));color:hsl(var(--text-muted))}.fui-wallet-payment-info{flex:1}.fui-wallet-payment-brand{display:block;font-size:14px;font-weight:500;color:hsl(var(--text-primary))}.fui-wallet-payment-email,.fui-wallet-payment-number{font-size:12px;font-family:JetBrains Mono,monospace;color:hsl(var(--text-muted))}.fui-wallet-payment-expiry{display:block;font-size:11px;color:hsl(var(--text-muted))}.fui-wallet-payment-default{display:flex;align-items:center;gap:4px;padding:4px 8px;background:hsl(var(--success)/.1);border:1px solid hsl(var(--success)/.2);font-size:10px;color:hsl(var(--success));text-transform:uppercase}.fui-wallet-payment-actions{display:flex;gap:var(--space-1)}.fui-wallet-empty{display:flex;flex-direction:column;align-items:center;padding:var(--space-12);color:hsl(var(--text-muted));text-align:center}.fui-wallet-empty svg{margin-bottom:var(--space-4);opacity:.5}.fui-wallet-empty p{font-size:16px;margin-bottom:var(--space-1)}.fui-wallet-empty span{font-size:13px;opacity:.7;margin-bottom:var(--space-4)}@media (max-width:768px){.fui-wallet-balances,.fui-wallet-quick-stats{grid-template-columns:1fr}.fui-wallet-tabs{width:100%;overflow-x:auto}}.fui-messages{display:grid;grid-template-columns:320px 1fr;height:calc(100vh - 48px)}.fui-messages-sidebar{display:flex;flex-direction:column;background:hsl(var(--surface));border-right:1px solid hsl(var(--border))}.fui-messages-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid hsl(var(--border))}.fui-messages-sidebar-header h2{font-size:16px;font-weight:600;color:hsl(var(--text-primary))}.fui-messages-search{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);border-bottom:1px solid hsl(var(--border))}.fui-messages-search svg{color:hsl(var(--text-muted))}.fui-messages-search input{flex:1;background:transparent;border:none;color:hsl(var(--text-primary));font-size:13px;outline:none}.fui-messages-list{flex:1;overflow-y:auto}.fui-conversation-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);width:100%;background:transparent;border:none;border-bottom:1px solid hsl(var(--border));cursor:pointer;transition:background .15s ease;text-align:left}.fui-conversation-item:hover{background:hsl(var(--surface-hover))}.fui-conversation-item.selected,.fui-conversation-item.unread{background:hsl(var(--surface-elevated))}.fui-conversation-avatar{position:relative;width:44px;height:44px;border-radius:50%;overflow:hidden;flex-shrink:0}.fui-conversation-online-dot{position:absolute;bottom:2px;right:2px;width:10px;height:10px;background:hsl(var(--success));border:2px solid hsl(var(--surface));border-radius:50%}.fui-conversation-info{flex:1;min-width:0}.fui-conversation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.fui-conversation-name{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:500;color:hsl(var(--text-primary))}.fui-conversation-time{font-size:10px;font-family:JetBrains Mono,monospace;color:hsl(var(--text-muted))}.fui-conversation-preview{display:flex;align-items:center;gap:var(--space-2)}.fui-conversation-preview p{flex:1;font-size:12px;color:hsl(var(--text-muted));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fui-conversation-unread{padding:2px 6px;background:hsl(var(--error));font-size:10px;font-weight:600;color:hsl(var(--white));border-radius:10px}.fui-conversation-pin{position:absolute;top:var(--space-2);right:var(--space-2);color:hsl(var(--text-muted))}.fui-messages-chat{display:flex;flex-direction:column;background:hsl(var(--background))}.fui-messages-chat-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:hsl(var(--surface));border-bottom:1px solid hsl(var(--border))}.fui-messages-back-btn{display:none;padding:var(--space-2);background:transparent;border:none;color:hsl(var(--text-secondary));cursor:pointer}.fui-messages-chat-user{display:flex;align-items:center;gap:var(--space-3);text-decoration:none}.fui-messages-avatar{position:relative;width:40px;height:40px;border-radius:50%;overflow:hidden}.fui-messages-online-dot{position:absolute;bottom:0;right:0;width:12px;height:12px;background:hsl(var(--success));border:2px solid hsl(var(--surface));border-radius:50%}.fui-messages-user-info{display:flex;flex-direction:column}.fui-messages-user-name{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:500;color:hsl(var(--text-primary))}.fui-messages-user-status{font-size:11px;color:hsl(var(--text-muted))}.fui-messages-chat-actions{margin-left:auto;display:flex;gap:var(--space-1)}.fui-messages-content{flex:1;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.fui-message{display:flex;gap:var(--space-2);max-width:70%}.fui-message.sent{margin-left:auto;flex-direction:row-reverse}.fui-message-avatar{height:32px;border-radius:50%;overflow:hidden;position:relative}.fui-message-avatar,.fui-message-avatar-placeholder{width:32px;flex-shrink:0}.fui-message-content{display:flex;flex-direction:column;gap:4px}.fui-message-bubble{padding:var(--space-3);background:hsl(var(--surface));border:1px solid hsl(var(--border))}.fui-message.sent .fui-message-bubble{background:hsl(var(--surface-elevated));border-color:hsl(var(--white)/.2)}.fui-message-bubble p{font-size:13px;color:hsl(var(--text-primary));line-height:1.5}.fui-message-meta{display:flex;align-items:center;gap:var(--space-2)}.fui-message.sent .fui-message-meta{justify-content:flex-end}.fui-message-time{font-size:10px;font-family:JetBrains Mono,monospace}.fui-message-status,.fui-message-time{color:hsl(var(--text-muted))}.fui-messages-empty,.fui-messages-no-selection{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:hsl(var(--text-muted));text-align:center}.fui-messages-empty svg,.fui-messages-no-selection svg{margin-bottom:var(--space-4);opacity:.5}.fui-messages-no-selection h3{font-size:18px;color:hsl(var(--text-primary));margin-bottom:var(--space-2)}.fui-messages-input-area{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:hsl(var(--surface));border-top:1px solid hsl(var(--border))}.fui-messages-input-btn{padding:var(--space-2);background:transparent;border:none;color:hsl(var(--text-muted));cursor:pointer;transition:color .15s ease}.fui-messages-input-btn:hover{color:hsl(var(--text-primary))}.fui-messages-input-wrapper{flex:1;display:flex;align-items:center;padding:var(--space-2) var(--space-3);background:hsl(var(--surface-elevated));border:1px solid hsl(var(--border))}.fui-messages-input-wrapper input{flex:1;background:transparent;border:none;color:hsl(var(--text-primary));font-size:13px;outline:none}.fui-messages-emoji-btn{padding:var(--space-1);background:transparent;border:none;color:hsl(var(--text-muted));cursor:pointer}.fui-messages-send-btn{padding:var(--space-2) var(--space-3);background:hsl(var(--white));border:none;color:hsl(var(--black));cursor:pointer;transition:opacity .15s ease}.fui-messages-send-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.fui-messages{grid-template-columns:1fr}.fui-messages-chat,.fui-messages-sidebar.hidden-mobile{display:none}.fui-messages-chat.show-mobile{display:flex}.fui-messages-back-btn{display:block}}.fui-moderation-header{margin-bottom:var(--space-6)}.fui-moderation-stats{margin-top:var(--space-3)}.fui-moderation-stat{font-size:12px;color:hsl(var(--text-muted))}.fui-moderation-tabs{display:flex;gap:var(--space-1);margin-top:var(--space-4);padding:4px;background:hsl(var(--surface));border:1px solid hsl(var(--border));width:-moz-fit-content;width:fit-content}.fui-moderation-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:1px solid transparent;color:hsl(var(--text-muted));font-size:12px;font-family:JetBrains Mono,monospace;cursor:pointer;transition:all .15s ease}.fui-moderation-tab.active,.fui-moderation-tab:hover{color:hsl(var(--text-primary))}.fui-moderation-tab.active{background:hsl(var(--surface-elevated));border-color:hsl(var(--border))}.fui-mod-activity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.fui-mod-activity-header h3{font-size:14px;color:hsl(var(--text-primary))}.fui-mod-activity-list{display:flex;flex-direction:column;gap:var(--space-2)}.fui-mod-action-item{gap:var(--space-3);padding:var(--space-3);background:hsl(var(--surface))}.fui-mod-action-icon,.fui-mod-action-item{display:flex;border:1px solid hsl(var(--border))}.fui-mod-action-icon{width:36px;height:36px;align-items:center;justify-content:center;background:hsl(var(--surface-hover));color:hsl(var(--text-muted));flex-shrink:0}.fui-mod-action-info{flex:1}.fui-mod-action-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:4px}.fui-mod-action-mod{font-weight:500;color:hsl(var(--text-primary))}.fui-mod-action-type{font-size:12px;color:hsl(var(--text-muted));text-transform:capitalize}.fui-mod-action-target{font-size:12px;color:hsl(var(--error))}.fui-mod-action-message,.fui-mod-action-reason{font-size:12px;color:hsl(var(--text-secondary));margin-top:4px}.fui-mod-action-message{font-style:italic;opacity:.8}.fui-mod-action-duration,.fui-mod-action-time{font-size:11px;font-family:JetBrains Mono,monospace;color:hsl(var(--text-muted))}.fui-mod-action-time{white-space:nowrap}.fui-mod-banned-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.fui-mod-banned-search{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:hsl(var(--surface));border:1px solid hsl(var(--border));width:300px}.fui-mod-banned-search svg{color:hsl(var(--text-muted))}.fui-mod-banned-search input{flex:1;background:transparent;border:none;color:hsl(var(--text-primary));font-size:13px;outline:none}.fui-mod-banned-list{display:flex;flex-direction:column;gap:var(--space-2)}.fui-mod-banned-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:hsl(var(--surface));border:1px solid hsl(var(--border))}.fui-mod-banned-user{display:flex;align-items:center;gap:var(--space-3);min-width:200px}.fui-mod-banned-user svg{color:hsl(var(--error))}.fui-mod-banned-info{display:flex;flex-direction:column}.fui-mod-banned-name{font-weight:500;color:hsl(var(--text-primary))}.fui-mod-banned-by{font-size:11px;color:hsl(var(--text-muted))}.fui-mod-banned-details{flex:1}.fui-mod-banned-reason{font-size:12px;color:hsl(var(--text-secondary));margin-bottom:4px}.fui-mod-banned-meta{display:flex;gap:var(--space-3);font-size:11px;color:hsl(var(--text-muted))}.fui-mod-permanent{color:hsl(var(--error));font-weight:500}.fui-mod-chat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.fui-mod-chat-list{display:flex;flex-direction:column;gap:var(--space-2)}.fui-mod-chat-item{padding:var(--space-3);background:hsl(var(--surface));border:1px solid hsl(var(--border))}.fui-mod-chat-item.deleted{opacity:.5}.fui-mod-chat-user{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.fui-mod-chat-username{font-weight:500;color:hsl(var(--text-primary))}.fui-mod-chat-badges{display:flex;gap:4px}.fui-mod-chat-badge{padding:2px 4px;background:hsl(var(--surface-hover));font-size:9px;color:hsl(var(--text-muted))}.fui-mod-chat-content{font-size:13px;color:hsl(var(--text-secondary));margin-bottom:var(--space-2)}.fui-mod-chat-flag{display:flex;align-items:center;gap:4px;font-size:11px;color:hsl(var(--warning));margin-bottom:var(--space-2)}.fui-mod-chat-actions{display:flex;gap:var(--space-1)}.fui-mod-automod-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.fui-mod-automod-list{display:flex;flex-direction:column;gap:var(--space-3)}.fui-mod-automod-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:hsl(var(--surface));border:1px solid hsl(var(--border))}.fui-mod-automod-item.disabled{opacity:.6}.fui-mod-automod-header-row{display:flex;align-items:center;gap:var(--space-2);margin-bottom:4px}.fui-mod-automod-header-row h4{font-size:14px;color:hsl(var(--text-primary))}.fui-mod-automod-severity{padding:2px 6px;font-size:10px;text-transform:uppercase;border:1px solid}.fui-mod-automod-severity.low{color:hsl(var(--success));border-color:hsl(var(--success)/.3)}.fui-mod-automod-severity.medium{color:hsl(var(--warning));border-color:hsl(var(--warning)/.3)}.fui-mod-automod-severity.high{color:hsl(var(--error));border-color:hsl(var(--error)/.3)}.fui-mod-automod-action,.fui-mod-automod-type{font-size:12px;color:hsl(var(--text-muted))}.fui-mod-automod-toggle{background:transparent;border:none;cursor:pointer}.fui-mod-automod-toggle-track{width:44px;height:24px;background:hsl(var(--surface-hover));border:1px solid hsl(var(--border));position:relative;transition:all .2s ease}.fui-mod-automod-toggle.active .fui-mod-automod-toggle-track{background:hsl(var(--white)/.2);border-color:hsl(var(--white)/.3)}.fui-mod-automod-toggle-thumb{width:18px;height:18px;background:hsl(var(--text-muted));position:absolute;top:2px;left:2px;transition:all .2s ease}.fui-mod-automod-toggle.active .fui-mod-automod-toggle-thumb{left:22px;background:hsl(var(--white))}.fui-mod-mods-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.fui-mod-mods-list{display:flex;flex-direction:column;gap:var(--space-2)}.fui-mod-mod-item{gap:var(--space-3);padding:var(--space-3);background:hsl(var(--surface))}.fui-mod-mod-avatar,.fui-mod-mod-item{display:flex;align-items:center;border:1px solid hsl(var(--border))}.fui-mod-mod-avatar{width:40px;height:40px;justify-content:center;background:hsl(var(--surface-hover));color:hsl(var(--success))}.fui-mod-mod-info{min-width:150px}.fui-mod-mod-name{display:block;font-weight:500;color:hsl(var(--text-primary))}.fui-mod-mod-stats,.fui-mod-mod-username{font-size:11px;color:hsl(var(--text-muted))}.fui-mod-mod-stats{display:flex;gap:var(--space-4)}.fui-mod-mod-perms{flex:1;display:flex;gap:var(--space-1);flex-wrap:wrap}.fui-mod-mod-perm{background:hsl(var(--surface-hover));border:1px solid hsl(var(--border));text-transform:uppercase}.fui-mod-mod-perm,.fui-mod-mod-perm-more{padding:2px 6px;font-size:9px;color:hsl(var(--text-muted))}.fui-mod-mod-perm-more{background:hsl(var(--surface-elevated))}.fui-mod-empty{display:flex;flex-direction:column;align-items:center;padding:var(--space-12);color:hsl(var(--text-muted));text-align:center}.fui-mod-empty svg{margin-bottom:var(--space-4);opacity:.5}.fui-onboarding{min-height:100vh;display:flex;flex-direction:column;background:hsl(var(--background));position:relative;overflow:hidden}.fui-onboarding-bg{position:absolute;inset:0;pointer-events:none}.fui-onboarding-grid{position:absolute;inset:0;background-image:linear-gradient(hsl(var(--white)/.02) 1px,transparent 1px),linear-gradient(90deg,hsl(var(--white)/.02) 1px,transparent 1px);background-size:40px 40px}.fui-onboarding-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(circle,hsl(var(--white)/.03),transparent 70%)}.fui-onboarding-skip{position:absolute;top:var(--space-6);right:var(--space-6);display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:1px solid hsl(var(--border));color:hsl(var(--text-muted));font-size:12px;cursor:pointer;transition:all .15s ease;z-index:10}.fui-onboarding-skip:hover{color:hsl(var(--text-primary));border-color:hsl(var(--white)/.2)}.fui-onboarding-progress{position:fixed;top:0;left:0;right:0;height:2px;background:hsl(var(--border));z-index:20}.fui-onboarding-progress-fill{height:100%;background:hsl(var(--white));transition:width .3s ease}.fui-onboarding-steps{display:flex;justify-content:center;gap:var(--space-3);padding:var(--space-8) var(--space-6) var(--space-4);position:relative;z-index:1}.fui-onboarding-step-dot{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:hsl(var(--surface));border:1px solid hsl(var(--border));font-size:12px;font-family:JetBrains Mono,monospace;color:hsl(var(--text-muted));transition:all .2s ease}.fui-onboarding-step-dot.active{background:hsl(var(--white));border-color:hsl(var(--white));color:hsl(var(--black))}.fui-onboarding-step-dot.completed{background:hsl(var(--success)/.2);border-color:hsl(var(--success));color:hsl(var(--success))}.fui-onboarding-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);position:relative;z-index:1}.fui-onboarding-welcome{text-align:center;max-width:600px}.fui-onboarding-logo{width:100px;height:100px;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-6);background:hsl(var(--surface));border:1px solid hsl(var(--border));color:hsl(var(--text-primary))}.fui-onboarding-welcome h1{font-size:32px;font-weight:700;color:hsl(var(--text-primary));margin-bottom:var(--space-3)}.fui-onboarding-welcome p{font-size:16px;color:hsl(var(--text-muted));margin-bottom:var(--space-8)}.fui-onboarding-features{display:flex;justify-content:center;gap:var(--space-8)}.fui-onboarding-feature{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:hsl(var(--text-muted))}.fui-onboarding-feature svg{padding:var(--space-3);background:hsl(var(--surface));border:1px solid hsl(var(--border))}.fui-onboarding-channels,.fui-onboarding-interests,.fui-onboarding-notifications{width:100%;max-width:800px}.fui-onboarding-header{text-align:center;margin-bottom:var(--space-6)}.fui-onboarding-header svg{margin-bottom:var(--space-3);color:hsl(var(--text-primary))}.fui-onboarding-header h2{font-size:24px;font-weight:600;color:hsl(var(--text-primary));margin-bottom:var(--space-2)}.fui-onboarding-header p{font-size:14px;color:hsl(var(--text-muted))}.fui-onboarding-categories{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.fui-onboarding-category{position:relative;aspect-ratio:1;background:hsl(var(--surface));border:2px solid hsl(var(--border));cursor:pointer;overflow:hidden;transition:all .2s ease}.fui-onboarding-category:hover{border-color:hsl(var(--white)/.3)}.fui-onboarding-category.selected{border-color:hsl(var(--white))}.fui-onboarding-category-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:hsl(var(--black)/.6);color:hsl(var(--white));font-size:12px;font-weight:500;text-transform:uppercase}.fui-onboarding-category.selected .fui-onboarding-category-overlay{background:hsl(var(--black)/.8)}.fui-onboarding-hint{display:block;text-align:center;font-size:12px;color:hsl(var(--text-muted))}.fui-onboarding-channel-list{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.fui-onboarding-channel{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:hsl(var(--surface));border:1px solid hsl(var(--border))}.fui-onboarding-channel.followed{border-color:hsl(var(--white)/.2)}.fui-onboarding-channel-avatar{position:relative;width:48px;height:48px;border-radius:50%;overflow:hidden}.fui-onboarding-live-dot{position:absolute;bottom:0;right:0;width:12px;height:12px;background:hsl(var(--error));border:2px solid hsl(var(--surface));border-radius:50%}.fui-onboarding-channel-info{flex:1}.fui-onboarding-channel-name{display:block;font-weight:500;color:hsl(var(--text-primary))}.fui-onboarding-channel-game{display:block;font-size:12px;color:hsl(var(--text-muted))}.fui-onboarding-channel-viewers{display:flex;align-items:center;gap:4px;font-size:11px;color:hsl(var(--error))}.fui-onboarding-notif-options{display:flex;flex-direction:column;gap:var(--space-3)}.fui-onboarding-notif-option{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:hsl(var(--surface));border:1px solid hsl(var(--border))}.fui-onboarding-notif-info{display:flex;align-items:center;gap:var(--space-3)}.fui-onboarding-notif-info svg{color:hsl(var(--text-muted))}.fui-onboarding-notif-info span{display:block;font-weight:500;color:hsl(var(--text-primary))}.fui-onboarding-notif-info p{font-size:12px;color:hsl(var(--text-muted))}.fui-onboarding-toggle{background:transparent;border:none;cursor:pointer}.fui-onboarding-toggle-track{width:48px;height:26px;background:hsl(var(--surface-hover));border:1px solid hsl(var(--border));position:relative;transition:all .2s ease}.fui-onboarding-toggle.active .fui-onboarding-toggle-track{background:hsl(var(--white)/.2);border-color:hsl(var(--white)/.3)}.fui-onboarding-toggle-thumb{width:20px;height:20px;background:hsl(var(--text-muted));position:absolute;top:2px;left:2px;transition:all .2s ease}.fui-onboarding-toggle.active .fui-onboarding-toggle-thumb{left:24px;background:hsl(var(--white))}.fui-onboarding-complete{text-align:center;max-width:500px}.fui-onboarding-complete-icon{width:100px;height:100px;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-6);background:hsl(var(--success)/.2);border:2px solid hsl(var(--success));color:hsl(var(--success))}.fui-onboarding-complete h1{font-size:28px;font-weight:700;color:hsl(var(--text-primary));margin-bottom:var(--space-2)}.fui-onboarding-complete p{font-size:14px;color:hsl(var(--text-muted));margin-bottom:var(--space-6)}.fui-onboarding-summary{display:flex;flex-direction:column;gap:var(--space-2)}.fui-onboarding-summary-item{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2);background:hsl(var(--surface));border:1px solid hsl(var(--border));font-size:13px;color:hsl(var(--text-secondary))}.fui-onboarding-nav{display:flex;align-items:center;padding:var(--space-6);position:relative;z-index:1}.fui-onboarding-nav-spacer{flex:1}@media (max-width:640px){.fui-onboarding-categories{grid-template-columns:repeat(2,1fr)}.fui-onboarding-features{flex-direction:column;gap:var(--space-4)}.fui-onboarding-skip{top:var(--space-4);right:var(--space-4)}}.fui-stream-manager{display:grid;grid-template-columns:400px 1fr;gap:24px}.fui-stream-preview-col,.fui-stream-settings-col{display:flex;flex-direction:column;gap:16px}.fui-stream-preview{overflow:hidden}.fui-stream-preview-video{position:relative}.fui-stream-preview-live,.fui-stream-preview-offline{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.fui-stream-preview-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:hsl(var(--text-muted))}.fui-stream-preview-placeholder span{font-size:12px;font-family:JetBrains Mono,monospace;letter-spacing:.05em;text-transform:uppercase}.fui-stream-preview-offline{color:hsl(var(--text-muted))}.fui-stream-preview-offline span{font-size:14px;font-weight:500;margin-top:8px}.fui-stream-preview-offline p{font-size:12px;color:hsl(var(--text-muted)/.7)}.fui-stream-preview-badge{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:8px}.fui-stream-preview-viewers{display:flex;align-items:center;gap:4px;padding:4px 8px;background:hsl(var(--gray-900)/.9);font-size:12px;font-family:JetBrains Mono,monospace}.fui-stream-preview-controls{display:flex;gap:8px;padding:16px;border-top:1px solid hsl(var(--border))}.fui-stream-preview-controls .fui-btn{flex:1}.fui-stream-health-panel .fui-dashboard-panel-header h3{display:flex;align-items:center;gap:8px}.fui-stream-health-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:16px}.fui-stream-health-item{display:flex;flex-direction:column;gap:4px}.fui-stream-health-label{font-size:10px;font-family:JetBrains Mono,monospace;color:hsl(var(--text-muted));letter-spacing:.05em;text-transform:uppercase}.fui-stream-health-value{font-size:14px;font-weight:600;color:hsl(var(--text-primary));display:flex;align-items:center;gap:6px}.fui-stream-health-value.fui-health-excellent,.fui-stream-health-value.fui-health-good{color:#1cca5b}.fui-stream-health-value.fui-health-fair{color:#facc14}.fui-stream-health-value.fui-health-poor{color:#ef4343}.fui-stream-health-offline{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px 16px;color:hsl(var(--text-muted))}.fui-stream-health-offline p{font-size:12px}.fui-stream-quick-stats{padding:16px}.fui-stream-stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.fui-stream-stat-item{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.fui-stream-stat-item svg{color:hsl(var(--text-muted))}.fui-stream-stat-value{font-size:18px;font-weight:700;font-family:JetBrains Mono,monospace;color:hsl(var(--text-primary))}.fui-stream-stat-label{font-size:10px;color:hsl(var(--text-muted));text-transform:uppercase;letter-spacing:.05em}.fui-stream-tabs{display:flex;gap:0;border:1px solid hsl(var(--border));background:hsl(var(--gray-900))}.fui-stream-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;font-size:12px;font-weight:500;color:hsl(var(--text-muted));background:transparent;border:none;border-right:1px solid hsl(var(--border));cursor:pointer;transition:all .15s ease}.fui-stream-tab:last-child{border-right:none}.fui-stream-tab.active,.fui-stream-tab:hover{color:hsl(var(--text-primary));background:hsl(var(--gray-800))}.fui-stream-tab.active{border-bottom:2px solid hsl(var(--text-primary))}.fui-stream-info-panel{padding:20px}.fui-stream-form{display:flex;flex-direction:column;gap:20px}.fui-stream-form-group{display:flex;flex-direction:column;gap:8px}.fui-stream-form-group label{font-size:11px;font-family:JetBrains Mono,monospace;color:hsl(var(--text-muted));letter-spacing:.05em;text-transform:uppercase}.fui-stream-form-group input,.fui-stream-form-group select{padding:10px 12px;font-size:14px;font-family:Inter,sans-serif;color:hsl(var(--text-primary));background:hsl(var(--gray-900));border:1px solid hsl(var(--border));transition:border-color .15s ease}.fui-stream-form-group input:focus,.fui-stream-form-group select:focus{outline:none;border-color:hsl(var(--text-primary))}.fui-stream-category-select{position:relative;display:flex;align-items:center}.fui-stream-category-select svg{position:absolute;left:12px;color:hsl(var(--text-muted))}.fui-stream-category-select input{width:100%;padding-left:40px}.fui-stream-tags{flex-wrap:wrap;gap:8px;padding:10px 12px;background:hsl(var(--gray-900))}.fui-stream-tag,.fui-stream-tags{display:flex;border:1px solid hsl(var(--border))}.fui-stream-tag{gap:6px;padding:4px 10px;font-size:12px;color:hsl(var(--text-primary))}.fui-stream-tag button{font-size:14px;color:hsl(var(--text-muted))}.fui-stream-tag button:hover,.fui-stream-tags input{color:hsl(var(--text-primary))}.fui-stream-tags input{flex:1;min-width:100px;padding:4px;font-size:12px;background:transparent;border:none}.fui-stream-tags input:focus{outline:none}.fui-stream-form-row{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end}.fui-stream-toggle-group{flex-direction:row;align-items:center;justify-content:space-between;padding:10px 12px;background:hsl(var(--gray-900));border:1px solid hsl(var(--border))}.fui-stream-toggle-group label{margin:0}.fui-stream-form-actions{padding-top:12px;border-top:1px solid hsl(var(--border))}.fui-toggle{background:hsl(var(--gray-800));border:1px solid hsl(var(--border));transition:all .2s ease}.fui-toggle:hover{border-color:hsl(var(--text-muted))}.fui-toggle.active{background:hsl(var(--text-primary));border-color:hsl(var(--text-primary))}.fui-toggle-thumb{top:3px;left:3px;width:16px;height:16px;background:hsl(var(--text-muted))}.fui-toggle.active .fui-toggle-thumb{left:calc(100% - 19px);background:hsl(var(--background))}.fui-stream-presets{margin-top:20px;padding-top:20px;border-top:1px solid hsl(var(--border))}.fui-stream-presets h4{font-size:11px;font-family:JetBrains Mono,monospace;color:hsl(var(--text-muted));letter-spacing:.05em;text-transform:uppercase;margin-bottom:12px}.fui-stream-presets-list{display:flex;flex-direction:column;gap:8px}.fui-stream-preset-btn{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;font-size:13px;color:hsl(var(--text-secondary));background:hsl(var(--gray-900));border:1px solid hsl(var(--border));cursor:pointer;transition:all .15s ease}.fui-stream-preset-btn:hover{color:hsl(var(--text-primary));border-color:hsl(var(--text-muted))}.fui-stream-settings-panel{padding:20px}.fui-stream-key-section{margin-bottom:24px}.fui-stream-key-section h4{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:hsl(var(--text-primary));margin-bottom:8px}.fui-stream-key-warning{font-size:12px;color:hsl(var(--text-muted));margin-bottom:12px}.fui-stream-key-field{display:flex;gap:8px;margin-bottom:12px}.fui-stream-key-field input{flex:1;padding:10px 12px;font-size:13px;font-family:JetBrains Mono,monospace;color:hsl(var(--text-primary));background:hsl(var(--gray-900));border:1px solid hsl(var(--border))}.fui-stream-key-field input:focus{outline:none}.fui-stream-server-field{margin-bottom:16px}.fui-stream-server-field label{display:block;font-size:11px;font-family:JetBrains Mono,monospace;color:hsl(var(--text-muted));letter-spacing:.05em;text-transform:uppercase;margin-bottom:8px}.fui-stream-broadcast-settings{border-top:1px solid hsl(var(--border));padding-top:20px}.fui-stream-broadcast-settings h4{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:hsl(var(--text-primary));margin-bottom:16px}.fui-stream-setting-item{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid hsl(var(--border))}.fui-stream-setting-item:last-child{border-bottom:none}.fui-stream-setting-info{display:flex;flex-direction:column;gap:2px}.fui-stream-setting-info span{font-size:13px;font-weight:500;color:hsl(var(--text-primary))}.fui-stream-setting-info p{font-size:12px;color:hsl(var(--text-muted))}.fui-stream-setting-item select{padding:8px 12px;font-size:12px;color:hsl(var(--text-primary));background:hsl(var(--gray-900));border:1px solid hsl(var(--border));cursor:pointer}.fui-stream-chat-panel{padding:20px}.fui-stream-chat-panel h4{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:hsl(var(--text-primary));margin-bottom:16px}.fui-stream-chat-settings{display:flex;flex-direction:column}.fui-stream-mod-link{display:flex;align-items:center;gap:8px;padding:14px 16px;margin-top:20px;font-size:13px;color:hsl(var(--text-secondary));background:hsl(var(--gray-900));border:1px solid hsl(var(--border));text-decoration:none;transition:all .15s ease}.fui-stream-mod-link:hover{color:hsl(var(--text-primary));border-color:hsl(var(--text-muted))}.fui-stream-mod-link svg:last-child{margin-left:auto}.fui-analytics-controls{display:flex;align-items:center;justify-content:space-between;padding:16px 0;margin-bottom:16px;border-bottom:1px solid hsl(var(--border))}.fui-analytics-tabs{display:flex;gap:0}.fui-analytics-tab{padding:10px 20px;font-size:13px;font-weight:500;color:hsl(var(--text-muted));background:transparent;border:1px solid hsl(var(--border));border-right:none;cursor:pointer;transition:all .15s ease}.fui-analytics-tab:last-child{border-right:1px solid hsl(var(--border))}.fui-analytics-tab:hover{color:hsl(var(--text-primary));background:hsl(var(--gray-900))}.fui-analytics-tab.active{color:hsl(var(--text-primary));background:hsl(var(--gray-800));border-color:hsl(var(--text-primary))}.fui-analytics-actions{display:flex;align-items:center;gap:12px}.fui-analytics-date-select{padding:8px 12px;font-size:12px;color:hsl(var(--text-primary));background:hsl(var(--gray-900));border:1px solid hsl(var(--border));cursor:pointer}.fui-analytics-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.fui-analytics-metric-card{padding:20px;background:hsl(var(--gray-900));border:1px solid hsl(var(--border))}.fui-analytics-metric-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.fui-analytics-metric-header svg{color:hsl(var(--text-muted))}.fui-analytics-metric-change{display:flex;align-items:center;gap:4px}.fui-analytics-metric-change.positive{color:#1cca5b}.fui-analytics-metric-change.negative{color:#ef4343}.fui-analytics-metric-value{display:block;color:hsl(var(--text-primary));margin-bottom:4px}.fui-analytics-metric-label{color:hsl(var(--text-muted))}.fui-analytics-charts-row{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:24px}.fui-analytics-chart-panel{padding:0}.fui-analytics-chart{padding:20px}.fui-bar-chart{justify-content:space-between;height:200px;padding:0 8px}.fui-bar-chart-bar{width:32px;background:linear-gradient(180deg,hsl(var(--text-primary)) 0,hsl(var(--text-primary)/.5) 100%);transition:height .3s ease}.fui-bar-chart-bar:hover{background:hsl(var(--text-primary))}.fui-bar-chart-tooltip{top:-28px;padding:4px 8px;color:hsl(var(--text-primary));background:hsl(var(--gray-800));border:1px solid hsl(var(--border))}.fui-bar-chart-label{margin-top:8px;font-size:11px;color:hsl(var(--text-muted))}.fui-analytics-growth-panel{padding:0}.fui-analytics-growth-stats{padding:16px 20px}.fui-analytics-growth-item{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid hsl(var(--border)/.5)}.fui-analytics-growth-item:last-child{border-bottom:none}.fui-analytics-growth-label{font-size:13px;color:hsl(var(--text-secondary))}.fui-analytics-growth-value{font-size:14px;font-weight:600;font-family:JetBrains Mono,monospace}.fui-analytics-growth-value.positive{color:#1cca5b}.fui-analytics-growth-value.negative{color:#ef4343}.fui-analytics-growth-divider{height:1px;background:hsl(var(--border));margin:8px 0}.fui-analytics-top-streams{padding:0}.fui-analytics-streams-table{padding:0 20px 20px}.fui-analytics-table-header{padding:12px 0;font-size:10px;font-family:JetBrains Mono,monospace;color:hsl(var(--text-muted));letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid hsl(var(--border))}.fui-analytics-table-header,.fui-analytics-table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:16px}.fui-analytics-table-row{padding:14px 0;font-size:13px;color:hsl(var(--text-secondary));border-bottom:1px solid hsl(var(--border)/.5)}.fui-analytics-table-row:last-child{border-bottom:none}.fui-analytics-stream-title{color:hsl(var(--text-primary));font-weight:500}.fui-analytics-table-row .positive{color:#1cca5b}.fui-analytics-demographics{padding:0}.fui-analytics-distribution{padding:16px 20px}.fui-analytics-dist-item{margin-bottom:16px}.fui-analytics-dist-item:last-child{margin-bottom:0}.fui-analytics-dist-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.fui-analytics-dist-header svg{color:hsl(var(--text-muted))}.fui-analytics-dist-header span{font-size:13px;color:hsl(var(--text-secondary))}.fui-analytics-dist-percent{margin-left:auto;font-size:13px;font-weight:600;font-family:JetBrains Mono,monospace;color:hsl(var(--text-primary))}.fui-analytics-dist-bar{height:8px;background:hsl(var(--gray-800));overflow:hidden}.fui-analytics-dist-fill{height:100%;background:hsl(var(--text-primary))}.fui-analytics-engagement{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:20px}.fui-analytics-engagement-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px;background:hsl(var(--gray-900))}.fui-analytics-engagement-value{font-size:24px;font-weight:700;font-family:JetBrains Mono,monospace;color:hsl(var(--text-primary));margin-bottom:4px}.fui-analytics-engagement-label{font-size:11px;color:hsl(var(--text-muted));text-transform:uppercase;letter-spacing:.05em}.fui-analytics-revenue-breakdown{padding:0}.fui-analytics-revenue-chart{padding:20px}.fui-analytics-revenue-bars{display:flex;flex-direction:column;gap:16px}.fui-analytics-revenue-bar-item{display:grid;grid-template-columns:120px 1fr 80px;align-items:center;gap:16px}.fui-analytics-revenue-bar-label{font-size:13px;color:hsl(var(--text-secondary))}.fui-analytics-revenue-bar{height:24px;background:hsl(var(--gray-800))}.fui-analytics-revenue-bar-fill{height:100%}.fui-analytics-revenue-bar-fill.subs{background:hsl(var(--text-primary))}.fui-analytics-revenue-bar-fill.bits{background:hsl(var(--text-primary)/.7)}.fui-analytics-revenue-bar-fill.donations{background:hsl(var(--text-primary)/.5)}.fui-analytics-revenue-bar-fill.ads{background:hsl(var(--text-primary)/.3)}.fui-analytics-revenue-bar-value{font-size:14px;font-weight:600;font-family:JetBrains Mono,monospace;color:hsl(var(--text-primary));text-align:right}.fui-analytics-sub-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:20px}.fui-analytics-tier{padding:16px;background:hsl(var(--gray-900));border:1px solid hsl(var(--border))}.fui-analytics-tier-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.fui-analytics-tier-name{font-size:12px;font-weight:600;color:hsl(var(--text-primary))}.fui-analytics-tier-price{font-size:11px;color:hsl(var(--text-muted))}.fui-analytics-tier-count{display:block;font-size:24px;font-weight:700;font-family:JetBrains Mono,monospace;color:hsl(var(--text-primary));margin-bottom:12px}.fui-analytics-tier-bar{height:6px;background:hsl(var(--gray-800))}.fui-analytics-tier-fill{height:100%}.fui-analytics-tier-fill.tier1{background:hsl(var(--text-primary))}.fui-analytics-tier-fill.tier2{background:hsl(var(--text-primary)/.7)}.fui-analytics-tier-fill.tier3{background:hsl(var(--text-primary)/.5)}.fui-analytics-categories{padding:20px}.fui-analytics-category-item{display:grid;grid-template-columns:32px 1fr 60px 1fr;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid hsl(var(--border)/.5)}.fui-analytics-category-item:last-child{border-bottom:none}.fui-analytics-category-rank{font-size:14px;font-weight:600;font-family:JetBrains Mono,monospace;color:hsl(var(--text-muted));text-align:center}.fui-analytics-category-name{font-size:13px;color:hsl(var(--text-primary));font-weight:500}.fui-analytics-category-hours{font-size:13px;font-family:JetBrains Mono,monospace;color:hsl(var(--text-muted));text-align:right}.fui-analytics-category-bar{height:6px;background:hsl(var(--gray-800))}.fui-analytics-category-fill{height:100%;background:hsl(var(--text-primary))}.fui-analytics-clips-list{padding:16px 20px}.fui-analytics-clip-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid hsl(var(--border)/.5)}.fui-analytics-clip-item:last-child{border-bottom:none}.fui-analytics-clip-thumb{width:64px;height:36px;display:flex;align-items:center;justify-content:center;background:hsl(var(--gray-800));color:hsl(var(--text-muted))}.fui-analytics-clip-info{display:flex;flex-direction:column;gap:2px}.fui-analytics-clip-title{font-size:13px;color:hsl(var(--text-primary));font-weight:500}.fui-analytics-clip-views{font-size:11px;color:hsl(var(--text-muted))}.fui-content-manager{display:flex;flex-direction:column;gap:16px}.fui-content-tabs{display:flex;gap:0;border:1px solid hsl(var(--border));background:hsl(var(--gray-900))}.fui-content-tab{display:flex;align-items:center;gap:8px;padding:14px 20px;font-size:13px;font-weight:500;color:hsl(var(--text-muted));background:transparent;border:none;border-right:1px solid hsl(var(--border));cursor:pointer;transition:all .15s ease}.fui-content-tab:last-child{border-right:none}.fui-content-tab.active,.fui-content-tab:hover{color:hsl(var(--text-primary));background:hsl(var(--gray-800))}.fui-content-tab.active{border-bottom:2px solid hsl(var(--text-primary))}.fui-content-tab-count{padding:2px 8px;font-size:11px;font-family:JetBrains Mono,monospace;color:hsl(var(--text-muted));background:hsl(var(--gray-800))}.fui-content-tab.active .fui-content-tab-count{background:hsl(var(--gray-700))}.fui-content-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;background:hsl(var(--gray-900));border:1px solid hsl(var(--border))}.fui-content-search{display:flex;align-items:center;gap:8px;flex:1;max-width:400px}.fui-content-search svg{color:hsl(var(--text-muted))}.fui-content-search input{flex:1;padding:8px 0;font-size:14px;color:hsl(var(--text-primary));background:transparent;border:none}.fui-content-search input:focus{outline:none}.fui-content-filters{display:flex;align-items:center;gap:12px}.fui-content-sort{padding:8px 12px;font-size:12px;color:hsl(var(--text-primary));background:hsl(var(--gray-800));border:1px solid hsl(var(--border));cursor:pointer}.fui-content-view-toggle{display:flex;border:1px solid hsl(var(--border))}.fui-view-btn{padding:8px 12px;color:hsl(var(--text-muted));background:hsl(var(--gray-800));border:none;border-right:1px solid hsl(var(--border));cursor:pointer;transition:all .15s ease}.fui-view-btn:last-child{border-right:none}.fui-view-btn.active,.fui-view-btn:hover{color:hsl(var(--text-primary))}.fui-view-btn.active{background:hsl(var(--gray-700))}.fui-content-bulk-actions{display:flex;align-items:center;gap:8px;padding:12px 16px;background:hsl(var(--gray-800));border:1px solid hsl(var(--text-primary))}.fui-content-selected-count{font-size:13px;font-weight:500;color:hsl(var(--text-primary));margin-right:8px}.fui-content-bulk-divider{width:1px;height:24px;background:hsl(var(--border));margin:0 8px}.fui-text-danger{color:#ef4343!important}.fui-content-view{min-height:400px}.fui-content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.fui-content-list{display:flex;flex-direction:column;gap:8px}.fui-content-list .fui-content-card{display:grid;grid-template-columns:auto 160px 1fr auto;gap:16px;align-items:center}.fui-content-list .fui-content-card-thumb{aspect-ratio:16/9;width:160px}.fui-content-list .fui-content-card-info{padding:0}.fui-content-card{background:hsl(var(--gray-900));border:1px solid hsl(var(--border));transition:all .15s ease}.fui-content-card:hover{border-color:hsl(var(--text-muted))}.fui-content-card.selected{border-color:hsl(var(--text-primary))}.fui-content-card-select{position:absolute;top:8px;left:8px;z-index:10}.fui-content-card-select button{padding:4px;border:none;cursor:pointer}.fui-content-card-duration,.fui-content-card-select button{color:hsl(var(--text-primary));background:hsl(var(--gray-900)/.9)}.fui-content-card-duration{bottom:8px;right:8px;padding:4px 8px;font-size:11px}.fui-content-card-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:hsl(var(--text-primary));background:hsl(var(--gray-900)/.8);border:1px solid hsl(var(--border));opacity:0;transition:opacity .15s ease}.fui-content-card:hover .fui-content-card-play{opacity:1}.fui-content-card-info{padding:12px}.fui-content-card-title{font-size:14px;color:hsl(var(--text-primary));margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fui-content-card-game{font-size:12px;color:hsl(var(--text-muted));margin-bottom:8px}.fui-content-card-meta{display:flex;align-items:center;gap:12px;font-size:11px;color:hsl(var(--text-muted))}.fui-content-card-expires,.fui-content-card-meta span{display:flex;align-items:center;gap:4px}.fui-content-card-expires{margin-top:8px;padding:6px 8px;font-size:11px;color:#facc14;background:rgba(250,204,20,.1)}.fui-content-card-creator{font-size:11px;color:hsl(var(--text-muted));margin-top:4px}.fui-content-card-actions{display:flex;align-items:center;gap:4px;padding:8px 12px;border-top:1px solid hsl(var(--border))}.fui-content-list .fui-content-card-actions{border-top:none;padding:0}.fui-content-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:64px 32px;color:hsl(var(--text-muted));text-align:center}.fui-content-empty h3{font-size:16px;font-weight:600;color:hsl(var(--text-primary))}.fui-content-empty p{font-size:13px}.fui-content-highlights{display:flex;flex-direction:column;gap:24px}.fui-content-highlight-info{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 32px;background:hsl(var(--gray-900));border:1px solid hsl(var(--border));text-align:center}.fui-content-highlight-info svg{color:hsl(var(--text-muted))}.fui-content-highlight-info h3{font-size:18px;font-weight:600;color:hsl(var(--text-primary))}.fui-content-highlight-info p{max-width:400px;font-size:13px;color:hsl(var(--text-muted))}.fui-content-highlight-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.fui-content-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:hsl(var(--text-muted))}.fui-highlight-badge{display:flex;align-items:center;gap:4px;color:hsl(var(--text-primary))!important}.fui-content-uploads{display:grid;grid-template-columns:1fr 300px;gap:24px}.fui-content-upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:64px 32px;background:hsl(var(--gray-900));border:2px dashed hsl(var(--border));text-align:center;cursor:pointer;transition:all .15s ease}.fui-content-upload-zone:hover{border-color:hsl(var(--text-muted))}.fui-content-upload-zone svg{color:hsl(var(--text-muted))}.fui-content-upload-zone h3{font-size:16px;font-weight:600;color:hsl(var(--text-primary))}.fui-content-upload-zone p{font-size:13px;color:hsl(var(--text-muted))}.fui-content-upload-formats{font-size:11px;color:hsl(var(--text-muted)/.7);margin-top:8px}.fui-content-upload-info{padding:20px;background:hsl(var(--gray-900));border:1px solid hsl(var(--border))}.fui-content-upload-info h4{font-size:13px;font-weight:600;color:hsl(var(--text-primary));margin-bottom:12px}.fui-content-upload-info ul{list-style:none;padding:0;margin:0}.fui-content-upload-info li{position:relative;padding:8px 0 8px 16px;font-size:12px;color:hsl(var(--text-muted));border-bottom:1px solid hsl(var(--border)/.5)}.fui-content-upload-info li:last-child{border-bottom:none}.fui-content-upload-info li:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:4px;background:hsl(var(--text-muted))}.fui-content-storage{padding:16px 20px;background:hsl(var(--gray-900));border:1px solid hsl(var(--border))}.fui-content-storage-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.fui-content-storage-label{font-size:12px;color:hsl(var(--text-muted))}.fui-content-storage-value{font-size:13px;font-weight:600;font-family:JetBrains Mono,monospace;color:hsl(var(--text-primary))}.fui-content-storage-bar{height:6px;background:hsl(var(--gray-800));margin-bottom:8px}.fui-content-storage-fill{height:100%;background:hsl(var(--text-primary))}.fui-content-storage-hint{font-size:11px;color:hsl(var(--text-muted))}@media (max-width:1200px){.fui-analytics-charts-row,.fui-analytics-sub-tiers,.fui-content-uploads,.fui-stream-manager{grid-template-columns:1fr}}@media (max-width:992px){.fui-analytics-engagement,.fui-analytics-metrics{grid-template-columns:repeat(2,1fr)}.fui-analytics-table-header,.fui-analytics-table-row{grid-template-columns:1fr 1fr 1fr}.fui-analytics-table-header span:nth-child(4),.fui-analytics-table-header span:nth-child(5),.fui-analytics-table-row span:nth-child(4),.fui-analytics-table-row span:nth-child(5){display:none}}@media (max-width:768px){.fui-stream-tabs{flex-direction:column}.fui-stream-tab{border-right:none;border-bottom:1px solid hsl(var(--border))}.fui-stream-tab:last-child{border-bottom:none}.fui-stream-stat-row{grid-template-columns:repeat(2,1fr)}.fui-analytics-controls{flex-direction:column;align-items:stretch;gap:12px}.fui-analytics-tabs{flex-wrap:wrap}.fui-analytics-tab{flex:1;min-width:calc(50% - 1px)}.fui-analytics-metrics{grid-template-columns:1fr}.fui-content-tabs{flex-direction:column}.fui-content-tab{border-right:none;border-bottom:1px solid hsl(var(--border))}.fui-content-toolbar{flex-direction:column;align-items:stretch}.fui-content-search{max-width:none}.fui-content-list .fui-content-card{grid-template-columns:1fr}.fui-content-list .fui-content-card-thumb{width:100%}}.fui-clips-page{padding:var(--space-6);max-width:1600px;margin:0 auto}.fui-clips-header{margin-bottom:var(--space-6)}.fui-clips-subtitle{color:hsl(var(--text-secondary));margin-top:var(--space-2)}.fui-clips-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);gap:var(--space-4)}.fui-clips-section-header h2{display:flex;align-items:center;gap:var(--space-2);font-size:1.25rem;font-weight:600}.fui-clips-time-filter{display:flex;gap:var(--space-1);background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:4px;padding:2px}.fui-clips-time-filter button{padding:var(--space-2) var(--space-3);border-radius:3px;font-size:.75rem;color:hsl(var(--text-secondary));transition:all .2s}.fui-clips-time-filter button:hover{color:hsl(var(--text-primary))}.fui-clips-time-filter button.active{background:hsl(var(--surface-elevated));color:hsl(var(--text-primary))}.fui-clips-trending{margin-bottom:var(--space-8)}.fui-clips-trending-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}@media (max-width:1024px){.fui-clips-trending-grid{grid-template-columns:1fr}}.fui-clip-trending-card{position:relative;background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:6px;overflow:hidden;transition:all .3s}.fui-clip-trending-card:hover{border-color:hsl(var(--accent-muted));transform:translateY(-2px)}.fui-clip-trending-rank{position:absolute;top:var(--space-2);left:var(--space-2);display:flex;align-items:center;gap:var(--space-1);background:hsl(var(--black)/.8);padding:var(--space-1) var(--space-2);border-radius:4px;font-size:.75rem;font-weight:600;z-index:2}.fui-clip-trending-thumbnail{position:relative;aspect-ratio:16/9;background:hsl(var(--gray-800))}.fui-clip-thumbnail-placeholder{color:hsl(var(--text-muted))}.fui-clip-thumbnail-placeholder,.fui-clip-trending-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.fui-clip-trending-overlay{background:hsl(var(--black)/.4);opacity:0;transition:opacity .2s}.fui-clip-trending-card:hover .fui-clip-trending-overlay{opacity:1}.fui-clip-duration{right:var(--space-2);background:hsl(var(--black)/.8);border-radius:3px;font-size:.75rem;font-family:var(--font-mono)}.fui-clip-duration,.fui-clip-game-tag{position:absolute;bottom:var(--space-2);padding:2px var(--space-2)}.fui-clip-game-tag{left:var(--space-2);background:hsl(var(--accent)/.1);border:1px solid hsl(var(--accent)/.3);border-radius:3px;font-size:.7rem}.fui-clip-trending-info{padding:var(--space-3)}.fui-clip-trending-info h3{font-size:.9rem;font-weight:500;margin-bottom:var(--space-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fui-clip-trending-meta{justify-content:space-between}.fui-clip-channel,.fui-clip-trending-meta{display:flex;align-items:center;gap:var(--space-2)}.fui-clip-channel-avatar{width:24px;height:24px;border-radius:50%;background:hsl(var(--gray-700));display:flex;align-items:center;justify-content:center}.fui-clip-channel span{font-size:.8rem;color:hsl(var(--text-secondary))}.fui-clip-stats{display:flex;gap:var(--space-3)}.fui-clip-stats span{display:flex;align-items:center;gap:var(--space-1);font-size:.75rem;color:hsl(var(--text-muted))}.fui-clips-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap}.fui-clips-search{display:flex;align-items:center;gap:var(--space-2);background:hsl(var(--surface));border:1px solid hsl(var(--border));padding:var(--space-2) var(--space-3);border-radius:4px;flex:1;max-width:400px}.fui-clips-search input{background:transparent;border:none;color:hsl(var(--text-primary));flex:1;outline:none}.fui-clips-toolbar-actions{display:flex;align-items:center;gap:var(--space-3)}.fui-clips-category-select,.fui-clips-sort-select{color:hsl(var(--text-primary));padding:var(--space-2) var(--space-3);font-size:.85rem}.fui-clips-category-select,.fui-clips-sort-select,.fui-clips-view-toggle{background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:4px}.fui-clips-view-toggle{display:flex;overflow:hidden}.fui-clips-view-toggle button{padding:var(--space-2);color:hsl(var(--text-muted));transition:all .2s}.fui-clips-view-toggle button:hover{color:hsl(var(--text-primary))}.fui-clips-view-toggle button.active{background:hsl(var(--surface-elevated));color:hsl(var(--text-primary))}.fui-clips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.fui-clips-list{grid-template-columns:1fr}.fui-clips-list .fui-clip-card{display:grid;grid-template-columns:200px 1fr auto;gap:var(--space-4)}.fui-clip-card{background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:6px;overflow:hidden;transition:all .2s}.fui-clip-card:hover{border-color:hsl(var(--accent-muted))}.fui-clip-card-link{display:block}.fui-clip-thumbnail{position:relative;aspect-ratio:16/9;background:hsl(var(--gray-800))}.fui-clip-thumbnail-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:hsl(var(--black)/.4);opacity:0;transition:opacity .2s}.fui-clip-card:hover .fui-clip-thumbnail-overlay{opacity:1}.fui-clip-info{padding:var(--space-3)}.fui-clip-title{font-size:.9rem;font-weight:500;margin-bottom:var(--space-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fui-clip-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.fui-clip-channel-name{font-size:.8rem;color:hsl(var(--text-secondary))}.fui-clip-game{font-size:.75rem;color:hsl(var(--text-muted))}.fui-clip-actions{display:flex;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-top:1px solid hsl(var(--border))}.fui-clip-actions button{padding:var(--space-2);color:hsl(var(--text-muted));transition:all .2s;border-radius:4px}.fui-clip-actions button:hover{background:hsl(var(--surface-elevated));color:hsl(var(--text-primary))}.fui-clips-empty,.fui-clips-load-more{grid-column:1/-1;text-align:center;padding:var(--space-10)}.fui-clips-empty{color:hsl(var(--text-muted))}.fui-clips-empty h3{margin:var(--space-4) 0 var(--space-2)}.fui-schedule-page{padding:var(--space-6);max-width:1200px;margin:0 auto}.fui-schedule-header{margin-bottom:var(--space-6)}.fui-schedule-subtitle{color:hsl(var(--text-secondary));margin-top:var(--space-2)}.fui-schedule-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.fui-schedule-stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:6px}.fui-schedule-stat.live{border-color:hsl(var(--live-bg))}.fui-schedule-stat.live svg{color:hsl(var(--live-bg))}.fui-schedule-stat-value{font-size:1.5rem;font-weight:600}.fui-schedule-stat-label{font-size:.75rem;color:hsl(var(--text-muted));text-transform:uppercase;letter-spacing:.5px}.fui-schedule-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.fui-schedule-search{display:flex;align-items:center;gap:var(--space-2);background:hsl(var(--surface));border:1px solid hsl(var(--border));padding:var(--space-2) var(--space-3);border-radius:4px;flex:1;max-width:400px}.fui-schedule-search input{background:transparent;border:none;color:hsl(var(--text-primary));flex:1;outline:none}.fui-schedule-toolbar-actions{display:flex;align-items:center;gap:var(--space-3)}.fui-schedule-filter-tabs{display:flex;background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:4px;overflow:hidden}.fui-schedule-filter-tabs button{padding:var(--space-2) var(--space-3);font-size:.85rem;color:hsl(var(--text-secondary));transition:all .2s}.fui-schedule-filter-tabs button:hover{color:hsl(var(--text-primary))}.fui-schedule-filter-tabs button.active{background:hsl(var(--surface-elevated));color:hsl(var(--text-primary))}.fui-schedule-view-toggle{display:flex;background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:4px;overflow:hidden}.fui-schedule-view-toggle button{padding:var(--space-2);color:hsl(var(--text-muted));transition:all .2s}.fui-schedule-view-toggle button.active{background:hsl(var(--surface-elevated));color:hsl(var(--text-primary))}.fui-schedule-list{display:flex;flex-direction:column;gap:var(--space-6)}.fui-schedule-day-header{display:flex;align-items:center;gap:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid hsl(var(--border));font-weight:600}.fui-schedule-day-count{margin-left:auto;font-size:.75rem;color:hsl(var(--text-muted));font-weight:400}.fui-schedule-day-streams{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}.fui-schedule-card{display:grid;grid-template-columns:100px 1fr auto;gap:var(--space-4);padding:var(--space-4);background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:6px;transition:all .2s}.fui-schedule-card:hover{border-color:hsl(var(--accent-muted))}.fui-schedule-card.live{border-color:hsl(var(--live-bg))}.fui-schedule-card-time{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.fui-schedule-time-start{font-weight:600;font-size:1rem}.fui-schedule-time-duration{font-size:.75rem;color:hsl(var(--text-muted))}.fui-schedule-card-content{display:flex;flex-direction:column;gap:var(--space-2)}.fui-schedule-card-header{display:flex;align-items:center;gap:var(--space-2)}.fui-schedule-card-header h3{font-size:1rem;font-weight:500}.fui-schedule-card-channel{display:flex;align-items:center;gap:var(--space-2)}.fui-schedule-channel-avatar{width:24px;height:24px;border-radius:50%;background:hsl(var(--gray-700));display:flex;align-items:center;justify-content:center}.fui-schedule-card-channel a{color:hsl(var(--text-secondary));font-size:.85rem}.fui-schedule-card-channel a:hover{color:hsl(var(--text-primary))}.fui-followed-icon{color:hsl(var(--live-bg))}.fui-schedule-card-meta{display:flex;gap:var(--space-3)}.fui-schedule-game,.fui-schedule-viewers{display:flex;align-items:center;gap:var(--space-1);font-size:.8rem;color:hsl(var(--text-muted))}.fui-schedule-description{font-size:.85rem;color:hsl(var(--text-secondary))}.fui-schedule-tags{display:flex;gap:var(--space-2);flex-wrap:wrap}.fui-schedule-tag{padding:2px var(--space-2);background:hsl(var(--surface-elevated));border-radius:3px;font-size:.7rem;color:hsl(var(--text-secondary))}.fui-schedule-card-actions{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-end}.fui-schedule-reminder-btn{padding:var(--space-2);border-radius:4px;color:hsl(var(--text-muted));transition:all .2s}.fui-schedule-reminder-btn:hover{background:hsl(var(--surface-elevated));color:hsl(var(--text-primary))}.fui-schedule-reminder-btn.active{color:hsl(var(--accent))}.fui-schedule-empty{text-align:center;padding:var(--space-10);color:hsl(var(--text-muted))}.fui-schedule-empty h3{margin:var(--space-4) 0 var(--space-2)}.fui-subscriptions-page{padding:var(--space-6);max-width:1200px;margin:0 auto}.fui-subscriptions-header{margin-bottom:var(--space-6)}.fui-subscriptions-subtitle{color:hsl(var(--text-secondary));margin-top:var(--space-2)}.fui-subscriptions-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}@media (max-width:768px){.fui-subscriptions-stats{grid-template-columns:repeat(2,1fr)}}.fui-subscriptions-stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:6px}.fui-subscriptions-stat.prime{border-color:rgba(255,191,0,.5);background:linear-gradient(135deg,hsl(var(--surface)),rgba(255,191,0,.05))}.fui-subscriptions-stat.prime svg{color:#ffbf00}.fui-subscriptions-stat-value{font-size:1.5rem;font-weight:600}.fui-subscriptions-stat-label{font-size:.75rem;color:hsl(var(--text-muted));text-transform:uppercase;letter-spacing:.5px}.fui-subscriptions-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);border-bottom:1px solid hsl(var(--border));padding-bottom:var(--space-2)}.fui-subscriptions-tabs button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:4px;color:hsl(var(--text-secondary));font-size:.9rem;transition:all .2s}.fui-subscriptions-tabs button:hover{color:hsl(var(--text-primary));background:hsl(var(--surface))}.fui-subscriptions-tabs button.active{color:hsl(var(--text-primary));background:hsl(var(--surface-elevated))}.fui-subscriptions-list{display:flex;flex-direction:column;gap:var(--space-4)}.fui-subscription-card{background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:6px;overflow:hidden}.fui-subscription-card-main{display:grid;grid-template-columns:1fr auto auto auto;gap:var(--space-4);padding:var(--space-4);align-items:center}@media (max-width:768px){.fui-subscription-card-main{grid-template-columns:1fr;gap:var(--space-3)}}.fui-subscription-channel{display:flex;align-items:center;gap:var(--space-3)}.fui-subscription-avatar{position:relative;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,hsl(var(--gray-700)),hsl(var(--gray-600)));display:flex;align-items:center;justify-content:center}.fui-subscription-live-dot{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;background:hsl(var(--live-bg));border:2px solid hsl(var(--surface))}.fui-subscription-channel-name{display:flex;align-items:center;gap:var(--space-1);font-weight:500;color:hsl(var(--text-primary))}.fui-subscription-username{font-size:.8rem;color:hsl(var(--text-muted))}.fui-subscription-tier{flex-direction:column}.fui-subscription-tier,.fui-tier-badge{display:flex;align-items:center;gap:var(--space-1)}.fui-tier-badge{padding:var(--space-1) var(--space-2);border-radius:4px;font-size:.75rem;font-weight:600}.fui-tier-badge.tier-1{background:hsl(var(--gray-700))}.fui-tier-badge.tier-2{background:#1f66ad}.fui-tier-badge.tier-3{background:#c90;color:hsl(var(--black))}.fui-subscription-price{font-size:.8rem;color:hsl(var(--text-muted))}.fui-subscription-streak{display:flex;align-items:center;gap:var(--space-1);color:#ffbf00;font-size:.85rem}.fui-subscription-dates{display:flex;flex-direction:column;gap:var(--space-1)}.fui-subscription-date,.fui-subscription-renew{display:flex;align-items:center;gap:var(--space-1);font-size:.75rem;color:hsl(var(--text-muted))}.fui-subscription-gift-badge{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:rgba(163,41,163,.2);border:1px solid rgba(163,41,163,.4);border-radius:4px;font-size:.75rem;color:#e085e0}.fui-subscription-benefits{padding:var(--space-3) var(--space-4);background:hsl(var(--gray-900));border-top:1px solid hsl(var(--border))}.fui-subscription-benefits h4{font-size:.75rem;color:hsl(var(--text-muted));text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-2)}.fui-subscription-benefits ul{display:flex;flex-wrap:wrap;gap:var(--space-2)}.fui-subscription-benefits li{display:flex;align-items:center;gap:var(--space-1);font-size:.8rem;color:hsl(var(--text-secondary))}.fui-subscription-benefits li svg{color:#3c3}.fui-subscription-actions{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid hsl(var(--border));justify-content:flex-end}.fui-subscriptions-empty{text-align:center;padding:var(--space-10);color:hsl(var(--text-muted))}.fui-subscriptions-empty h3{margin:var(--space-4) 0 var(--space-2)}.fui-gifts-section{display:flex;flex-direction:column;gap:var(--space-4)}.fui-gifts-actions{display:flex;justify-content:flex-end}.fui-gifts-list{flex-direction:column}.fui-gift-card,.fui-gifts-list{display:flex;gap:var(--space-3)}.fui-gift-card{align-items:center;padding:var(--space-3) var(--space-4);background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:6px}.fui-gift-card.received{border-left:3px solid #c3c}.fui-gift-card.sent{border-left:3px solid #3c3}.fui-gift-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.fui-gift-card.received .fui-gift-icon{background:rgba(204,51,204,.2);color:#d65cd6}.fui-gift-card.sent .fui-gift-icon{background:rgba(51,204,51,.2);color:#5cd65c}.fui-gift-info{flex:1}.fui-gift-type{display:block;font-size:.75rem;color:hsl(var(--text-muted));text-transform:uppercase;letter-spacing:.5px}.fui-gift-channel{display:block;font-weight:500}.fui-gift-party{display:block;font-size:.85rem;color:hsl(var(--text-secondary))}.fui-gift-date{display:flex;align-items:center;gap:var(--space-1);font-size:.8rem;color:hsl(var(--text-muted))}.fui-gifts-empty{text-align:center;padding:var(--space-10);color:hsl(var(--text-muted))}.fui-prime-section{max-width:600px}.fui-prime-card{background:linear-gradient(135deg,hsl(var(--surface)),rgba(255,191,0,.05));border:1px solid rgba(255,191,0,.3);border-radius:8px;overflow:hidden}.fui-prime-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid hsl(var(--border))}.fui-prime-logo{display:flex;align-items:center;gap:var(--space-2);color:#ffbf00;font-weight:600;font-size:1.1rem}.fui-prime-status{padding:var(--space-1) var(--space-3);border-radius:4px;font-size:.75rem;font-weight:600;background:hsl(var(--gray-700))}.fui-prime-status.active{background:#29a329}.fui-prime-renew{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:hsl(var(--surface));font-size:.85rem;color:hsl(var(--text-secondary))}.fui-prime-free-sub{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:rgba(255,191,0,.1);border-top:1px solid hsl(var(--border));border-bottom:1px solid hsl(var(--border))}.fui-prime-free-sub>svg{color:#ffbf00}.fui-prime-free-sub>div{flex:1}.fui-prime-free-sub span{font-weight:500}.fui-prime-free-sub p{font-size:.8rem;color:hsl(var(--text-secondary))}.fui-prime-benefits{padding:var(--space-4)}.fui-prime-benefits h4{font-size:.8rem;color:hsl(var(--text-muted));text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-3)}.fui-prime-benefits ul{display:flex;flex-direction:column;gap:var(--space-2)}.fui-prime-benefits li{display:flex;align-items:center;gap:var(--space-2);font-size:.9rem}.fui-prime-benefits li svg{color:#ffbf00}.fui-prime-cta{padding:var(--space-6);text-align:center}.fui-prime-cta h3{font-size:1.2rem;margin-bottom:var(--space-2)}.fui-prime-cta p{color:hsl(var(--text-secondary));margin-bottom:var(--space-4)}.fui-esports-page{padding:var(--space-6);max-width:1400px;margin:0 auto}.fui-esports-header{margin-bottom:var(--space-6)}.fui-esports-subtitle{color:hsl(var(--text-secondary));margin-top:var(--space-2)}.fui-esports-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}@media (max-width:768px){.fui-esports-stats{grid-template-columns:repeat(2,1fr)}}.fui-esports-stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:6px}.fui-esports-stat.live{border-color:hsl(var(--live-bg))}.fui-esports-stat.live svg{color:hsl(var(--live-bg))}.fui-esports-stat-value{font-size:1.5rem;font-weight:600}.fui-esports-stat-label{font-size:.75rem;color:hsl(var(--text-muted));text-transform:uppercase;letter-spacing:.5px}.fui-esports-games{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);overflow-x:auto;padding-bottom:var(--space-2)}.fui-esports-game-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:4px;font-size:.85rem;color:hsl(var(--text-secondary));white-space:nowrap;transition:all .2s}.fui-esports-game-btn:hover{border-color:hsl(var(--accent-muted));color:hsl(var(--text-primary))}.fui-esports-game-btn.active{background:hsl(var(--surface-elevated));border-color:hsl(var(--accent));color:hsl(var(--text-primary))}.fui-esports-game-count{font-size:.7rem;color:hsl(var(--text-muted))}.fui-esports-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);border-bottom:1px solid hsl(var(--border));padding-bottom:var(--space-2)}.fui-esports-tabs button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:4px;color:hsl(var(--text-secondary));font-size:.9rem;transition:all .2s}.fui-esports-tabs button:hover{color:hsl(var(--text-primary));background:hsl(var(--surface))}.fui-esports-tabs button.active{color:hsl(var(--text-primary));background:hsl(var(--surface-elevated))}.fui-esports-matches{display:flex;flex-direction:column;gap:var(--space-4)}.fui-esports-match-card{position:relative;background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:8px;overflow:hidden;transition:all .2s}.fui-esports-match-card:hover{border-color:hsl(var(--accent-muted))}.fui-esports-match-card.live{border-color:hsl(var(--live-bg))}.fui-esports-match-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:hsl(var(--gray-850));border-bottom:1px solid hsl(var(--border))}.fui-esports-tournament{display:flex;align-items:center;gap:var(--space-2);font-size:.85rem}.fui-esports-tier{padding:2px var(--space-2);background:rgba(255,191,0,.2);border-radius:3px;font-size:.7rem;color:#fc3}.fui-esports-live-badge{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:hsl(var(--live-bg));border-radius:3px;font-size:.7rem;font-weight:600;animation:pulse 2s infinite}.fui-esports-match-teams{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-4);padding:var(--space-6) var(--space-4);align-items:center}.fui-esports-team{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center}.fui-esports-team-logo{width:64px;height:64px;border-radius:8px;background:hsl(var(--gray-800));display:flex;align-items:center;justify-content:center}.fui-esports-team-name{font-weight:600;font-size:1rem}.fui-esports-team-country{font-size:.75rem;color:hsl(var(--text-muted))}.fui-esports-score{display:flex;align-items:center;gap:var(--space-3);font-size:2rem;font-weight:700}.fui-esports-score span{color:hsl(var(--text-muted))}.fui-esports-score span.winning{color:hsl(var(--text-primary))}.fui-esports-vs{font-size:.85rem!important;color:hsl(var(--text-muted))!important;font-weight:400!important}.fui-esports-match-footer{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-top:1px solid hsl(var(--border));flex-wrap:wrap}.fui-esports-game-tag{display:flex;align-items:center;gap:var(--space-1);font-size:.8rem;color:hsl(var(--text-secondary))}.fui-esports-bo,.fui-esports-map,.fui-esports-stage{font-size:.8rem;color:hsl(var(--text-muted))}.fui-esports-map,.fui-esports-viewers{display:flex;align-items:center;gap:var(--space-1)}.fui-esports-viewers{margin-left:auto;font-size:.85rem}.fui-esports-watch-cta{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);background:hsl(var(--accent)/.1);border-top:1px solid hsl(var(--border));font-weight:500;transition:all .2s}.fui-esports-match-card:hover .fui-esports-watch-cta{background:hsl(var(--accent)/.15)}.fui-esports-upcoming{display:flex;flex-direction:column;gap:var(--space-3)}.fui-esports-upcoming-card{display:grid;grid-template-columns:100px 1fr auto;gap:var(--space-4);padding:var(--space-4);background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:6px;align-items:center}@media (max-width:768px){.fui-esports-upcoming-card{grid-template-columns:1fr;gap:var(--space-3)}}.fui-esports-upcoming-time{text-align:center}.fui-esports-countdown{display:block;font-size:1.2rem;font-weight:600;color:hsl(var(--text-primary))}.fui-esports-datetime{font-size:.75rem;color:hsl(var(--text-muted))}.fui-esports-upcoming-match{display:flex;flex-direction:column;gap:var(--space-2)}.fui-esports-upcoming-tournament{display:flex;align-items:center;gap:var(--space-2);font-size:.8rem;color:hsl(var(--text-muted))}.fui-esports-upcoming-teams{display:flex;align-items:center;gap:var(--space-2);font-weight:500}.fui-esports-upcoming-vs{color:hsl(var(--text-muted))}.fui-esports-upcoming-game{gap:var(--space-1);font-size:.8rem}.fui-esports-reminder-btn,.fui-esports-upcoming-game{display:flex;align-items:center;color:hsl(var(--text-secondary))}.fui-esports-reminder-btn{gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid hsl(var(--border));border-radius:4px;font-size:.85rem;transition:all .2s}.fui-esports-reminder-btn:hover{border-color:hsl(var(--accent-muted));color:hsl(var(--text-primary))}.fui-esports-reminder-btn.active{background:hsl(var(--accent)/.1);border-color:hsl(var(--accent));color:hsl(var(--accent))}.fui-esports-tournaments{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-4)}.fui-esports-tournament-card{background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:8px;overflow:hidden}.fui-esports-tournament-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid hsl(var(--border))}.fui-esports-tournament-logo{width:56px;height:56px;border-radius:8px;background:hsl(var(--gray-800));display:flex;align-items:center;justify-content:center}.fui-esports-tournament-info{flex:1}.fui-esports-tournament-info h3{font-weight:600;margin-bottom:var(--space-1)}.fui-esports-tournament-game{display:flex;align-items:center;gap:var(--space-1);font-size:.85rem;color:hsl(var(--text-secondary))}.fui-esports-tournament-status{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:4px;font-size:.75rem;font-weight:500}.fui-esports-tournament-status.ongoing{background:hsl(var(--live-bg)/.2);color:hsl(var(--live-bg))}.fui-esports-tournament-status.upcoming{background:hsl(var(--gray-700));color:hsl(var(--text-secondary))}.fui-esports-tournament-details{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);padding:var(--space-4)}.fui-esports-tournament-detail{display:flex;align-items:center;gap:var(--space-2);font-size:.85rem;color:hsl(var(--text-secondary))}.fui-esports-tournament-actions{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid hsl(var(--border))}.fui-esports-empty{text-align:center;padding:var(--space-10);color:hsl(var(--text-muted))}.fui-esports-empty h3{margin:var(--space-4) 0 var(--space-2)}.fui-achievements-page{padding:var(--space-6);max-width:1200px;margin:0 auto}.fui-achievements-header{margin-bottom:var(--space-6)}.fui-achievements-subtitle{color:hsl(var(--text-secondary));margin-top:var(--space-2)}.fui-achievements-level-card{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);background:linear-gradient(135deg,hsl(var(--surface)),hsl(var(--gray-850)));border:1px solid hsl(var(--border));border-radius:8px;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-4)}.fui-achievements-level-info{display:flex;align-items:center;gap:var(--space-6);flex:1;min-width:300px}.fui-achievements-level-badge{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3);background:rgba(255,191,0,.1);border:1px solid rgba(255,191,0,.3);border-radius:8px}.fui-achievements-level-badge svg{color:#ffbf00}.fui-achievements-level-badge span{font-weight:600;font-size:1.2rem}.fui-achievements-level-progress{flex:1}.fui-achievements-progress-bar{height:8px;background:hsl(var(--gray-700));border-radius:4px;overflow:hidden;margin-bottom:var(--space-2)}.fui-achievements-progress-fill{height:100%;background:linear-gradient(90deg,#ffbf00,#ff9500);border-radius:4px;transition:width .5s ease}.fui-achievements-progress-text{font-size:.85rem;color:hsl(var(--text-secondary))}.fui-achievements-stats-grid{display:flex;gap:var(--space-6)}.fui-achievements-stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);text-align:center}.fui-achievements-stat-value{font-size:1.2rem;font-weight:600}.fui-achievements-stat-label{font-size:.75rem;color:hsl(var(--text-muted))}.fui-achievements-section{margin-bottom:var(--space-6)}.fui-achievements-section h2{display:flex;align-items:center;gap:var(--space-2);font-size:1.1rem;margin-bottom:var(--space-4)}.fui-achievements-featured{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4)}.fui-achievement-featured-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:6px}.fui-achievement-icon{flex-shrink:0}.fui-achievement-featured-info{flex:1;min-width:0}.fui-achievement-featured-info h3{font-size:.95rem;font-weight:500;margin-bottom:var(--space-1)}.fui-achievement-featured-info p{font-size:.8rem;color:hsl(var(--text-secondary));margin-bottom:var(--space-2)}.fui-achievement-progress{display:flex;align-items:center;gap:var(--space-2)}.fui-achievement-progress-bar{flex:1;height:4px;background:hsl(var(--gray-700));border-radius:2px;overflow:hidden}.fui-achievement-progress-fill{height:100%;border-radius:2px}.fui-achievement-progress span{font-size:.75rem;color:hsl(var(--text-muted))}.fui-achievement-points{display:flex;align-items:center;gap:var(--space-1);font-size:.85rem;color:#ffbf00}.fui-achievements-recent{display:flex;flex-direction:column;gap:var(--space-2)}.fui-achievement-recent-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:4px}.fui-achievement-recent-item svg{color:#3c3}.fui-achievement-recent-name{flex:1;font-weight:500}.fui-achievement-recent-date{font-size:.8rem;color:hsl(var(--text-muted))}.fui-achievement-recent-points{font-size:.85rem;color:#ffbf00;font-weight:500}.fui-achievements-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);overflow-x:auto}.fui-achievements-tabs button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:4px;font-size:.85rem;color:hsl(var(--text-secondary));white-space:nowrap;transition:all .2s}.fui-achievements-tabs button:hover{color:hsl(var(--text-primary))}.fui-achievements-tabs button.active{background:hsl(var(--surface-elevated));border-color:hsl(var(--accent));color:hsl(var(--text-primary))}.fui-achievements-filter{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.fui-achievements-filter button{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:4px;font-size:.85rem;color:hsl(var(--text-secondary));transition:all .2s}.fui-achievements-filter button:hover{color:hsl(var(--text-primary))}.fui-achievements-filter button.active{background:hsl(var(--surface));color:hsl(var(--text-primary))}.fui-achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.fui-achievement-card{position:relative;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:6px;transition:all .2s}.fui-achievement-card:hover{border-color:hsl(var(--accent-muted))}.fui-achievement-card.locked{opacity:.6}.fui-achievement-card.unlocked{background:linear-gradient(135deg,hsl(var(--surface)),rgba(51,204,51,.03))}.fui-achievement-card-icon{position:relative;width:48px;height:48px;border-radius:8px;background:hsl(var(--gray-800));display:flex;align-items:center;justify-content:center;flex-shrink:0}.fui-achievement-card.locked .fui-achievement-card-icon{filter:grayscale(1)}.fui-achievement-lock{position:absolute;bottom:-4px;right:-4px;background:hsl(var(--gray-700));border-radius:50%;padding:2px}.fui-achievement-card-info{flex:1;min-width:0}.fui-achievement-card-info h4{font-size:.9rem;font-weight:500;margin-bottom:var(--space-1)}.fui-achievement-card-info p{font-size:.8rem;color:hsl(var(--text-secondary))}.fui-achievement-mini-progress{height:3px;background:hsl(var(--gray-700));border-radius:2px;margin-top:var(--space-2);overflow:hidden}.fui-achievement-mini-progress-fill{height:100%;background:hsl(var(--accent));border-radius:2px}.fui-achievement-card-meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1)}.fui-achievement-rarity{font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.fui-achievement-card-points{display:flex;align-items:center;gap:var(--space-1);font-size:.8rem;color:hsl(var(--text-muted))}.fui-achievement-check{position:absolute;top:var(--space-2);right:var(--space-2);color:#3c3}.fui-achievements-empty{grid-column:1/-1;text-align:center;padding:var(--space-10);color:hsl(var(--text-muted))}.fui-achievements-empty h3{margin:var(--space-4) 0 var(--space-2)}.fui-legal-page{padding:var(--space-6);max-width:900px;margin:0 auto}.fui-legal-header{margin-bottom:var(--space-6)}.fui-legal-title{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-3)}.fui-legal-title h1{font-size:2rem;font-weight:600}.fui-legal-title p{color:hsl(var(--text-secondary));margin-top:var(--space-1)}.fui-legal-meta{display:flex;gap:var(--space-4);flex-wrap:wrap}.fui-legal-date{display:flex;align-items:center;gap:var(--space-2);font-size:.85rem;color:hsl(var(--text-muted))}.fui-privacy-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}@media (max-width:768px){.fui-privacy-actions{grid-template-columns:1fr}}.fui-privacy-action-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:6px;transition:all .2s}.fui-privacy-action-card:hover{border-color:hsl(var(--accent-muted));background:hsl(var(--surface-elevated))}.fui-privacy-action-card h3{font-size:.9rem;font-weight:500}.fui-privacy-action-card p{font-size:.8rem;color:hsl(var(--text-secondary))}.fui-legal-nav{align-items:center;justify-content:space-between;padding:var(--space-3) 0;border-bottom:1px solid hsl(var(--border));margin-bottom:var(--space-6);flex-wrap:wrap}.fui-legal-nav,.fui-legal-nav-links{display:flex;gap:var(--space-4)}.fui-legal-nav-links a{font-size:.85rem;color:hsl(var(--text-secondary));transition:color .2s}.fui-legal-nav-links a:hover{color:hsl(var(--text-primary))}.fui-legal-nav-actions{display:flex;gap:var(--space-2)}.fui-legal-toc{background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:6px;padding:var(--space-4);margin-bottom:var(--space-6)}.fui-legal-toc h2{font-size:.9rem;font-weight:600;margin-bottom:var(--space-3)}.fui-legal-toc nav{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-2)}.fui-legal-toc-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:4px;font-size:.85rem;color:hsl(var(--text-secondary));transition:all .2s}.fui-legal-toc-item:hover{background:hsl(var(--surface-elevated));color:hsl(var(--text-primary))}.fui-legal-content{display:flex;flex-direction:column;gap:var(--space-4)}.fui-legal-section{background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:6px;overflow:hidden}.fui-legal-section-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-4);text-align:left;transition:background .2s}.fui-legal-section-header:hover{background:hsl(var(--surface-elevated))}.fui-legal-section-title{display:flex;align-items:center;gap:var(--space-2)}.fui-legal-section-title h2{font-size:1rem;font-weight:500}.fui-legal-section-content{padding:0 var(--space-4) var(--space-4)}.fui-legal-section-content p{font-size:.9rem;line-height:1.7;color:hsl(var(--text-secondary));margin-bottom:var(--space-3);white-space:pre-line}.fui-legal-section-content p:last-child{margin-bottom:0}.fui-legal-footer{margin-top:var(--space-8);padding:var(--space-6);background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:6px;text-align:center}.fui-legal-footer p{color:hsl(var(--text-secondary));margin-bottom:var(--space-4)}.fui-legal-footer-links{display:flex;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.fui-legal-footer-links a{font-size:.85rem;color:hsl(var(--text-muted));transition:color .2s}.fui-legal-footer-links a:hover{color:hsl(var(--text-primary))}.fui-cookie-preferences{background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:8px;margin-bottom:var(--space-6);overflow:hidden}.fui-cookie-preferences-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid hsl(var(--border));flex-wrap:wrap;gap:var(--space-3)}.fui-cookie-preferences-header h2{display:flex;align-items:center;gap:var(--space-2);font-size:1rem}.fui-cookie-quick-actions{display:flex;gap:var(--space-2)}.fui-cookie-categories{display:flex;flex-direction:column}.fui-cookie-category{border-bottom:1px solid hsl(var(--border))}.fui-cookie-category:last-child{border-bottom:none}.fui-cookie-category-header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-4);gap:var(--space-4)}.fui-cookie-category-info h3{font-size:.95rem;font-weight:500;margin-bottom:var(--space-1)}.fui-cookie-category-info p{font-size:.85rem;color:hsl(var(--text-secondary))}.fui-cookie-required{display:inline-flex;align-items:center;gap:var(--space-1);margin-top:var(--space-2);padding:2px var(--space-2);background:hsl(var(--gray-700));border-radius:3px;font-size:.7rem;color:hsl(var(--text-muted))}.fui-cookie-list{padding:0 var(--space-4) var(--space-4)}.fui-cookie-list table{width:100%;border-collapse:collapse;font-size:.8rem}.fui-cookie-list th{text-align:left;padding:var(--space-2);border-bottom:1px solid hsl(var(--border));color:hsl(var(--text-muted));font-weight:500}.fui-cookie-list td{padding:var(--space-2);border-bottom:1px solid hsl(var(--border-subtle));color:hsl(var(--text-secondary))}.fui-cookie-list code{font-family:var(--font-mono);background:hsl(var(--gray-800));padding:2px var(--space-1);border-radius:3px}.fui-cookie-save{display:flex;justify-content:center;padding:var(--space-4);border-top:1px solid hsl(var(--border))}.fui-settings-page{display:grid;grid-template-columns:200px 1fr;gap:var(--space-6);padding:var(--space-6);max-width:1200px;margin:0 auto}@media (max-width:768px){.fui-settings-page{grid-template-columns:1fr}}.fui-settings-nav{display:flex;flex-direction:column;gap:var(--space-4)}.fui-settings-back-link{display:flex;align-items:center;gap:var(--space-1);font-size:.85rem;color:hsl(var(--text-muted));transition:color .2s}.fui-settings-back-link:hover{color:hsl(var(--text-primary))}.fui-settings-nav-list{display:flex;flex-direction:column;gap:var(--space-1)}.fui-settings-nav-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:4px;font-size:.9rem;color:hsl(var(--text-secondary));transition:all .2s}.fui-settings-nav-item:hover{background:hsl(var(--surface));color:hsl(var(--text-primary))}.fui-settings-nav-item.active{background:hsl(var(--surface-elevated));color:hsl(var(--text-primary))}.fui-settings-content{display:flex;flex-direction:column;gap:var(--space-6)}.fui-settings-header h1{font-size:1.5rem;font-weight:600;margin-bottom:var(--space-2)}.fui-settings-header p{color:hsl(var(--text-secondary))}.fui-settings-section{background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:6px;padding:var(--space-4)}.fui-settings-section h2{display:flex;align-items:center;gap:var(--space-2);font-size:1rem;font-weight:500;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid hsl(var(--border))}.fui-settings-section-desc{font-size:.85rem;color:hsl(var(--text-secondary));margin-top:calc(var(--space-4) * -1);margin-bottom:var(--space-4)}.fui-settings-form{display:flex;flex-direction:column;gap:var(--space-4)}.fui-form-group{display:flex;flex-direction:column;gap:var(--space-2)}.fui-form-group label{font-size:.85rem;font-weight:500}.fui-form-group input,.fui-form-group select,.fui-form-group textarea{padding:var(--space-3);background:hsl(var(--gray-900));border:1px solid hsl(var(--border));border-radius:4px;color:hsl(var(--text-primary));font-size:.9rem}.fui-form-group input:focus,.fui-form-group select:focus,.fui-form-group textarea:focus{outline:none;border-color:hsl(var(--accent))}.fui-form-hint{font-size:.75rem;color:hsl(var(--text-muted))}.fui-form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media (max-width:640px){.fui-form-row{grid-template-columns:1fr}}.fui-toggle{position:relative;flex-shrink:0}.fui-toggle.disabled{opacity:.5;cursor:not-allowed}.fui-toggle-track{position:absolute;inset:0;background:hsl(var(--gray-600));border-radius:12px;transition:background .2s}.fui-toggle.active .fui-toggle-track{background:hsl(var(--accent))}.fui-toggle-thumb{width:20px;height:20px;background:hsl(var(--white));border-radius:50%;transition:transform .2s}.fui-toggle.active .fui-toggle-thumb{transform:translateX(20px)}.fui-notification-methods,.fui-notification-options,.fui-privacy-options{display:flex;flex-direction:column;gap:var(--space-3)}.fui-notification-method,.fui-notification-option,.fui-privacy-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:hsl(var(--gray-900));border-radius:4px}.fui-notification-method-info,.fui-notification-option-info,.fui-privacy-option-info{flex:1}.fui-notification-method-info span,.fui-notification-option-info span,.fui-privacy-option-info span{display:block;font-weight:500;margin-bottom:var(--space-1)}.fui-notification-method-info p,.fui-notification-option-info p,.fui-privacy-option-info p{font-size:.8rem;color:hsl(var(--text-secondary))}.fui-privacy-option select{padding:var(--space-2) var(--space-3);background:hsl(var(--gray-800));border:1px solid hsl(var(--border));border-radius:4px;color:hsl(var(--text-primary));font-size:.85rem}.fui-blocked-users-list{display:flex;flex-direction:column;gap:var(--space-2)}.fui-blocked-user{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);background:hsl(var(--gray-900));border-radius:4px}.fui-blocked-user-info span:first-child{font-weight:500}.fui-blocked-user-date{gap:var(--space-1);font-size:.75rem}.fui-blocked-user-date,.fui-privacy-empty{display:flex;align-items:center;color:hsl(var(--text-muted))}.fui-privacy-empty{flex-direction:column;gap:var(--space-2);padding:var(--space-6);text-align:center}.fui-data-actions{display:flex;flex-direction:column;gap:var(--space-4)}.fui-data-action{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:hsl(var(--gray-900));border-radius:4px;gap:var(--space-4)}.fui-data-action-info{display:flex;align-items:center;gap:var(--space-3)}.fui-data-action-info span{font-weight:500}.fui-data-action-info p{font-size:.8rem;color:hsl(var(--text-secondary))}.fui-data-action-danger{border:1px solid rgba(163,41,41,.3)}.fui-data-action-danger svg{color:#c33}.fui-settings-save-bar{position:fixed;bottom:var(--space-4);left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:hsl(var(--surface-elevated));border:1px solid hsl(var(--border));border-radius:8px;box-shadow:0 4px 24px hsl(var(--black)/.5)}.fui-settings-save-bar span{font-size:.85rem;color:hsl(var(--text-secondary))}.fui-modal-overlay{position:fixed;inset:0;background:hsl(var(--black)/.8);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.fui-modal{background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:8px;width:100%;max-width:400px;overflow:hidden}.fui-modal-danger{border-color:#a32929}.fui-modal-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid hsl(var(--border))}.fui-modal-danger .fui-modal-header svg{color:#c33}.fui-modal-header h3{font-size:1.1rem;font-weight:500}.fui-modal-body{padding:var(--space-4)}.fui-modal-body p{font-size:.9rem;color:hsl(var(--text-secondary));line-height:1.6}.fui-modal-footer{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid hsl(var(--border))}.fui-directory,.fui-directory-all,.fui-directory-following{padding:var(--space-6);max-width:1600px;margin:0 auto}.fui-directory-header{margin-bottom:var(--space-6)}.fui-directory-subtitle{color:hsl(var(--text-secondary));margin-top:var(--space-2)}.fui-directory-breadcrumb{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);font-size:.85rem;color:hsl(var(--text-muted))}.fui-directory-breadcrumb a{color:hsl(var(--text-secondary));transition:color .2s}.fui-directory-breadcrumb a:hover{color:hsl(var(--text-primary))}.fui-directory-quick-links{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-8)}@media (max-width:768px){.fui-directory-quick-links{grid-template-columns:repeat(2,1fr)}}.fui-directory-quick-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:6px;transition:all .2s}.fui-directory-quick-link:hover{border-color:hsl(var(--accent-muted));background:hsl(var(--surface-elevated))}.fui-directory-quick-link span{flex:1;font-weight:500}.fui-directory-section{margin-bottom:var(--space-8)}.fui-directory-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.fui-directory-section-header h2{display:flex;align-items:center;gap:var(--space-2);font-size:1.2rem;font-weight:600}.fui-directory-view-all{display:flex;align-items:center;gap:var(--space-1);font-size:.85rem;color:hsl(var(--text-secondary));transition:color .2s}.fui-directory-view-all:hover{color:hsl(var(--text-primary))}.fui-directory-featured-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-4)}@media (max-width:1200px){.fui-directory-featured-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.fui-directory-featured-grid{grid-template-columns:repeat(2,1fr)}}.fui-directory-featured-card{display:flex;flex-direction:column;align-items:center;padding:var(--space-4);background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:8px;text-align:center;transition:all .2s}.fui-directory-featured-card:hover{border-color:var(--accent-color,hsl(var(--accent)));transform:translateY(-2px)}.fui-directory-featured-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--accent-color,hsl(var(--accent))) 0,transparent 100%);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-3)}.fui-directory-featured-info h3{font-weight:500;margin-bottom:var(--space-2)}.fui-directory-featured-stats{display:flex;flex-direction:column;gap:var(--space-1);font-size:.75rem;color:hsl(var(--text-muted))}.fui-directory-featured-stats span{display:flex;align-items:center;justify-content:center;gap:var(--space-1)}.fui-directory-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.fui-directory-tag{padding:var(--space-2) var(--space-3);background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:4px;font-size:.85rem;color:hsl(var(--text-secondary));transition:all .2s}.fui-directory-tag:hover{border-color:hsl(var(--accent-muted));color:hsl(var(--text-primary))}.fui-directory-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap}.fui-directory-search{display:flex;align-items:center;gap:var(--space-2);background:hsl(var(--surface));border:1px solid hsl(var(--border));padding:var(--space-2) var(--space-3);border-radius:4px;flex:1;max-width:400px}.fui-directory-search input{background:transparent;border:none;color:hsl(var(--text-primary));flex:1;outline:none}.fui-directory-toolbar-actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.fui-directory-filter-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:4px;font-size:.85rem;color:hsl(var(--text-secondary));transition:all .2s}.fui-directory-filter-btn.active,.fui-directory-filter-btn:hover{border-color:hsl(var(--accent-muted));color:hsl(var(--text-primary))}.fui-directory-filter-count{background:hsl(var(--accent));color:hsl(var(--black));padding:0 var(--space-2);border-radius:10px;font-size:.7rem;font-weight:600}.fui-directory-sort{padding:var(--space-2) var(--space-3);color:hsl(var(--text-primary));font-size:.85rem}.fui-directory-sort,.fui-directory-view-toggle{background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:4px}.fui-directory-view-toggle{display:flex;overflow:hidden}.fui-directory-view-toggle button{padding:var(--space-2);color:hsl(var(--text-muted));transition:all .2s}.fui-directory-view-toggle button:hover{color:hsl(var(--text-primary))}.fui-directory-view-toggle button.active{background:hsl(var(--surface-elevated));color:hsl(var(--text-primary))}.fui-directory-filters{display:flex;gap:var(--space-4);padding:var(--space-4);background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:6px;margin-bottom:var(--space-4);flex-wrap:wrap;align-items:flex-end}.fui-directory-filter-group{display:flex;flex-direction:column;gap:var(--space-2)}.fui-directory-filter-group label{font-size:.75rem;color:hsl(var(--text-muted));text-transform:uppercase;letter-spacing:.5px}.fui-directory-filter-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.fui-directory-filter-tag{padding:var(--space-1) var(--space-3);background:hsl(var(--gray-800));border:1px solid hsl(var(--border));border-radius:4px;font-size:.8rem;color:hsl(var(--text-secondary));transition:all .2s}.fui-directory-filter-tag:hover{border-color:hsl(var(--accent-muted))}.fui-directory-filter-tag.selected{background:hsl(var(--accent)/.1);border-color:hsl(var(--accent));color:hsl(var(--text-primary))}.fui-directory-clear-filters{padding:var(--space-2) var(--space-3);color:hsl(var(--text-muted));font-size:.85rem;transition:color .2s}.fui-directory-clear-filters:hover{color:hsl(var(--text-primary))}.fui-directory-results-info{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);font-size:.9rem;color:hsl(var(--text-secondary))}.fui-directory-streams{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.fui-directory-list{grid-template-columns:1fr}.fui-directory-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10);text-align:center;color:hsl(var(--text-muted))}.fui-directory-empty h3{margin:var(--space-4) 0 var(--space-2)}.fui-directory-load-more{display:flex;justify-content:center;margin-top:var(--space-6)}.fui-following-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.fui-following-stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:6px}.fui-following-stat.live{border-color:hsl(var(--live-bg))}.fui-following-stat.live svg{color:hsl(var(--live-bg))}.fui-following-stat-value{font-size:1.5rem;font-weight:600}.fui-following-stat-label{font-size:.75rem;color:hsl(var(--text-muted));text-transform:uppercase}.fui-following-filter-tabs{display:flex;background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:4px;overflow:hidden}.fui-following-filter-tabs button{padding:var(--space-2) var(--space-3);font-size:.85rem;color:hsl(var(--text-secondary));transition:all .2s}.fui-following-filter-tabs button:hover{color:hsl(var(--text-primary))}.fui-following-filter-tabs button.active{background:hsl(var(--surface-elevated));color:hsl(var(--text-primary))}.fui-following-channels{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4)}.fui-following-list{grid-template-columns:1fr}.fui-following-list .fui-following-card{display:grid;grid-template-columns:48px 1fr auto;gap:var(--space-4);align-items:center}.fui-following-card{position:relative;background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:6px;overflow:hidden;transition:all .2s}.fui-following-card:hover{border-color:hsl(var(--accent-muted))}.fui-following-card.live{border-color:hsl(var(--live-bg)/.5)}.fui-following-card-link{display:flex;flex-direction:column;align-items:center;padding:var(--space-4);gap:var(--space-3)}.fui-following-list .fui-following-card-link{flex-direction:row;justify-content:flex-start}.fui-following-card-avatar{position:relative;width:64px;height:64px;border-radius:50%;overflow:hidden;background:hsl(var(--gray-700));flex-shrink:0}.fui-following-list .fui-following-card-avatar{width:48px;height:48px}.fui-following-live-indicator{position:absolute;bottom:0;right:0;width:14px;height:14px;border-radius:50%;background:hsl(var(--live-bg));border:2px solid hsl(var(--surface))}.fui-following-card-preview{position:relative;width:100%;aspect-ratio:16/9;background:hsl(var(--gray-800));border-radius:4px;overflow:hidden}.fui-following-card-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:space-between;padding:var(--space-2);background:linear-gradient(transparent,hsl(var(--black)/.7))}.fui-following-viewers{display:flex;align-items:center;gap:var(--space-1);font-size:.75rem}.fui-following-card-info{text-align:center}.fui-following-list .fui-following-card-info{text-align:left;flex:1}.fui-following-card-name{font-weight:500;display:block}.fui-following-card-game{font-size:.8rem;color:hsl(var(--text-secondary));display:block}.fui-following-card-viewers{display:flex;align-items:center;gap:var(--space-1)}.fui-following-card-offline,.fui-following-card-viewers{font-size:.8rem;color:hsl(var(--text-muted))}.fui-following-card-notify{position:absolute;top:var(--space-2);right:var(--space-2);padding:var(--space-2);background:hsl(var(--surface-elevated));border-radius:4px;color:hsl(var(--text-muted));transition:all .2s;opacity:0}.fui-following-card:hover .fui-following-card-notify{opacity:1}.fui-following-card-notify:hover{color:hsl(var(--text-primary))}.fui-directory-tag{padding:var(--space-6)}.fui-tag-info{align-items:flex-start;gap:var(--space-4);padding:var(--space-4);background:hsl(var(--surface-elevated));border:1px solid hsl(var(--border-subtle));margin-bottom:var(--space-6)}.fui-tag-icon,.fui-tag-info{display:flex;border-radius:8px}.fui-tag-icon{width:64px;height:64px;align-items:center;justify-content:center;background:hsl(var(--surface-overlay));color:hsl(var(--text-primary))}.fui-tag-details h1{font-size:1.5rem;font-weight:600;margin-bottom:var(--space-1)}.fui-tag-details p{color:hsl(var(--text-secondary));margin-bottom:var(--space-2)}.fui-tag-stats{display:flex;gap:var(--space-4)}.fui-tag-stats span{display:flex;align-items:center;gap:var(--space-1);font-size:.875rem;color:hsl(var(--text-muted))}.fui-tag-related{margin-bottom:var(--space-4)}.fui-tag-related h3{font-size:.875rem;color:hsl(var(--text-muted));margin-bottom:var(--space-2)}.fui-tag-related-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.fui-tag-chip{padding:var(--space-1) var(--space-3);background:hsl(var(--surface-elevated));border:1px solid hsl(var(--border-subtle));border-radius:16px;font-size:.875rem;color:hsl(var(--text-secondary));transition:all .2s}.fui-tag-chip:hover{background:hsl(var(--surface-overlay));color:hsl(var(--text-primary));border-color:hsl(var(--border-default))}.fui-video-page{padding:var(--space-6)}.fui-video-player-container{display:flex;gap:var(--space-4);margin-bottom:var(--space-6)}.fui-video-player{flex:1;background:hsl(var(--black));border-radius:8px;overflow:hidden;position:relative}.fui-video-player-screen{aspect-ratio:16/9;position:relative;background:hsl(var(--gray-900))}.fui-video-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:hsla(var(--black),.7);border-radius:50%;color:hsl(var(--white));transition:all .2s}.fui-video-play-button:hover{background:hsla(var(--black),.9);transform:translate(-50%,-50%) scale(1.1)}.fui-video-highlight-badge{position:absolute;top:var(--space-3);left:var(--space-3);display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:hsl(var(--accent-primary));border-radius:4px;font-size:.75rem;font-weight:600;color:hsl(var(--black))}.fui-video-progress{height:4px;background:hsl(var(--gray-800));position:relative;cursor:pointer}.fui-video-progress-bar{height:100%;background:hsl(var(--accent-primary));transition:width .1s}.fui-video-chapter-marker{position:absolute;top:0;width:2px;height:100%;background:hsl(var(--white))}.fui-video-controls{display:flex;justify-content:space-between;padding:var(--space-3);background:hsl(var(--gray-900))}.fui-video-controls-left,.fui-video-controls-right{display:flex;align-items:center;gap:var(--space-2)}.fui-video-controls button{padding:var(--space-2);color:hsl(var(--text-secondary));transition:color .2s}.fui-video-controls button.active,.fui-video-controls button:hover{color:hsl(var(--text-primary))}.fui-video-time{font-family:var(--font-mono);font-size:.875rem;color:hsl(var(--text-muted))}.fui-video-chapters-panel{width:280px;background:hsl(var(--surface-elevated));border-radius:8px;padding:var(--space-4);max-height:400px;overflow-y:auto}.fui-video-chapters-panel h3{font-size:.875rem;font-weight:600;margin-bottom:var(--space-3)}.fui-video-chapters-list{display:flex;flex-direction:column;gap:var(--space-1)}.fui-video-chapter-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:4px;text-align:left;transition:background .2s}.fui-video-chapter-item:hover{background:hsl(var(--surface-overlay))}.fui-video-chapter-time{font-family:var(--font-mono);font-size:.75rem;color:hsl(var(--accent-primary));min-width:50px}.fui-video-chapter-title{font-size:.875rem;color:hsl(var(--text-primary))}.fui-video-content{display:grid;grid-template-columns:1fr 320px;gap:var(--space-6)}.fui-video-main{display:flex;flex-direction:column;gap:var(--space-4)}.fui-video-header h1{font-size:1.5rem;font-weight:600;margin-bottom:var(--space-2)}.fui-video-meta{display:flex;flex-wrap:wrap;gap:var(--space-4)}.fui-video-meta span{display:flex;align-items:center;gap:var(--space-1);font-size:.875rem;color:hsl(var(--text-muted))}.fui-video-actions{display:flex;gap:var(--space-2);padding:var(--space-3) 0;border-top:1px solid hsl(var(--border-subtle));border-bottom:1px solid hsl(var(--border-subtle))}.fui-video-action{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:hsl(var(--surface-elevated));border-radius:4px;font-size:.875rem;color:hsl(var(--text-secondary));transition:all .2s}.fui-video-action:hover{background:hsl(var(--surface-overlay));color:hsl(var(--text-primary))}.fui-video-action.active{background:hsl(var(--accent-primary));color:hsl(var(--black))}.fui-video-channel{padding:var(--space-4);background:hsl(var(--surface-elevated));border-radius:8px}.fui-video-channel,.fui-video-channel-link{display:flex;align-items:center;gap:var(--space-3)}.fui-video-channel-link{flex:1}.fui-video-channel-info{display:flex;flex-direction:column}.fui-video-channel-name{font-weight:600;color:hsl(var(--text-primary))}.fui-video-channel-game{font-size:.875rem;color:hsl(var(--text-muted))}.fui-video-description{padding:var(--space-4);background:hsl(var(--surface-elevated));border-radius:8px}.fui-video-description p{font-size:.9rem;color:hsl(var(--text-secondary));line-height:1.6}.fui-video-related h3{font-size:1rem;font-weight:600;margin-bottom:var(--space-3)}.fui-video-related-list{display:flex;flex-direction:column;gap:var(--space-3)}.fui-video-related-card{display:flex;gap:var(--space-3);padding:var(--space-2);border-radius:4px;transition:background .2s}.fui-video-related-card:hover{background:hsl(var(--surface-elevated))}.fui-video-related-thumb{width:160px;aspect-ratio:16/9;position:relative;border-radius:4px;overflow:hidden;flex-shrink:0}.fui-video-related-duration{position:absolute;bottom:var(--space-1);right:var(--space-1);padding:2px 4px;background:hsla(var(--black),.8);border-radius:2px;font-size:.7rem;font-family:var(--font-mono);color:hsl(var(--white))}.fui-video-related-info{display:flex;flex-direction:column;gap:var(--space-1)}.fui-video-related-info h4{font-size:.875rem;font-weight:500;color:hsl(var(--text-primary));display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fui-video-related-info span{font-size:.75rem;color:hsl(var(--text-muted))}@media (max-width:1024px){.fui-video-content{grid-template-columns:1fr}.fui-video-related{order:-1}.fui-video-related-list{flex-direction:row;overflow-x:auto}.fui-video-related-card{flex-direction:column;width:200px;flex-shrink:0}.fui-video-related-thumb{width:100%}}@media (max-width:768px){.fui-video-player-container{flex-direction:column}.fui-video-chapters-panel{width:100%;max-height:200px}.fui-video-actions{flex-wrap:wrap}}.fui-help{padding:var(--space-6);max-width:1200px;margin:0 auto}.fui-help-hero{text-align:center;padding:var(--space-8) var(--space-4);background:linear-gradient(180deg,hsl(var(--surface-elevated)) 0,transparent 100%);border-radius:12px;margin-bottom:var(--space-6)}.fui-help-hero svg{color:hsl(var(--accent-primary));margin-bottom:var(--space-4)}.fui-help-hero h1{font-size:2rem;font-weight:700;margin-bottom:var(--space-2)}.fui-help-hero p{color:hsl(var(--text-secondary));margin-bottom:var(--space-6)}.fui-help-search{display:flex;align-items:center;gap:var(--space-3);max-width:500px;margin:0 auto;padding:var(--space-3) var(--space-4);background:hsl(var(--surface-overlay));border:1px solid hsl(var(--border-subtle));border-radius:8px}.fui-help-search input{flex:1;background:transparent;border:none;font-size:1rem;color:hsl(var(--text-primary))}.fui-help-search input::-moz-placeholder{color:hsl(var(--text-muted))}.fui-help-search input::placeholder{color:hsl(var(--text-muted))}.fui-help-quick-links{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);margin-bottom:var(--space-6)}.fui-help-quick-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:hsl(var(--surface-elevated));border:1px solid hsl(var(--border-subtle));border-radius:8px;color:hsl(var(--text-secondary));transition:all .2s}.fui-help-quick-link:hover{background:hsl(var(--surface-overlay));color:hsl(var(--text-primary));border-color:hsl(var(--border-default))}.fui-help-section{margin-bottom:var(--space-8)}.fui-help-section h2{display:flex;align-items:center;gap:var(--space-2);font-size:1.25rem;font-weight:600;margin-bottom:var(--space-4)}.fui-help-popular-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-3)}.fui-help-popular-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:hsl(var(--surface-elevated));border:1px solid hsl(var(--border-subtle));border-radius:8px;transition:all .2s;position:relative}.fui-help-popular-card:hover{background:hsl(var(--surface-overlay));border-color:hsl(var(--border-default))}.fui-help-popular-card h3{font-size:.95rem;font-weight:500;color:hsl(var(--text-primary));padding-right:var(--space-6)}.fui-help-popular-card svg{position:absolute;top:50%;right:var(--space-4);transform:translateY(-50%);color:hsl(var(--text-muted))}.fui-help-popular-meta{display:flex;gap:var(--space-3);font-size:.8rem;color:hsl(var(--text-muted))}.fui-help-categories{display:flex;flex-direction:column;gap:var(--space-3)}.fui-help-category{background:hsl(var(--surface-elevated));border:1px solid hsl(var(--border-subtle));border-radius:8px;overflow:hidden}.fui-help-category-header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);width:100%;text-align:left;transition:background .2s}.fui-help-category-header:hover,.fui-help-category-icon{background:hsl(var(--surface-overlay))}.fui-help-category-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:hsl(var(--accent-primary))}.fui-help-category-info{flex:1}.fui-help-category-info h3{font-size:1rem;font-weight:600;margin-bottom:var(--space-1)}.fui-help-category-info p{font-size:.875rem;color:hsl(var(--text-muted))}.fui-help-category-articles{padding:var(--space-2) var(--space-4) var(--space-4);border-top:1px solid hsl(var(--border-subtle));background:hsl(var(--surface-base))}.fui-help-article{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:4px;color:hsl(var(--text-secondary));transition:all .2s}.fui-help-article:hover{background:hsl(var(--surface-elevated));color:hsl(var(--text-primary))}.fui-help-article span:first-of-type{flex:1}.fui-help-article-views{font-size:.75rem;color:hsl(var(--text-muted))}.fui-help-view-all{display:flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-3);color:hsl(var(--accent-primary));font-size:.875rem;font-weight:500}.fui-help-faq{display:flex;flex-direction:column;gap:var(--space-2)}.fui-help-faq-item{background:hsl(var(--surface-elevated));border:1px solid hsl(var(--border-subtle));border-radius:8px;overflow:hidden}.fui-help-faq-question{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-4);text-align:left;font-weight:500;transition:background .2s}.fui-help-faq-question:hover{background:hsl(var(--surface-overlay))}.fui-help-faq-answer{padding:0 var(--space-4) var(--space-4);border-top:1px solid hsl(var(--border-subtle))}.fui-help-faq-answer p{color:hsl(var(--text-secondary));line-height:1.6;padding-top:var(--space-3)}.fui-help-contact{text-align:center;padding:var(--space-8);background:hsl(var(--surface-elevated));border-radius:12px}.fui-help-contact h2{justify-content:center;font-size:1.5rem;margin-bottom:var(--space-2)}.fui-help-contact>p{color:hsl(var(--text-secondary));margin-bottom:var(--space-6)}.fui-help-contact-options{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);max-width:800px;margin:0 auto}.fui-help-contact-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-6);background:hsl(var(--surface-overlay));border:1px solid hsl(var(--border-subtle));border-radius:8px;transition:all .2s}.fui-help-contact-card:hover{border-color:hsl(var(--accent-primary));transform:translateY(-2px)}.fui-help-contact-card svg{color:hsl(var(--accent-primary))}.fui-help-contact-card h3{font-weight:600}.fui-help-contact-card p{font-size:.875rem;color:hsl(var(--text-muted))}.fui-help-contact-card span{font-size:.8rem;color:hsl(var(--accent-primary))}@media (max-width:768px){.fui-help-quick-links{grid-template-columns:repeat(2,1fr)}.fui-help-contact-options{grid-template-columns:1fr}}@media (max-width:480px){.fui-help-quick-links{grid-template-columns:1fr}}.fui-footer{background:hsl(var(--gray-950));border-top:1px solid hsl(var(--border-subtle));padding:var(--space-12) var(--space-6);margin-top:auto}.fui-footer-content{max-width:1400px;margin:0 auto}.fui-footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8);margin-bottom:var(--space-8)}.fui-footer-column h4{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:hsl(var(--text-primary));margin-bottom:var(--space-4);font-family:JetBrains Mono,monospace}.fui-footer-column ul{display:flex;flex-direction:column;gap:var(--space-2)}.fui-footer-column li a{font-size:.875rem;color:hsl(var(--text-muted));transition:color .15s ease}.fui-footer-column li a:hover{color:hsl(var(--text-primary))}.fui-footer-social{display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}.fui-footer-social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:hsl(var(--surface));border:1px solid hsl(var(--border-subtle));border-radius:4px;color:hsl(var(--text-muted));transition:all .15s ease}.fui-footer-social-link:hover{background:hsl(var(--surface-hover));border-color:hsl(var(--border));color:hsl(var(--text-primary))}.fui-footer-language{display:flex;align-items:center;gap:var(--space-2);color:hsl(var(--text-muted))}.fui-footer-language select{background:hsl(var(--surface));border:1px solid hsl(var(--border-subtle));border-radius:4px;padding:var(--space-2) var(--space-3);font-size:.875rem;color:hsl(var(--text-secondary));cursor:pointer;transition:all .15s ease}.fui-footer-language select:hover{border-color:hsl(var(--border));background:hsl(var(--surface-hover))}.fui-footer-language select:focus{outline:none;border-color:hsl(var(--accent-primary))}.fui-footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-6);border-top:1px solid hsl(var(--border-subtle))}.fui-footer-brand{display:flex;align-items:center;gap:var(--space-4)}.fui-footer-logo{font-family:JetBrains Mono,monospace;font-size:1.125rem;font-weight:700;color:hsl(var(--text-primary));letter-spacing:.05em}.fui-footer-tagline{display:flex;align-items:center;gap:var(--space-1);font-size:.75rem;color:hsl(var(--text-muted))}.fui-footer-tagline svg{color:hsl(var(--live-bg))}.fui-footer-copyright{font-size:.75rem;color:hsl(var(--text-muted))}@media (max-width:1024px){.fui-footer-links{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.fui-footer{padding:var(--space-8) var(--space-4)}.fui-footer-links{grid-template-columns:1fr 1fr;gap:var(--space-6)}.fui-footer-bottom{flex-direction:column;gap:var(--space-4);text-align:center}.fui-footer-brand{flex-direction:column;gap:var(--space-2)}}@media (max-width:480px){.fui-footer-links{grid-template-columns:1fr;gap:var(--space-6)}}.fui-static-hero{text-align:center;padding:var(--space-12) 0 var(--space-8);border-bottom:1px solid hsl(var(--border-subtle));margin-bottom:var(--space-8)}.fui-static-hero h1{font-size:3rem;font-weight:700;margin-bottom:var(--space-4);font-family:JetBrains Mono,monospace;letter-spacing:-.02em}.fui-static-subtitle{font-size:1.25rem;color:hsl(var(--text-secondary));max-width:600px;margin:0 auto}.fui-static-section{margin-bottom:var(--space-12)}.fui-static-section-title{font-size:1.75rem;font-weight:600;margin-bottom:var(--space-6);text-align:center;font-family:Inter,sans-serif}.fui-static-card{background:hsl(var(--surface));border:1px solid hsl(var(--border-subtle));border-radius:8px;padding:var(--space-8)}.fui-static-card h2{font-size:1.5rem;margin-bottom:var(--space-4)}.fui-static-card h2,.fui-static-card h3{font-weight:600;font-family:Inter,sans-serif}.fui-static-card h3{font-size:1.25rem;margin-bottom:var(--space-3)}.fui-static-card p{line-height:1.7;color:hsl(var(--text-secondary));margin-bottom:var(--space-4)}.fui-static-card p:last-child{margin-bottom:0}.fui-static-card a{color:hsl(var(--accent-primary));text-decoration:underline}.fui-static-card a:hover{text-decoration:none}.fui-static-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4)}.fui-static-card-link{cursor:pointer;transition:all .2s ease}.fui-static-card-link:hover{border-color:hsl(var(--accent-primary));transform:translateY(-2px)}.fui-values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6)}.fui-value-card{background:hsl(var(--surface));border:1px solid hsl(var(--border-subtle));border-radius:8px;padding:var(--space-6);transition:all .2s ease}.fui-value-card:hover{border-color:hsl(var(--border))}.fui-value-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:hsl(var(--surface-elevated));border:1px solid hsl(var(--border));border-radius:8px;color:hsl(var(--accent-primary));margin-bottom:var(--space-4)}.fui-value-card h3{font-size:1.125rem;font-weight:600;margin-bottom:var(--space-2);font-family:Inter,sans-serif}.fui-value-card p{font-size:.875rem;line-height:1.6;color:hsl(var(--text-muted))}.fui-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin:var(--space-6) 0}.fui-stat-card{background:hsl(var(--surface-elevated));border:1px solid hsl(var(--border-subtle));border-radius:8px;padding:var(--space-6);text-align:center}.fui-stat-value{font-size:2.5rem;font-weight:700;font-family:JetBrains Mono,monospace;color:hsl(var(--accent-primary));margin-bottom:var(--space-2)}.fui-stat-label{font-size:.875rem;color:hsl(var(--text-muted));text-transform:uppercase;letter-spacing:.05em}.fui-requirements-list{list-style:none;padding:0;margin:0}.fui-requirements-list li{padding:var(--space-3) 0;padding-left:var(--space-6);position:relative;color:hsl(var(--text-secondary));line-height:1.6;border-bottom:1px solid hsl(var(--border-subtle))}.fui-requirements-list li:last-child{border-bottom:none}.fui-requirements-list li:before{content:"→";position:absolute;left:0;color:hsl(var(--accent-primary));font-weight:700}.fui-process-steps{display:flex;flex-direction:column;gap:var(--space-4)}.fui-process-step{display:flex;gap:var(--space-4);align-items:flex-start}.fui-process-number{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:hsl(var(--accent-primary)/.1);border:2px solid hsl(var(--accent-primary));border-radius:50%;font-weight:700;color:hsl(var(--accent-primary));font-family:JetBrains Mono,monospace}.fui-process-step h3{font-size:1rem;font-weight:600;margin-bottom:var(--space-1);font-family:Inter,sans-serif}.fui-process-step p{font-size:.875rem;color:hsl(var(--text-muted));line-height:1.6}.fui-blog-categories{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-4) 0;border-bottom:1px solid hsl(var(--border-subtle));margin-bottom:var(--space-6)}.fui-blog-category{padding:var(--space-2) var(--space-4);background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:4px;font-size:.875rem;font-weight:500;color:hsl(var(--text-secondary));cursor:pointer;transition:all .15s ease}.fui-blog-category.active,.fui-blog-category:hover{background:hsl(var(--accent-primary)/.1);border-color:hsl(var(--accent-primary));color:hsl(var(--accent-primary))}.fui-blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-6)}.fui-blog-card{background:hsl(var(--surface));border:1px solid hsl(var(--border-subtle));border-radius:8px;padding:var(--space-6);transition:all .2s ease}.fui-blog-card:hover{border-color:hsl(var(--border));transform:translateY(-2px)}.fui-blog-card-category{display:inline-block;padding:4px var(--space-2);background:hsl(var(--accent-primary)/.1);color:hsl(var(--accent-primary));border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.fui-blog-card-title{font-size:1.25rem;font-weight:600;margin-bottom:var(--space-3);color:hsl(var(--text-primary));font-family:Inter,sans-serif;line-height:1.4}.fui-blog-card-excerpt{font-size:.875rem;color:hsl(var(--text-secondary));line-height:1.6;margin-bottom:var(--space-4)}.fui-blog-card-meta{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid hsl(var(--border-subtle))}.fui-blog-card-author,.fui-blog-card-date{display:flex;align-items:center;gap:4px;font-size:.75rem;color:hsl(var(--text-muted))}.fui-blog-card-read-time{font-size:.75rem;color:hsl(var(--text-muted));margin-left:auto}.fui-blog-card-read-more{display:flex;align-items:center;gap:var(--space-2);color:hsl(var(--accent-primary));font-weight:500;font-size:.875rem;background:none;border:none;cursor:pointer;transition:gap .2s ease}.fui-blog-card-read-more:hover{gap:var(--space-3)}.fui-code-block{background:hsl(var(--gray-950));border:1px solid hsl(var(--border));border-radius:8px;overflow:hidden}.fui-code-header{padding:var(--space-3) var(--space-4);background:hsl(var(--surface-elevated));border-bottom:1px solid hsl(var(--border-subtle));font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--text-muted));font-family:JetBrains Mono,monospace}.fui-code-block pre{padding:var(--space-4);margin:0;overflow-x:auto}.fui-code-block code{font-family:JetBrains Mono,monospace;font-size:.875rem;line-height:1.6;color:hsl(var(--text-primary))}.fui-shortcuts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-3)}.fui-shortcut-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:hsl(var(--surface-elevated));border:1px solid hsl(var(--border-subtle));border-radius:4px}.fui-shortcut-item kbd{display:inline-flex;align-items:center;justify-content:center;min-width:32px;padding:4px 8px;background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:4px;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:600;color:hsl(var(--text-primary));box-shadow:0 2px 0 hsl(var(--border))}.fui-shortcut-item span{font-size:.875rem;color:hsl(var(--text-secondary))}.fui-btn-primary,.fui-btn-secondary{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:4px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .15s ease;text-decoration:none;border:none}.fui-btn-primary{background:hsl(var(--white));color:hsl(var(--black));border:1px solid hsl(var(--white))}.fui-btn-primary:hover{background:hsl(var(--gray-200));border-color:hsl(var(--gray-200))}.fui-btn-secondary{background:transparent;border:1px solid hsl(var(--border));color:hsl(var(--text-primary))}.fui-btn-secondary:hover{background:hsl(var(--surface-hover));border-color:hsl(var(--text-muted))}.fui-input{padding:var(--space-3) var(--space-4);background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:4px;font-size:.875rem;color:hsl(var(--text-primary));transition:all .15s ease}.fui-input:focus{outline:none;border-color:hsl(var(--accent-primary));background:hsl(var(--surface-elevated))}.fui-input::-moz-placeholder{color:hsl(var(--text-muted))}.fui-input::placeholder{color:hsl(var(--text-muted))}@media (max-width:768px){.fui-static-hero h1{font-size:2rem}.fui-static-subtitle{font-size:1rem}.fui-blog-grid,.fui-static-grid,.fui-values-grid{grid-template-columns:1fr}.fui-stat-value{font-size:2rem}.fui-shortcuts-grid{grid-template-columns:1fr}}.fui-dashboard-panel{--corner-size:10px;--corner-thickness:1px;position:relative;background:hsl(var(--gray-900)/.6);border:1px solid hsl(var(--gray-700));backdrop-filter:blur(4px)}.fui-dashboard-panel:before{background-image:linear-gradient(hsl(var(--gray-700)/.08) 1px,transparent 1px),linear-gradient(90deg,hsl(var(--gray-700)/.08) 1px,transparent 1px);background-size:20px 20px}.fui-dashboard-panel:after,.fui-dashboard-panel:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0}.fui-dashboard-panel:after{background:repeating-linear-gradient(0deg,transparent,transparent 2px,hsl(var(--black)/.03) 2px,hsl(var(--black)/.03) 4px)}.fui-dashboard-panel>*{position:relative;z-index:1}.fui-dashboard-panel{transition:border-color .2s ease,box-shadow .2s ease}.fui-dashboard-panel:hover{border-color:hsl(var(--gray-500));box-shadow:0 0 20px -5px hsl(var(--white)/.05),inset 0 1px 0 hsl(var(--white)/.05)}.fui-dashboard-panel .fui-corner{position:absolute;width:var(--corner-size);height:var(--corner-size);opacity:0;transition:opacity .2s ease;z-index:2}.fui-dashboard-panel:hover .fui-corner{opacity:1}.fui-dashboard-panel .fui-corner--tl{top:4px;left:4px;border-top:var(--corner-thickness) solid hsl(var(--white)/.5);border-left:var(--corner-thickness) solid hsl(var(--white)/.5)}.fui-dashboard-panel .fui-corner--tr{top:4px;right:4px;border-top:var(--corner-thickness) solid hsl(var(--white)/.5);border-right:var(--corner-thickness) solid hsl(var(--white)/.5)}.fui-dashboard-panel .fui-corner--bl{left:4px;border-left:var(--corner-thickness) solid hsl(var(--white)/.5)}.fui-dashboard-panel .fui-corner--bl,.fui-dashboard-panel .fui-corner--br{bottom:4px;border-bottom:var(--corner-thickness) solid hsl(var(--white)/.5)}.fui-dashboard-panel .fui-corner--br{right:4px;border-right:var(--corner-thickness) solid hsl(var(--white)/.5)}.fui-dashboard-panel-header{position:relative;background:hsl(var(--gray-800)/.5);margin:calc(var(--space-4) * -1);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:1px solid hsl(var(--gray-700))}.fui-dashboard-panel-header h3{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:hsl(var(--white))}.fui-dashboard-panel-header h3 svg{color:hsl(var(--gray-400))}.fui-dashboard-nav{background:hsl(var(--gray-900)/.8);border:1px solid hsl(var(--gray-700));padding:3px}.fui-dashboard-nav-item{position:relative;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.08em;color:hsl(var(--gray-400));border:1px solid transparent;transition:all .15s ease}.fui-dashboard-nav-item:before{content:"";position:absolute;bottom:0;left:50%;width:0;height:1px;background:hsl(var(--white));transition:all .2s ease;transform:translateX(-50%)}.fui-dashboard-nav-item:hover{color:hsl(var(--white));background:hsl(var(--gray-800)/.5)}.fui-dashboard-nav-item:hover:before{width:60%}.fui-dashboard-nav-item.active{color:hsl(var(--white));background:hsl(var(--gray-800));border-color:hsl(var(--gray-600))}.fui-dashboard-nav-item.active:before{width:80%;background:hsl(var(--white))}.fui-dashboard-stat{background:hsl(var(--gray-850)/.6);border:1px solid hsl(var(--gray-700));transition:all .2s ease}.fui-dashboard-stat:hover{border-color:hsl(var(--gray-500));background:hsl(var(--gray-800)/.8)}.fui-dashboard-stat-icon{background:hsl(var(--gray-800));border:1px solid hsl(var(--gray-600));color:hsl(var(--white))}.fui-dashboard-stat-value{color:hsl(var(--white));font-variant-numeric:tabular-nums}.fui-dashboard-stat-label{color:hsl(var(--gray-400))}.fui-content-search input,.fui-dashboard input[type=email],.fui-dashboard input[type=password],.fui-dashboard input[type=text],.fui-dashboard select,.fui-dashboard textarea,.fui-mod-banned-search input,.fui-stream-form input,.fui-stream-form select,.fui-stream-form textarea{background:hsl(var(--gray-900));border:1px solid hsl(var(--gray-700));color:hsl(var(--white));font-family:Inter,sans-serif;font-size:13px;padding:10px 12px;transition:all .15s ease;outline:none}.fui-dashboard input:focus,.fui-dashboard select:focus,.fui-dashboard textarea:focus,.fui-stream-form input:focus,.fui-stream-form select:focus{border-color:hsl(var(--gray-500));box-shadow:0 0 0 1px hsl(var(--gray-600))}.fui-dashboard input::-moz-placeholder,.fui-stream-form input::-moz-placeholder{color:hsl(var(--gray-500))}.fui-dashboard input::placeholder,.fui-stream-form input::placeholder{color:hsl(var(--gray-500))}.fui-analytics-date-select,.fui-content-sort,.fui-dashboard select,.fui-stream-form select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:32px;cursor:pointer}.fui-toggle{width:44px;height:24px;padding:0;background:transparent;border:none;cursor:pointer}.fui-toggle-track{position:relative;width:100%;height:100%;background:hsl(var(--gray-800));border:1px solid hsl(var(--gray-600));transition:all .2s ease}.fui-toggle-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;background:hsl(var(--gray-500));transition:all .2s ease}.fui-toggle.active .fui-toggle-track{background:hsl(var(--gray-700));border-color:hsl(var(--white)/.5)}.fui-toggle.active .fui-toggle-thumb{left:calc(100% - 20px);background:hsl(var(--white))}.fui-analytics-category-bar,.fui-analytics-dist-bar,.fui-analytics-revenue-bar,.fui-analytics-tier-bar,.fui-content-storage-bar,.fui-dashboard-goal-bar{height:4px;background:hsl(var(--gray-800));border:1px solid hsl(var(--gray-700));overflow:hidden}.fui-analytics-category-fill,.fui-analytics-dist-fill,.fui-analytics-revenue-bar-fill,.fui-analytics-tier-fill,.fui-content-storage-fill,.fui-dashboard-goal-fill{height:100%;background:linear-gradient(90deg,hsl(var(--gray-400)),hsl(var(--white)));transition:width .3s ease}.fui-dashboard-activity-item{position:relative;padding:var(--space-3);background:hsl(var(--gray-850)/.4);border:1px solid hsl(var(--gray-800));border-left:2px solid hsl(var(--gray-600));transition:all .15s ease}.fui-dashboard-activity-item:hover{background:hsl(var(--gray-800)/.6);border-left-color:hsl(var(--white))}.fui-dashboard-activity-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:hsl(var(--gray-800));border:1px solid hsl(var(--gray-700));color:hsl(var(--white))}.fui-analytics-metric-card{position:relative;padding:var(--space-4);background:hsl(var(--gray-900)/.6);border:1px solid hsl(var(--gray-700));transition:all .2s ease}.fui-analytics-metric-card:before{content:"";position:absolute;inset:0;background-image:linear-gradient(hsl(var(--gray-700)/.06) 1px,transparent 1px),linear-gradient(90deg,hsl(var(--gray-700)/.06) 1px,transparent 1px);background-size:16px 16px;pointer-events:none}.fui-analytics-metric-card:hover{border-color:hsl(var(--gray-500));transform:translateY(-2px)}.fui-analytics-metric-value{font-family:JetBrains Mono,monospace;font-size:28px;font-weight:700;color:hsl(var(--white));font-variant-numeric:tabular-nums}.fui-analytics-metric-label{text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--gray-400))}.fui-analytics-metric-change,.fui-analytics-metric-label{font-size:11px;font-family:JetBrains Mono,monospace}.fui-analytics-metric-change.positive{color:hsl(var(--white))}.fui-analytics-metric-change.negative{color:hsl(var(--gray-400))}.fui-bar-chart{display:flex;align-items:flex-end;gap:var(--space-2);height:160px;padding:var(--space-4) 0}.fui-bar-chart-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.fui-bar-chart-bar{position:relative;width:100%;background:linear-gradient(180deg,hsl(var(--white)/.9),hsl(var(--gray-400)/.6));border:1px solid hsl(var(--gray-500));transition:all .2s ease;margin-top:auto}.fui-bar-chart-bar:hover{background:linear-gradient(180deg,hsl(var(--white)),hsl(var(--gray-300)));border-color:hsl(var(--white))}.fui-bar-chart-tooltip{position:absolute;top:-24px;left:50%;transform:translateX(-50%);padding:2px 6px;background:hsl(var(--gray-900));border:1px solid hsl(var(--gray-600));font-size:10px;font-family:JetBrains Mono,monospace;color:hsl(var(--white));white-space:nowrap;opacity:0;transition:opacity .15s ease}.fui-bar-chart-bar:hover .fui-bar-chart-tooltip{opacity:1}.fui-bar-chart-label{margin-top:var(--space-2);font-size:10px;font-family:JetBrains Mono,monospace;color:hsl(var(--gray-400))}.fui-analytics-tabs,.fui-content-tabs,.fui-moderation-tabs,.fui-stream-tabs{display:flex;gap:2px;background:hsl(var(--gray-900));border:1px solid hsl(var(--gray-700));padding:3px;margin-bottom:var(--space-4)}.fui-analytics-tab,.fui-content-tab,.fui-moderation-tab,.fui-stream-tab{display:flex;align-items:center;gap:var(--space-2);padding:10px 16px;background:transparent;border:1px solid transparent;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:hsl(var(--gray-400));cursor:pointer;transition:all .15s ease}.fui-analytics-tab:hover,.fui-content-tab:hover,.fui-moderation-tab:hover,.fui-stream-tab:hover{color:hsl(var(--white));background:hsl(var(--gray-800)/.5)}.fui-analytics-tab.active,.fui-content-tab.active,.fui-moderation-tab.active,.fui-stream-tab.active{color:hsl(var(--white));background:hsl(var(--gray-800));border-color:hsl(var(--gray-600))}.fui-content-card{position:relative;background:hsl(var(--gray-900)/.6);border:1px solid hsl(var(--gray-700));transition:all .2s ease}.fui-content-card:before{content:"";position:absolute;inset:0;background-image:linear-gradient(hsl(var(--gray-700)/.05) 1px,transparent 1px),linear-gradient(90deg,hsl(var(--gray-700)/.05) 1px,transparent 1px);background-size:12px 12px;pointer-events:none;opacity:0;transition:opacity .2s ease}.fui-content-card:hover{border-color:hsl(var(--gray-500));transform:translateY(-2px)}.fui-content-card:hover:before{opacity:1}.fui-content-card.selected{border-color:hsl(var(--white)/.5);box-shadow:0 0 0 1px hsl(var(--white)/.2)}.fui-content-card-thumb{position:relative;aspect-ratio:16/9;background:hsl(var(--gray-800));overflow:hidden}.fui-content-card-duration{position:absolute;bottom:var(--space-2);right:var(--space-2);display:flex;align-items:center;gap:4px;padding:2px 6px;background:hsl(var(--black)/.9);border:1px solid hsl(var(--gray-700));font-size:10px;font-family:JetBrains Mono,monospace;color:hsl(var(--white))}.fui-content-card-title{font-size:13px;font-weight:500;color:hsl(var(--white))}.fui-content-card-creator,.fui-content-card-game{font-size:11px;color:hsl(var(--gray-400))}.fui-moderation{padding:var(--space-6);max-width:1400px;margin:0 auto}.fui-moderation-stats{display:flex;gap:var(--space-4);margin:var(--space-4) 0}.fui-moderation-stat{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:hsl(var(--gray-900));border:1px solid hsl(var(--gray-700));font-family:JetBrains Mono,monospace;font-size:11px;color:hsl(var(--gray-300))}.fui-moderation-stat svg{color:hsl(var(--gray-500))}.fui-mod-activity-list,.fui-mod-automod-list,.fui-mod-banned-list,.fui-mod-chat-list,.fui-mod-mods-list{display:flex;flex-direction:column;gap:var(--space-2)}.fui-mod-action-item,.fui-mod-automod-item,.fui-mod-banned-item,.fui-mod-chat-item,.fui-mod-mod-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:hsl(var(--gray-900)/.6);border:1px solid hsl(var(--gray-800));border-left:2px solid hsl(var(--gray-600));transition:all .15s ease}.fui-mod-action-item:hover,.fui-mod-automod-item:hover,.fui-mod-banned-item:hover,.fui-mod-chat-item:hover,.fui-mod-mod-item:hover{background:hsl(var(--gray-850)/.8);border-left-color:hsl(var(--white))}.fui-stream-preview-video{aspect-ratio:16/9;background:hsl(var(--gray-900));border:1px solid hsl(var(--gray-700));display:flex;align-items:center;justify-content:center}.fui-stream-preview-live .fui-stream-preview-placeholder,.fui-stream-preview-offline{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:hsl(var(--gray-500))}.fui-stream-preview-offline svg,.fui-stream-preview-placeholder svg{color:hsl(var(--gray-600))}.fui-live-badge{display:inline-flex;align-items:center;padding:3px 8px;background:hsl(var(--white));color:hsl(var(--black));font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;letter-spacing:.05em;animation:livePulse 2s ease-in-out infinite}.fui-content-empty,.fui-mod-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);text-align:center;color:hsl(var(--gray-400))}.fui-content-empty svg,.fui-mod-empty svg{margin-bottom:var(--space-4);color:hsl(var(--gray-600))}.fui-dashboard .fui-btn-primary{background:hsl(var(--white));color:hsl(var(--black));border:1px solid hsl(var(--white));font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.03em;text-transform:uppercase}.fui-dashboard .fui-btn-primary:hover{background:hsl(var(--gray-200));border-color:hsl(var(--gray-200))}.fui-dashboard .fui-btn-secondary{background:transparent;color:hsl(var(--white));border:1px solid hsl(var(--gray-600));font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.03em;text-transform:uppercase}.fui-dashboard .fui-btn-secondary:hover{background:hsl(var(--gray-800));border-color:hsl(var(--gray-500))}.fui-dashboard .fui-btn-ghost{background:transparent;color:hsl(var(--gray-400));border:1px solid transparent}.fui-dashboard .fui-btn-ghost:hover{color:hsl(var(--white));background:hsl(var(--gray-800)/.5)}.fui-stream-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:hsl(var(--gray-800));border:1px solid hsl(var(--gray-700));font-size:11px;font-family:JetBrains Mono,monospace;color:hsl(var(--gray-300))}.fui-stream-tag button{background:none;border:none;color:hsl(var(--gray-500));cursor:pointer;padding:0;margin-left:2px}.fui-health-excellent,.fui-health-good,.fui-stream-tag button:hover{color:hsl(var(--white))}.fui-health-fair{color:hsl(var(--gray-400))}.fui-health-poor{color:hsl(var(--gray-500))}.fui-dashboard-view-link{display:inline-flex;align-items:center;gap:var(--space-1);font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.03em;text-transform:uppercase;color:hsl(var(--gray-400));text-decoration:none;transition:color .15s ease}.fui-dashboard-view-link:hover{color:hsl(var(--white))}.fui-dashboard-action-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3);background:hsl(var(--gray-850));border:1px solid hsl(var(--gray-700));color:hsl(var(--gray-400));font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.03em;cursor:pointer;transition:all .15s ease}.fui-dashboard-action-btn:hover:not(.disabled){background:hsl(var(--gray-800));border-color:hsl(var(--gray-500));color:hsl(var(--white))}.fui-dashboard-action-btn.disabled{opacity:.4;cursor:not-allowed}@media (min-width:640px){.sm\:hidden.fui-thumbnail-tags{transform:translateX(calc(-100% - var(--space-2)));opacity:0}}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}.group:hover .group-hover\:text-\[hsl\(var\(--white\)\)\]{color:hsl(var(--white))}@media (min-width:640px){.sm\:block{display:block}.sm\:inline{display:inline}.sm\:flex{display:flex}.sm\:inline-flex{display:inline-flex}.sm\:hidden{display:none}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:gap-3{gap:.75rem}}@media (min-width:768px){.md\:block{display:block}.md\:inline{display:inline}}@media (min-width:1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}