/* Shared desktop sidebar and ambient chrome for Home, Catalog and Account. */
.nitrugen-app .site-sidebar,.account-app .site-sidebar{--side-rgb:var(--accent-rgb);--side-accent:var(--accent);--side-soft:var(--accent-soft)}
.catalog-app .site-sidebar{--side-rgb:var(--catalog-accent-rgb);--side-accent:var(--catalog-accent);--side-soft:var(--catalog-accent-soft)}
.apps-page .site-sidebar{--side-rgb:var(--accent-rgb);--side-accent:var(--accent);--side-soft:var(--accent-soft)}

.site-sidebar{
  position:fixed!important;
  z-index:80!important;
  inset:0 0 0 auto!important;
  display:flex!important;
  width:244px!important;
  height:100dvh!important;
  flex-direction:column!important;
  overflow:hidden!important;
  padding:22px 15px 18px!important;
  border:0!important;
  border-left:1px solid rgba(255,255,255,.06)!important;
  border-radius:0!important;
  background:
    radial-gradient(circle at 72% 13%,rgba(var(--side-rgb),.09),transparent 26%),
    linear-gradient(180deg,rgba(10,22,36,.995),rgba(6,14,24,.995))!important;
  box-shadow:-18px 0 58px rgba(0,4,10,.31),inset 1px 0 rgba(var(--side-rgb),.026)!important;
  color:#f6f8fc;
  transition:width .5s cubic-bezier(.22,.9,.28,1)!important;
}
.site-sidebar::after{position:absolute!important;z-index:3;top:86px!important;bottom:82px!important;left:0!important;width:1px!important;height:auto!important;background:linear-gradient(transparent,rgba(var(--side-rgb),.52),transparent)!important;box-shadow:0 0 15px rgba(var(--side-rgb),.34)!important;content:""!important;pointer-events:none}
.site-sidebar-brand{display:flex!important;min-height:72px!important;height:72px!important;align-items:center!important;justify-content:center!important;padding:0 4px!important;border:0!important}
.site-sidebar-logo{display:block!important;width:min(156px,100%)!important;height:auto!important;max-height:72px!important;object-fit:contain!important;filter:drop-shadow(0 7px 20px rgba(var(--side-rgb),.12));transition:width .42s cubic-bezier(.22,.9,.28,1)}

.site-sidebar-nav{display:flex!important;min-height:0!important;flex:1 1 auto!important;flex-direction:column!important;gap:5px!important;margin-top:33px!important;padding:0 2px 8px!important;overflow-x:hidden!important;overflow-y:auto!important;scrollbar-width:none!important}
.site-sidebar-nav::-webkit-scrollbar{display:none}
.site-sidebar-item{
  position:relative!important;
  display:grid!important;
  width:100%!important;
  min-height:48px!important;
  flex:0 0 48px!important;
  grid-template-columns:24px 1fr auto!important;
  align-items:center!important;
  gap:14px!important;
  overflow:hidden!important;
  padding:0 15px!important;
  border:0!important;
  border-radius:17px!important;
  background:transparent!important;
  color:#7e8491!important;
  text-align:right!important;
  text-decoration:none!important;
  transform:none!important;
  white-space:nowrap!important;
  transition:color .25s ease,background .25s ease!important;
}
.site-sidebar-item::before{position:absolute!important;inset-block:11px!important;right:-15px!important;width:3px!important;height:auto!important;border-radius:99px!important;background:var(--side-accent)!important;box-shadow:0 0 17px var(--side-accent)!important;content:""!important;opacity:0!important;transition:right .3s,opacity .3s!important}
.site-sidebar-item:hover{background:rgba(255,255,255,.035)!important;color:#dfe4ec!important}
.site-sidebar-item.is-active{background:linear-gradient(270deg,rgba(var(--side-rgb),.14),rgba(var(--side-rgb),.045))!important;color:var(--side-soft)!important}
.site-sidebar-item.is-active::before{right:0!important;opacity:1!important}
.site-sidebar-item .iconly,.site-sidebar-item .catalog-icon{width:24px!important;height:24px!important}
.site-sidebar-item span{overflow:hidden!important;font-size:13px!important;font-weight:650!important;text-overflow:ellipsis!important}
.site-sidebar-item small{display:grid!important;min-width:22px!important;height:22px!important;place-items:center!important;border-radius:8px!important;background:rgba(var(--side-rgb),.14)!important;color:var(--side-soft)!important;font-size:9px!important}
.site-sidebar-item>i{width:7px;height:7px;border-radius:50%;background:#5ee2b6;box-shadow:0 0 10px #5ee2b6}
.site-sidebar-item.sidebar-section-start{margin-top:7px!important}

.site-sidebar-bottom{display:grid!important;gap:7px!important;margin-top:auto!important;padding:0!important;border:0!important}
.site-sidebar-membership{display:grid!important;width:100%!important;height:49px!important;grid-template-columns:1fr!important;gap:8px!important;margin:0 0 10px!important;padding:10px 11px!important;border:1px solid rgba(var(--side-rgb),.13)!important;border-radius:16px!important;background:rgba(var(--side-rgb),.045)!important;text-decoration:none!important}
.site-sidebar-membership>span{display:flex;align-items:center;justify-content:space-between;gap:8px}.site-sidebar-membership small{color:#697586!important;font-size:9px!important}.site-sidebar-membership strong{color:var(--side-soft)!important;font-size:10px!important}.site-sidebar-membership>i{display:block;height:3px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.06)}.site-sidebar-membership>i b{display:block;width:24%;height:100%;border-radius:inherit;background:var(--side-accent)}
.site-sidebar-membership.has-active-plan>i b{width:100%}.site-sidebar-membership.has-no-plan>i b{width:0}
.site-sidebar-platforms{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:5px!important;margin:0!important;padding:7px!important;border:1px solid rgba(255,255,255,.055)!important;border-radius:17px!important;background:rgba(255,255,255,.022)!important}
.site-sidebar-platforms a{display:grid!important;min-width:0!important;height:auto!important;aspect-ratio:1!important;place-items:center!important;padding:0!important;border:1px solid transparent!important;border-radius:10px!important;background:rgba(255,255,255,.035)!important;color:#8d9aab!important;transition:.24s!important}.site-sidebar-platforms a:hover{border-color:rgba(var(--side-rgb),.28)!important;background:rgba(var(--side-rgb),.11)!important;color:var(--side-soft)!important;transform:translateY(-3px)!important}
.site-sidebar-platforms .platform-mark{display:block;overflow:visible;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.site-sidebar-platforms .platform-mark-macos,.site-sidebar-platforms .platform-mark-windows{fill:currentColor;stroke:none}
.site-sidebar-themes{display:flex!important;width:100%!important;height:35px!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin:0!important;padding:11px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:17px!important;background:rgba(255,255,255,.035)!important}
.site-sidebar-themes .theme-dot{width:11px!important;height:11px!important;padding:0!important;border:2px solid transparent!important;border-radius:50%!important;background:currentColor!important;box-shadow:0 0 0 0 currentColor!important;transition:transform .25s,box-shadow .25s!important}.site-sidebar-themes .theme-dot:hover{transform:scale(1.22)!important}.site-sidebar-themes .theme-dot.is-active{transform:scale(1.12)!important;box-shadow:0 0 0 3px #0a0d13,0 0 0 4px currentColor,0 0 18px currentColor!important}.site-sidebar-themes .theme-blue{color:#64a0ff}.site-sidebar-themes .theme-green{color:#4cdfb0}.site-sidebar-themes .theme-pink{color:#ff70b7}.site-sidebar-themes .theme-violet{color:#9a78ff}
.site-sidebar-action{position:relative!important;display:flex!important;width:100%!important;min-height:48px!important;align-items:center!important;justify-content:flex-start!important;gap:14px!important;margin:0!important;padding:0 15px!important;border:0!important;border-radius:17px!important;background:transparent!important;color:#707b8b!important;text-align:right!important;text-decoration:none!important;transform:none!important;transition:color .25s,background .25s!important}.site-sidebar-action:hover,.site-sidebar-action.is-active{background:rgba(255,255,255,.035)!important;color:#dfe4ec!important}.site-sidebar-action span{overflow:hidden!important;font-size:13px!important;font-weight:650!important;white-space:nowrap!important}.site-sidebar-action .iconly,.site-sidebar-action .catalog-icon{width:24px!important;height:24px!important;flex:0 0 auto}

@media(min-width:768px){
  .site-sidebar.is-collapsed{width:86px!important;padding-inline:15px!important}
  .site-sidebar.is-collapsed .site-sidebar-logo{width:54px!important}
  .site-sidebar.is-collapsed .site-sidebar-item{grid-template-columns:1fr!important;justify-items:center!important;padding:0!important}
  .site-sidebar.is-collapsed .site-sidebar-item span,.site-sidebar.is-collapsed .site-sidebar-item small,.site-sidebar.is-collapsed .site-sidebar-membership,.site-sidebar.is-collapsed .site-sidebar-action span{display:none!important}
  .site-sidebar.is-collapsed .site-sidebar-platforms{max-height:116px;grid-template-columns:1fr!important;overflow:auto!important;scrollbar-width:none}
  .site-sidebar.is-collapsed .site-sidebar-themes{height:auto!important;flex-direction:column!important;padding-inline:10px!important}
  .site-sidebar.is-collapsed .site-sidebar-action{justify-content:center!important;padding:0!important}
  .desktop-content.sidebar-is-collapsed,.catalog-shell.sidebar-is-collapsed,.account-shell.sidebar-is-collapsed,.apps-shell.sidebar-is-collapsed{margin-right:86px!important}
}
@media(max-width:767px){.site-sidebar{display:none!important}}

:is(.nitrugen-app,.catalog-app,.account-app,.apps-page)[data-appearance="light"] .site-sidebar{border-left-color:rgba(45,65,89,.12)!important;background:radial-gradient(circle at 72% 13%,rgba(var(--side-rgb),.105),transparent 27%),linear-gradient(180deg,rgba(249,252,255,.995),rgba(231,237,245,.995))!important;box-shadow:-16px 0 48px rgba(51,68,90,.14),inset 1px 0 rgba(255,255,255,.78)!important;color:#26364a}
:is(.nitrugen-app,.catalog-app,.account-app,.apps-page)[data-appearance="light"] .site-sidebar-item{color:#66748a!important}
:is(.nitrugen-app,.catalog-app,.account-app,.apps-page)[data-appearance="light"] .site-sidebar-item:hover{background:rgba(54,75,101,.055)!important;color:#2d4058!important}
:is(.nitrugen-app,.catalog-app,.account-app,.apps-page)[data-appearance="light"] .site-sidebar-item.is-active{background:linear-gradient(270deg,rgba(var(--side-rgb),.15),rgba(var(--side-rgb),.04))!important;color:#29415f!important}
:is(.nitrugen-app,.catalog-app,.account-app,.apps-page)[data-appearance="light"] .site-sidebar-membership{border-color:rgba(var(--side-rgb),.17)!important;background:rgba(255,255,255,.48)!important}
:is(.nitrugen-app,.catalog-app,.account-app,.apps-page)[data-appearance="light"] .site-sidebar-membership small{color:#718096!important}
:is(.nitrugen-app,.catalog-app,.account-app,.apps-page)[data-appearance="light"] .site-sidebar-membership>i{background:rgba(58,76,98,.12)}
:is(.nitrugen-app,.catalog-app,.account-app,.apps-page)[data-appearance="light"] .site-sidebar-platforms,:is(.nitrugen-app,.catalog-app,.account-app,.apps-page)[data-appearance="light"] .site-sidebar-themes{border-color:rgba(52,72,97,.1)!important;background:rgba(255,255,255,.48)!important}
:is(.nitrugen-app,.catalog-app,.account-app,.apps-page)[data-appearance="light"] .site-sidebar-platforms a{background:rgba(62,80,103,.055)!important;color:#65758a!important}
:is(.nitrugen-app,.catalog-app,.account-app,.apps-page)[data-appearance="light"] .site-sidebar-themes .theme-dot.is-active{box-shadow:0 0 0 3px #edf2f7,0 0 0 4px currentColor,0 0 16px currentColor!important}
:is(.nitrugen-app,.catalog-app,.account-app,.apps-page)[data-appearance="light"] .site-sidebar-action{color:#65748a!important}
:is(.nitrugen-app,.catalog-app,.account-app,.apps-page)[data-appearance="light"] .site-sidebar-action:hover,:is(.nitrugen-app,.catalog-app,.account-app,.apps-page)[data-appearance="light"] .site-sidebar-action.is-active{background:rgba(54,75,101,.055)!important;color:#2d4058!important}

/* The same home ambience and transparent header on inner routes. */
.catalog-app,.account-app[data-appearance="dark"]{isolation:isolate;background:radial-gradient(circle at 80% -5%,rgba(var(--side-rgb,var(--accent-rgb)),.16),transparent 34rem),radial-gradient(at 50% 44%,rgba(var(--side-rgb,var(--accent-rgb)),.052),transparent 43rem),linear-gradient(140deg,#0b1625 0%,#07111d 44%,#0a1523 100%)!important}
.catalog-app{--side-rgb:var(--catalog-accent-rgb)}.account-app{--side-rgb:var(--accent-rgb)}
.catalog-aurora,.account-ambient{position:fixed!important;z-index:0!important;width:36rem!important;height:36rem!important;border:0!important;border-radius:50%!important;background:radial-gradient(circle,rgba(var(--side-rgb),.12) 0%,rgba(var(--side-rgb),.045) 42%,transparent 72%)!important;filter:none!important;pointer-events:none!important}
.catalog-aurora-one,.account-ambient-one{top:-18rem!important;right:6%!important;bottom:auto!important;left:auto!important}.catalog-aurora-two,.account-ambient-two{top:auto!important;right:auto!important;bottom:-26rem!important;left:20%!important;opacity:.55!important}
.catalog-app::before,.account-app[data-appearance="dark"]::before{position:fixed;z-index:0;inset:0;background:radial-gradient(ellipse at 50% 48%,rgba(var(--side-rgb),.105) 0%,rgba(var(--side-rgb),.038) 29%,transparent 67%),radial-gradient(ellipse at 50% 105%,rgba(var(--side-rgb),.14) 0%,rgba(var(--side-rgb),.045) 31%,transparent 68%),linear-gradient(90deg,transparent 0%,rgba(var(--side-rgb),.018) 38%,rgba(var(--side-rgb),.04) 50%,rgba(var(--side-rgb),.018) 62%,transparent 100%);content:"";opacity:.88;pointer-events:none}
.catalog-topbar,.account-topbar{border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}

.movie-app,.apps-page[data-appearance="dark"],.auth-page[data-appearance="dark"]{
  isolation:isolate;
  background:
    radial-gradient(circle at 80% -5%,rgba(var(--accent-rgb),.16),transparent 34rem),
    radial-gradient(at 50% 44%,rgba(var(--accent-rgb),.052),transparent 43rem),
    linear-gradient(140deg,#0b1625 0%,#07111d 44%,#0a1523 100%)!important;
}
.movie-app::before,.apps-page[data-appearance="dark"]::before,.auth-page[data-appearance="dark"]::before{
  position:fixed;
  z-index:0;
  inset:0;
  background:
    radial-gradient(ellipse at 50% 48%,rgba(var(--accent-rgb),.105) 0%,rgba(var(--accent-rgb),.038) 29%,transparent 67%),
    radial-gradient(ellipse at 50% 105%,rgba(var(--accent-rgb),.14) 0%,rgba(var(--accent-rgb),.045) 31%,transparent 68%);
  content:"";
  pointer-events:none;
}

@media(min-width:2500px){.account-sidebar{width:244px!important}.account-shell{margin-right:244px!important}}
.site-sidebar :focus-visible{outline:2px solid var(--side-accent)!important;outline-offset:3px!important}
@media(prefers-reduced-motion:reduce){.site-sidebar,.site-sidebar *{scroll-behavior:auto!important;transition:none!important;animation:none!important}.site-sidebar-platforms a:hover{transform:none!important}}