*,:before,:after,::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:#3b82f680;--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: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family: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:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-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,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-3{margin-bottom:.75rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-full{height:100%}.w-10{width:2.5rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-6{width:1.5rem}.w-full{width:100%}.min-w-0{min-width:0}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.translate-y-0{--tw-translate-y:0px;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))}.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))}.resize{resize:both}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded-2xl{border-radius:1rem}.rounded-\[2rem\]{border-radius:2rem}.rounded-full{border-radius:9999px}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-0{border-width:0}.border-transparent{border-color:#0000}.border-white\/10{border-color:#ffffff1a}.bg-\[color\:var\(--neon-cyan\)\]{background-color:var(--neon-cyan)}.bg-transparent{background-color:#0000}.bg-white\/5{background-color:#ffffff0d}.fill-current{fill:currentColor}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.tracking-wider{letter-spacing:.05em}.text-\[color\:var\(--conbot-muted\)\]{color:var(--conbot-muted)}.text-\[color\:var\(--conbot-text\)\]{color:var(--conbot-text)}.text-\[color\:var\(--neon-cyan\)\]{color:var(--neon-cyan)}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.placeholder-\[color\:var\(--conbot-muted\)\]::placeholder{color:var(--conbot-muted)}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-40{opacity:.4}.shadow-\[0_8px_32px_rgba\(0\,0\,0\,0\.4\)\]{--tw-shadow:0 8px 32px #0006;--tw-shadow-colored:0 8px 32px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.outline-none{outline-offset:2px;outline:2px solid #0000}.outline{outline-style:solid}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-xl{--tw-backdrop-blur:blur(24px);-webkit-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);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,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{color:var(--mode-text,#172033);background:var(--mode-bg,#fbfdff);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{overflow-x:hidden}.conbot-theme-root{background:var(--app-bg);min-height:100vh;color:var(--text-main)}.ambient-ocean-engine{z-index:0;background:radial-gradient(120% 74% at 50% 100%,#3a107847,#0000 62%),linear-gradient(#010106 0%,#050312 42%,#0b0a1b 100%);position:fixed;inset:0;overflow:hidden}.ambient-ocean-canvas,.ambient-ocean-depth,.ambient-ocean-grain,.ambient-ocean-spotlight{position:absolute;inset:0}.ambient-ocean-canvas{width:100%;height:100%;display:block}.ambient-ocean-depth{mix-blend-mode:screen;opacity:.8;background:radial-gradient(circle at 18% 18%,#ffffff14,#0000 26%),radial-gradient(circle at 78% 8%,#ffffff0f,#0000 24%),radial-gradient(circle at 50% 62%,#7ee2ff14,#0000 36%)}.ambient-ocean-grain{opacity:.042;background-image:radial-gradient(circle at 18% 32%,#ffffffe0 0 1px,#0000 1.4px),radial-gradient(circle at 72% 18%,#ffffff9e 0 1px,#0000 1.4px),radial-gradient(circle at 82% 68%,#ffffffbd 0 1px,#0000 1.4px),radial-gradient(circle at 34% 76%,#ffffffa8 0 1px,#0000 1.4px)}.ambient-ocean-spotlight{background:radial-gradient(circle 320px at var(--ocean-x,50%) var(--ocean-y,45%), #ffffff14, transparent 78%);mix-blend-mode:screen;transition:background .35s}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.protected-logo-chip{background:var(--mode-nav,#ffffff7a);height:3rem;color:var(--mode-text,#172033);letter-spacing:-.01em;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);isolation:isolate;border:1px solid #ffffff42;border-radius:999px;align-items:center;gap:.7rem;padding:.35rem .9rem .35rem .4rem;font-size:.9rem;font-weight:800;display:inline-flex;overflow:visible;box-shadow:0 14px 34px #141f321a,inset 0 1px #ffffffb8}.app-top-shell{z-index:40;grid-template-columns:minmax(14rem,22rem) minmax(0,1fr);align-items:start;gap:1rem;margin-bottom:1.75rem;display:grid;position:sticky;top:1rem}.brand-cluster{background:linear-gradient(145deg, #ffffff29, #ffffff0b), color-mix(in srgb, var(--mode-nav,#080c18c7) 92%, transparent);-webkit-backdrop-filter:blur(26px)saturate(1.2);backdrop-filter:blur(26px)saturate(1.2);isolation:isolate;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:.8rem;min-width:0;padding:.5rem 1rem .5rem .55rem;display:inline-flex;box-shadow:0 22px 70px #0000003d,inset 0 1px #ffffff2e,inset 0 -18px 34px #0000001a}.conbot-logo-emblem{background:radial-gradient(circle at 30% 16%,#ffffff52,#0000 32%),#ffffff14;border:1px solid #ffffff2e;border-radius:1.15rem;flex:none;place-items:center;width:3.15rem;height:3.15rem;display:grid;overflow:visible;box-shadow:inset 0 1px #fff3,inset 0 -14px 24px #0000002e,0 14px 40px #0000002e}.conbot-logo-emblem .logoProtected{width:2.35rem;height:2.35rem}.logoProtected{-o-object-fit:contain;object-fit:contain;opacity:1;mix-blend-mode:normal;filter:drop-shadow(0 0 18px #ffffff38);isolation:isolate;background:0 0;width:2.25rem;height:2.25rem;display:block}[data-lighting=night],[data-lighting=night] .text-ink{color:var(--mode-text)}[data-lighting=night] .bg-pearl{background-color:var(--mode-bg)}[data-lighting=night] .glass-material{border-color:#ffffff24;box-shadow:0 34px 120px #00000057,0 10px 34px #00000038,inset 0 1px #ffffff29,inset 0 -28px 54px #49cdff0f}[data-lighting=night] .glass-material:hover{box-shadow:0 38px 130px #0000006b, 0 16px 46px #00000042, inset 0 1px 0 #ffffff2e, inset 0 -28px 54px #49cdff14, 0 0 42px color-mix(in srgb, var(--control-glow,#7adbff47) 46%, transparent);border-color:#ffffff38}[data-lighting=night] .surface-sheen{opacity:.24;mix-blend-mode:screen}[data-lighting=night] .pointer-light{opacity:.38;mix-blend-mode:screen}.fluid-background{--pointer-x:50vw;--pointer-y:45vh;--bass:.5;--mid:.5;--treble:.5;background:var(--fluid-tint,#fbfdff)}.fluid-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.silk-layer,.current-layer,.liquid-base,.vein-layer,.rainbow-field,.bass-bloom,.caustic-layer,.surface-sheen,.pointer-light{position:absolute;inset:-20%}.liquid-base{opacity:.88;filter:url(#silk-distortion)blur(8px);background:radial-gradient(at 18% 18%,#fffffffa,#0000 34%),radial-gradient(at 78% 12%,#f6fcffeb,#0000 31%),radial-gradient(at 52% 68%,#ffffffe6,#0000 44%),linear-gradient(125deg,#ffffffe6,#f5fbffd6,#ffffffeb);animation:16s cubic-bezier(.45,0,.2,1) infinite alternate liquid-breathe;inset:-12%}.current-layer{opacity:calc(.38 + (var(--mid) * .22));filter:blur(28px) saturate(calc(1 + (var(--treble) * .18)));background:radial-gradient(at 22% 36%,#72e6ff38,#0000 28%),radial-gradient(at 72% 26%,#ffb4ed33,#0000 26%),conic-gradient(from 120deg at 52% 54%,#0000,#81e7ff38,#0000,#ffd47e29,#0000);animation:18s cubic-bezier(.45,0,.2,1) infinite alternate current-flow}.current-layer-b{opacity:calc(.32 + (var(--treble) * .22));background:radial-gradient(at 16% 76%,#c1ffd72e,#0000 28%),radial-gradient(at 84% 66%,#ffe68833,#0000 30%),conic-gradient(from 260deg at 45% 48%,#0000,#ffbcf133,#0000,#a4efff29,#0000);animation-duration:24s;transform:rotate(18deg)scale(1.1)}.silk-layer{opacity:calc(.82 + (var(--treble) * .12));filter:url(#silk-distortion)blur(18px);mix-blend-mode:multiply;background:radial-gradient(at 20% 24%,#f5fbfff2,#0000 34%),radial-gradient(at 76% 12%,#ffffffe6,#0000 30%),radial-gradient(at 46% 72%,#f8fcffe6,#0000 38%),repeating-linear-gradient(115deg,#e8f1fa38 0 1px,#0000 1px 32px);animation:22s cubic-bezier(.45,0,.2,1) infinite alternate silk-drift}.silk-layer-b{opacity:.58;background:radial-gradient(at 18% 82%,#fffffffa,#0000 36%),radial-gradient(at 86% 58%,#f1fafff2,#0000 34%),repeating-linear-gradient(72deg,#ffffff9e 0 2px,#0000 2px 40px);animation-duration:28s;transform:rotate(12deg)scale(1.08)}.rainbow-field{opacity:calc(.5 + (var(--mid) * .28));filter:blur(34px)saturate(1.14);background:radial-gradient(ellipse at 18% 34%, #79e5ff59, transparent 32%), radial-gradient(ellipse at 68% 22%, #ffbcee52, transparent 28%), radial-gradient(ellipse at 82% 74%, #fff07c4d, transparent 31%), radial-gradient(ellipse at 34% 82%, #b6ffcc3d, transparent 28%), linear-gradient(135deg, var(--subsurface-glow,#8ce6ff40, #ffbff038, #fff2942e));animation:14s cubic-bezier(.45,0,.2,1) infinite alternate glow-breathe;inset:-12%}.vein-layer{opacity:calc(.24 + (var(--mid) * .22));filter:url(#silk-distortion)blur(20px)saturate(1.18);mix-blend-mode:multiply;background:linear-gradient(104deg,#0000 16%,#76e2ff38 24%,#0000 34%),linear-gradient(73deg,#0000 46%,#ffbfee33 53%,#0000 62%),linear-gradient(132deg,#0000 58%,#ffe87629 66%,#0000 75%),radial-gradient(at 42% 48%,#baffdd26,#0000 38%);animation:20s cubic-bezier(.45,0,.2,1) infinite alternate vein-slide;inset:-10%}.bass-bloom{opacity:calc(.2 + (var(--bass) * .36));filter:blur(calc(34px + (var(--bass) * 30px)));background:radial-gradient(circle at 50% 56%, #ffffffeb, transparent calc(18% + (var(--bass) * 8%))), radial-gradient(circle at 50% 64%, var(--control-glow,#7adbff6b), transparent 38%);transform:scale(calc(.98 + (var(--bass) * .045)));inset:-4%}.caustic-layer{opacity:calc(.18 + (var(--treble) * .2));filter:blur(1.5px);background:repeating-linear-gradient(118deg,#0000 0 34px,#ffffff3d 36px 38px,#0000 42px 82px),repeating-linear-gradient(64deg,#0000 0 46px,#8ee4ff1f 48px 50px,#0000 54px 108px);animation:26s linear infinite caustic-flow;inset:-8%;-webkit-mask-image:radial-gradient(at 50% 46%,#000,#0000 72%);mask-image:radial-gradient(at 50% 46%,#000,#0000 72%)}.surface-sheen{opacity:.72;background:linear-gradient(110deg,#0000 0 26%,#ffffff85 34%,#0000 48%),radial-gradient(circle at 50% 120%,#e5f2ffbd,#0000 54%);animation:18s ease-in-out infinite alternate sheen-drift;inset:0}.pointer-light{opacity:.62;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y), #ffffffe6, color-mix(in srgb, var(--accent,#69d9ff) 30%, transparent) 0 8rem, transparent 18rem);transition:opacity .26s;inset:0}.pointer-ripple{pointer-events:none;width:18px;height:18px;box-shadow:0 0 0 1px color-mix(in srgb, var(--accent,#69d9ff) 28%, transparent);-webkit-backdrop-filter:blur(1px)saturate(1.2);backdrop-filter:blur(1px)saturate(1.2);background:radial-gradient(circle,#ffffffdb,#9ae4ff3d,#0000 68%);border:1px solid #fffffff2;border-radius:999px;animation:1.1s cubic-bezier(.16,1,.3,1) forwards ripple;position:fixed;transform:translate(-50%,-50%)}.glass-material{transition:transform .36s cubic-bezier(.2,.8,.2,1),filter .36s,box-shadow .36s,border-color .36s,background-color .36s;transform:translateY(0);box-shadow:0 30px 90px #4a628229,0 10px 28px #4a628214,inset 0 1px #ffffffeb,inset 0 -24px 44px #c1d5eb29}.glass-material:hover{filter:brightness(1.025)saturate(1.02);box-shadow:0 36px 110px #4a628230, 0 14px 34px #4a62821a, inset 0 1px 0 #fffffff5, inset 0 -28px 48px #c1d5eb2e, 0 0 34px color-mix(in srgb, var(--control-glow,#7adbff47) 52%, transparent);border-color:#ffffffc7;transform:translateY(-2px)}.glass-material:active{transform:translateY(0)scale(.997)}.floating-island-capsule{border:1px solid var(--panel-border);background:linear-gradient(145deg, #ffffff47, transparent 18%, #ffffff0f 52%, #fff3), radial-gradient(circle at 18% 0%, var(--glass-highlight), transparent 34%), radial-gradient(circle at 82% 18%, color-mix(in srgb, var(--accent-primary,#62eaff) 24%, transparent), transparent 30%), var(--island-bg);width:min(1040px,100%);box-shadow:0 48px 160px var(--shadow-color), 0 0 90px var(--island-glow), inset 0 1px 0 #ffffff2e, inset 0 0 0 1px #ffffff14, inset 0 -42px 80px #ffffff0b;-webkit-backdrop-filter:blur(42px)saturate(1.32);backdrop-filter:blur(42px)saturate(1.32);isolation:isolate;transition:border-radius .52s cubic-bezier(.2,.9,.2,1),min-height .52s cubic-bezier(.2,.9,.2,1),transform .52s cubic-bezier(.2,.9,.2,1),background-color .32s,box-shadow .32s;position:relative;overflow:hidden}.floating-island-capsule.is-expanded{border-radius:3.25rem;min-height:430px;padding:1.2rem}.floating-island-capsule.is-collapsed{border-radius:999px;min-height:128px;padding:.9rem 1rem}.floating-island-backdrop{pointer-events:none;background:conic-gradient(from 120deg at 50% 50%, transparent, #62eaff33, transparent, #ff4fe02e, transparent, #ffd95a29, transparent), radial-gradient(circle at 50% 90%, var(--island-glow), transparent 42%);filter:blur(24px);opacity:.78;animation:9s ease-in-out infinite alternate island-breathe;position:absolute;inset:-40%}.floating-island-capsule:before{content:"";z-index:0;pointer-events:none;border-radius:inherit;opacity:.72;mix-blend-mode:screen;background:linear-gradient(135deg,#ffffff85,#0000 26%,#ffffff14 52%,#ffffff57),radial-gradient(circle at 32% 0,#ffffff75,#0000 28%);position:absolute;inset:1px}.floating-island-capsule:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse, var(--island-glow), transparent 72%);filter:blur(24px);opacity:.72;border-radius:999px;height:38%;position:absolute;inset:auto 5% 10px}.dynamic-island-system{justify-items:center;gap:.75rem;width:min(1020px,100%);display:grid;position:relative}.dynamic-island-bar{width:100%;min-height:4.65rem;box-shadow:0 26px 90px #00000057, 0 0 46px color-mix(in srgb, var(--accent-primary) 42%, transparent), inset 0 1px 0 #ffffff24, inset 0 -18px 40px #ffffff09;-webkit-backdrop-filter:blur(28px)saturate(1.2);backdrop-filter:blur(28px)saturate(1.2);background:linear-gradient(#05060b,#05060b) padding-box padding-box,linear-gradient(95deg,#b8ff2f,#00e5ff 28%,#8b4dff 58%,#ff38d4 78%,#ff9f1c) border-box;border:1px solid #0000;border-radius:999px;align-items:center;padding:.55rem .7rem;display:flex;position:relative;overflow:hidden}.dynamic-island-system.is-collapsed{justify-self:center;width:min(720px,100%)}.dynamic-island-system.is-collapsed .dynamic-island-bar{min-height:4rem}.dynamic-island-sheen{border-radius:inherit;pointer-events:none;opacity:.9;background:radial-gradient(circle at 18% 0,#ffffff38,#0000 28%),linear-gradient(145deg,#ffffff1f,#0000 38%,#ffffff0f);position:absolute;inset:1px}.dynamic-island-nav{scrollbar-width:none;background:#ffffff09;border-radius:999px;flex:auto;gap:.25rem;min-width:0;padding:.25rem;display:flex;overflow-x:auto}.dynamic-island-nav::-webkit-scrollbar{display:none}.dynamic-island-nav-item{height:2.65rem;color:var(--text-muted);letter-spacing:.11em;text-transform:uppercase;border-radius:999px;flex-shrink:0;align-items:center;gap:.45rem;padding:0 .85rem;font-size:.68rem;font-weight:900;text-decoration:none;transition:background-color .22s,color .22s,box-shadow .22s,transform .22s;display:inline-flex}.dynamic-island-nav-item:hover{color:var(--text-main);background:#ffffff17}.dynamic-island-nav-item.is-active{color:#061016;background:radial-gradient(circle at 20% 0,#fffffff2,#0000 34%),linear-gradient(135deg,#75ebfff2,#ffffffe0);box-shadow:0 12px 34px #00e5ff2e,inset 0 1px #fffffff2}.dynamic-island-toggle{width:2.75rem;height:2.75rem;color:var(--text-main);background:radial-gradient(circle at 35% 20%,#ffffff4d,#ffffff14 42%,#00000040);border:1px solid #ffffff21;border-radius:999px;justify-content:center;align-items:center;transition:transform .22s,background-color .22s;display:flex;box-shadow:inset 0 1px #ffffff38,inset 0 -10px 20px #00000038}.dynamic-island-toggle:hover{transform:translateY(-1px)}.dynamic-island-dropdown{width:min(860px,100% - 3rem);max-height:min(560px,70vh);box-shadow:0 34px 110px #00000061, 0 0 70px color-mix(in srgb, var(--accent-secondary) 22%, transparent), inset 0 1px 0 #ffffff1f;-webkit-backdrop-filter:blur(34px)saturate(1.2);backdrop-filter:blur(34px)saturate(1.2);background:linear-gradient(145deg,#ffffff17,#0000 30%,#ffffff0b),#02040ceb;border:1px solid #ffffff1f;border-radius:2rem;padding:1rem;position:relative;overflow:auto}.dynamic-island-panel-glow{pointer-events:none;background:radial-gradient(circle at 20% 10%, color-mix(in srgb, var(--accent-primary) 20%, transparent), transparent 32%), radial-gradient(circle at 78% 30%, color-mix(in srgb, var(--accent-secondary) 20%, transparent), transparent 34%);filter:blur(20px);opacity:.72;position:absolute;inset:-20%}.dynamic-island-collapsed-strip{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#03050cc7;border:1px solid #ffffff1a;border-radius:999px;justify-content:space-between;align-items:center;gap:1rem;width:min(620px,100% - 4rem);padding:.6rem .8rem;display:flex;box-shadow:0 22px 70px #00000047,inset 0 1px #ffffff1a}[data-lighting=day] .dynamic-island-bar{background:linear-gradient(#ffffffbd,#eef6fd9e) padding-box padding-box,linear-gradient(95deg,#b8ff2f,#00c7ff 28%,#8064ff 58%,#ff67d9 78%,#ffa62b) border-box}[data-lighting=day] .dynamic-island-dropdown,[data-lighting=day] .dynamic-island-collapsed-strip{background:#ffffffbd}[data-lighting=day] .brand-cluster{background:linear-gradient(145deg,#ffffffd1,#ffffff61),#ffffffa8;box-shadow:0 22px 70px #415e7a24,inset 0 1px #ffffffe6,inset 0 -18px 34px #bad5ed1f}@media (width<=980px){.app-top-shell{grid-template-columns:1fr;position:relative;top:auto}.brand-cluster{justify-self:center;width:min(32rem,100%)}}[data-lighting=day] .floating-island-capsule{background:linear-gradient(145deg, #ffffffc7, #ffffff57 34%, #e2f3ff6b 70%, #ffffffc2), radial-gradient(circle at 75% 0%, color-mix(in srgb, var(--accent-primary) 18%, transparent), transparent 32%), var(--island-bg);box-shadow:0 44px 130px #4e698433, 0 0 70px var(--island-glow), inset 0 1px 0 #ffffffeb, inset 0 -32px 70px #b9d3e92e}[data-lighting=night] .floating-island-capsule{background:linear-gradient(145deg, #ffffff2e, #070b16c7 28%, #0a0f1ee6 70%, #ffffff17), radial-gradient(circle at 24% 0%, #ffffff2e, transparent 32%), radial-gradient(circle at 78% 26%, color-mix(in srgb, var(--accent-secondary) 24%, transparent), transparent 36%), var(--island-bg)}@keyframes island-breathe{0%{opacity:.58;transform:translate(-1%,-1%)rotate(-2deg)scale(1)}to{opacity:.86;transform:translate(1%,1%)rotate(2deg)scale(1.06)}}.glass-control{position:relative;overflow:hidden}.glass-control:before{content:"";pointer-events:none;border-radius:inherit;opacity:.72;background:linear-gradient(135deg,#ffffff9e,#0000 38%),radial-gradient(circle at 18% 0,#ffffffb8,#0000 35%);position:absolute;inset:1px}.glass-control>*{z-index:1;position:relative}.glass-control:hover{transform:translateY(-1px)}.glass-control:active{filter:brightness(.98);transform:translateY(1px)scale(.985)}.slider-shimmer{position:relative;overflow:hidden}.slider-shimmer:after{content:"";background:linear-gradient(100deg,#0000,#ffffff8f,#0000);animation:3.8s ease-in-out infinite shimmer-pass;position:absolute;inset:0;transform:translate(-120%)}@keyframes current-flow{0%{transform:translate(-2%,1%)rotate(-8deg)scale(1)}to{transform:translate(2%,-1.6%)rotate(10deg)scale(1.08)}}@keyframes liquid-breathe{0%{transform:translate(-1.2%,-.8%)rotate(-1deg)scale(1.02)}to{transform:translate(1.4%,1.1%)rotate(1.2deg)scale(1.07)}}@keyframes silk-drift{0%{transform:translate(-1.4%,-1%)rotate(-2deg)scale(1.04)}to{transform:translate(1.8%,1.4%)rotate(2deg)scale(1.09)}}@keyframes glow-breathe{0%{transform:translate(-1%,1%)scale(1)}to{transform:translate(1.2%,-1.2%)scale(1.07)}}@keyframes vein-slide{0%{transform:translate(-2%,1%)rotate(-2deg)scale(1.02)}to{transform:translate(2.2%,-1.3%)rotate(2deg)scale(1.08)}}@keyframes caustic-flow{0%{transform:translate(-2%,-1%)rotate(0)}to{transform:translate(2%,1%)rotate(1deg)}}@keyframes sheen-drift{0%{transform:translate(-2%)}to{transform:translate(2%)}}@keyframes ripple{0%{opacity:.7;transform:translate(-50%,-50%)scale(.4)}to{opacity:0;transform:translate(-50%,-50%)scale(18)}}@keyframes shimmer-pass{0%,58%{opacity:0;transform:translate(-120%)}72%{opacity:.8}to{opacity:0;transform:translate(120%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html,body,#root{overflow-x:hidden}:root{--conbot-bg:#050812;--conbot-panel:#090c18b8;--conbot-panel-strong:#04060ee0;--conbot-glass:#ffffff13;--conbot-glass-strong:#ffffff21;--conbot-border:#ffffff47;--conbot-border-strong:#ffffff70;--conbot-text:#fffffff0;--conbot-muted:#ffffff9e;--conbot-dim:#ffffff61;--neon-cyan:#31e7ff;--neon-pink:#ff4fd8;--neon-violet:#8b5cff;--neon-gold:#ffd166;--neon-green:#6dff9d;--danger-red:#ff3b5c;--radius-command:42px;--radius-panel:28px;--radius-pill:999px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#ffffff0a;border-radius:999px}::-webkit-scrollbar-thumb{background:linear-gradient(#31e7ff8c,#8b5cff8c);border-radius:999px}.top-command-shell{z-index:50;pointer-events:none;grid-template-columns:minmax(220px,360px) minmax(520px,920px);align-items:start;gap:24px;width:min(100% - 32px,1400px);margin:0 auto 28px;display:grid;position:sticky;top:16px}.top-command-shell>*{pointer-events:auto}.route-content-shell{width:min(100% - 32px,1400px);margin:0 auto}.route-content-shell>*{z-index:2;position:relative}.brand-status-chip{border-radius:var(--radius-pill);border:1px solid var(--conbot-border);-webkit-backdrop-filter:blur(24px)saturate(1.2);backdrop-filter:blur(24px)saturate(1.2);background:radial-gradient(circle at 12% 0,#ffffff2e,#0000 34%),linear-gradient(135deg,#ffffff1a,#03050db8);align-items:center;gap:.85rem;min-width:0;max-width:360px;padding:.55rem 1rem .55rem .6rem;display:flex;box-shadow:0 22px 80px #00000052,inset 0 1px #ffffff3d}.brand-status-copy{min-width:0}.brand-status-copy span,.brand-status-copy small{color:var(--text-muted);letter-spacing:.16em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.62rem;font-weight:950;display:block;overflow:hidden}.brand-status-copy strong{color:var(--text-main);letter-spacing:-.02em;font-size:1rem;font-weight:950;display:block}.dynamic-command-island{border-radius:var(--radius-command);-webkit-backdrop-filter:blur(24px)saturate(1.2);backdrop-filter:blur(24px)saturate(1.2);background:radial-gradient(circle at 12% 0,#ffffff21,#0000 34%),linear-gradient(135deg,#ffffff14,#000000b8 42%,#ffffff0d);border:1px solid #ffffff47;width:clamp(620px,58vw,920px);max-width:calc(100vw - 420px);min-height:118px;padding:14px 18px;position:relative;overflow:hidden;box-shadow:0 24px 80px #0000006b,inset 0 1px #ffffff47}.dynamic-command-island:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(90deg,#6dff9d,#31e7ff,#8b5cff,#ff4fd8,#ffd166);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.dynamic-command-island.is-compact{min-height:104px}.dynamic-command-island.is-disconnected{opacity:.82}.command-island-inner{z-index:1;gap:12px;min-width:0;display:grid;position:relative}.command-identity-strip{min-width:0;color:var(--conbot-muted);letter-spacing:.18em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:.8rem;font-size:.68rem;font-weight:950;display:flex}.command-identity-strip>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.command-identity-strip button,.command-admin-chip{border-radius:var(--radius-pill);height:2rem;color:var(--text-main);background:#ffffff12;border:1px solid #ffffff29;justify-content:center;align-items:center;gap:.35rem;padding:0 .65rem;display:inline-flex}.command-route-rail{background:#ffffff0b;border-radius:999px;align-items:center;gap:6px;min-width:0;padding:8px;display:flex;overflow:hidden}.command-route-pill{min-width:0;color:var(--conbot-muted);text-decoration:none}.command-route-pill>span{color:inherit;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:.42rem;padding:10px 14px;font-size:.7rem;font-weight:950;display:inline-flex}.command-route-pill>span[data-active=true]{color:#061018;background:linear-gradient(135deg,#b3f5fff2,#ffffffe0);box-shadow:0 0 24px #31e7ff38}.command-island-bottom{grid-template-columns:minmax(0,1fr) minmax(240px,.8fr);align-items:center;gap:.7rem;display:grid}.command-mode-rail{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.command-chip{color:var(--conbot-text);letter-spacing:.12em;text-transform:uppercase;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:999px;padding:8px 12px;font-size:.68rem;font-weight:950}.command-chip--offline,.command-chip--mock{color:#ffd1d9;border-color:#ff3b5c4d}.command-pulse-rail{background:#04050cd1;border:1px solid #ffffff1a;border-radius:999px;justify-content:center;align-items:center;gap:.7rem;min-width:0;min-height:52px;padding:.45rem .75rem;display:flex}.command-pulse-wave{align-items:center;gap:3px;min-width:7rem;display:flex}.command-pulse-wave span{background:linear-gradient(180deg, #fff, var(--neon-cyan), var(--neon-pink));border-radius:999px;width:3px}.command-pulse-meta{min-width:0;color:var(--text-muted);letter-spacing:.12em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.66rem;font-weight:950;overflow:hidden}.prismatic-core-shell.dynamic-command-island{isolation:isolate;width:clamp(680px,58vw,940px);max-width:calc(100vw - 420px);min-height:88px;padding:9px;transition:min-height .52s cubic-bezier(.16,1,.3,1),border-radius .52s cubic-bezier(.16,1,.3,1),box-shadow .52s cubic-bezier(.16,1,.3,1)}.prismatic-core-shell.is-expanded{border-radius:42px;min-height:276px}.core-glass-shell,.audio-reactive-glow{border-radius:inherit;pointer-events:none;position:absolute;inset:0}.core-glass-shell{z-index:0;background:linear-gradient(135deg,#ffffff24,#ffffff08 24%,#000000c2 58%,#ffffff12),radial-gradient(circle at 20% 0,#31e7ff24,#0000 36%),radial-gradient(circle at 84% 20%,#ff4fd824,#0000 34%);box-shadow:inset 0 1px #ffffff5c,inset 0 -18px 46px #00000057}.audio-reactive-glow{z-index:0;opacity:.72;background:radial-gradient(circle at 26% 110%, color-mix(in srgb, var(--accent-primary) 42%, transparent), transparent 42%), radial-gradient(circle at 78% -20%, #ff4fd847, transparent 42%);filter:blur(18px);transform:translateZ(0)}.core-face-layer{z-index:3;grid-template-columns:2.25rem minmax(0,1fr) 2.25rem;align-items:center;gap:.45rem;min-height:70px;display:grid;position:relative}.core-face-layer.tone-cyan{--face-accent:var(--neon-cyan);--face-accent-2:var(--neon-violet)}.core-face-layer.tone-violet{--face-accent:var(--neon-violet);--face-accent-2:var(--neon-pink)}.core-face-layer.tone-pink{--face-accent:var(--neon-pink);--face-accent-2:var(--neon-cyan)}.core-face-layer.tone-gold{--face-accent:var(--neon-gold);--face-accent-2:var(--neon-cyan)}.core-face-layer.tone-green{--face-accent:var(--neon-green);--face-accent-2:var(--neon-cyan)}.core-face-layer.tone-danger{--face-accent:var(--danger-red);--face-accent-2:var(--neon-gold)}.core-face-arrow{border-radius:var(--radius-pill);width:2.25rem;height:2.25rem;color:var(--text-main);background:#ffffff0f;border:1px solid #ffffff24;place-items:center;transition:transform .22s,background .22s;display:grid;box-shadow:inset 0 1px #ffffff29}.core-face-arrow:hover{background:#ffffff1f;transform:scale(1.04)}.core-face-viewport{min-width:0;box-shadow:inset 0 1px 0 #ffffff38, inset 0 -10px 30px #00000052, 0 0 42px color-mix(in srgb, var(--face-accent) 18%, transparent);cursor:pointer;background:linear-gradient(90deg,#ffffff1a,#ffffff09),#03050cb8;border-radius:999px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%)}.core-face-viewport:focus-visible{outline:2px solid var(--face-accent);outline-offset:4px}.core-face-track{will-change:transform;width:100%;transition:transform .68s cubic-bezier(.16,1,.3,1);display:flex}.core-face{opacity:.42;filter:blur(4px);flex:0 0 100%;grid-template-columns:3rem minmax(0,1fr) auto;align-items:center;gap:.85rem;min-width:0;min-height:64px;padding:.55rem 1rem;transition:opacity .52s cubic-bezier(.16,1,.3,1),transform .52s cubic-bezier(.16,1,.3,1),filter .52s cubic-bezier(.16,1,.3,1);display:grid;position:relative;transform:scale(.985)}.core-face[data-active=true]{opacity:1;filter:blur();transform:scale(1)}.core-face:before{content:"";opacity:.42;background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--face-accent) 26%, transparent), transparent), repeating-linear-gradient(90deg, transparent 0 16px, #ffffff14 17px 18px);pointer-events:none;animation:5.8s linear infinite face-scan;position:absolute;inset:10% 18%;transform:translate(-12%)}.core-face-orb{color:#061018;background:radial-gradient(circle at 30% 20%, #fff, var(--face-accent));width:2.65rem;height:2.65rem;box-shadow:0 0 28px color-mix(in srgb, var(--face-accent) 36%, transparent);border:1px solid #ffffff38;border-radius:50%;place-items:center;display:grid;position:relative}.core-face-copy{z-index:1;min-width:0;position:relative}.core-face-copy span,.core-face-copy small,.core-face-meta{color:var(--text-muted);letter-spacing:.14em;text-transform:uppercase;font-size:.64rem;font-weight:950}.core-face-copy strong{color:var(--text-main);letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.96rem,1.35vw,1.32rem);font-weight:950;display:block;overflow:hidden}.core-face-copy small{text-overflow:ellipsis;white-space:nowrap;margin-top:.16rem;display:block;overflow:hidden}.core-face-meta{z-index:1;white-space:nowrap;justify-content:end;align-items:center;gap:.55rem;min-width:8rem;display:flex;position:relative}.core-face-meta i{background:var(--face-accent);width:.6rem;height:.6rem;box-shadow:0 0 18px var(--face-accent);border-radius:50%;display:block}.command-deck-layer{z-index:2;opacity:0;gap:.75rem;max-height:0;padding:0 .35rem;transition:max-height .62s cubic-bezier(.16,1,.3,1),opacity .42s,transform .52s cubic-bezier(.16,1,.3,1),padding .52s cubic-bezier(.16,1,.3,1);display:grid;position:relative;overflow:hidden;transform:translateY(-8px)}.command-deck-layer[data-open=true]{opacity:1;max-height:190px;padding-top:.75rem;transform:translateY(0)}.core-nav-rail{min-width:0}.core-page-viewport{background:#ffffff0b;border:1px solid #ffffff1a;border-radius:30px;grid-template-columns:minmax(0,1fr) minmax(240px,.72fr);gap:.7rem;min-width:0;padding:.65rem;display:grid;overflow:hidden}@keyframes face-scan{0%{opacity:.1;transform:translate(-22%)}42%{opacity:.5}to{opacity:.08;transform:translate(22%)}}@media (prefers-reduced-motion:reduce){.core-face-track,.core-face,.command-deck-layer,.prismatic-core-shell.dynamic-command-island{transition:none}.core-face:before{animation:none}}.route-hero-header{justify-content:space-between;align-items:end;gap:1rem;min-width:0;margin:10px 0 20px;display:flex}.route-hero-eyebrow{color:var(--text-muted);letter-spacing:.18em;text-transform:uppercase;font-size:.72rem;font-weight:950}.route-hero-header h1{color:var(--text-main);letter-spacing:-.06em;margin-top:.35rem;font-size:clamp(2.2rem,5vw,5rem);font-weight:950;line-height:.92}.route-hero-subtitle{color:var(--text-muted);letter-spacing:.04em;margin-top:.75rem;font-size:clamp(.95rem,1.5vw,1.2rem);font-weight:800}.route-hero-actions{flex-wrap:wrap;justify-content:end;gap:.7rem;display:flex}.home-surface,.brand-matrix-panel{min-width:0}.brand-value-matrix{grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;margin-top:1rem;display:grid}.brand-value-card{background:#ffffff14;border:1px solid #ffffff1f;border-radius:1.2rem;min-width:0;padding:.95rem;box-shadow:inset 0 1px #ffffff1a}.brand-value-card strong{color:var(--text-main);letter-spacing:.13em;font-size:.78rem;font-weight:950;display:block}.brand-value-card span{color:var(--text-muted);margin-top:.45rem;font-size:.75rem;font-weight:750;display:block}.admin-surface{gap:20px;width:min(100%,1280px);margin:0 auto 120px;display:grid;overflow:visible}.admin-grid{grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);gap:20px;display:grid}.visualizer-surface,.media-hub-surface,.media-grid,.media-video-panel,.podcast-panel,.media-queue-panel{min-width:0}@media (width<=1100px){.top-command-shell{grid-template-columns:1fr}.dynamic-command-island{width:100%;max-width:100%}.brand-status-chip{justify-self:center;width:min(100%,360px)}.command-island-bottom{grid-template-columns:1fr}}@media (width<=720px){.top-command-shell,.route-content-shell{width:min(100%,100vw - 24px)}.dynamic-command-island{border-radius:28px;min-height:auto;padding:12px}.command-route-rail{justify-content:flex-start;overflow-x:auto}.route-hero-header{display:grid}.brand-value-matrix{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-grid{grid-template-columns:1fr}}.visualizer-surface{min-height:620px}.release-page-shell,.cinema-screen-page{gap:1rem;min-width:0;display:grid}.vibe-portals-page{gap:1.2rem;min-width:0;display:grid}.vibe-portal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.vibe-portal-card{background:linear-gradient(#ffffff29,#ffffff0a),#080a18ad;border-radius:1.8rem;min-height:310px;overflow:hidden}.portal-art{border-radius:inherit;background:radial-gradient(circle at 20% 22%,#ffffff38,#0000 18%),linear-gradient(#ffffff14,#0000 34%);position:absolute;inset:0;overflow:hidden}.portal-midnight{--portal-glow:#ad81ff70;background:linear-gradient(#7b5eff66,#161436db),radial-gradient(circle at 50% 0,#ffffff2e,#0000 26%)}.portal-synthwave{--portal-glow:#ff4fd880;background:linear-gradient(#56006ed6,#12082af0),radial-gradient(circle at 52% 30%,#ffab67bd,#0000 13%)}.portal-void{--portal-glow:#c4d6ff5c;background:radial-gradient(circle at 46% 45%,#ffffff24,#0000 10%),radial-gradient(circle,#ffffff14,#0000 18%),linear-gradient(#12141cf0,#020308fa)}.portal-raid{--portal-glow:#ff494975;background:linear-gradient(#5a0a1cc7,#190710f5),radial-gradient(circle at 72% 24%,#ffd55338,#0000 16%)}.portal-party{--portal-glow:#ffd65c7a;background:linear-gradient(#2a0f42cc,#100c22f2),conic-gradient(from 40deg,#ff4fd847,#31e7ff38,#ffd65c33,#6dff9d38,#ff4fd847)}.portal-vgm{--portal-glow:#58d6ff6b;background:linear-gradient(#1c163ad1,#0a0b18f2),repeating-linear-gradient(90deg,#ffffff0a 0 1px,#0000 1px 28px),repeating-linear-gradient(#ffffff0a 0 1px,#0000 1px 28px)}.portal-metal{--portal-glow:#ff943a80;background:linear-gradient(#54220cd1,#120905fa),radial-gradient(circle at 74% 30%,#ffce6633,#0000 18%)}.portal-rnb{--portal-glow:#eb79ff70;background:linear-gradient(#3c104ccc,#12091cf5),radial-gradient(circle at 38% 24%,#ffb8ee2e,#0000 20%)}.portal-rain,.portal-sun,.portal-grid-lines,.portal-vortex,.portal-lava,.portal-spectrum{pointer-events:none;position:absolute;inset:0}.portal-rain{opacity:.4;background-image:linear-gradient(#ffffff38 0 22%,#0000 22% 100%);background-size:2px 22px;animation:12s linear infinite portal-rain;transform:skew(-12deg)}.portal-sun{opacity:0;top:21%;left:50%;background:linear-gradient(#ffc975fa,#ff69b4b3),radial-gradient(circle,#ffffff5c,#0000 70%);border-radius:50%;width:8rem;height:8rem;inset:auto auto 27% 50%;transform:translate(-50%);box-shadow:0 0 38px #ff7cd659}.portal-synthwave .portal-sun{opacity:1}.portal-grid-lines{opacity:0;transform-origin:bottom;background:linear-gradient(#0000 0 54%,#ff4fd86b 54% 55%,#0000 55%),repeating-linear-gradient(90deg,#0000 0 32px,#ff4fd838 32px 33px),repeating-linear-gradient(#0000 0 26px,#ff4fd833 26px 27px);transform:perspective(220px)rotateX(72deg)translateY(28%)}.portal-synthwave .portal-grid-lines,.portal-vgm .portal-grid-lines{opacity:.88}.portal-vortex{opacity:0;background:radial-gradient(circle at 50% 50%, transparent 0 14%, #ffffff14 16%, transparent 18%), repeating-conic-gradient(from 0deg, #ffffff14 0 10deg, transparent 10deg 22deg);filter:blur(1px);animation:12s linear infinite portal-spin;transform:scale(1.4)}.portal-void .portal-vortex{opacity:.92}.portal-lava{opacity:0;filter:blur(2px);background:linear-gradient(#0000 0 38%,#ff9d402e 38% 100%),linear-gradient(90deg,#0000 0 60%,#ffd666c2 60% 68%,#ff7e1bf0 68% 76%,#0000 76%)}.portal-metal .portal-lava,.portal-raid .portal-lava{opacity:.95}.portal-spectrum{opacity:.72;background:radial-gradient(circle at 10% 74%,#31e7ff66,#0000 18%),radial-gradient(circle at 88% 74%,#ff4fd86b,#0000 20%),radial-gradient(circle at 48% 84%,#ffd65c4d,#0000 22%)}.portal-void .portal-rain,.portal-metal .portal-rain,.portal-rnb .portal-rain,.portal-party .portal-rain,.portal-vgm .portal-rain,.portal-raid .portal-rain{opacity:0}.vibe-portal-content{z-index:2;flex-direction:column;justify-content:space-between;padding:1.2rem;display:flex;position:absolute;inset:0}.vibe-portal-content h2{color:#fff;letter-spacing:-.03em;font-size:clamp(1.25rem,2vw,2rem);font-weight:950}.vibe-portal-content p{color:#ffffffc2;margin-top:.35rem;font-size:.88rem;font-weight:700}.vibe-portal-dock{-webkit-backdrop-filter:blur(22px)saturate(1.25);backdrop-filter:blur(22px)saturate(1.25);background:linear-gradient(135deg,#ffffff1f,#ffffff0a),#0507108a;border:1px solid #ffffff29;border-radius:1rem;grid-template-columns:3rem minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:.7rem;display:grid;box-shadow:0 18px 34px #00000042,inset 0 1px #ffffff24}.vibe-portal-thumb{background:radial-gradient(circle at 30% 20%, #fff6, transparent 32%), linear-gradient(135deg, var(--portal-glow,#7b5eff80), #ffffff0f);width:2.8rem;height:2.8rem;box-shadow:inset 0 1px 0 #ffffff3d, 0 0 28px var(--portal-glow,#7b5eff3d);border-radius:.85rem}.vibe-portal-dock strong{color:#fff;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:900;display:block;overflow:hidden}.vibe-portal-dock span{color:#ffffff9e;letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;margin-top:.18rem;font-size:.7rem;font-weight:800;display:block;overflow:hidden}.vibe-portal-actions{align-items:center;gap:.45rem;display:flex}.vibe-portal-actions button{color:#ffffffe6;background:#ffffff14;border:1px solid #ffffff24;border-radius:.8rem;place-items:center;width:2.4rem;height:2.4rem;transition:transform .22s,background .22s;display:grid;box-shadow:inset 0 1px #ffffff29}.vibe-portal-actions button:hover{background:#ffffff29;transform:translateY(-1px)}@keyframes portal-rain{0%{transform:translateY(-12%)skew(-12deg)}to{transform:translateY(12%)skew(-12deg)}}@keyframes portal-spin{0%{transform:scale(1.4)rotate(0)}to{transform:scale(1.4)rotate(360deg)}}.release-feature-panel{min-width:0}.release-feature-head{align-items:center;gap:1rem;min-width:0;display:flex}.release-feature-icon{color:#061018;background:linear-gradient(135deg, #fffffff2, var(--neon-cyan), var(--neon-pink));border-radius:1.35rem;flex:none;place-items:center;width:3.4rem;height:3.4rem;display:grid;box-shadow:0 0 34px #31e7ff33}.release-feature-head h2{color:var(--text-main);letter-spacing:-.04em;margin-top:.5rem;font-size:clamp(1.3rem,3vw,2.4rem);font-weight:950}.release-feature-grid,.regular-room-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1.2rem;display:grid}.release-feature-grid span,.regular-room-grid span,.cinema-mini-list span{min-width:0;color:var(--text-main);letter-spacing:.08em;text-transform:uppercase;background:#ffffff12;border:1px solid #ffffff1f;border-radius:1rem;padding:.9rem;font-size:.78rem;font-weight:900}.cinema-command-bar{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.cinema-command-bar span{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;background:#ffffff12;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:.45rem;padding:.7rem .9rem;font-size:.72rem;font-weight:950;display:inline-flex}.cinema-mode-tabs,.cinema-control-strip{scrollbar-width:none;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;gap:.5rem;min-width:0;padding:.5rem;display:flex;overflow-x:auto}.cinema-mode-tabs button,.cinema-control-strip button{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;flex:none;padding:.75rem 1rem;font-size:.72rem;font-weight:950}.cinema-mode-tabs button.is-active,.cinema-control-strip button.is-active{color:#061016;background:linear-gradient(135deg,#55ecfff2,#ffffffdb);box-shadow:0 14px 38px #31e7ff29}.cinema-grid{grid-template-columns:minmax(220px,.72fr) minmax(0,1.7fr) minmax(220px,.7fr);gap:1rem;min-width:0;display:grid}.cinema-center,.cinema-side-stack{align-content:start;gap:1rem;min-width:0;display:grid}.video-glass-screen{background:radial-gradient(circle at 24% 12%,#ffffff38,#0000 28%),radial-gradient(circle at 78% 70%,#ff4fd833,#0000 36%),linear-gradient(135deg,#080c16db,#04050cf5);border-radius:2.4rem;min-height:430px}.video-glass-screen.is-wide{min-height:360px}.video-glass-screen.is-theater{box-shadow:0 34px 120px #0000009e,0 0 90px #8b5cff3d}.video-glass-search{z-index:4;width:min(74%,620px);color:var(--text-muted);opacity:.22;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffff1f;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:.65rem;padding:.8rem 1rem;font-size:.78rem;font-weight:850;transition:opacity .26s,transform .26s;display:flex;position:absolute;top:1rem;left:50%;transform:translate(-50%)translateY(-6px)}.video-glass-screen:hover .video-glass-search,.video-glass-screen:focus-within .video-glass-search{opacity:1;transform:translate(-50%)translateY(0)}.video-glass-stage{text-align:center;place-items:center;gap:1rem;min-height:360px;padding:5rem 2rem 4rem;display:grid}.video-glass-icon{color:#071018;background:radial-gradient(circle at 30% 20%, #fff, var(--neon-cyan), var(--neon-pink));border-radius:2rem;place-items:center;width:6rem;height:6rem;display:grid;box-shadow:0 0 70px #31e7ff52}.video-glass-stage h2{color:var(--text-main);letter-spacing:-.07em;margin-top:.75rem;font-size:clamp(2rem,4.8vw,4.8rem);font-weight:950}.video-glass-stage p{color:var(--text-muted);font-weight:800}.cinema-captions-layer{color:#fff;text-align:center;text-shadow:0 2px 18px #000c;background:#0000006b;border-radius:1rem;padding:.8rem;font-weight:900;position:absolute;bottom:5.2rem;left:1.2rem;right:1.2rem}.cinema-wave-wrap{justify-content:center;align-items:end;gap:4px;display:flex;position:absolute;bottom:1.4rem;left:2rem;right:2rem}.cinema-wave-wrap span{background:linear-gradient(180deg, #fff, var(--neon-cyan), var(--neon-pink));opacity:.72;border-radius:999px;width:4px}.cinema-source-list,.cinema-mini-list{gap:.65rem;margin-top:1rem;display:grid}.cinema-source-list button{text-align:left;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:1rem;gap:.25rem;padding:.85rem;display:grid}.cinema-source-list button.is-active{background:#31e7ff24;border-color:#31e7ff5c}.cinema-source-list span{color:var(--text-main);font-size:.78rem;font-weight:950}.cinema-source-list small{color:var(--text-muted);font-weight:750}@media (width<=1180px){.cinema-grid{grid-template-columns:1fr}.release-feature-grid,.regular-room-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vibe-portal-grid{grid-template-columns:1fr}}@media (width<=720px){.release-feature-grid,.regular-room-grid{grid-template-columns:1fr}}.visualizer-mode-tabs,.media-source-tabs{scrollbar-width:none;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;gap:.5rem;margin-top:1.25rem;padding:.5rem;display:flex;overflow-x:auto}.visualizer-mode-tabs button,.media-source-tabs button{height:2.5rem;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:.45rem;padding:0 .95rem;font-size:.7rem;font-weight:950;display:inline-flex}.visualizer-mode-tabs button.is-active,.media-source-tabs button.is-active{color:#061016;background:linear-gradient(135deg,#55ecfff2,#ffffffdb);box-shadow:0 16px 44px #31e7ff29,inset 0 1px #ffffffe0}.visualizer-frame{background:radial-gradient(circle at 50% 0,#31e7ff24,#0000 32%),linear-gradient(145deg,#ffffff14,#02050de0);border:1px solid #ffffff29;border-radius:2rem;min-height:410px;margin-top:1rem;position:relative;overflow:hidden;box-shadow:0 30px 110px #00000047,inset 0 1px #ffffff2e,inset 0 -34px 80px #00000047}.visualizer-frame__reflection{z-index:2;pointer-events:none;border-radius:inherit;background:linear-gradient(125deg,#ffffff38,#0000 32%),radial-gradient(at 50% -12%,#ffffff57,#0000 36%);position:absolute;inset:1px}.visualizer-frame__content,.visualizer-webgl{position:absolute;inset:0}.visualizer-footer{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;flex-wrap:wrap;gap:.65rem;margin-top:1rem;padding:.85rem 1rem;font-size:.72rem;font-weight:950;display:flex}.glass-waveform,.spectrum-chamber,.sonic-halo,.canvas-world,.video-reactive,.podcast-ambient{place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.glass-waveform{background:radial-gradient(circle,#31e7ff1f,#0000 54%);border-radius:2rem;inset:7%}.glass-waveform svg{width:100%;height:100%}.wave-shadow,.wave-main,.wave-shine{fill:none;stroke-linecap:round;stroke-linejoin:round}.wave-shadow{stroke:#0000006b;stroke-width:8px;transform:translateY(3px)}.wave-main{stroke:url(#glassWaveformStroke);stroke-width:4.5px;filter:drop-shadow(0 0 18px #31e7ff73)}.wave-shine{stroke:#ffffffdb;stroke-width:1px}.spectrum-chamber{justify-content:center;align-items:end;gap:.35rem;display:flex;inset:9% 7%}.spectrum-column{background:linear-gradient(#ffffffe6,#31e7ffeb 30%,#ff4fd8c7 68%,#ffd166cc);border-radius:999px;width:min(1.1vw,.72rem);min-width:.28rem;box-shadow:inset 0 1px #ffffffd1,inset 0 -18px 22px #0000003d,0 0 22px #31e7ff47}.sonic-halo__ring{border:1px solid #ffffff47;border-radius:999px;animation:3s ease-in-out infinite halo-pulse;position:absolute;box-shadow:inset 0 1px #ffffff3d,0 0 50px #31e7ff33}.sonic-halo__ring--outer{width:19rem;height:19rem}.sonic-halo__ring--mid{width:14rem;height:14rem;animation-delay:-.7s}.sonic-halo__ring--inner{width:9rem;height:9rem;animation-delay:-1.3s}.sonic-halo__orb{z-index:2;background:radial-gradient(circle at 32% 20%,#ffffffeb,#31e7ff38 38%,#040812db);border-radius:999px;place-items:center;width:7rem;height:7rem;display:grid;position:relative;box-shadow:inset 0 1px #fff9,0 0 70px #ff4fd847}.sonic-halo i{transform-origin:50% 145px;background:#ffffffd9;border-radius:999px;width:2px;height:18px;position:absolute}@keyframes halo-pulse{0%,to{opacity:.42;transform:scale(.96)}50%{transform:scale(calc(1 + var(--halo-energy,.5) * .08));opacity:.78}}.canvas-world__atmosphere,.video-reactive__glow{filter:blur(14px);background:radial-gradient(circle at 50% 18%,#31e7ff3d,#0000 28%),radial-gradient(circle at 68% 70%,#ff4fd833,#0000 32%);position:absolute;inset:-20%}.canvas-world__island{background:radial-gradient(circle at 50% 22%,#ffffffb8,#0000 20%),linear-gradient(145deg,#def7ffb8,#233d5694 56%,#050914f5);border-radius:46% 54% 44% 56%/38% 44% 56% 62%;width:min(520px,78%);height:180px;position:relative;box-shadow:inset 0 1px #ffffffb8,inset 0 -42px 70px #0000006b,0 42px 90px #00000073}.canvas-world__rim{border-radius:inherit;border:1px solid #ffffff57;position:absolute;inset:12% 8% 24%}.canvas-world__core{background:radial-gradient(circle,#fff,#4ceaff 34%,#ff4fd8 70%,#0000 72%);border-radius:999px;width:64px;height:64px;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 60px #31e7ff8c}.canvas-world__river{background:linear-gradient(90deg,#31e7ff,#ff4fd8,#ffd166);border-radius:999px;width:52%;height:5px;position:absolute;top:42%;left:24%;box-shadow:0 0 18px #31e7ffb3}.canvas-world__river--b{top:58%;left:18%;transform:rotate(8deg)}.canvas-world__river--c{width:36%;top:30%;left:33%;transform:rotate(-12deg)}.canvas-world__tower{background:linear-gradient(#fff,#31e7ff 54%,#31e7ff38);border-radius:999px 999px 3px 3px;width:10px;position:absolute;bottom:52%;box-shadow:0 0 16px #31e7ff8c}.canvas-world__reflection{filter:blur(10px);background:radial-gradient(#31e7ff47,#0000 72%);border-radius:999px;width:46%;height:36px;position:absolute;bottom:18%}.canvas-world__orbs{width:1px;height:1px;position:absolute}.canvas-world__orbs span{background:#fff;border-radius:999px;width:9px;height:9px;position:absolute;box-shadow:0 0 18px #ffffffc7}.video-reactive__screen{aspect-ratio:16/9;background:radial-gradient(circle at 28% 28%,#ff4fd870,#0000 28%),radial-gradient(circle at 72% 52%,#31e7ff61,#0000 30%),linear-gradient(135deg,#111827,#030712);border:1px solid #ffffff2e;border-radius:2rem;width:min(640px,82%);position:relative;overflow:hidden}.video-reactive__scan{opacity:.28;background:repeating-linear-gradient(#ffffff12,#ffffff12 1px,#0000 1px 8px);position:absolute;inset:0}.video-reactive__bars,.podcast-ambient__wave{align-items:end;gap:.28rem;height:24%;display:flex;position:absolute;inset:auto 12% 8%}.video-reactive__bars span,.podcast-ambient__wave span{background:linear-gradient(#fff,#31e7ff,#ff4fd8);border-radius:999px;flex:1}.podcast-ambient{background:radial-gradient(circle at 50% 42%,#ffd1a633,#0000 34%),radial-gradient(circle at 72% 68%,#ff4fd824,#0000 28%)}.podcast-ambient__orb{background:radial-gradient(circle at 35% 25%,#fffffff0,#ffd1a652 42%,#0a0c16d1);border-radius:999px;width:180px;height:180px;box-shadow:inset 0 1px #ffffff9e,0 0 80px #ffae7647}.podcast-ambient p{color:var(--text-muted);letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;font-weight:950;position:absolute;bottom:8%}.media-hub-surface{gap:1.25rem;display:grid}.media-search-row{background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;margin-top:1rem;padding:.55rem .75rem .55rem 1rem;display:grid}.media-search-row input{min-width:0;color:var(--text-main);background:0 0;border:0;outline:0;font-weight:800}.media-grid{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:1.25rem;display:grid}.media-grid .visualizer-surface{grid-column:1/-1}.media-video-panel,.podcast-panel,.media-queue-panel{background:linear-gradient(145deg, #ffffff1f, #ffffff0a), var(--panel-bg);box-shadow:0 28px 90px var(--shadow-color), inset 0 1px 0 #ffffff29;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border:1px solid #ffffff24;border-radius:2rem;padding:1.25rem;overflow:hidden}.media-panel-header{color:var(--text-muted);letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:1rem;font-size:.68rem;font-weight:950;display:flex}.media-panel-header span{align-items:center;gap:.45rem;display:inline-flex}.video-glass-frame{aspect-ratio:16/9;background:#030712;border:1px solid #ffffff24;border-radius:1.6rem;margin-top:1rem;overflow:hidden}.video-glass-frame iframe{border:0;width:100%;height:100%}.video-placeholder{height:100%;color:var(--text-muted);text-align:center;place-items:center;font-weight:900;display:grid}.podcast-artwork{width:9rem;height:9rem;color:var(--accent-primary);background:radial-gradient(circle at 35% 22%,#ffffffd6,#ffd1a652 38%,#090e1cd6);border-radius:2rem;place-items:center;margin-top:1rem;display:grid}.chapter-strip,.media-queue-row{gap:.5rem;display:flex}.chapter-strip{flex-wrap:wrap;margin-top:1rem}.chapter-strip span,.transcript-placeholder{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;background:#ffffff14;border:1px solid #ffffff1a;border-radius:999px;padding:.55rem .75rem;font-size:.68rem;font-weight:900}.transcript-placeholder{border-radius:1.2rem;margin-top:1rem}.media-queue-row{background:#ffffff12;border:1px solid #ffffff1a;border-radius:1.25rem;justify-content:space-between;align-items:center;padding:.85rem}.media-queue-row p{color:var(--text-main);font-size:.9rem;font-weight:950}.media-queue-row span{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:900}@media (width<=980px){.media-grid{grid-template-columns:1fr}.visualizer-frame{min-height:330px}}:root{font-family:DM Sans,ui-sans-serif,system-ui,sans-serif}.stat-pill{text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:1.4rem;padding:.85rem .6rem}.stat-pill__value{color:var(--conbot-text);letter-spacing:-.01em;font-size:.88rem;font-weight:950}.stat-pill__label{letter-spacing:.16em;text-transform:uppercase;color:var(--conbot-muted);margin-top:.2rem;font-size:.6rem;font-weight:900}.dashboard-grid{grid-template-columns:minmax(180px,.72fr) minmax(320px,1fr) minmax(200px,.72fr);align-items:start;gap:1.25rem;display:grid}.vibe-side-stack{flex-direction:column;gap:.85rem;display:flex}.vibe-side-card{cursor:pointer;border:1px solid #ffffff24;border-radius:1.5rem;height:9.5rem;transition:transform .28s,box-shadow .28s;position:relative;overflow:hidden}.vibe-side-card:hover{transform:translateY(-2px)}.vibe-side-card.is-active{border-color:#31e7ff5c;box-shadow:0 0 28px #31e7ff2e}.vibe-side-card__content{z-index:3;background:linear-gradient(#0000 40%,#000000b8 100%);flex-direction:column;justify-content:flex-end;padding:.85rem;display:flex;position:absolute;inset:0}.vibe-side-card__name{color:#fff;letter-spacing:-.01em;font-size:.88rem;font-weight:950}.vibe-side-card__sub{color:#ffffff9e;margin-top:.15rem;font-size:.65rem;font-weight:750}.vibe-side-card__user{color:#ffffff9e;align-items:center;gap:.35rem;margin-top:.45rem;font-size:.62rem;font-weight:800;display:flex}.avatar-dot{background:linear-gradient(135deg,#31e7ff,#ff4fd8);border:1.5px solid #ffffff80;border-radius:999px;width:1.2rem;height:1.2rem}.status-dot{background:#31e7ff;border-radius:999px;width:.5rem;height:.5rem;box-shadow:0 0 8px #31e7ff}.active-label{color:#31e7ff!important;font-weight:900!important}.now-playing-stage{min-width:0}.now-playing-card{-webkit-backdrop-filter:blur(32px)saturate(1.3);backdrop-filter:blur(32px)saturate(1.3);flex-direction:column;gap:1.25rem;background:#ffffff0e!important;border:1px solid #ffffff24!important;border-radius:2.4rem!important;padding:1.5rem!important;display:flex!important}.album-art-wrap{justify-content:center;display:flex}.album-art-frame{aspect-ratio:1;border:1px solid #ffffff2e;border-radius:1.8rem;width:min(280px,100%);position:relative;overflow:hidden;box-shadow:0 28px 80px #00000080,0 0 60px #31e7ff2e}.album-art-bg{background:radial-gradient(circle at 30% 25%,#31e7ff85,#0000 38%),radial-gradient(circle at 72% 68%,#ff4fd894,#0000 42%),radial-gradient(circle,#ffd16647,#0000 56%),linear-gradient(135deg,#0a0e1c,#12082a 52%,#081420);position:absolute;inset:0}.album-waveform{justify-content:center;align-items:flex-end;gap:3px;padding:1.5rem 1.2rem .8rem;display:flex;position:absolute;inset:0}.album-waveform__bar{transform-origin:bottom;background:linear-gradient(#ffffffe6,#31e7ffe0 30%,#ff4fd8c7 68%,#ffd166b3);border-radius:999px;flex:1;max-width:6px;animation:2.4s ease-in-out infinite alternate bar-pulse;box-shadow:0 0 12px #31e7ff52}@keyframes bar-pulse{0%{opacity:.7;transform:scaleY(.6)}to{opacity:1;transform:scaleY(1)}}.np-info{text-align:center}.np-label{color:var(--conbot-muted);letter-spacing:.18em;text-transform:uppercase;font-size:.65rem;font-weight:950}.np-title{color:var(--conbot-text);letter-spacing:-.03em;margin-top:.3rem;font-size:clamp(1.4rem,2.6vw,2rem);font-weight:950;line-height:1.1}.np-artist{color:var(--conbot-muted);margin-top:.35rem;font-size:.84rem;font-weight:750}.np-progress-wrap{gap:.5rem;display:grid}.np-progress-track{cursor:pointer;background:#ffffff1f;border-radius:999px;height:4px;position:relative}.np-progress-fill{background:linear-gradient(90deg,#31e7ff,#ff4fd8);border-radius:999px;transition:width .3s linear;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 10px #31e7ff73}.np-progress-thumb{background:#fff;border-radius:999px;width:12px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px #31e7ff99}.np-progress-times{color:var(--conbot-muted);justify-content:space-between;font-size:.65rem;font-weight:800;display:flex}.np-controls{justify-content:center;align-items:center;gap:.65rem;display:flex}.np-btn{width:2.75rem!important;height:2.75rem!important;padding:0!important}.np-play-btn{color:#060c14;background:linear-gradient(135deg,#31e7ffe6,#ff4fd8cc);border:1px solid #fff3;border-radius:999px;place-items:center;width:3.75rem;height:3.75rem;transition:transform .22s,box-shadow .22s;display:grid;box-shadow:0 0 40px #31e7ff59,0 14px 36px #0000004d}.np-play-btn:hover{transform:scale(1.06);box-shadow:0 0 60px #31e7ff80,0 18px 44px #0000005c}.np-footer{justify-content:center;align-items:center;gap:.85rem;display:flex}.np-icon-btn{width:2.25rem;height:2.25rem;color:var(--conbot-muted);background:#ffffff12;border:1px solid #ffffff1f;border-radius:999px;place-items:center;transition:color .2s,background .2s;display:grid}.np-icon-btn:hover{color:#fff;background:#ffffff24}.np-vol{flex:1;align-items:center;gap:.5rem;max-width:120px;display:flex}.np-vol-track{background:#ffffff24;border-radius:999px;flex:1;height:3px}.np-vol-fill{background:linear-gradient(90deg,#31e7ff,#ff4fd8);border-radius:999px;height:100%}.np-listeners{color:var(--conbot-muted);letter-spacing:.1em;text-transform:uppercase;justify-content:center;align-items:center;gap:.45rem;font-size:.65rem;font-weight:900;display:flex}.queue-side{min-width:0}@media (width<=1100px){.dashboard-grid{grid-template-columns:1fr}.vibe-side-stack{grid-template-columns:repeat(3,1fr);display:grid}.vibe-side-card{height:8rem}}@media (width<=680px){.vibe-side-stack{grid-template-columns:1fr}}.eq-slider{appearance:slider-vertical;accent-color:var(--neon-cyan)}.glass-capsule-dark{color:var(--conbot-text);background:#ffffff14;border:1px solid #ffffff24}@media (width<=1024px){.dashboard-grid{grid-template-columns:1fr!important}.vibe-side-stack{grid-template-columns:repeat(3,1fr);display:grid}}@media (width<=640px){.vibe-side-stack{grid-template-columns:1fr}.np-controls{gap:.4rem}.np-play-btn{width:3rem;height:3rem}}.bottom-transport-glass{background:#04050ee0!important;border:1px solid #ffffff24!important;box-shadow:0 28px 90px #0000007a,0 0 60px #31e7ff14,inset 0 1px #ffffff24!important}.queue-track-row{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1.25rem;align-items:center;gap:.85rem;padding:.75rem;transition:background .2s;display:flex}.queue-track-row:hover{background:#ffffff1a}.queue-track-num{text-align:center;width:1.5rem;color:var(--conbot-muted);font-size:.72rem;font-weight:950}.queue-track-art{background:linear-gradient(135deg,#31e7ff4d,#ff4fd84d);border-radius:.85rem;flex-shrink:0;width:2.8rem;height:2.8rem}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:text-\[color\:var\(--conbot-text\)\]:hover{color:var(--conbot-text)}.disabled\:opacity-40:disabled{opacity:.4}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:opacity-70{opacity:.7}
