:root[data-theme="youth"] {
  --brand-lime:#cfff35;--brand-green:#67e84a;--brand-teal:#17d09a;--brand-cyan:#08bfe0;--brand-blue:#0868f5;
  --brand-gradient:linear-gradient(135deg,#cfff35 0%,#67e84a 25%,#17d09a 48%,#08bfe0 72%,#0868f5 100%);
  --ink:#f5f7fa;--text:#f5f7fa;--muted:#a6b2c0;--panel:#101a26;--panel-2:#142232;--panel2:#142232;
  --line:rgba(255,255,255,.08);--lime:#08bfe0;--orange:#67e84a;--blue:#08bfe0;--radius:18px;
  color:#f5f7fa;background:#05080d;color-scheme:dark;font-family:Inter,"Noto Sans SC","PingFang SC",system-ui,sans-serif;
}
html[data-theme="youth"] body {background:radial-gradient(ellipse at 85% 0,rgba(8,104,245,.13),transparent 40rem),radial-gradient(ellipse at 0 30%,rgba(23,208,154,.035),transparent 32rem),#05080d;color:#f5f7fa}
html[data-theme="youth"] a {color:inherit}
.admin-shell aside nav {min-height:0;overflow-y:auto;overscroll-behavior:contain}
.admin-shell .aside-foot {flex-shrink:0}
html[data-theme="youth"] .app-shell>footer p {display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}
html[data-theme="youth"] :is(button,a,input,select,textarea):focus-visible {outline:2px solid #08bfe0;outline-offset:4px}
html[data-theme="youth"] :is(button,a) {transition:background .16s ease-out,transform .16s ease-out,border-color .16s ease-out}
html[data-theme="youth"] button {background:#142232;border-color:rgba(255,255,255,.1);color:#f5f7fa}
html[data-theme="youth"] .secondary {background:#142232;color:#a6b2c0}
html[data-theme="youth"] :is(input,select,textarea) {background:#08111a;color:#f5f7fa;border-color:rgba(255,255,255,.12);border-radius:12px}
html[data-theme="youth"] :is(input,textarea)::placeholder {color:#718093}
html[data-theme="youth"] :is(.panel,.stat-card,.plan-card,.plan,.invite-item,.auth-grid form,.login-card,.device-card,.status-panel,.detail-panel,.filter-panel) {background:#101a26;border-color:rgba(255,255,255,.08);border-radius:18px;box-shadow:none}
html[data-theme="youth"] :is(.primary,.admin-entry,.hero-search button,.search-bar-large>button[type="submit"],.auth-grid button[type="submit"],.exchange-form button,#device-approve,.password-form button) {background:linear-gradient(120deg,#17d09a,#08bfe0);color:#03121b;border:0;font-weight:800;border-radius:12px}
html[data-theme="youth"] :is(.primary,.admin-entry):hover {background:#67e84a;transform:translateY(-1px)}
html[data-theme="youth"] .site-header {min-height:80px;border-bottom:1px solid rgba(255,255,255,.08);gap:24px}
html[data-theme="youth"] .brand-mark {background:transparent url('/brand/tony-nas.svg') center/contain no-repeat;border-radius:0;transform:none;width:48px;height:48px}
html[data-theme="youth"] .brand-mark svg {visibility:hidden}
html[data-theme="youth"] .brand strong {font-size:19px;letter-spacing:-.04em}
html[data-theme="youth"] .brand small {color:#a6b2c0;letter-spacing:.04em}
html[data-theme="youth"] .primary-nav a.active {color:#67e84a}
html[data-theme="youth"] .header-search {background:#101a26;border-color:rgba(255,255,255,.08);border-radius:14px}
html[data-theme="youth"] :is(.hero-search,.search-bar-large) {background:#142232;border:1px solid rgba(255,255,255,.12);border-radius:16px;color:#a6b2c0}
html[data-theme="youth"] .hero {position:relative;border-radius:24px;padding:40px;background:radial-gradient(ellipse at 80% 20%,rgba(8,104,245,.20),transparent 60%),linear-gradient(120deg,#08111a,#0d1722);margin-top:24px;isolation:isolate;overflow:hidden}
html[data-theme="youth"] .hero::after {content:"";position:absolute;right:15%;top:15%;width:200px;height:200px;background:url('/brand/tony-nas.svg') center/contain no-repeat;opacity:.07;z-index:-1;pointer-events:none}
html[data-theme="youth"] .hero h1 {letter-spacing:-.045em}
html[data-theme="youth"] .hero h1 em {background:var(--brand-gradient);color:transparent;background-clip:text}
html[data-theme="youth"] .library-stats-card {background:#101a26;color:#f5f7fa;border:1px solid rgba(8,191,224,.22);border-radius:20px;box-shadow:none}
html[data-theme="youth"] .library-stats-icon {background:#142232;color:#67e84a}
html[data-theme="youth"] .growth-badge {background:#14352c;color:#67e84a}
/* Compact homepage header; preserve the original theme and catalog navigation. */
html[data-theme="youth"] .hero {min-height:0;padding:24px 28px;grid-template-columns:260px minmax(0,1fr);gap:32px}
html[data-theme="youth"] .hero-copy {max-width:none;min-width:0}
html[data-theme="youth"] .hero-search {max-width:none}
html[data-theme="youth"] :is(.hero-search,.header-search,.search-bar-large) input {background:transparent;border:0;border-radius:0;color:#f5f7fa}
html[data-theme="youth"] .library-stats-card {padding:12px 16px;width:100%}
html[data-theme="youth"] .library-stats-card dl {margin-top:8px;padding-top:7px;gap:8px}
html[data-theme="youth"] .library-stats-card dl>div:last-child {display:none}
html[data-theme="youth"] .library-stats-total {margin-top:8px}
html[data-theme="youth"] .library-stats-total>span {white-space:nowrap;flex-shrink:0;font-size:11px}
html[data-theme="youth"] .library-stats-card .flip-counter--large {--flip-width:21px;--flip-height:34px;--flip-font-size:26px}
html[data-theme="youth"] .library-stats-card .flip-counter--compact {--flip-width:12px;--flip-height:22px;--flip-font-size:16px}
@media(max-width:768px){html[data-theme="youth"] .hero{grid-template-columns:1fr;gap:16px;padding:18px}}
html[data-theme="youth"] .portal-section>a {background:#101a26;border:1px solid rgba(255,255,255,.08);border-radius:16px}
html[data-theme="youth"] .portal-section>a:hover {border-color:#08bfe0;transform:translateY(-3px)}
html[data-theme="youth"] .portal-section svg {color:#08bfe0}
html[data-theme="youth"] .poster-frame {background:#0d1722;border-radius:14px;border:1px solid rgba(255,255,255,.06)}
html[data-theme="youth"] .movie-card:hover .poster-frame {border-color:#08bfe0}
html[data-theme="youth"] :is(.eyebrow,.section-heading .eyebrow) {color:#67e84a;letter-spacing:.15em}
html[data-theme="youth"] :is(.pagination button.active,.page-button.active,.filter-chip.active) {background:#17d09a;color:#04141a}
html[data-theme="youth"] :is(.admin-shell aside,body>header) {background:#08111a;border-color:rgba(255,255,255,.08)}
html[data-theme="youth"] .admin-shell main>header {background:rgba(5,8,13,.9)}
html[data-theme="youth"] .admin-shell aside nav button.active {background:#142232;color:#67e84a;border-left:3px solid #08bfe0}
html[data-theme="youth"] :is(.login-card .logo,.admin-brand>span) {background:transparent url('/brand/tony-nas.svg') center/contain no-repeat;color:transparent;border-radius:0;min-width:48px;min-height:48px}
html[data-theme="youth"] body>header>a:first-child {display:flex;align-items:center;gap:12px}
html[data-theme="youth"] body>header>a:first-child::before {content:"";width:40px;height:40px;background:url('/brand/tony-nas.svg') center/contain no-repeat;flex-shrink:0}
html[data-theme="youth"] dialog {background:#101a26;border-color:rgba(255,255,255,.12)}
.theme-switcher {display:grid;gap:16px;max-width:820px}
.theme-options {display:grid;grid-template-columns:1fr 1fr;gap:18px}
.theme-option {position:relative;display:grid;gap:12px;padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--panel);cursor:pointer}
.theme-option:has(input:checked) {outline:2px solid #08bfe0;outline-offset:2px}
.theme-option input {width:auto;justify-self:start}
.theme-preview {min-height:130px;display:grid;place-items:center;border-radius:12px;background:#0c0e0d;color:#d8ff52;font-size:30px;font-weight:900}
.theme-preview.youth {background:#08111a;color:#f5f7fa}.theme-preview img {height:80px}
@media(max-width:720px){html[data-theme="youth"] .hero{padding:24px 18px}html[data-theme="youth"] .site-header{gap:12px}.theme-options{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html[data-theme="youth"] *{transition:none!important;animation:none!important}}