/* Tracks.Audio: midnight studio. Large surfaces stay neutral; color marks actions. */
:root {
  color-scheme:dark;
  --ta-bg:#050713; --ta-bg-secondary:#090c1f; --ta-bg-tertiary:#0e1228;
  --ta-surface:#10152d; --ta-surface-light:#151b39; --ta-surface-hover:#1b2145;
  --ta-border:rgba(151,166,210,.16); --ta-border-bright:rgba(118,92,255,.35);
  --ta-white:#f7f8ff; --ta-text:#e8ebf7; --ta-text-secondary:#b9c1d9; --ta-text-muted:#929dbb;
  --ta-blue:#168bff; --ta-cyan:#00d9ff; --ta-violet:#7557ff; --ta-purple:#a647ff; --ta-magenta:#ec42cf; --ta-pink:#ff5db1;
  --ta-gradient:linear-gradient(120deg,#00d9ff,#168bff 22%,#7557ff 45%,#a647ff 62%,#ec42cf 82%,#ff5db1);
  --ta-cta:linear-gradient(100deg,#155dc1,#6040cc,#ad258f);
  --ta-card:linear-gradient(145deg,rgba(18,23,48,.96),rgba(9,12,31,.96));
  --ink:var(--ta-bg); --ink-2:var(--ta-bg-secondary); --ink-3:var(--ta-bg-tertiary);
  --paper:var(--ta-white); --muted:var(--ta-text-secondary); --line:var(--ta-border);
  --signal:var(--ta-cyan); --cyan:var(--ta-cyan); --violet:var(--ta-violet);
  --bs-body-bg:var(--ta-bg); --bs-body-color:var(--ta-text); --bs-border-color:var(--ta-border);
  --bs-secondary-color:var(--ta-text-secondary); --bs-tertiary-bg:var(--ta-bg-tertiary);
}
body { background:var(--ta-bg);color:var(--ta-text); }
h1,h2,h3,h4,strong { color:var(--ta-white); }
a,button,input,select,textarea { transition:color .2s,background-color .2s,border-color .2s,box-shadow .25s,transform .25s; }
:focus-visible { outline:2px solid var(--ta-cyan);outline-offset:4px; }
.gradient-text,.hero h1 em { background:var(--ta-gradient);background-clip:text;-webkit-background-clip:text;color:transparent; }
.eyebrow,.sidebar-label,.panel-heading small { color:var(--ta-text-secondary); }
.button,.btn { border-radius:11px;font-size:.875rem; }
.button-primary,.button-mini,.btn-primary,.hero-search button { background:var(--ta-cta);color:var(--ta-white);border:0;box-shadow:0 8px 28px rgba(117,87,255,.18); }
.button-primary:hover,.button-mini:hover,.btn-primary:hover,.hero-search button:hover { background:var(--ta-cta);color:white;filter:brightness(1.12);transform:translateY(-2px); }
.button-outline,.button-dark,.btn-secondary { background:rgba(255,255,255,.04);border:1px solid var(--ta-border);color:var(--ta-white); }
.button-outline:hover,.button-dark:hover { background:rgba(117,87,255,.1);border-color:var(--ta-violet);color:white; }
.arrow-link,.content-narrow a,.auth-links a,.check-row a,.contact-grid a { color:#62c8ff; }
.content-narrow a,.check-row a { text-decoration:underline;text-underline-offset:3px; }
a:hover { color:#d166ff; }
.site-header,.site-header.is-scrolled { background:rgba(5,7,19,.88);border-bottom:1px solid var(--ta-border);backdrop-filter:blur(18px); }
.brand { width:200px;max-width:100%; }
.brand img { content:url('/assets/images/tracks-audio-logo.webp');width:100%;height:auto;object-fit:contain; }
.brand>span { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0; }
.header-inner { grid-template-columns:220px 1fr auto;gap:24px; }
.site-nav { justify-content:center;gap:24px; }
.site-nav a,.text-action { font-size:.875rem;letter-spacing:.04em; }
.hero { background:var(--ta-bg); }
.hero-visual { background:url('/assets/images/concepts/neon-home-hero.jpg') center right/cover;opacity:.38;mask-image:linear-gradient(90deg,transparent 30%,black 78%); }
.hero-visual img { visibility:hidden; }
.hero::after { background:linear-gradient(90deg,var(--ta-bg) 8%,rgba(5,7,19,.5) 60%,rgba(5,7,19,.15)),linear-gradient(0deg,var(--ta-bg),transparent 65%); }
.hero h1 { font-size:clamp(3.5rem,6.2vw,6.5rem);line-height:.98; }
.hero h1 em { font-weight:700; }
.hero-deck { color:var(--ta-text-secondary); }
.pointer-glow { background:radial-gradient(circle,rgba(117,87,255,.08),transparent 68%); }
.hero-search { background:var(--ta-surface);border-color:var(--ta-border);border-radius:12px;overflow:hidden; }
.hero-search:focus-within { border-color:var(--ta-violet);box-shadow:0 0 0 3px rgba(117,87,255,.13); }
.hero-proof,.hero-marquee { background:rgba(9,12,31,.88);border-color:var(--ta-border); }
.hero-proof { border-radius:12px; }
.live-pip { animation:none;box-shadow:0 0 12px rgba(0,217,255,.2); }
.signal-section,.license-section,.dashboard-main,.admin-shell { background:var(--ta-bg); }
.discovery-section,.creator-section,.faq-band,.mood-section,.pricing-preview { background:var(--ta-bg-secondary);color:var(--ta-text); }
.page-hero { background:radial-gradient(circle at 75% 15%,rgba(117,87,255,.1),transparent 35%),var(--ta-bg); }
.discovery-intro .eyebrow,.creator-section .eyebrow,.faq-band .eyebrow,.final-cta .eyebrow { color:var(--ta-text-secondary); }
.discovery-intro p:not(.eyebrow),.creator-row p,.faq-list details p,.content-narrow p,.content-narrow li { color:var(--ta-text-secondary); }
.prompt-window,.plan-card,.dashboard-kpis article,.admin-kpis article,.admin-panel,.form-panel,.billing-plan,.billing-action,.collection-grid article,.dashboard-empty,.license-checkout-track,.license-checkout-form,.card,.modal-content,.dropdown-menu { background:var(--ta-card);color:var(--ta-text);border:1px solid var(--ta-border);border-radius:16px;box-shadow:0 12px 40px rgba(0,0,0,.18); }
.prompt-top,.prompt-result,.prompt-tags span,.creator-list,.creator-row,.faq-list,.faq-list details { border-color:var(--ta-border); }
.prompt-quote mark { background:rgba(117,87,255,.18);color:var(--ta-white); }
.prompt-result span { color:var(--ta-text-muted); }
.prompt-result button { border-color:var(--ta-border);color:var(--ta-white); }
.orbit { border-color:var(--ta-border); }.orbit::after { background:var(--ta-violet); }
.mood-tile,.mood-large,.taxonomy-card { background:var(--ta-card);color:var(--ta-white);border-color:var(--ta-border);border-radius:16px; }
.mood-large { border-top:2px solid var(--ta-violet); }
.mood-large p,.mood-tile p { color:var(--ta-text-secondary); }
.mood-tile::after,.taxonomy-card::after { border-color:var(--ta-border);box-shadow:0 0 0 32px rgba(117,87,255,.025); }
.mood-tile:hover,.taxonomy-card:hover,.creator-row:hover { background:var(--ta-surface);color:var(--ta-white);transform:translateY(-3px); }
.final-cta { background:radial-gradient(circle at 80% 50%,rgba(117,87,255,.12),transparent 45%),var(--ta-bg-tertiary);color:var(--ta-white);border-top:1px solid var(--ta-border); }
.dark-text { color:var(--ta-white); }.cta-signal { opacity:.05; }.cta-signal i { background:var(--ta-violet); }
.site-footer { background:#03040d;border-top:1px solid var(--ta-border); }
.footer-grid a,.footer-bottom,.footer-grid h2 { color:var(--ta-text-muted); }
.track-art,.catalog-art,.detail-art { border-radius:12px;background:var(--ta-surface); }
.track-art::before,.result-art::before,.player-art::before { opacity:.28;background:radial-gradient(circle at 24% 28%,var(--art-a),transparent 38%),radial-gradient(circle at 75% 75%,var(--art-b),transparent 40%),var(--ta-bg-tertiary); }
.art-lime,.art-cyan,.art-aqua,.art-mint { --art-a:var(--ta-cyan);--art-b:var(--ta-blue); }
.art-amber,.art-orange,.art-sand,.art-blue { --art-a:var(--ta-blue);--art-b:var(--ta-violet); }
.art-red,.art-rose,.art-purple,.art-violet { --art-a:var(--ta-violet);--art-b:var(--ta-magenta); }
.art-play,.player-play { background:var(--ta-cta);color:white; }.art-play:hover { transform:translateY(-2px); }
.track-card h3 { font-size:1rem; }.track-card p,.track-meta,.catalog-cell,.catalog-title span,.demo-note { color:var(--ta-text-muted);font-size:.8125rem; }
.catalog-row:hover,.catalog-row.is-playing { background:rgba(117,87,255,.07);box-shadow:inset 2px 0 var(--ta-cyan); }
.catalog-tags span,.prompt-tags span,.tag-cloud span { border:1px solid var(--ta-border);border-radius:99px;background:rgba(255,255,255,.035);color:var(--ta-text-secondary);font-size:.8125rem; }
.catalog-toolbar { background:rgba(5,7,19,.94); }
.field input,.field select,.field textarea,.form-panel input,.form-panel select,.form-panel textarea,.contact-grid textarea,.catalog-toolbar input,.catalog-toolbar select,.admin-filter input,.admin-filter select,.form-control,.form-select { background:var(--ta-bg-tertiary);color:var(--ta-white);border:1px solid var(--ta-border);border-radius:10px; }
input::placeholder,textarea::placeholder { color:var(--ta-text-muted); }
input:focus,select:focus,textarea:focus { border-color:var(--ta-violet);box-shadow:0 0 0 3px rgba(117,87,255,.13); }
input:-webkit-autofill { -webkit-text-fill-color:var(--ta-white);box-shadow:0 0 0 1000px var(--ta-bg-tertiary) inset; }
.auth-page { background:var(--ta-bg);color:var(--ta-text); }
.auth-art { background:var(--ta-bg-secondary) url('/assets/images/concepts/neon-home-hero.jpg') right center/cover; }
.auth-art::after { background:linear-gradient(0deg,var(--ta-bg),rgba(5,7,19,.6)); }
.auth-box>p,.check-row,.password-field button { color:var(--ta-text-secondary); }
.field label { font-size:.8125rem; }.flash-message { background:var(--ta-surface);color:var(--ta-text); }.flash-error { border-color:#ee8493; }.flash-success { border-color:var(--ta-cyan); }
.plan-featured { transform:none;border-color:var(--ta-border-bright);box-shadow:0 0 24px rgba(117,87,255,.1); }
.plan-name { color:var(--ta-text); }.plan-card:first-child { border-top-color:var(--ta-blue); }.plan-card:last-child { border-top-color:var(--ta-magenta); }
.popular-label { background:var(--ta-surface-hover);color:var(--ta-white);border-radius:0 15px 0 10px; }
.plan-card ul { color:var(--ta-text-secondary);font-size:.875rem; }
.dashboard-kpis .token-card { background:var(--ta-card);color:var(--ta-white);border-color:var(--ta-border-bright); }
.token-card span { color:var(--ta-text-secondary); }.token-card strong { color:var(--ta-cyan); }
.admin-sidebar { background:var(--ta-bg-secondary); }.admin-sidebar nav a { border-radius:8px;font-size:.875rem;color:var(--ta-text-secondary); }
.admin-sidebar nav a:hover,.admin-sidebar nav a.is-active,.account-sidebar a.is-active { background:rgba(117,87,255,.1);color:white; }
.admin-topbar { background:rgba(9,12,31,.94); }.admin-kpis span,.admin-kpis small,.panel-note,.launch-list,.mini-list small,.settings-list small { color:var(--ta-text-muted);font-size:.8125rem; }
.data-table,.admin-table { border-radius:12px;overflow:auto; }
.data-table-head,.admin-table-head { background:var(--ta-surface);color:var(--ta-text-secondary);font-size:.8125rem; }
.data-table-row,.admin-table-row { background:var(--ta-bg-secondary);border-color:var(--ta-border); }
.data-table-row:nth-child(odd),.admin-table-row:nth-child(odd) { background:rgba(255,255,255,.018); }
.data-table-row:hover,.admin-table-row:hover { background:rgba(117,87,255,.07); }
.data-table-row span,.admin-table-row span { color:var(--ta-text-secondary);font-size:.8125rem; }
.data-table-row small,.admin-table-row span:first-child small { color:var(--ta-text-muted); }
.global-player { background:rgba(9,12,31,.96);border-color:var(--ta-border);border-radius:16px; }
.player-tools,.icon-button { color:var(--ta-text-muted); }.icon-button:hover { color:var(--ta-cyan); }
.player-timeline { color:var(--ta-text-muted);font-size:.75rem; }[data-current-time] { color:var(--ta-white); }
input[type=range] { accent-color:var(--ta-violet); }
.site-toast { background:var(--ta-surface);color:var(--ta-text);border-color:var(--ta-border); }
.track-detail-hero { background:radial-gradient(circle at 80% 20%,rgba(117,87,255,.08),transparent 32%),var(--ta-bg); }
.taxonomy-card:hover,.phase-badge,.status-active,.status-trialing { border-color:var(--ta-border-bright); }
.signal-orb { box-shadow:0 0 0 14px rgba(117,87,255,.05),0 0 0 28px rgba(117,87,255,.025); }
.admin-callout { border-color:var(--ta-border-bright);background:rgba(117,87,255,.05);border-radius:12px; }
.readiness-dot.is-ready { box-shadow:0 0 12px rgba(0,217,255,.2); }
.error-page>img { content:url('/assets/images/tracks-audio-logo.webp');width:220px;height:auto; }
@media(max-width:560px) { .hero-search button { height:auto;min-width:48px;min-height:60px; } }
.modal-backdrop { background:rgba(5,7,19,.74); }.table { --bs-table-bg:var(--ta-bg-secondary);--bs-table-color:var(--ta-text);--bs-table-border-color:var(--ta-border); }
.nav-tabs,.nav-pills,.list-group,.pagination { --bs-nav-link-color:var(--ta-text-secondary);--bs-list-group-bg:var(--ta-surface);--bs-list-group-color:var(--ta-text);--bs-pagination-bg:var(--ta-surface);--bs-pagination-color:var(--ta-text); }
@media(max-width:1180px) { .header-actions { gap:12px; }.site-nav { gap:15px; }.header-inner { grid-template-columns:185px 1fr auto;gap:12px; }.brand { width:180px; } }
@media(max-width:860px) { .header-inner { grid-template-columns:1fr auto; }.site-nav { background:var(--ta-bg-secondary);align-items:flex-start; }.hero::after { background:linear-gradient(90deg,var(--ta-bg),rgba(5,7,19,.75)); }.hero h1 { font-size:clamp(3rem,10vw,5rem); }.hero-visual { opacity:.2; }.admin-sidebar { position:static;width:100%; }.admin-table-head,.admin-table-row { min-width:850px;grid-template-columns:minmax(260px,1.6fr) 120px 70px 70px 120px 60px; }.admin-table-head>*,.admin-table-row>* { display:block; }.admin-sidebar nav { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:560px) { .brand { width:170px; }.auth-panel { padding:60px 20px; }.hero h1 { font-size:3.2rem; }.dashboard-layout { gap:30px; }.status-chip { position:static;display:inline-block;margin-top:16px; }.data-list article { align-items:flex-start;flex-direction:column; }.prompt-window { transform:none; }.global-player { left:8px;right:8px;gap:10px; }.player-track strong { font-size:.8125rem; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none;transition:none;scroll-behavior:auto; } }