:root{
    color-scheme:light;
    --accent:#7145c6;
    --accent-hover:#5d32af;
    --accent-deep:#6035ab;
    --bg-color:#f7f7fa;
    --sidebar-bg:#fff;
    --surface:#ffffff;
    --surface-hover:#f5f2fa;
    --surface-elevated:#f1edf7;
    --surface-alt:#eee9f5;
    --text-main:#201b2d;
    --text-muted:#6e667c;
    --text-soft:#51475f;
    --text-negative:#f3727f;
    --text-warning:#ffa42b;
    --text-announcement:#7145c6;
    --border-light:#dcd5e6;
    --border-strong:#82758f;
    --shadow-heavy:rgba(0,0,0,.5) 0 8px 24px;
    --shadow-medium:rgba(0,0,0,.3) 0 8px 8px;
    --inset-border:rgb(18,18,18) 0 1px 0,rgb(124,124,124) 0 0 0 1px inset;
    --suite-sidebar-width:260px;
    --suite-mobile-height:72px;
    --suite-font-title:SpotifyMixUITitle,CircularSp,"Helvetica Neue",Helvetica,Arial,sans-serif;
    --suite-font-ui:SpotifyMixUI,CircularSp,"Helvetica Neue",Helvetica,Arial,sans-serif;
    --suite-ease:cubic-bezier(.16,1,.3,1);
  }

  html{background:var(--bg-color);scroll-behavior:smooth}
  body.exynos-suite,body.exynos-public-page,body.exynos-embed{
    margin:0;
    color:var(--text-main);
    font-family:var(--suite-font-ui)!important;
    -webkit-font-smoothing:antialiased;
    text-rendering:geometricPrecision;
  }
  body.exynos-suite{padding-left:var(--suite-sidebar-width);min-height:100vh;background:var(--bg-color)!important}
  body.exynos-suite *,body.exynos-public-page *,body.exynos-embed *{box-sizing:border-box}
  body.exynos-suite ::selection,body.exynos-public-page ::selection{background:rgba(113,69,198,.3);color:#201b2d}
  body.exynos-suite :focus-visible,body.exynos-public-page :focus-visible{outline:2px solid var(--accent);outline-offset:3px}
  body.exynos-suite::-webkit-scrollbar,body.exynos-suite *::-webkit-scrollbar{width:10px;height:10px}
  body.exynos-suite::-webkit-scrollbar-thumb,body.exynos-suite *::-webkit-scrollbar-thumb{background:#e4e0ea;border:3px solid transparent;border-radius:999px;background-clip:padding-box}
  body.exynos-suite::-webkit-scrollbar-track,body.exynos-suite *::-webkit-scrollbar-track{background:transparent}

  /* Shared desktop navigation */
  #exynosSuiteSidebar{
    position:fixed;inset:0 auto 0 0;z-index:180;width:var(--suite-sidebar-width);height:100dvh;
    display:flex;flex-direction:column;padding:22px 14px 14px;background:var(--sidebar-bg);border-right:1px solid #fff;
    color:var(--text-main);font-family:var(--suite-font-ui);box-shadow:12px 0 32px rgba(0,0,0,.16)
  }
  #exynosSuiteSidebar a{text-decoration:none}
  #exynosSuiteSidebar .suite-brand{display:flex;align-items:center;gap:12px;margin:0 9px 22px;color:#201b2d;min-height:42px}
  #exynosSuiteSidebar .suite-brand-mark{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:var(--accent);color:#fff}
  #exynosSuiteSidebar .suite-brand-mark svg{width:21px;height:21px}
  #exynosSuiteSidebar .suite-brand-copy{display:grid;gap:1px;min-width:0}
  #exynosSuiteSidebar .suite-brand-copy strong{font:700 17px/1 var(--suite-font-title);letter-spacing:-.025em}
  #exynosSuiteSidebar .suite-brand-copy small{color:var(--text-muted);font:600 10px/1.2 var(--suite-font-ui);letter-spacing:.12em;text-transform:uppercase}
  #exynosSuiteSidebar .suite-nav-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:2px}
  #exynosSuiteSidebar .suite-nav{display:flex;flex-direction:column;gap:4px}
  #exynosSuiteSidebar .suite-nav-label{margin:17px 13px 7px;color:#82758f;font:700 10px/1 var(--suite-font-ui);letter-spacing:.15em;text-transform:uppercase}
  #exynosSuiteSidebar .suite-nav-label:first-child{margin-top:0}
  #exynosSuiteSidebar .suite-nav-item{position:relative;display:flex;align-items:center;gap:13px;min-height:43px;padding:10px 13px;border-radius:9999px;color:var(--text-muted);font:700 14px/1 var(--suite-font-ui);transition:background .16s ease,color .16s ease,transform .16s ease}
  #exynosSuiteSidebar .suite-nav-item svg{flex:0 0 20px;width:20px;height:20px;stroke-width:2.1}
  #exynosSuiteSidebar .suite-nav-item:hover{background:var(--surface-hover);color:#201b2d;transform:translateX(1px)}
  #exynosSuiteSidebar .suite-nav-item.active,#exynosSuiteSidebar .suite-nav-item[aria-current="page"]{background:var(--surface-hover);color:#201b2d;box-shadow:inset 0 0 0 1px rgba(32,27,45,.045)}
  #exynosSuiteSidebar .suite-nav-item.active svg,#exynosSuiteSidebar .suite-nav-item[aria-current="page"] svg{color:var(--accent)}
  #exynosSuiteSidebar .suite-sidebar-footer{display:grid;gap:8px;margin-top:auto;padding-top:14px}
  #exynosSuiteSidebar .suite-account{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:7px 9px;border:0;border-radius:9999px;background:var(--surface-hover);color:#201b2d;box-shadow:var(--inset-border);cursor:pointer;text-align:left}
  #exynosSuiteSidebar .suite-account:hover{background:var(--surface-elevated)}
  #exynosSuiteSidebar .suite-account-avatar{display:grid;place-items:center;flex:0 0 31px;width:31px;height:31px;border-radius:50%;background:var(--accent);color:#fff;font:800 12px/1 var(--suite-font-ui)}
  #exynosSuiteSidebar .suite-account-copy{display:grid;gap:2px;min-width:0;flex:1}
  #exynosSuiteSidebar .suite-account-copy strong{overflow:hidden;color:#201b2d;font:700 12px/1.2 var(--suite-font-ui);text-overflow:ellipsis;white-space:nowrap}
  #exynosSuiteSidebar .suite-account-copy small{overflow:hidden;color:var(--text-muted);font:500 10px/1.2 var(--suite-font-ui);text-overflow:ellipsis;white-space:nowrap}
  #exynosSuiteSidebar .suite-account>svg{width:16px;height:16px;color:#82758f}
  #exynosSuiteSidebar .suite-discord{display:flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:9px 12px;border:1px solid #e4e0ea;border-radius:9999px;background:#ffffff;color:#201b2d;font:700 11px/1 var(--suite-font-ui);letter-spacing:.06em;text-transform:uppercase}
  #exynosSuiteSidebar .suite-discord:hover{border-color:#e4e0ea;background:#f8f6fb}
  #exynosSuiteSidebar .suite-discord svg{width:16px;height:16px;color:#aeb4ff}
  #exynosSuiteSidebar .suite-footer-links{display:flex;align-items:center;justify-content:center;gap:6px;color:#82758f;font-size:9px}
  #exynosSuiteSidebar .suite-footer-links a{color:#82758f;text-decoration:none}
  #exynosSuiteSidebar .suite-footer-links a:hover{color:#201b2d;text-decoration:underline}

  /* Remove legacy shell navigation while keeping its account hooks in the DOM. */
  body.exynos-suite>.app-layout>aside.sidebar,
  body.exynos-suite>.app>aside.sidebar,
  body.exynos-suite .app-layout>aside.sidebar,
  body.exynos-suite .app>aside.sidebar{display:none!important}
  body.exynos-suite>.app-layout>nav.bottom-nav,
  body.exynos-suite>.app>nav.bottom-nav,
  body.exynos-suite .app-layout>nav.bottom-nav,
  body.exynos-suite .app>nav.bottom-nav{display:none!important}
  body.exynos-suite .app-layout,body.exynos-suite .app{width:100%!important;max-width:none!important}
  body.exynos-suite .main-content,body.exynos-suite .main{min-width:0;width:100%;max-width:none}
  body.exynos-suite .suite-app{display:block!important;width:100%;min-height:100vh;background:var(--bg-color)}
  body.exynos-suite .suite-page{width:100%!important;min-width:0!important;margin:0!important}

  /* Shared visual language layered over each page's own functional CSS. */
  body.exynos-suite h1,body.exynos-suite h2,body.exynos-suite h3,body.exynos-public-page h1,body.exynos-public-page h2{font-family:var(--suite-font-title);color:var(--text-main)}
  body.exynos-suite :where(.card,.glass-card,.panel,.surface,.bento-item,.mode-card,.style-card,.pack-card,.post-card,.metric-card,.analysis-card,.legal-card,.docs-section,.terminal,.upload-card,.reference-card,.bus,.option,.fx-box){border-color:rgba(32,27,45,.075)!important;box-shadow:none}
  body.exynos-suite :where(.card,.glass-card,.panel,.surface,.bento-item,.mode-card,.style-card,.pack-card,.post-card,.metric-card,.analysis-card,.legal-card,.upload-card){background-color:var(--surface)!important}
  body.exynos-suite :where(.card,.bento-item,.mode-card,.style-card,.pack-card,.post-card,.metric-card,.analysis-card){transition:background-color .18s ease,transform .18s var(--suite-ease),box-shadow .18s ease,border-color .18s ease}
  body.exynos-suite :where(.bento-item,.mode-card,.style-card,.pack-card,.post-card):hover{background-color:var(--surface-hover)!important;transform:translateY(-2px);box-shadow:var(--shadow-medium)}
  body.exynos-suite :where(input[type="text"],input[type="email"],input[type="password"],input[type="search"],input[type="url"],input[type="number"],textarea,select,.field,.select){border-color:#e4e0ea!important;background-color:var(--surface-hover)!important;color:#201b2d!important;box-shadow:none}
  body.exynos-suite :where(input[type="search"],.search-input,.search){border-radius:500px!important}
  body.exynos-suite :where(input,textarea,select):focus{border-color:var(--border-strong)!important;box-shadow:var(--inset-border)!important;outline:0}
  body.exynos-suite :where(.btn,.button,.primary-button,.secondary-button,.docs-button,.cta,.action-btn,[type="submit"]){border-radius:9999px!important;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
  body.exynos-suite :where(.btn-primary,.primary-button,.docs-button.primary,.cta-primary,.action-btn.primary,[type="submit"]:not(.danger)){border-color:var(--accent)!important;background:var(--accent)!important;color:#fff!important}
  body.exynos-suite :where(.btn-primary,.primary-button,.docs-button.primary,.cta-primary,.action-btn.primary,[type="submit"]:not(.danger)):hover{background:var(--accent-hover)!important;transform:scale(1.015)}
  body.exynos-suite :where(.eyebrow,.section-kicker,.kicker,.label,.overline){color:var(--accent)!important;letter-spacing:.12em;text-transform:uppercase}
  body.exynos-suite :where(.muted,.subtitle,.description,.lead,p.secondary){color:var(--text-muted)}
  body.exynos-suite :where(.topbar,.header-bar,.docs-topbar){background:rgba(18,18,18,.88)!important;border-color:rgba(32,27,45,.07)!important;backdrop-filter:blur(18px)}
  body.exynos-suite .legal-wrap{width:min(980px,calc(100% - 40px));margin-inline:auto;padding-block:42px 90px}
  body.exynos-suite .legal-nav a{border-radius:9999px}
  body.exynos-suite .toast{border-radius:9999px!important;box-shadow:var(--shadow-heavy)!important}
  body.exynos-suite .modal,body.exynos-suite .overlay,body.exynos-suite .process{backdrop-filter:blur(12px)}
  body.exynos-suite :where(.modal-card,.modal-content,.process-card,.dialog){background:var(--surface)!important;border-color:rgba(32,27,45,.12)!important;box-shadow:var(--shadow-heavy)!important}

  /* Mobile navigation and sheet */
  #exynosSuiteMobileNav{display:none}
  #suiteMoreBackdrop{position:fixed;inset:0;z-index:247;background:rgba(0,0,0,.72);backdrop-filter:blur(8px)}
  #suiteMoreBackdrop[hidden]{display:none!important}
  #suiteMoreSheet{position:fixed;left:10px;right:10px;bottom:calc(var(--suite-mobile-height) + 9px + env(safe-area-inset-bottom));z-index:250;max-height:min(590px,calc(100dvh - 96px));overflow:auto;padding:9px 14px 18px;border:1px solid rgba(32,27,45,.1);border-radius:22px;background:#ffffff;color:#201b2d;box-shadow:var(--shadow-heavy);opacity:0;pointer-events:none;transform:translateY(24px) scale(.985);transform-origin:bottom;transition:opacity .2s ease,transform .28s var(--suite-ease)}
  #suiteMoreSheet.open{opacity:1;pointer-events:auto;transform:none}
  #suiteMoreSheet .suite-more-handle{width:40px;height:4px;margin:0 auto 11px;border-radius:999px;background:#e4e0ea}
  #suiteMoreSheet .suite-more-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:13px}
  #suiteMoreSheet .suite-more-head>div{display:grid;gap:2px}
  #suiteMoreSheet .suite-more-head small{color:var(--text-muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase}
  #suiteMoreSheet .suite-more-head strong{font:700 23px/1.1 var(--suite-font-title)}
  #suiteMoreSheet .suite-more-head button{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:#f8f6fb;color:#201b2d;font-size:23px;cursor:pointer}
  #suiteMoreSheet .suite-more-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  #suiteMoreSheet .suite-more-grid>a,#suiteMoreSheet .suite-more-grid>button{display:grid;gap:4px;min-height:76px;padding:14px;border:0;border-radius:12px;background:#f8f6fb;color:#201b2d;text-align:left;text-decoration:none;cursor:pointer}
  #suiteMoreSheet .suite-more-grid>a:hover,#suiteMoreSheet .suite-more-grid>button:hover{background:#f8f6fb}
  #suiteMoreSheet .suite-more-grid span{font-size:13px;font-weight:700}
  #suiteMoreSheet .suite-more-grid small{color:var(--text-muted);font-size:10px}
  #suiteMoreSheet .suite-more-grid .active{box-shadow:inset 0 0 0 1px var(--accent)}
  #suiteMoreSheet .suite-more-legal{display:flex;justify-content:center;gap:18px;margin-top:15px}
  #suiteMoreSheet .suite-more-legal a{color:#6e667c;font-size:10px;text-decoration:none}

  /* Public artist pages stay distraction-free, but share the same palette and controls. */
  body.exynos-public-page{min-height:100vh}
  body.exynos-public-page :where(.topbar,.site-header){background:rgba(18,18,18,.86)!important;border-color:rgba(32,27,45,.07)!important;backdrop-filter:blur(18px)}
  body.exynos-public-page :where(.card,.profile-card,.link-card,.panel){background:var(--surface)!important;border-color:rgba(32,27,45,.08)!important;box-shadow:var(--shadow-medium)}
  body.exynos-public-page :where(button,.button,.link-button,.discord){border-radius:9999px!important}
  body.exynos-public-page .brand-mark{border-radius:50%!important;background:var(--accent)!important;color:#fff!important;box-shadow:none!important}
  body.exynos-embed{background:transparent!important}

  body.exynos-suite.suite-ready>:not(#exynosSuiteSidebar):not(#exynosSuiteMobileNav):not(#suiteMoreBackdrop):not(#suiteMoreSheet){animation:suite-page-enter .36s var(--suite-ease) both}
  @keyframes suite-page-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
  @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

  @media(max-width:1160px) and (min-width:761px){
    :root{--suite-sidebar-width:88px}
    #exynosSuiteSidebar{padding-inline:10px}
    #exynosSuiteSidebar .suite-brand{justify-content:center;margin-inline:0}
    #exynosSuiteSidebar .suite-brand-copy,#exynosSuiteSidebar .suite-nav-label,#exynosSuiteSidebar .suite-nav-item span,#exynosSuiteSidebar .suite-account-copy,#exynosSuiteSidebar .suite-account>svg,#exynosSuiteSidebar .suite-footer-links,#exynosSuiteSidebar .suite-discord span{display:none}
    #exynosSuiteSidebar .suite-nav-item{justify-content:center;padding-inline:0}
    #exynosSuiteSidebar .suite-account{justify-content:center;padding-inline:0;box-shadow:none;background:transparent}
    #exynosSuiteSidebar .suite-discord{width:42px;height:42px;justify-self:center;padding:0;border-radius:50%}
  }

  @media(max-width:760px){
    body.exynos-suite{padding-left:0;padding-bottom:calc(var(--suite-mobile-height) + env(safe-area-inset-bottom))}
    #exynosSuiteSidebar{display:none}
    #exynosSuiteMobileNav{position:fixed;left:0;right:0;bottom:0;z-index:240;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:calc(var(--suite-mobile-height) + env(safe-area-inset-bottom));padding:4px 7px env(safe-area-inset-bottom);border-top:1px solid rgba(32,27,45,.08);background:rgba(0,0,0,.94);backdrop-filter:blur(18px);box-shadow:0 -10px 30px rgba(0,0,0,.32)}
    #exynosSuiteMobileNav .suite-mobile-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;border:0;border-radius:10px;background:transparent;color:#82758f;font:700 9px/1 var(--suite-font-ui);text-decoration:none;cursor:pointer}
    #exynosSuiteMobileNav .suite-mobile-item svg{width:20px;height:20px}
    #exynosSuiteMobileNav .suite-mobile-item.active,#exynosSuiteMobileNav .suite-mobile-item[aria-current="page"]{color:#201b2d}
    #exynosSuiteMobileNav .suite-mobile-item.active svg,#exynosSuiteMobileNav .suite-mobile-item[aria-current="page"] svg{color:var(--accent)}
    body.exynos-suite .legal-wrap{width:min(100% - 24px,980px);padding-top:24px}
    body.exynos-suite .exy-discord-fab{bottom:calc(var(--suite-mobile-height) + 12px)!important}
    body.exynos-suite .exy-support-pop{bottom:calc(var(--suite-mobile-height) + 60px)!important}
    body.exynos-suite .exy-consent-panel{bottom:calc(var(--suite-mobile-height) + 10px)!important}
  }
  @media(max-width:430px){
    #suiteMoreSheet .suite-more-grid{grid-template-columns:1fr}}