:root{
  --premium-bg:#050b14;
  --premium-bg2:#08111f;
  --premium-card:#0d192a;
  --premium-card2:#101f34;
  --premium-line:rgba(139,170,205,.16);
  --premium-text:#f8fbff;
  --premium-muted:#8ea0b9;
  --premium-cyan:#18ddff;
  --premium-blue:#228cff;
  --premium-violet:#8b5cff;
  --premium-pink:#ff4ba4;
  --premium-orange:#ffae4f;
  --premium-green:#39e88f;
  --rail:112px;
}
html,body{background:#030914!important;color:var(--premium-text)!important;font-family:Inter,"Segoe UI",Arial,sans-serif!important;overflow:hidden!important}
body>h1{display:none!important}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(800px 460px at 22% -8%,rgba(24,221,255,.09),transparent 58%),radial-gradient(700px 520px at 95% 0,rgba(139,92,255,.08),transparent 60%)}

/* Main navigation */
#sideMenu{position:fixed!important;inset:10px auto 10px 10px!important;width:96px!important;max-height:none!important;padding:10px 8px 12px!important;gap:8px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:24px!important;background:linear-gradient(180deg,rgba(8,16,27,.98),rgba(4,10,18,.96))!important;box-shadow:0 28px 80px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.03)!important;backdrop-filter:blur(24px);overflow-y:auto!important;overflow-x:hidden!important;z-index:30000!important}
.cpMainBrand{display:flex;flex-direction:column;align-items:center;gap:7px;padding:4px 0 11px;margin-bottom:3px;border-bottom:1px solid rgba(255,255,255,.07)}
.cpMainBrandLogo{width:46px;height:38px;display:grid;place-items:center;border-radius:13px;font-weight:1000;font-size:18px;letter-spacing:-2px;color:#fff;background:linear-gradient(135deg,#1df0ff 0 42%,#7d5cff 60%,#f457de 100%);box-shadow:0 0 28px rgba(31,216,255,.26)}
.cpMainBrandText{text-align:center}.cpMainBrandText strong{display:block;font-size:11px;line-height:1}.cpMainBrandText small{display:block;margin-top:5px;color:#6f86a5;font-size:5.7px;font-weight:900;line-height:1.25;letter-spacing:.17em}
#sideMenu .topButtons{display:contents!important}.menuButton,#accountButton{position:relative!important;width:100%!important;min-width:0!important;height:72px!important;min-height:72px!important;margin:0!important;padding:7px 5px!important;border:1px solid transparent!important;border-radius:16px!important;background:rgba(255,255,255,.025)!important;color:#fff!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;box-shadow:none!important;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease!important}
.menuButton:hover,#accountButton:hover{transform:translateY(-2px)!important;border-color:rgba(24,221,255,.3)!important;background:linear-gradient(135deg,rgba(24,221,255,.11),rgba(35,140,255,.08))!important;box-shadow:0 10px 30px rgba(0,200,255,.10)!important}
.menuButton:focus-visible{outline:2px solid var(--premium-cyan)!important;outline-offset:2px}
.menuIcon{width:31px!important;height:31px!important;margin:0 auto 3px!important;display:grid!important;place-items:center!important;border-radius:10px!important;background:linear-gradient(135deg,rgba(24,221,255,.11),rgba(139,92,255,.10))!important;font-size:17px!important;line-height:1!important;filter:saturate(.9)}
.menuText,.menuButton>span:last-child,#accountButton>span:last-child{max-width:80px!important;color:#edf7ff!important;font-size:9.2px!important;font-weight:850!important;line-height:1.05!important;text-align:center!important;overflow-wrap:anywhere!important}
.creatorHubMenuButton{margin-top:auto!important;border-color:rgba(139,92,255,.34)!important;background:linear-gradient(145deg,rgba(29,168,255,.15),rgba(126,70,255,.25))!important;box-shadow:inset 0 0 22px rgba(81,83,255,.08),0 0 22px rgba(109,61,255,.08)!important}.creatorHubMenuButton:hover{border-color:rgba(108,219,255,.55)!important;box-shadow:0 0 30px rgba(67,77,255,.18)!important}.creatorHubMenuButton::after{top:4px!important;right:4px!important}
#legacyMenuRoutes{display:none!important}

/* Hide fixed legacy overlay counters until their own features need them */
#voiceButton,#likeCounter{display:none!important}

/* General panels fit the application window */
#startPanel,#setupPanel,#statsPanel,#settingsPanel,#overlayPanel,#graphicOverlayPanel,#soundPanel,#chatPanel,#toolsPanel,#pointsPanel,#liveAssistantPanel{left:var(--rail)!important;right:10px!important;top:10px!important;bottom:10px!important;width:auto!important;height:auto!important;max-width:none!important;max-height:none!important;border-radius:22px!important;border:1px solid rgba(255,255,255,.075)!important;background:linear-gradient(155deg,#0b1625,#08111e 58%,#060d17)!important;box-shadow:0 26px 70px rgba(0,0,0,.38)!important;overflow:hidden!important}

/* START */
#startPanel{grid-template-columns:178px minmax(0,1fr)!important}
#startSidebar{width:auto!important;min-width:0!important;height:100%!important;padding:18px 12px!important;background:rgba(5,12,21,.76)!important;border-right:1px solid rgba(255,255,255,.07)!important;overflow-y:auto!important}
.startTab,.startSubTab{width:100%!important;min-height:42px!important;margin:0 0 6px!important;padding:10px 12px!important;border:1px solid transparent!important;border-radius:11px!important;background:transparent!important;color:#9fb0c6!important;text-align:left!important;font-size:11px!important;font-weight:750!important;transition:.18s ease!important}.startTab:hover,.startSubTab:hover{background:rgba(255,255,255,.045)!important;color:#fff!important}.startTab.active,.startSubTab.active{color:#fff!important;border-color:rgba(24,221,255,.24)!important;background:linear-gradient(90deg,rgba(24,221,255,.14),rgba(34,140,255,.07))!important;box-shadow:inset 3px 0 var(--premium-cyan)!important}
#startContent{margin:0!important;width:auto!important;min-width:0!important;height:100%!important;padding:0!important;overflow:auto!important;background:transparent!important}
#startContent>*{width:auto!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
#loginPage{padding:30px!important;max-width:650px!important;margin:auto!important}
.cpWelcomeShell{min-height:100%;padding:22px 24px 30px;background:radial-gradient(680px 420px at 58% 28%,rgba(68,42,255,.09),transparent 65%),radial-gradient(560px 340px at 18% 0,rgba(0,217,255,.07),transparent 65%)}
.cpWelcomeTop{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:14px 17px 16px;border:1px solid rgba(255,255,255,.06);border-radius:17px;background:linear-gradient(100deg,rgba(17,31,52,.74),rgba(8,15,27,.28));box-shadow:inset 0 1px rgba(255,255,255,.03)}
.cpEyebrow{display:block;color:var(--premium-cyan);font-size:8px;font-weight:950;letter-spacing:.18em;margin-bottom:7px}.cpWelcomeTop h2{font-size:24px;line-height:1.1;margin:0!important;letter-spacing:-.035em}.cpWelcomeTop h2 span{font-size:20px}.cpWelcomeTop p{margin:8px 0 0;color:#9aaec7;font-size:11px}.cpWelcomeBadges{display:flex;gap:8px}.cpBadge{padding:7px 10px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.035);font-size:9px;font-weight:850;color:#c8d8ea}.cpBadgePro{border-color:rgba(255,195,64,.24);color:#ffd15b;background:rgba(255,180,55,.065);box-shadow:0 0 20px rgba(255,174,79,.07)}
.cpWelcomeMetrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:12px 0}.cpWelcomeMetrics article{min-width:0;padding:13px 12px;border:1px solid var(--premium-line);border-radius:14px;background:linear-gradient(180deg,rgba(17,32,54,.92),rgba(9,18,31,.92));box-shadow:0 14px 35px rgba(0,0,0,.18)}.cpMetricIcon{width:26px;height:26px;display:grid;place-items:center;border-radius:9px;font-size:13px;margin-bottom:10px}.cpMetricIcon.pink{background:rgba(255,75,164,.14);color:#ff6fb6}.cpMetricIcon.blue{background:rgba(48,120,255,.14);color:#64a5ff}.cpMetricIcon.cyan{background:rgba(24,221,255,.13);color:#5aebff}.cpMetricIcon.orange{background:rgba(255,174,79,.14);color:#ffc06c}.cpMetricIcon.violet{background:rgba(139,92,255,.14);color:#b18bff}.cpWelcomeMetrics strong{display:block;color:#fff;font-size:14px;margin-bottom:3px}.cpWelcomeMetrics small{display:block;color:#778ca8;font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cpHeroCard{position:relative;min-height:300px;display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.8fr);align-items:center;overflow:hidden;border:1px solid rgba(80,108,166,.26);border-radius:19px;background:radial-gradient(420px 280px at 80% 55%,rgba(60,49,255,.17),transparent 70%),linear-gradient(135deg,#091426 0%,#070d1b 57%,#090b1b 100%);box-shadow:0 20px 55px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.03)}
.cpHeroCard::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 25%,rgba(24,221,255,.025) 50%,transparent 75%);transform:translateX(-100%);animation:cpSweep 8s linear infinite}@keyframes cpSweep{to{transform:translateX(100%)}}
.cpHeroCopy{position:relative;z-index:2;padding:28px 0 28px 34px;max-width:520px}.cpHeroTag{color:var(--premium-cyan);font-size:10px;font-weight:900}.cpHeroCopy h3{margin:12px 0 13px;font-size:clamp(33px,4.8vw,56px);line-height:.94;letter-spacing:-.055em}.cpHeroCopy h3 span:first-child{color:#edf0ff}.cpHeroCopy h3 span:nth-child(3){color:#ab5dff}.cpHeroCopy h3 span:nth-child(5){background:linear-gradient(90deg,#8a59ff,#18ddff);-webkit-background-clip:text;background-clip:text;color:transparent}.cpHeroCopy p{max-width:410px;margin:0;color:#99abc2;font-size:11px;line-height:1.55}.cpHeroActions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.cpPrimaryAction,.cpSecondaryAction{min-height:40px!important;padding:0 16px!important;border-radius:11px!important;font-size:10px!important;font-weight:900!important;cursor:pointer!important}.cpPrimaryAction{border:1px solid rgba(24,221,255,.55)!important;color:#fff!important;background:linear-gradient(135deg,#08c8eb,#1678ff)!important;box-shadow:0 0 25px rgba(19,183,255,.18)!important}.cpPrimaryAction:hover{filter:brightness(1.1);transform:translateY(-1px)}.cpSecondaryAction{border:1px solid rgba(103,101,255,.35)!important;color:#b8d6ff!important;background:rgba(32,42,75,.45)!important}.cpHeroVisual{position:relative;height:100%;min-height:300px;display:grid;place-items:center;perspective:700px}.cpHeroVisual::before{content:"";position:absolute;width:310px;height:170px;border-radius:50%;border:1px solid rgba(70,108,255,.32);box-shadow:0 0 55px rgba(70,61,255,.18),inset 0 0 45px rgba(46,213,255,.06);transform:rotate(-10deg)}.cpHeroVisual::after{content:"";position:absolute;width:370px;height:210px;border-radius:50%;border:1px solid rgba(153,62,255,.18);transform:rotate(11deg)}.cpHeroLogo{position:relative;z-index:3;font-size:82px;line-height:1;font-weight:1000;letter-spacing:-12px;padding-right:10px;transform:skew(-8deg) rotateX(9deg);background:linear-gradient(125deg,#13edff 0 46%,#8655ff 55%,#f154de 96%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 12px rgba(40,211,255,.35)) drop-shadow(0 0 28px rgba(122,69,255,.25))}.cpOrbit{position:absolute;border-radius:50%;border:1px solid rgba(52,120,255,.22);animation:cpOrbit 9s linear infinite}.cpOrbitOne{width:280px;height:112px;transform:rotate(-9deg)}.cpOrbitTwo{width:340px;height:142px;transform:rotate(13deg);animation-direction:reverse;animation-duration:13s}@keyframes cpOrbit{50%{filter:drop-shadow(0 0 11px rgba(77,67,255,.35));opacity:.65}}.cpSpark{position:absolute;width:4px;height:4px;border-radius:50%;background:#65edff;box-shadow:0 0 10px #42dfff;animation:cpSpark 2.8s ease-in-out infinite}.cpSpark.s1{top:25%;left:22%}.cpSpark.s2{top:68%;left:28%;animation-delay:.6s}.cpSpark.s3{top:37%;right:22%;animation-delay:1.1s}.cpSpark.s4{bottom:21%;right:30%;animation-delay:1.6s}@keyframes cpSpark{50%{transform:scale(2);opacity:.25}}
.cpSystemBar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin:12px 0;overflow:hidden;border:1px solid var(--premium-line);border-radius:13px;background:rgba(12,22,37,.82)}.cpSystemBar>div{position:relative;min-width:0;padding:11px 13px 11px 24px;border-right:1px solid rgba(255,255,255,.06)}.cpSystemBar>div:last-child{border-right:0}.cpStatusDot{position:absolute;left:10px;top:18px;width:6px;height:6px;border-radius:50%;background:#5a6d86}.cpStatusDot.ok{background:var(--premium-green);box-shadow:0 0 11px rgba(57,232,143,.6)}.cpStatusDot.blue{background:#3a9cff}.cpStatusDot.violet{background:#9565ff}.cpSystemBar small,.cpSystemBar strong{display:block}.cpSystemBar small{color:#7589a5;font-size:7px}.cpSystemBar strong{margin-top:2px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cpWelcomeGrid{display:grid;grid-template-columns:1fr 1.18fr 1.18fr;gap:12px}.cpWelcomeCard{min-width:0;padding:16px;border:1px solid var(--premium-line);border-radius:16px;background:linear-gradient(180deg,rgba(15,28,47,.9),rgba(8,17,29,.93));box-shadow:0 16px 38px rgba(0,0,0,.15)}.cpCardHead{display:flex;gap:10px;align-items:flex-start}.cpRoundIcon{flex:0 0 29px;width:29px;height:29px;display:grid;place-items:center;border-radius:10px}.cpRoundIcon.purple{color:#ad7aff;background:rgba(139,92,255,.12)}.cpRoundIcon.cyan{color:#51e8ff;background:rgba(24,221,255,.10)}.cpRoundIcon.orange{color:#ffc168;background:rgba(255,174,79,.12)}.cpCardHead h3{margin:1px 0 4px!important;font-size:12px!important}.cpCardHead p{margin:0;color:#7f92ad;font-size:8.5px;line-height:1.4}.cpConnectionCard{text-align:center}.cpConnectionCard .cpCardHead{text-align:left}.cpTikTokOrb{width:92px;height:92px;margin:16px auto;display:grid;place-items:center;border:1px solid rgba(24,221,255,.46);border-radius:50%;color:#fff;font-size:44px;background:radial-gradient(circle,rgba(24,221,255,.07),rgba(139,92,255,.06));box-shadow:0 0 0 10px rgba(23,193,255,.035),0 0 32px rgba(43,90,255,.13)}.cpConnectionCard>.cpPrimaryAction{width:100%;margin-bottom:12px}.cpConnectionCard>a{color:#58cfff;font-size:8px;text-decoration:none}.cpQuickLinks{display:grid;gap:7px;margin-top:13px}.cpQuickLinks button{width:100%!important;min-height:44px!important;display:grid!important;grid-template-columns:29px minmax(0,1fr) 16px!important;align-items:center!important;gap:8px!important;padding:7px 9px!important;border:1px solid rgba(255,255,255,.055)!important;border-radius:11px!important;background:rgba(255,255,255,.03)!important;color:#fff!important;text-align:left!important}.cpQuickLinks button:hover{background:rgba(24,221,255,.055)!important;border-color:rgba(24,221,255,.15)!important}.cpQuickLinks button>span{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:rgba(85,120,255,.12)}.cpQuickLinks b,.cpQuickLinks small{display:block}.cpQuickLinks b{font-size:9px}.cpQuickLinks small{margin-top:2px;color:#7388a5;font-size:7px}.cpQuickLinks i{font-style:normal;color:#8297b3}.cpNewsList{display:grid;gap:7px;margin-top:13px}.cpNewsList>div{display:flex;gap:9px;padding:9px;border:1px solid rgba(255,255,255,.05);border-radius:11px;background:rgba(255,255,255,.025)}.cpNewsList>div>span{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:rgba(67,92,255,.12)}.cpNewsList p{margin:0!important}.cpNewsList b,.cpNewsList small{display:block}.cpNewsList b{font-size:9px}.cpNewsList small{margin-top:3px;color:#7488a4;font-size:7px}.cpOutlineLink{display:block;margin-top:10px;padding:9px;border:1px solid rgba(45,111,255,.33);border-radius:10px;text-align:center;text-decoration:none!important;color:#62c8ff!important;font-size:8px;font-weight:800}.cpFooterCommunity{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:12px;padding:13px 15px;border:1px solid var(--premium-line);border-radius:14px;background:rgba(13,23,39,.8)}.cpFooterCommunity strong,.cpFooterCommunity span{display:block}.cpFooterCommunity strong{font-size:10px;color:#7de7ff}.cpFooterCommunity>div:first-child span{margin-top:4px;color:#7488a3;font-size:7px}.cpFooterPills{display:flex;gap:6px;flex-wrap:wrap}.cpFooterPills span{padding:7px 9px;border-radius:9px;background:rgba(255,255,255,.035);color:#b7c7d9;font-size:7px}.cpHiddenCompat{display:none!important}

/* Creator Hub - force full available width and keep premium visual */
.creatorHubPanel{position:fixed!important;left:var(--rail)!important;right:10px!important;top:10px!important;bottom:10px!important;width:auto!important;max-width:none!important;height:auto!important;min-width:0!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:22px!important;overflow:hidden!important;background:linear-gradient(155deg,#071322,#050b14 62%)!important;box-shadow:0 26px 70px rgba(0,0,0,.42)!important}
.creatorHubSidebar{width:190px!important;flex:0 0 190px!important;padding:16px 10px!important}.creatorHubContent{width:auto!important;max-width:none!important;flex:1 1 auto!important;min-width:0!important;padding:18px 20px 30px!important;overflow:auto!important}.creatorHubHeader{margin-bottom:12px!important}.creatorHubHeader h2{font-size:22px!important}.creatorHubMetrics{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important}.creatorMetric{padding:11px!important}.creatorMetric strong{font-size:18px!important}.creatorMetric small{font-size:8px!important}.creatorHubDashboardGrid{grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr)!important;gap:10px!important}.creatorHubCard{min-height:178px!important;padding:12px!important}.hubActivityChart{height:150px!important}.hubPremiumHero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.75fr);min-height:250px;margin:0 0 10px;overflow:hidden;border:1px solid rgba(76,103,177,.27);border-radius:17px;background:radial-gradient(380px 250px at 82% 52%,rgba(67,47,255,.18),transparent 70%),linear-gradient(135deg,#091426,#060c19)}.hubPremiumCopy{padding:24px 0 22px 28px;position:relative;z-index:2}.hubPremiumCopy>span{font-size:9px;color:var(--premium-cyan);font-weight:900}.hubPremiumCopy h3{margin:9px 0 11px!important;font-size:clamp(31px,4.2vw,49px)!important;line-height:.95!important;letter-spacing:-.05em!important}.hubPremiumCopy h3 em{font-style:normal;color:#9e61ff}.hubPremiumCopy p{max-width:410px;color:#8fa2bb;font-size:10px;line-height:1.5}.hubPremiumCopy button{margin-top:12px!important;min-height:37px!important;padding:0 14px!important;border:1px solid rgba(24,221,255,.5)!important;border-radius:10px!important;color:#eafbff!important;background:linear-gradient(135deg,rgba(0,197,231,.20),rgba(36,113,255,.19))!important;font-size:9px!important;font-weight:900!important}.hubPremiumVisual{position:relative;display:grid;place-items:center}.hubPremiumVisual::before,.hubPremiumVisual::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(84,76,255,.30)}.hubPremiumVisual::before{width:250px;height:110px;transform:rotate(-10deg)}.hubPremiumVisual::after{width:300px;height:135px;transform:rotate(11deg);border-color:rgba(172,64,255,.19)}.hubPremiumLogo{position:relative;z-index:2;font-size:73px;font-weight:1000;letter-spacing:-11px;padding-right:9px;transform:skew(-8deg);background:linear-gradient(120deg,#14eaff 0 45%,#8454ff 56%,#ef56dc 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 17px rgba(50,191,255,.3))}.hubPremiumVisual i{position:absolute;width:4px;height:4px;border-radius:50%;background:#65eaff;box-shadow:0 0 9px #46dfff}.hubPremiumVisual i:nth-child(2){left:18%;top:35%}.hubPremiumVisual i:nth-child(3){right:17%;top:24%;background:#966aff}.hubPremiumVisual i:nth-child(4){right:30%;bottom:22%}

/* Make all hub feature cards closer to the reference */
.creatorHubFeatureGrid{gap:10px!important}.creatorFeature{border-radius:15px!important;background:linear-gradient(180deg,rgba(16,31,52,.91),rgba(8,17,30,.94))!important;box-shadow:0 14px 35px rgba(0,0,0,.16)!important}.creatorFeature:hover{transform:translateY(-2px)!important;border-color:rgba(24,221,255,.20)!important}.creatorHubPrimary,.creatorFeature button{border-radius:10px!important;background:linear-gradient(135deg,#10bdda,#1d72e9)!important;box-shadow:0 8px 20px rgba(24,154,255,.12)!important}

@media(max-width:1180px){
  :root{--rail:102px}
  #sideMenu{width:88px!important}.cpMainBrandText{display:none}.cpMainBrand{padding-bottom:8px}.menuButton,#accountButton{height:64px!important;min-height:64px!important}.menuIcon{width:28px!important;height:28px!important;font-size:15px!important}.menuText,.menuButton>span:last-child,#accountButton>span:last-child{font-size:8px!important}
  #startPanel{grid-template-columns:150px minmax(0,1fr)!important}.cpWelcomeShell{padding:16px}.cpHeroCard{grid-template-columns:minmax(0,1fr) 270px}.cpWelcomeGrid{grid-template-columns:1fr 1fr}.cpWelcomeCard:last-child{grid-column:1/-1}.creatorHubSidebar{width:166px!important;flex-basis:166px!important}.creatorHubMetrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}.creatorHubDashboardGrid{grid-template-columns:1fr!important}.hubPremiumHero{grid-template-columns:minmax(0,1fr) 250px}
}
@media(max-width:900px){
  :root{--rail:86px}
  #sideMenu{left:6px!important;top:6px!important;bottom:6px!important;width:74px!important;padding:7px 5px!important;border-radius:18px!important}.cpMainBrandLogo{width:38px;height:32px;font-size:14px}.menuButton,#accountButton{height:58px!important;min-height:58px!important;border-radius:12px!important}.menuIcon{width:24px!important;height:24px!important;font-size:13px!important}.menuText,.menuButton>span:last-child,#accountButton>span:last-child{font-size:7.2px!important}
  #startPanel,#setupPanel,#statsPanel,#settingsPanel,#overlayPanel,#graphicOverlayPanel,#soundPanel,#chatPanel,#toolsPanel,#pointsPanel,#liveAssistantPanel,.creatorHubPanel{left:var(--rail)!important;right:6px!important;top:6px!important;bottom:6px!important;border-radius:18px!important}
  #startPanel{grid-template-columns:124px minmax(0,1fr)!important}#startSidebar{padding:11px 7px!important}.startTab,.startSubTab{font-size:8.5px!important;padding:8px!important}
  .cpWelcomeTop h2{font-size:19px}.cpWelcomeMetrics{grid-template-columns:repeat(3,minmax(0,1fr))}.cpWelcomeMetrics article:nth-child(4),.cpWelcomeMetrics article:nth-child(5){display:none}.cpHeroCard{grid-template-columns:1fr!important;min-height:auto}.cpHeroCopy{padding:24px}.cpHeroVisual{display:none}.cpSystemBar{grid-template-columns:repeat(3,1fr)}.cpSystemBar>div:nth-child(4),.cpSystemBar>div:nth-child(5){display:none}.cpWelcomeGrid{grid-template-columns:1fr!important}.cpWelcomeCard:last-child{grid-column:auto}.cpFooterCommunity{align-items:flex-start;flex-direction:column}
  .creatorHubSidebar{width:62px!important;flex-basis:62px!important;padding:10px 6px!important}.creatorHubBrand>div:not(.creatorHubLogo),.hubNavLabel,.creatorHubTab span:not(.hubTabIcon),.hubSidebarFooter{display:none!important}.creatorHubTab{justify-content:center!important;padding:8px!important}.creatorHubContent{padding:12px!important}.hubPremiumHero{grid-template-columns:1fr!important;min-height:205px}.hubPremiumCopy{padding:20px}.hubPremiumVisual{display:none}.creatorHubMetrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}.creatorHubDashboardGrid{grid-template-columns:1fr!important}
}
.menuButton.cpActiveMenu{border-color:rgba(24,221,255,.5)!important;background:linear-gradient(135deg,rgba(18,214,246,.18),rgba(30,115,244,.16))!important;box-shadow:inset 3px 0 var(--premium-cyan),0 0 20px rgba(24,221,255,.08)!important}

/* ========================================================================== 
   CREATORPILOT REFERENCE UI — 07/08/2026
   Final overrides based on the approved dark neon desktop reference.
   ========================================================================== */
:root{--rail:272px;--cp-bg:#020914;--cp-card:#071222;--cp-card2:#0a1728;--cp-border:rgba(105,140,191,.21);--cp-cyan:#05dafa;--cp-blue:#197bff;--cp-purple:#8b41ff;--cp-magenta:#cf39ff;--cp-green:#15ef63;--cp-muted:#9baac1}
*{box-sizing:border-box}
html,body{margin:0!important;width:100%!important;height:100%!important;background:#010711!important;color:#fff!important;font-family:"Segoe UI",Inter,Arial,sans-serif!important}
body{overflow:hidden!important;background:radial-gradient(900px 540px at 67% 22%,rgba(20,30,98,.13),transparent 70%),#010711!important}
body::after{opacity:.55!important}

/* LEFT RAIL */
#sideMenu{inset:0 auto 0 0!important;width:270px!important;height:100vh!important;padding:20px 17px 18px!important;border-radius:0 18px 18px 0!important;border:1px solid rgba(82,117,166,.22)!important;border-left:0!important;background:linear-gradient(180deg,#020914 0%,#030b16 62%,#020812 100%)!important;box-shadow:18px 0 60px rgba(0,0,0,.32)!important;overflow:hidden!important}
.cpMainBrand{height:116px!important;display:block!important;margin:0 0 13px!important;padding:3px 14px 15px!important;border:0!important;text-align:left!important}
.cpMainBrandLogo{width:106px!important;height:58px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important;margin:0 0 8px 20px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:skew(-10deg)!important;filter:drop-shadow(0 0 13px rgba(35,222,255,.32))!important}
.cpMainBrandLogo span{font-size:52px!important;font-weight:1000!important;font-style:italic!important;line-height:1!important;letter-spacing:-13px!important;background:linear-gradient(125deg,#13efff 15%,#22b8ff 42%,#8a42ff 64%,#e343fb 90%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.cpMainBrandLogo span:last-child{margin-left:-2px!important}
.cpMainBrandText{text-align:left!important}.cpMainBrandText strong{font-size:27px!important;line-height:1!important;letter-spacing:-.7px!important;color:#fff!important}.cpMainBrandText small{margin-top:6px!important;font-size:11px!important;letter-spacing:.14em!important;color:#b5c4da!important}
.cpPrimaryNav{display:grid!important;gap:7px!important}
.menuButton,#accountButton{height:52px!important;min-height:52px!important;display:flex!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:14px!important;padding:0 15px!important;border:1px solid rgba(90,122,166,.15)!important;border-radius:11px!important;background:linear-gradient(90deg,rgba(13,27,43,.87),rgba(8,18,31,.9))!important;color:#eef6ff!important;box-shadow:inset 0 1px rgba(255,255,255,.025)!important;transform:none!important}
.menuButton:hover,#accountButton:hover{transform:none!important;border-color:rgba(35,190,255,.36)!important;background:linear-gradient(90deg,rgba(10,39,58,.95),rgba(13,28,51,.95))!important;box-shadow:0 0 24px rgba(20,153,255,.08)!important}
.menuButton.cpActiveMenu{border-color:#13d7ff!important;background:linear-gradient(90deg,rgba(4,153,181,.30),rgba(36,74,193,.42))!important;box-shadow:inset 0 0 22px rgba(18,215,255,.13),0 0 22px rgba(0,179,255,.16)!important}
.menuIcon{width:28px!important;height:28px!important;margin:0!important;display:grid!important;place-items:center!important;border-radius:8px!important;background:transparent!important;color:#67ccff!important;font-size:22px!important;font-weight:800!important;text-shadow:0 0 13px rgba(67,188,255,.4)!important}
.menuText,.menuButton>span:last-child,#accountButton>span:last-child{max-width:none!important;font-size:15px!important;font-weight:750!important;line-height:1!important;text-align:left!important;overflow:visible!important;color:#f6f8fc!important}
.creatorHubMenuButton{position:relative!important;height:67px!important;min-height:67px!important;margin-top:14px!important;padding:0 14px!important;border-color:#a638ef!important;background:linear-gradient(100deg,rgba(81,21,126,.36),rgba(35,21,87,.58))!important;box-shadow:0 0 25px rgba(147,37,255,.15),inset 0 0 24px rgba(165,43,255,.06)!important}
.creatorHubMenuButton .menuIcon{font-size:22px!important}.creatorHubMenuCopy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;min-width:0!important}.creatorHubMenuCopy b{font-size:15px!important;color:#fff!important;white-space:nowrap!important}.creatorHubMenuCopy small{margin-top:5px!important;color:#c7b5d8!important;font-size:11px!important;font-weight:500!important;white-space:nowrap!important}.creatorHubV2Badge{position:absolute!important;right:10px!important;top:9px!important;padding:3px 7px!important;border-radius:12px!important;background:#6c31ec!important;color:#fff!important;font-size:10px!important;font-weight:900!important}
.cpSidebarStatus{margin-top:auto!important;padding:14px 15px!important;border:1px solid rgba(90,122,166,.19)!important;border-radius:12px!important;background:rgba(5,16,27,.72)!important}.cpSidebarStatus div{display:flex!important;align-items:center!important;gap:10px!important;min-height:28px!important;color:#9eacc0!important;font-size:12px!important}.cpSidebarStatus i{width:10px!important;height:10px!important;border-radius:50%!important;background:#56677f!important}.cpSidebarStatus i.ok{background:#11ef60!important;box-shadow:0 0 12px rgba(17,239,96,.65)!important}.cpSidebarStatus div:first-child{color:#cfd8e7!important}
#legacyMenuRoutes,#voiceButton,#likeCounter{display:none!important}

/* ALL MAIN PANELS */
#startPanel,#setupPanel,#statsPanel,#settingsPanel,#overlayPanel,#graphicOverlayPanel,#soundPanel,#chatPanel,#toolsPanel,#pointsPanel,#liveAssistantPanel,.creatorHubPanel{left:270px!important;right:0!important;top:0!important;bottom:0!important;width:auto!important;height:100vh!important;border:0!important;border-radius:0!important;background:#020914!important;box-shadow:none!important}
#startPanel{display:grid;grid-template-columns:1fr!important}
#startSidebar{display:none!important}
#startContent{width:100%!important;height:100%!important;margin:0!important;padding:0!important;overflow:auto!important;background:#020914!important}
#startMainPage{width:100%!important;min-height:100%!important}
#loginPage,#agencyPage,#faqPage,#aboutPage,#legalPage,#contactPage{padding:34px 42px!important}

/* DASHBOARD */
.cpWelcomeShell{min-height:100%;padding:18px 20px 13px!important;background:radial-gradient(950px 460px at 69% 22%,rgba(21,33,111,.13),transparent 70%),#020914!important}
.cpWelcomeMetrics{display:grid!important;grid-template-columns:1fr 1fr 1fr 1fr 1.55fr!important;gap:11px!important;margin:0 0 11px!important}
.cpWelcomeMetrics article{height:106px!important;display:flex!important;align-items:flex-start!important;gap:15px!important;padding:20px 20px!important;border:1px solid var(--cp-border)!important;border-radius:13px!important;background:linear-gradient(145deg,#091527,#07111f)!important;box-shadow:inset 0 1px rgba(255,255,255,.025),0 12px 28px rgba(0,0,0,.13)!important}
.cpMetricIcon{width:42px!important;height:42px!important;margin:0!important;flex:0 0 42px!important;display:grid!important;place-items:center!important;border-radius:10px!important;background:transparent!important;font-size:31px!important;font-style:normal!important;filter:drop-shadow(0 0 11px currentColor)!important}.cpMetricIcon.pink{color:#f52e91!important}.cpMetricIcon.blue{color:#4279ff!important}.cpMetricIcon.orange{color:#ff9f32!important}.cpMetricIcon.cyan{color:#25a1ff!important}.cpMetricIcon.violet{color:#a343ff!important}
.cpWelcomeMetrics article>div{min-width:0!important}.cpWelcomeMetrics small{display:block!important;margin:0 0 4px!important;color:#c0cbe0!important;font-size:13px!important;line-height:1!important}.cpWelcomeMetrics strong{display:block!important;margin:0 0 7px!important;color:#fff!important;font-size:25px!important;line-height:1!important}.cpWelcomeMetrics em{display:block!important;color:#22ec5e!important;font-size:12px!important;font-style:normal!important;font-weight:800!important}.cpWelcomeMetrics em.live{font-weight:650!important}
.cpHeroCard{height:336px!important;min-height:336px!important;display:grid!important;grid-template-columns:44% 56%!important;margin:0 0 10px!important;border:1px solid rgba(83,116,181,.37)!important;border-radius:14px!important;background:radial-gradient(600px 310px at 77% 55%,rgba(42,41,183,.20),transparent 67%),linear-gradient(120deg,#030b17,#030914 62%,#060919)!important;box-shadow:inset 0 1px rgba(255,255,255,.025)!important}
.cpHeroCopy{max-width:none!important;padding:30px 0 24px 47px!important}.cpHeroTag{font-size:13px!important;color:#00e6e6!important;font-weight:800!important}.cpHeroCopy h3{margin:15px 0 12px!important;font-size:45px!important;line-height:1.02!important;letter-spacing:-1.4px!important}.cpHeroCopy h3 span:first-child{color:#fff!important}.cpHeroCopy h3 span:nth-child(3){color:#9d45f3!important}.cpHeroCopy h3 span:nth-child(5){background:linear-gradient(90deg,#8657ff 0%,#12dce8 85%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}.cpHeroCopy p{max-width:395px!important;color:#fff!important;font-size:15px!important;line-height:1.5!important}.cpHeroActions{gap:18px!important;margin-top:20px!important}.cpPrimaryAction,.cpSecondaryAction{height:43px!important;min-height:43px!important;padding:0 24px!important;border-radius:10px!important;font-size:13px!important;font-weight:800!important}.cpPrimaryAction{border:0!important;background:linear-gradient(100deg,#12bee1,#1477ff)!important;box-shadow:0 7px 22px rgba(16,147,255,.22)!important}.cpSecondaryAction{border:1px solid #2a77c8!important;background:rgba(5,17,31,.65)!important;color:#73b7ff!important}
.cpHeroVisual{min-height:336px!important;overflow:hidden!important}.cpHeroVisual::before{width:520px!important;height:205px!important;border-color:rgba(27,92,255,.62)!important;box-shadow:0 0 26px rgba(26,102,255,.35),inset 0 0 24px rgba(26,102,255,.14)!important;transform:rotate(-7deg)!important}.cpHeroVisual::after{width:600px!important;height:235px!important;border:2px solid rgba(164,38,255,.75)!important;box-shadow:0 0 28px rgba(142,31,255,.45)!important;transform:rotate(8deg)!important}.cpOrbitOne{width:555px!important;height:170px!important;border-color:rgba(23,115,255,.50)!important;transform:rotate(-17deg)!important}.cpOrbitTwo{width:480px!important;height:198px!important;border-color:rgba(169,45,255,.55)!important;transform:rotate(16deg)!important}.cpOrbitThree{position:absolute!important;width:430px!important;height:125px!important;border:1px solid rgba(0,222,255,.35)!important;border-radius:50%!important;transform:rotate(-3deg)!important}
.cpHeroLogo{z-index:5!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important;width:310px!important;height:150px!important;padding:0!important;font-size:0!important;letter-spacing:0!important;transform:skew(-11deg) rotateX(7deg)!important;background:transparent!important;color:inherit!important;filter:drop-shadow(0 15px 9px rgba(0,0,0,.48)) drop-shadow(0 0 16px rgba(55,82,255,.38))!important}.cpHeroLogo span{font-size:112px!important;font-style:italic!important;font-weight:1000!important;line-height:1!important;letter-spacing:-27px!important;background:linear-gradient(135deg,#03effd 0%,#0fd0f6 45%,#783aff 53%,#f03edb 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;text-shadow:none!important}.cpHeroLogo span:last-child{margin-left:-2px!important}
.cpSpark{width:4px!important;height:4px!important;background:#20cfff!important;box-shadow:0 0 11px 2px #146cff!important}.cpSpark.s1{left:16%!important;top:25%!important}.cpSpark.s2{left:30%!important;top:72%!important}.cpSpark.s3{right:13%!important;top:31%!important;background:#9e42ff!important}.cpSpark.s4{right:23%!important;bottom:18%!important;background:#d037ff!important}
.cpSystemBar{height:58px!important;display:grid!important;grid-template-columns:1fr 1.1fr .85fr .9fr 1fr .9fr!important;margin:0 0 10px!important;border:1px solid var(--cp-border)!important;border-radius:12px!important;background:linear-gradient(90deg,#071421,#06111e)!important}.cpSystemBar>div{min-width:0!important;padding:10px 24px 9px 47px!important;border-right:1px solid rgba(96,125,164,.11)!important}.cpSystemBar>div:nth-child(3),.cpSystemBar>div:nth-child(4){padding-left:24px!important}.cpSystemBar small{color:#b6c1d4!important;font-size:11px!important}.cpSystemBar strong{margin-top:3px!important;color:#fff!important;font-size:13px!important}.cpSystemBar strong.warning{color:#ffc332!important}.cpStatusDot{left:25px!important;top:25px!important;width:9px!important;height:9px!important}.cpTikTokMini{position:absolute!important;left:25px!important;top:13px!important;width:28px!important;height:28px!important;display:grid!important;place-items:center!important;border-radius:7px!important;background:#020203!important;color:#fff!important;font-size:21px!important;text-shadow:-2px 0 #08eff0,2px 0 #ff245f!important}.cpCheck{position:absolute!important;left:23px!important;top:19px!important;color:#11ee4e!important;font-size:20px!important;font-weight:900!important}.cpProPill{display:inline-block!important;padding:2px 10px!important;border-radius:10px!important;background:linear-gradient(90deg,#7341f8,#4c2be5)!important;color:#fff!important;font-size:10px!important}
.cpWelcomeGrid{display:grid!important;grid-template-columns:1.03fr 1.08fr 1.18fr!important;gap:10px!important;margin:0!important}.cpWelcomeCard{min-height:261px!important;padding:18px 20px 15px!important;border:1px solid var(--cp-border)!important;border-radius:13px!important;background:linear-gradient(145deg,#081526,#06111f)!important;box-shadow:none!important}.cpCardHead{display:flex!important;align-items:flex-start!important;gap:11px!important;position:relative!important}.cpRoundIcon{width:27px!important;height:27px!important;flex:0 0 27px!important;display:grid!important;place-items:center!important;background:transparent!important;font-size:23px!important;font-weight:900!important}.cpRoundIcon.purple{color:#a23dff!important}.cpRoundIcon.cyan{color:#00e2f0!important}.cpRoundIcon.orange{color:#ffaf35!important}.cpCardHead h3{margin:0!important;font-size:17px!important;line-height:1.1!important}.cpCardHead p{margin:6px 0 0!important;color:#c4cedd!important;font-size:12px!important;line-height:1.45!important}.cpTikTokOrb{width:98px!important;height:98px!important;margin:10px auto 9px!important;border:2px solid #167aff!important;background:radial-gradient(circle,#050911 50%,rgba(18,37,85,.42) 72%,transparent 73%)!important;box-shadow:0 0 0 7px rgba(18,112,255,.08),0 0 0 11px rgba(124,42,255,.08),0 0 29px rgba(88,49,255,.54)!important}.cpTikTokOrb span{font-size:51px!important;color:#fff!important;text-shadow:-4px 1px #09eff0,4px 1px #ff235b!important}.cpConnectionCard>.cpPrimaryAction{width:100%!important;height:39px!important;min-height:39px!important;margin:0 0 9px!important}.cpConnectionCard>a{display:block!important;text-align:center!important;color:#2ebdff!important;font-size:12px!important}
.cpQuickLinks{gap:5px!important;margin-top:10px!important}.cpQuickLinks button{height:42px!important;min-height:42px!important;grid-template-columns:29px 1fr 15px!important;padding:5px 8px!important;border-color:rgba(90,122,166,.11)!important;border-radius:9px!important;background:linear-gradient(90deg,rgba(16,28,49,.8),rgba(8,19,34,.87))!important}.cpQuickLinks button>span{width:29px!important;height:29px!important;border-radius:8px!important;color:#82a7ff!important;font-size:17px!important}.cpQuickLinks b{font-size:12px!important}.cpQuickLinks small{margin-top:1px!important;color:#aebbd0!important;font-size:10px!important}.cpQuickLinks i{font-size:24px!important;color:#6caeff!important}.cpOutlineLink{height:37px!important;margin-top:10px!important;padding:9px!important;border:0!important;border-radius:9px!important;background:linear-gradient(90deg,rgba(15,35,76,.67),rgba(6,35,79,.67))!important;color:#59adff!important;font-size:12px!important}
.cpNewsList{gap:5px!important;margin-top:10px!important}.cpNewsList>div{height:51px!important;align-items:center!important;padding:7px 10px!important;border-color:rgba(90,122,166,.09)!important;border-radius:9px!important;background:linear-gradient(90deg,rgba(16,28,49,.78),rgba(8,19,32,.88))!important}.cpNewsList>div>span{width:31px!important;height:31px!important;flex:0 0 31px!important;font-size:18px!important}.cpNewsList b{font-size:12px!important}.cpNewsList small{margin-top:2px!important;color:#acb9cd!important;font-size:10px!important}.cpNewPill{position:absolute!important;right:0!important;top:0!important;padding:4px 9px!important;border-radius:12px!important;background:rgba(101,48,198,.36)!important;color:#b892ff!important;font-size:9px!important;font-weight:800!important}
.cpFooterCommunity{height:58px!important;margin:10px 0 0!important;padding:9px 20px!important;border:1px solid var(--cp-border)!important;border-radius:12px!important;background:linear-gradient(90deg,#071421,#07121e)!important}.cpFooterCommunity strong{font-size:15px!important;color:#61ebf1!important}.cpFooterCommunity>div:first-child span{margin-top:4px!important;color:#b0bdd0!important;font-size:11px!important}.cpFooterPills{gap:10px!important}.cpFooterPills span{min-width:112px!important;padding:9px 13px!important;border:1px solid rgba(100,130,172,.16)!important;border-radius:9px!important;background:#091523!important;color:#fff!important;font-size:11px!important;text-align:center!important}

/* LOGIN: separate page instead of behaving like Start */
#loginPage{max-width:700px!important;margin:0 auto!important;padding-top:60px!important}#loginPage>h2{font-size:28px!important}.startCard{border:1px solid var(--cp-border)!important;border-radius:16px!important;background:linear-gradient(145deg,#091727,#06111e)!important;box-shadow:0 20px 60px rgba(0,0,0,.25)!important}#loginPage input{width:100%!important;max-width:520px!important;background:#030b16!important;border:1px solid rgba(93,130,185,.28)!important;color:#fff!important;border-radius:10px!important}

/* Keep internal tool panels professional within the same desktop shell */
#setupPanel,#statsPanel,#settingsPanel,#soundPanel,#overlayPanel,#graphicOverlayPanel,#toolsPanel,#pointsPanel,#liveAssistantPanel{padding:20px!important;overflow:auto!important;background:linear-gradient(145deg,#061321,#020914 70%)!important}
.creatorHubPanel{left:270px!important}

@media(max-width:1250px){
  :root{--rail:210px}#sideMenu{width:208px!important;padding:14px 12px!important}.cpMainBrand{height:100px!important;padding-left:8px!important}.cpMainBrandLogo{margin-left:10px!important;width:82px!important}.cpMainBrandLogo span{font-size:42px!important}.cpMainBrandText strong{font-size:22px!important}.cpMainBrandText small{font-size:8.5px!important}.menuButton,#accountButton{height:46px!important;min-height:46px!important}.menuText,.menuButton>span:last-child,#accountButton>span:last-child{font-size:13px!important}.creatorHubMenuCopy b{font-size:13px!important}.creatorHubMenuCopy small{font-size:9px!important}.creatorHubMenuButton{height:61px!important;min-height:61px!important}.cpSidebarStatus span{font-size:10px!important}
  #startPanel,#setupPanel,#statsPanel,#settingsPanel,#overlayPanel,#graphicOverlayPanel,#soundPanel,#chatPanel,#toolsPanel,#pointsPanel,#liveAssistantPanel,.creatorHubPanel{left:208px!important}.cpWelcomeShell{padding:12px!important}.cpWelcomeMetrics article{height:90px!important;padding:15px!important}.cpMetricIcon{font-size:25px!important;width:34px!important;height:34px!important;flex-basis:34px!important}.cpWelcomeMetrics strong{font-size:20px!important}.cpHeroCard{height:285px!important;min-height:285px!important}.cpHeroVisual{min-height:285px!important}.cpHeroCopy{padding:23px 0 20px 34px!important}.cpHeroCopy h3{font-size:37px!important}.cpHeroLogo span{font-size:90px!important}.cpWelcomeCard{min-height:238px!important;padding:14px!important}.cpFooterPills span{min-width:auto!important}
}
@media(max-width:950px){
  :root{--rail:92px}#sideMenu{width:90px!important;padding:10px 7px!important}.cpMainBrand{height:76px!important;padding:0!important}.cpMainBrandLogo{width:60px!important;height:42px!important;margin:0 auto!important}.cpMainBrandLogo span{font-size:32px!important}.cpMainBrandText strong{font-size:12px!important;text-align:center!important}.cpMainBrandText small{display:none!important}.menuButton,#accountButton{height:58px!important;min-height:58px!important;flex-direction:column!important;gap:1px!important;padding:5px!important}.menuIcon{font-size:18px!important}.menuText,.menuButton>span:last-child,#accountButton>span:last-child{font-size:8px!important;text-align:center!important}.creatorHubMenuButton{height:63px!important;min-height:63px!important}.creatorHubMenuCopy small,.creatorHubV2Badge,.cpSidebarStatus{display:none!important}.creatorHubMenuCopy b{font-size:8px!important;white-space:normal!important;text-align:center!important}
  #startPanel,#setupPanel,#statsPanel,#settingsPanel,#overlayPanel,#graphicOverlayPanel,#soundPanel,#chatPanel,#toolsPanel,#pointsPanel,#liveAssistantPanel,.creatorHubPanel{left:90px!important}.cpWelcomeMetrics{grid-template-columns:repeat(3,1fr)!important}.cpWelcomeMetrics article:nth-child(4),.cpWelcomeMetrics article:nth-child(5){display:none!important}.cpHeroCard{grid-template-columns:1fr!important}.cpHeroVisual{display:none!important}.cpWelcomeGrid{grid-template-columns:1fr!important}.cpWelcomeCard{min-height:auto!important}.cpFooterCommunity{height:auto!important;align-items:flex-start!important;flex-direction:column!important}.cpFooterPills{display:none!important}
}

.cpLiveChatFeed{position:relative;height:100%;min-height:300px;width:100%;padding:16px;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden}
.cpLiveChatFeedHeader{font-size:11px;font-weight:900;letter-spacing:1px;text-transform:uppercase;color:#65edff;margin-bottom:10px;text-shadow:0 0 10px rgba(101,237,255,.4)}
.cpLiveChatMessages{flex:1;overflow-y:auto;display:flex;flex-direction:column-reverse;gap:8px}
.cpLiveChatMessages .cpLiveChatMsg{background:rgba(32,42,75,.45);border:1px solid rgba(103,101,255,.25);border-radius:10px;padding:8px 12px;font-size:12px;color:#dfe6ff;animation:cpLiveChatIn .3s ease}
.cpLiveChatMessages .cpLiveChatMsg b{color:#65edff;margin-right:6px}
@keyframes cpLiveChatIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}

.cpLiveChatColumns{display:flex;gap:12px;flex:1;overflow:hidden;height:100%}
.cpLiveChatColumn{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}
.cpLiveChatColumn .cpLiveChatMessages{flex:1}

#cpDownloadAppLink{display:inline-flex!important;align-items:center;justify-content:center;text-decoration:none!important;}