[data-brand=vu]{--color-primary: var(--brand-primary);--color-primary-rgb: var(--brand-primary-rgb);--color-primary-foreground: #ffffff;--color-ring: var(--brand-primary);--color-accent-brand: var(--brand-accent);--color-background: var(--brand-canvas-light);--color-foreground: var(--brand-ink-light);--color-muted-foreground: var(--brand-muted-light);--color-border: var(--brand-hairline-light);--color-input: var(--brand-hairline-light);--color-muted: color-mix(in srgb, var(--brand-primary) 2%, var(--brand-canvas-light));--color-accent: color-mix(in srgb, var(--brand-primary) 2%, var(--brand-canvas-light));--color-section-alt-0: var(--brand-canvas-light);--color-section-alt-1: color-mix(in srgb, var(--brand-primary) 2%, var(--brand-canvas-light));--color-card: color-mix(in srgb, var(--brand-primary) 1.5%, #ffffff);--color-popover: color-mix(in srgb, var(--brand-primary) 1.5%, #ffffff);--font-sans: var(--brand-font-stack)}[data-brand=vu].dark{--vu-surface-0: color-mix(in srgb, var(--brand-accent) 3%, color-mix(in srgb, var(--brand-bg-dark) 42%, black));--vu-surface-1: color-mix(in srgb, var(--brand-accent) 3%, color-mix(in srgb, var(--brand-surface-dark) 50%, black));--vu-surface-2: color-mix(in srgb, var(--brand-accent) 3%, color-mix(in srgb, var(--brand-surface-raised-dark) 58%, black));--color-background: var(--vu-surface-0);--color-background-gradient: radial-gradient(52rem 36rem at 88% -10%, color-mix(in srgb, var(--brand-primary) 11%, transparent) 0%, transparent 60%), radial-gradient(46rem 32rem at -12% 20%, color-mix(in srgb, var(--brand-accent) 12%, transparent) 0%, transparent 64%), radial-gradient(44rem 34rem at 74% 112%, color-mix(in srgb, var(--brand-warm-accent) 6%, transparent) 0%, transparent 68%), var(--vu-surface-0);--color-foreground: var(--brand-text-dark);--color-card: var(--vu-surface-1);--color-card-foreground: var(--brand-text-dark);--color-popover: var(--vu-surface-1);--color-popover-foreground: var(--brand-text-dark);--color-muted: var(--vu-surface-2);--color-muted-foreground: color-mix(in srgb, var(--brand-accent) 7%, var(--brand-muted-dark));--color-accent: var(--vu-surface-2);--color-accent-foreground: var(--brand-text-dark);--color-border: var(--brand-hairline-dark);--color-input: var(--brand-hairline-dark);--color-ring: var(--brand-primary);--color-section-alt-0: color-mix(in srgb, var(--vu-surface-1) 45%, var(--vu-surface-0));--color-section-alt-1: color-mix(in srgb, var(--vu-surface-2) 60%, var(--vu-surface-1));--shadow-card: 0 10px 36px -10px rgba(0, 0, 0, .85), 0 0 0 1px rgba(255, 255, 255, .04), inset 0 1px 0 0 rgba(255, 255, 255, .03);--shadow-card-hover: 0 18px 50px -12px rgba(0, 0, 0, .9), 0 0 0 1px rgba(255, 255, 255, .07);--shadow-card-glow: 0 10px 32px -8px rgba(0, 0, 0, .7), 0 0 28px -8px rgba(var(--brand-primary-rgb), .1), inset 0 1px 0 0 rgba(255, 255, 255, .04)}[data-brand=vu] .glass-card{background:color-mix(in srgb,white 8%,var(--brand-canvas-light));border-color:var(--brand-hairline-light)}[data-brand=vu]:not(.dark) body{background-image:radial-gradient(52rem 36rem at 88% -12%,color-mix(in srgb,var(--brand-primary) 5%,transparent) 0%,transparent 60%),radial-gradient(46rem 32rem at -12% 18%,color-mix(in srgb,var(--brand-accent) 6%,transparent) 0%,transparent 62%),radial-gradient(44rem 34rem at 74% 110%,color-mix(in srgb,var(--brand-warm-accent) 4%,transparent) 0%,transparent 66%);background-attachment:fixed;background-repeat:no-repeat}[data-brand=vu].dark .glass-card{background:color-mix(in srgb,var(--vu-surface-1) 18%,var(--vu-surface-0));border-color:var(--brand-hairline-dark)}[data-brand=vu]:not(.dark) .sidebar-active,[data-brand=vu]:not(.dark) .glass-card .text-primary.bg-primary\/10{color:var(--color-foreground);background:color-mix(in srgb,color-mix(in srgb,var(--brand-primary) 22%,var(--brand-ink-light)) 7%,transparent)}[data-brand=vu].dark .sidebar-active,[data-brand=vu].dark .glass-card .text-primary.bg-primary\/10{color:#fffffff2;background:color-mix(in srgb,color-mix(in srgb,var(--brand-primary) 18%,white) 8%,transparent)}[data-brand=vu]:not(.dark) .glass-card a:hover:not(.sidebar-active):not(.bg-primary\/10):not(.bg-destructive),[data-brand=vu]:not(.dark) .glass-card button:hover:not(.sidebar-active):not(.bg-primary\/10):not(.bg-destructive){background:color-mix(in srgb,color-mix(in srgb,var(--brand-primary) 22%,var(--brand-ink-light)) 4.5%,transparent)}[data-brand=vu].dark .glass-card a:hover:not(.sidebar-active):not(.bg-primary\/10):not(.bg-destructive),[data-brand=vu].dark .glass-card button:hover:not(.sidebar-active):not(.bg-primary\/10):not(.bg-destructive){background:color-mix(in srgb,color-mix(in srgb,var(--brand-primary) 18%,white) 5%,transparent)}[data-brand=vu].dark .glass-card a.sidebar-active,[data-brand=vu].dark .glass-card button.sidebar-active{box-shadow:inset 2px 0 0 0 var(--ws-accent, var(--color-primary)),0 0 12px -6px rgba(var(--brand-primary-rgb),.2)}[data-brand=vu] .gradient-shine{background:linear-gradient(135deg,var(--brand-canvas-light) 0%,color-mix(in srgb,white 55%,var(--brand-canvas-light)) 50%,var(--brand-canvas-light) 100%)}[data-brand=vu].dark .gradient-shine{background:radial-gradient(48rem 20rem at 78% -30%,color-mix(in srgb,var(--brand-primary) 16%,transparent) 0%,transparent 62%),radial-gradient(36rem 18rem at 4% -24%,color-mix(in srgb,var(--brand-accent) 12%,transparent) 0%,transparent 60%),linear-gradient(135deg,var(--vu-surface-0) 0%,var(--vu-surface-1) 50%,var(--vu-surface-0) 100%)}[data-brand=vu].dark .shadow-card-premium{background:radial-gradient(300px 170px at 92% -14%,color-mix(in srgb,var(--brand-accent) 11%,transparent) 0%,transparent 70%),radial-gradient(340px 190px at 6% -16%,color-mix(in srgb,var(--brand-primary) 6%,transparent) 0%,transparent 70%),linear-gradient(180deg,var(--vu-surface-2) 0%,var(--vu-surface-1) 100%);border-color:var(--brand-hairline-dark);box-shadow:0 0 0 1px #ffffff0b,0 16px 48px -16px #000000eb,inset 0 1px #ffffff12}[data-brand=vu].dark .shadow-card-premium-hover{background:linear-gradient(180deg,color-mix(in srgb,white 3%,var(--vu-surface-2)) 0%,var(--vu-surface-1) 100%);border-color:color-mix(in srgb,var(--brand-primary) 10%,var(--brand-hairline-dark));box-shadow:0 0 0 1px #ffffff14,0 22px 60px -16px #000000f2,inset 0 1px #ffffff12}[data-brand=vu] ::-moz-selection{background:rgba(var(--brand-primary-rgb),.18)}[data-brand=vu] ::selection{background:rgba(var(--brand-primary-rgb),.18)}[data-brand=vu] .font-mono-stats{font-family:IBM Plex Mono,SF Mono,Fira Code,Monaco,monospace}[data-brand=vu]{--hairline-multi: linear-gradient( 90deg, transparent 2%, color-mix(in srgb, var(--brand-gradient-from) 75%, transparent) 28%, color-mix(in srgb, var(--brand-primary) 65%, transparent) 50%, color-mix(in srgb, var(--brand-accent) 65%, transparent) 78%, transparent 98% )}[data-brand=vu] .brand-hairline-top{position:relative}[data-brand=vu] .brand-hairline-top:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:var(--hairline-multi);border-radius:inherit;pointer-events:none}[data-brand=vu] button.bg-primary,[data-brand=vu] a.bg-primary,[data-brand=vu] .btn-primary{background-image:radial-gradient(130% 130% at 15% -20%,color-mix(in srgb,var(--brand-warm-accent) 28%,transparent) 0%,transparent 55%),linear-gradient(180deg,var(--brand-gradient-from) 0%,color-mix(in srgb,var(--brand-primary) 88%,var(--brand-gradient-to)) 100%);border:0;box-shadow:0 8px 24px -10px rgba(var(--brand-primary-rgb),.5)}[data-brand=vu] button.bg-primary:hover,[data-brand=vu] a.bg-primary:hover,[data-brand=vu] .btn-primary:hover{background-image:radial-gradient(130% 140% at 15% -20%,color-mix(in srgb,var(--brand-warm-accent) 38%,transparent) 0%,transparent 58%),linear-gradient(180deg,color-mix(in srgb,white 6%,var(--brand-gradient-from)),color-mix(in srgb,white 3%,var(--brand-primary)));box-shadow:0 10px 30px -10px rgba(var(--brand-primary-rgb),.6)}[data-brand=dyntube].dark{--color-background-gradient: radial-gradient(52rem 36rem at 88% -10%, color-mix(in srgb, var(--brand-gradient-from) 13%, transparent) 0%, transparent 60%), radial-gradient(46rem 32rem at -12% 20%, color-mix(in srgb, var(--brand-accent) 10%, transparent) 0%, transparent 64%), radial-gradient(44rem 34rem at 74% 112%, color-mix(in srgb, var(--brand-warm-accent) 5%, transparent) 0%, transparent 68%), var(--color-background)}[data-brand=dyntube].dark .shadow-card-premium{background:radial-gradient(300px 170px at 92% -14%,color-mix(in srgb,var(--brand-accent) 10%,transparent) 0%,transparent 70%),radial-gradient(340px 190px at 6% -16%,color-mix(in srgb,var(--brand-gradient-from) 9%,transparent) 0%,transparent 70%),linear-gradient(180deg,color-mix(in srgb,white 3.5%,var(--color-card)),color-mix(in srgb,black 8%,var(--color-card)));box-shadow:0 0 0 1px #ffffff0b,0 12px 44px -12px #000000d9,inset 0 1px #ffffff12}[data-brand=dyntube].dark .shadow-card-premium-hover{background:radial-gradient(300px 170px at 92% -14%,color-mix(in srgb,var(--brand-accent) 11%,transparent) 0%,transparent 70%),radial-gradient(340px 190px at 6% -16%,color-mix(in srgb,var(--brand-gradient-from) 10%,transparent) 0%,transparent 70%),linear-gradient(180deg,color-mix(in srgb,white 6%,var(--color-card)),color-mix(in srgb,black 4%,var(--color-card)))}[data-brand=dyntube].dark .gradient-shine{background:radial-gradient(48rem 20rem at 78% -30%,color-mix(in srgb,var(--brand-gradient-from) 16%,transparent) 0%,transparent 62%),radial-gradient(36rem 18rem at 4% -24%,color-mix(in srgb,var(--brand-accent) 11%,transparent) 0%,transparent 60%),linear-gradient(135deg,var(--color-background) 0%,var(--color-card) 50%,var(--color-background) 100%)}[data-brand=dyntube] button.bg-primary,[data-brand=dyntube] a.bg-primary,[data-brand=dyntube] .btn-primary{background-image:radial-gradient(130% 130% at 15% -20%,color-mix(in srgb,var(--brand-accent) 20%,transparent) 0%,transparent 55%),linear-gradient(180deg,color-mix(in srgb,var(--brand-gradient-from) 45%,var(--brand-primary)),color-mix(in srgb,var(--brand-primary) 82%,var(--brand-gradient-to)));border:0;box-shadow:0 8px 24px -10px rgba(var(--brand-primary-rgb),.5)}[data-brand=dyntube] button.bg-primary:hover,[data-brand=dyntube] a.bg-primary:hover,[data-brand=dyntube] .btn-primary:hover{background-image:radial-gradient(130% 140% at 15% -20%,color-mix(in srgb,var(--brand-accent) 28%,transparent) 0%,transparent 58%),linear-gradient(180deg,color-mix(in srgb,white 6%,color-mix(in srgb,var(--brand-gradient-from) 45%,var(--brand-primary))),color-mix(in srgb,white 3%,var(--brand-primary)));box-shadow:0 10px 30px -10px rgba(var(--brand-primary-rgb),.6)}