@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600&display=swap";
*{box-sizing:border-box}:root{--bg-0:#08111f;--bg-1:#0f223d;--ink:#ebf4ff;--ink-dim:#b7c8df;--card:#0f1c31d1;--stroke:#a6cdff3d;--accent:#3ad0ff;--accent-2:#ffc14f}html,body{background:radial-gradient(circle at 10% 12%,#ffc14f2e,#ffc14f00 33%),radial-gradient(circle at 86% 8%,#3ad0ff2e,#3ad0ff00 32%),linear-gradient(155deg,var(--bg-1),var(--bg-0));min-height:100%;color:var(--ink);margin:0;padding:0;font-family:IBM Plex Sans,Trebuchet MS,sans-serif;overflow-x:hidden}html.theme-light,html.theme-light body{color:#17212e;background:radial-gradient(circle at 12% 10%,#ffc14f42,#ffc14f00 40%),radial-gradient(circle at 88% 8%,#3ad0ff3d,#3ad0ff00 40%),linear-gradient(160deg,#fcfeff,#eff8ff)}.site-header-mdna{z-index:1300;padding:.7rem 1rem 0;position:relative}.site-header-mdna-inner{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#070f1ce0;border:1px solid #adc5e43d;border-radius:16px;justify-content:space-between;align-items:center;gap:.8rem;width:min(1380px,100%);margin:0 auto;padding:.6rem .75rem;display:flex}.site-header-brand{color:#edf6ff;align-items:center;gap:.55rem;font:700 1rem/1.2 Space Grotesk,sans-serif;display:inline-flex}.site-header-brand img{background:#080e19d1;border:1px solid #adc5e44d;border-radius:8px}.site-header-menu{position:relative}.site-header-menu-panel{z-index:1400;background:#08101ef2;border:1px solid #adc5e43d;border-radius:14px;gap:.4rem;min-width:210px;padding:.5rem;display:grid;position:absolute;top:calc(100% + .4rem);right:0;box-shadow:0 14px 34px #0208145c}.site-header-menu-panel .btn{justify-content:flex-start}.mdna-topbar,.playlist-header{display:none!important}html.theme-light .site-header-mdna-inner{background:#ffffffeb;border-color:#2d57823d}html.theme-light .site-header-brand{color:#1f3449}html.theme-light .site-header-menu-panel{background:#fffffff5;border-color:#2d57823d}html.theme-light .mdna-main{background:radial-gradient(1200px 500px at 18% -12%,#3b82f633,#0000 62%),radial-gradient(1200px 500px at 86% -16%,#10b9812b,#0000 58%),#fbfeff!important}html.theme-light .mdna-bg-orb{opacity:.48}html.theme-light .mdna-bg-orb-a{background:#3ad0ff61}html.theme-light .mdna-bg-orb-b{background:#ffc14f5c}html.theme-light .card{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border-color:#2d57823d}html.theme-light .mdna-topbar{background:#ffffffdb;border-color:#2d578233}html.theme-light .project-form,html.theme-light .project-queue,html.theme-light .analysis-result,html.theme-light .project-sample,html.theme-light .admin-selected-box,html.theme-light .queue-item,html.theme-light .queue-empty,html.theme-light .playlist-upload-box,html.theme-light .playlist-rewards,html.theme-light .playlist-analysis,html.theme-light .track-item,html.theme-light .analysis-card,html.theme-light .viz-card,html.theme-light .legal-page{background:#fff;border-color:#2d57823d}html.theme-light .mdna-pill{color:#1a4d67;background:#e0f4fff2;border-color:#2491c159}html.theme-light .project-subtle,html.theme-light .legal-page p,html.theme-light .legal-page li{color:#35506b}html.theme-light .legal-links a{color:#1d4d7a}a{color:inherit;text-decoration:none}.site-footer{margin-top:1rem;padding:0 1rem 1.2rem}.site-footer-inner{background:#09111eb8;border:1px solid #adc5e433;border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;width:min(1120px,100%);margin:0 auto;padding:.9rem 1rem;display:grid}.site-footer-inner h3{color:#e7f3ff;margin:0 0 .45rem;font:650 .9rem/1.2 Space Grotesk,sans-serif}.site-footer-inner p{color:#adc5e4;margin:0 0 .35rem;font-size:.82rem}.site-footer-inner a{color:#9fe8ff;text-decoration:underline}.site-footer-bottom{width:min(1120px,100%);margin:0 auto;padding:.55rem .2rem 0}.site-footer-bottom p{color:#86a4c6;margin:0;font-size:.76rem}html.theme-light .site-footer-inner{background:#ffffffe0;border-color:#2d578233}html.theme-light .site-footer-inner a{color:#1d4d7a}html.theme-light .site-footer-inner h3{color:#1e3248}html.theme-light .site-footer-inner p,html.theme-light .site-footer-bottom p{color:#3f5d78}.mdna-main{min-height:100vh;padding:26px 18px 42px;position:relative;overflow:hidden}.mdna-bg-orb{filter:blur(34px);opacity:.36;pointer-events:none;border-radius:50%;position:absolute}.mdna-bg-orb-a{background:#3ad0ff73;width:320px;height:320px;top:-90px;left:-80px}.mdna-bg-orb-b{background:#ffc14f73;width:300px;height:300px;bottom:-80px;right:-70px}.mdna-shell{z-index:1;gap:16px;width:100%;max-width:1120px;margin:0 auto;display:grid;position:relative}.card{background:var(--card);border:1px solid var(--stroke);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:18px;box-shadow:0 12px 28px #02091457}.mdna-topbar{z-index:8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050e1adb;border:1px solid #afd2ff2e;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex;position:sticky;top:0}.mdna-brand{align-items:center;gap:12px;display:flex}.mdna-logo{border-radius:10px;width:44px;height:44px;overflow:hidden;box-shadow:0 8px 16px #02081870}.mdna-logo-image{object-fit:cover;width:100%;height:100%}.mdna-eyebrow{color:var(--ink-dim);text-transform:uppercase;letter-spacing:.07em;margin:0;font-size:.66rem}.mdna-brand h1{margin:2px 0 0;font:700 1.24rem/1.1 Space Grotesk,sans-serif}.mdna-pill{color:#d7f7ff;background:#163d5999;border:1px solid #3ad0ff70;border-radius:999px;padding:7px 12px;font-size:.75rem}.mdna-hero{grid-template-columns:minmax(0,1fr) 260px;align-items:center;gap:18px;padding:22px;display:grid}.mdna-kicker{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.73rem}.mdna-hero h2{max-width:760px;margin:10px 0;font:700 clamp(1.3rem,2.5vw,2rem)/1.15 Space Grotesk,sans-serif}.mdna-copy{color:var(--ink-dim);margin:0}.mdna-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.mdna-hero-logo-wrap{background:#08132466;border:1px solid #afd2ff33;border-radius:16px;justify-content:center;align-items:center;padding:10px;display:flex}.mdna-hero-logo{object-fit:contain;width:100%;max-width:180px;height:auto}.btn{cursor:pointer;border:0;border-radius:10px;padding:10px 14px;font:600 .85rem/1 Space Grotesk,sans-serif}.btn-solid{background:linear-gradient(135deg,var(--accent-2),#f1a82c);color:#2b1700}.btn-ghost{color:var(--ink);background:#14243ee0;border:1px solid #afd2ff42}.mdna-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.mdna-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.mdna-panel{padding:16px}.mdna-panel h3{margin:0 0 8px;font:650 1rem/1.2 Space Grotesk,sans-serif}.mdna-panel p,.mdna-panel li,.mdna-roadmap-item em{color:var(--ink-dim);font-size:.92rem}.mdna-panel ul{gap:8px;margin:0;padding-left:18px;display:grid}.mdna-roadmap{gap:8px;display:grid}.mdna-roadmap-item{background:#08132473;border:1px solid #afd2ff33;border-radius:11px;gap:3px;padding:10px;display:grid}.mdna-roadmap-item span{text-transform:uppercase;letter-spacing:.07em;color:#80deff;font-size:.72rem}.mdna-roadmap-item strong{font:600 .94rem/1.2 Space Grotesk,sans-serif}.mdna-roadmap-item em{font-style:normal}@keyframes riseIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.mdna-hero,.mdna-grid-3 .mdna-panel,.mdna-grid-2 .mdna-panel{animation:.48s both riseIn}@media (max-width:920px){.mdna-hero,.mdna-grid-3,.mdna-grid-2{grid-template-columns:1fr}.mdna-hero-logo{max-width:160px}}@media (max-width:560px){.mdna-main{padding:18px 12px 28px}.mdna-hero{padding:16px}.mdna-topbar{flex-direction:column;align-items:flex-start}}.project-layout{grid-template-columns:minmax(0,1fr) 360px;gap:16px;padding:16px;display:grid}.workspace-layout{grid-template-columns:minmax(340px,.9fr) minmax(0,1.5fr);align-items:stretch}.session-strip{z-index:5;padding:10px 14px;position:sticky;top:10px}.session-strip h2{margin:2px 0 0;font:700 1rem/1.2 Space Grotesk,sans-serif}.session-strip-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.session-inline{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.session-inline input{min-width:210px;color:var(--ink);background:#0a162ad9;border:1px solid #afd2ff3d;border-radius:10px;padding:8px 10px;font:500 .86rem/1.2 IBM Plex Sans,sans-serif}.dj-layout{grid-template-columns:minmax(280px,.44fr) minmax(0,1.56fr);gap:14px;padding:14px;display:grid}.dj-tools{background:#0813247a;border:1px solid #afd2ff33;border-radius:14px;align-content:start;gap:10px;padding:12px;display:grid;position:sticky;top:132px}.dj-tools h2{margin:0;font:700 .95rem/1.2 Space Grotesk,sans-serif}.project-form,.project-queue{background:#08132466;border:1px solid #afd2ff33;border-radius:14px;padding:16px}.project-form{gap:12px;display:grid}.project-queue{align-content:start;gap:16px;display:grid}.project-form h2,.project-queue h2{margin:0;font:650 1rem/1.2 Space Grotesk,sans-serif}.project-form label,.project-queue label{color:var(--ink-dim);gap:6px;font-size:.82rem;display:grid}.project-form input,.project-form textarea,.project-form select{color:var(--ink);background:#0a162ad9;border:1px solid #afd2ff3d;border-radius:10px;padding:10px;font:500 .9rem/1.2 IBM Plex Sans,sans-serif}.project-queue input,.project-queue textarea,.project-queue select{color:var(--ink);background:#0a162ad9;border:1px solid #afd2ff3d;border-radius:10px;width:100%;padding:10px;font:500 .9rem/1.2 IBM Plex Sans,sans-serif}.project-form textarea{resize:vertical}.project-form-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;display:grid}.project-form-grid label{min-width:0}.project-sample{background:#0814277a;border:1px solid #afd2ff38;border-radius:10px;gap:8px;padding:10px;display:grid}.project-sample p{color:var(--ink-dim);margin:0;font-size:.82rem}.project-success{color:#a8f4d3;margin:0;font-size:.85rem}.project-subtle{color:var(--ink-dim);margin:8px 0 12px;font-size:.84rem}.admin-list-panel{align-content:start;gap:10px;display:grid}.admin-toolbar{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.admin-listbox{width:100%;color:var(--ink);background:#0a162ae6;border:1px solid #afd2ff3d;border-radius:10px;padding:8px;font:500 .83rem/1.25 IBM Plex Sans,sans-serif}.admin-selected-box{background:#071221a6;border:1px solid #afd2ff3d;border-radius:10px;padding:12px}.admin-selected-box p{margin:4px 0;font-size:.84rem}.upload-dropzone{text-align:center;color:var(--ink-dim);cursor:pointer;border:1px dashed #afd2ff59;border-radius:12px;place-items:center;padding:14px;display:grid}.upload-dropzone input{display:none}.queue-metrics{align-items:center;gap:8px;margin:12px 0;font-size:.85rem;display:flex}.queue-metrics strong{color:var(--ink);font:700 1rem/1 Space Grotesk,sans-serif}.queue-metrics span{color:var(--ink-dim)}.queue-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.queue-empty{color:var(--ink-dim);border:1px solid #afd2ff29;border-radius:10px;padding:10px;font-size:.85rem}.queue-item{border:1px solid #afd2ff38;border-radius:10px;justify-content:space-between;gap:10px;padding:10px;display:flex}.queue-item strong{font-size:.85rem;display:block}.queue-item p{color:var(--ink-dim);margin:3px 0 0;font-size:.78rem}.queue-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.queue-status{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:3px 8px;font-size:.7rem}.queue-status-queued{color:#ffd78c;background:#ffc14f2e}.queue-status-validated{color:#8ff7cb;background:#58f6af24}.btn-small{padding:4px 8px;font-size:.68rem}.admin-control-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:10px}.admin-control-grid label{font-size:.76rem}.admin-control-grid select{min-height:30px;padding:4px 8px}.admin-checkbox-field{gap:6px;padding-bottom:1px;display:grid}.admin-checkbox-wrap{background:#0a162ae6;border:1px solid #afd2ff3d;border-radius:8px;justify-content:flex-start;align-items:center;min-height:30px;padding:0 10px;display:flex}.admin-checkbox-wrap input{width:14px;height:14px}.admin-btn-accent{color:#111827;background:#f2c14e;border-color:#f2c14e}.admin-action-btn{border-radius:10px;justify-content:center;min-width:126px;min-height:32px;padding:6px 10px;font-size:.75rem}.admin-btn-danger{color:#fff;background:#d14343;border-color:#d14343}.admin-action-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.admin-form-panel{gap:8px;padding:12px}.admin-form-panel h2{font-size:.95rem}.admin-form-panel .admin-selected-box{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 10px;padding:8px 10px;display:grid}.admin-form-panel .admin-selected-box p{margin:2px 0;font-size:.78rem;line-height:1.25}.admin-form-panel .admin-control-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.admin-form-panel .admin-control-grid label{font-size:.72rem}.admin-form-panel .admin-control-grid select{min-height:28px;padding:4px 7px;font-size:.8rem}.admin-form-panel .admin-checkbox-wrap{min-height:28px;padding:0 8px}.admin-form-panel .admin-action-row{gap:6px;margin-top:4px}.admin-form-panel .admin-action-btn{border-radius:8px;min-width:112px;min-height:28px;padding:4px 8px;font-size:.72rem}@media (max-width:980px){.project-layout{grid-template-columns:1fr}}@media (max-width:680px){.project-form-grid{grid-template-columns:1fr}.queue-item{flex-direction:column}.queue-actions{justify-content:flex-start}.admin-form-panel .admin-selected-box{grid-template-columns:1fr}}.project-error{color:#ffb1b1;margin:8px 0 0;font-size:.84rem}.analysis-result{background:#07111e73;border:1px solid #afd2ff33;border-radius:10px;margin-top:10px;padding:12px}.analysis-result p{color:var(--ink-dim);margin:6px 0;font-size:.9rem;line-height:1.45}.analysis-result ul{color:var(--ink-dim);gap:6px;margin:6px 0 0;padding-left:16px;font-size:.88rem;line-height:1.4;display:grid}.analysis-result strong{color:var(--ink)}.analysis-result label{color:var(--ink-dim);gap:6px;margin-top:8px;font-size:.8rem;display:grid}.analysis-result input,.analysis-result select{color:var(--ink);background:#0a162ad9;border:1px solid #afd2ff3d;border-radius:10px;width:100%;padding:8px 10px;font:500 .85rem/1.2 IBM Plex Sans,sans-serif}.transient-notice{color:#ffdca1;margin:8px 0 0;font-size:.8rem;line-height:1.4}.hint-field{gap:6px;display:grid}.hint-label-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.hint-help-btn{width:22px;height:22px;color:var(--ink);cursor:pointer;background:#0c1c31bf;border:1px solid #afd2ff73;border-radius:999px;font:700 .78rem/1 Space Grotesk,sans-serif}.hint-help-text{color:var(--ink-dim);margin:0;font-size:.8rem;line-height:1.35}.required-mark{color:#ffb98a}.history-scroll{max-height:220px;overflow:auto}.analysis-result-tall{overflow:visible}.session-window,.analysis-window{min-height:540px}.search-hero{z-index:4;color:#eaf6ff;background:linear-gradient(155deg,#091f39f7,#102f4ef5);border:1px solid #3ad0ff66;border-radius:14px;gap:10px;padding:14px;display:grid;position:sticky;top:132px}.search-hero-head{align-items:center;gap:10px;display:flex}.search-hero-head h2{margin:0;font:700 1.1rem/1.2 Space Grotesk,sans-serif}.search-hero-head p{color:var(--ink-dim);margin:3px 0 0;font-size:.82rem}.search-hero-purpose-text{color:#d6ebfb;margin:0;font-size:.83rem;line-height:1.35}.search-quick-row{gap:6px;display:grid}.search-quick-label{color:#b7dcf4;text-transform:uppercase;letter-spacing:.06em;margin:0;font:600 .72rem/1.2 Space Grotesk,sans-serif}.search-chip-wrap{flex-wrap:wrap;gap:7px;display:flex}.search-chip{color:#e9f5ff;cursor:pointer;background:#081627e6;border:1px solid #afd2ff4d;border-radius:999px;padding:6px 10px;font:600 .73rem/1 Space Grotesk,sans-serif}.search-chip:hover{color:#fff4db;border-color:#ffc14f80}.search-chip-recent{background:#0c2039eb}.search-icon{color:#eaf7ff;background:linear-gradient(135deg,#3ad0ff59,#ffc14f59);border:1px solid #ffffff40;border-radius:12px;place-items:center;width:42px;height:42px;font:700 .75rem/1 Space Grotesk,sans-serif;display:grid}.search-hero-controls{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.search-hero-input{color:#f2f9ff;background:#081527f2;border:1px solid #92dfff73;height:50px;font-size:1rem}.search-hero-input::placeholder{color:#95bbd7}.search-hero-btn{color:#f7fbff;background:linear-gradient(135deg,#1187c8,#2ea9e8);min-width:130px;height:50px}.dna-results-shell{background:radial-gradient(circle at 85% 12%,#3ad0ff2e,#3ad0ff00 36%),radial-gradient(circle at 12% 85%,#ffc14f29,#ffc14f00 34%),#07111e9e}.dna-hero-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:12px;display:grid}.dna-hero-logo{object-fit:cover;border:1px solid #afd2ff4d;border-radius:12px;width:52px;height:52px}.dna-kicker{text-transform:uppercase;color:#95def8;margin:0;font-size:.7rem}.dna-hero-row h3{color:#f4fbff;margin:2px 0;font:700 1.05rem/1.2 Space Grotesk,sans-serif}.dna-hero-row p{margin:0}.dna-pill-group{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.dna-pill{color:#d8edff;background:#0a1b2ecc;border:1px solid #afd2ff59;border-radius:999px;padding:5px 10px;font-size:.72rem}.dna-pill.is-ok{color:#a7f8d8;border-color:#6cecba80}.dna-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.dna-card{background:#0a1a2db8;border:1px solid #afd2ff40;border-radius:12px;padding:10px}.dna-card h4{color:#f2f9ff;margin:0 0 8px;font:650 .93rem/1.2 Space Grotesk,sans-serif}.dna-card-toggle{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.dna-card-toggle h4{margin:0 0 8px}.dna-card p{margin:4px 0;font-size:.82rem;line-height:1.35}.tone-grid{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.tone-key{color:#d0e8ff;background:#07121fe6;border:1px solid #afd2ff4d;border-radius:7px;padding:4px 7px;font:600 .72rem/1 Space Grotesk,sans-serif}.fret-chip-wrap{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.fret-chip{color:#ffe5b4;background:#2c1e07bf;border:1px solid #ffc14f6b;border-radius:999px;padding:4px 8px;font-size:.73rem}.dna-message{border-top:1px solid #afd2ff3d;margin-top:12px;padding-top:10px}.json-output{color:#d3e8ff;white-space:pre-wrap;background:#050c17f2;border:1px solid #afd2ff33;border-radius:10px;max-height:360px;margin:0;padding:10px;font:500 .78rem/1.45 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;overflow:auto}.json-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}*{scrollbar-width:thin;scrollbar-color:#7cb4db73 #08132259}.legal-page{gap:10px;padding:18px;display:grid}.legal-page h1,.legal-page h2{margin:0;font-family:Space Grotesk,sans-serif}.legal-page h2{margin-top:8px;font-size:1rem}.legal-page p,.legal-page li{color:var(--ink-dim);font-size:.9rem;line-height:1.5}.legal-links{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.legal-links a{color:#9fe8ff;font-size:.82rem;text-decoration:underline}.project-divider{border:0;border-top:1px solid #adc5e438;margin:.2rem 0}html.theme-light .project-divider{border-top-color:#2d57823d}.checkbox-row{color:#eaf6ff;background:#281b0a61;border:1px solid #ffc14f75;border-radius:10px;align-items:center;gap:8px;padding:10px;font-size:.85rem;line-height:1.25;display:flex}.admin-compact-toggle{border-radius:8px;padding:5px 8px;font-size:.74rem}.project-queue .checkbox-row{align-items:center;display:flex}.checkbox-row input{flex:none;width:14px;height:14px;margin:0}@media (max-width:680px){.session-inline input{min-width:100%}.dj-layout,.search-hero-controls{grid-template-columns:1fr}.search-hero-btn{width:100%}.dna-hero-row{grid-template-columns:1fr}.dna-pill-group{justify-content:flex-start}.dna-grid{grid-template-columns:1fr}.dna-card{gap:6px}.dna-card-toggle{background:#0a162a8f;border:1px solid #afd2ff3d;border-radius:8px;padding:8px 10px}.dna-card-toggle h4{margin:0;font-size:.84rem}}.search-hero .hint-label-row label{color:#d8ecff}.search-hero .hint-help-btn{color:#eaf6ff}.playlist-main{color:#ecf4ff;background:radial-gradient(1200px 500px at 20% -10%,#3b82f62e,#0000 60%),radial-gradient(1200px 500px at 85% -15%,#10b9812e,#0000 55%),#0b1220;min-height:100vh;padding:2rem 1rem 3rem}.playlist-shell{gap:1rem;max-width:1380px;margin:0 auto;display:grid}.playlist-header{z-index:80;border-radius:22px;justify-content:space-between;align-items:start;padding:1rem 1.1rem;display:flex;position:relative}.playlist-header h1{margin:0;font-size:1.6rem}.playlist-brand-row{align-items:center;gap:.55rem;margin-bottom:.35rem;display:flex}.playlist-logo{background:#0d1421bf;border:1px solid #adc5e447;border-radius:8px}.playlist-sub,.playlist-mini{color:#adc5e4}.playlist-kicker{text-transform:uppercase;letter-spacing:.08em;color:#6ee7b7;margin:0;font-size:.72rem}.playlist-header-right{position:relative}.playlist-menu-toggle{display:inline-flex}.playlist-menu-panel{z-index:1200;background:#0a111ef2;border:1px solid #adc5e43d;border-radius:14px;gap:.45rem;min-width:180px;padding:.5rem;display:grid;position:absolute;top:calc(100% + .4rem);right:0;box-shadow:0 12px 30px #0208145c}.playlist-menu-panel .btn{justify-content:flex-start}.theme-light .playlist-menu-panel{background:#fffffff5;border-color:#2d57823d}.theme-light .playlist-main{color:#17212e;background:radial-gradient(1200px 500px at 20% -10%,#3b82f638,#0000 60%),radial-gradient(1200px 500px at 85% -15%,#10b9812e,#0000 56%),#f7fcff}.theme-light .playlist-header,.theme-light .playlist-auth,.theme-light .playlist-sidebar,.theme-light .playlist-center,.theme-light .playlist-right,.theme-light .playlist-analysis,.theme-light .playlist-upload-box,.theme-light .playlist-rewards,.theme-light .track-item,.theme-light .analysis-card,.theme-light .viz-card{color:#17212e;background:#ffffffeb;border-color:#2d578233}.theme-light .playlist-sub,.theme-light .playlist-mini,.theme-light .track-item p,.theme-light .analysis-card p,.theme-light .viz-card p{color:#45617c}.theme-light .playlist-sidebar input,.theme-light .playlist-sidebar textarea,.theme-light .playlist-sidebar select,.theme-light .playlist-center input,.theme-light .playlist-right select,.theme-light .playlist-auth-form input{color:#162235;background:#f7fbff;border-color:#2d578242}.theme-light .playlist-item{color:#17212e;background:#f7fbff;border-color:#2d578233}.theme-light .playlist-loading-box{background:#eefdf6;border-color:#10b98173}.theme-light .playlist-tag{background:#1d4ed814;border-color:#1d4ed840}.playlist-auth{border-radius:22px;padding:1rem 1.1rem}.playlist-auth-form{gap:.75rem;max-width:420px;display:grid}.playlist-auth-form label{gap:.35rem;display:grid}.playlist-auth-form input{color:#ecf4ff;background:#0a111ed9;border:1px solid #adc5e440;border-radius:12px;padding:.65rem .75rem}.playlist-layout{grid-template-columns:320px 1fr 440px;gap:1rem;display:grid}.playlist-sidebar,.playlist-center,.playlist-right{border-radius:22px;align-content:start;gap:.75rem;min-height:64vh;padding:1rem 1.1rem;display:grid}.playlist-sidebar h2,.playlist-center h2,.playlist-right h2{margin:0 0 .35rem}.playlist-sidebar label,.playlist-center label{gap:.35rem;padding:.15rem 0;display:grid}.playlist-sidebar input,.playlist-sidebar textarea,.playlist-sidebar select,.playlist-center input,.playlist-right select{color:#ecf4ff;background:#080e18db;border:1px solid #adc5e440;border-radius:12px;padding:.6rem .7rem}.playlist-list{gap:.45rem;max-height:320px;padding-right:.2rem;display:grid;overflow:auto}.playlist-item{color:#ecf4ff;background:#0c1421db;border:1px solid #adc5e433;border-radius:12px;justify-content:space-between;align-items:center;padding:.65rem .75rem;line-height:1.25;display:flex}.playlist-item.active{border-color:#6ee7b7bf;box-shadow:inset 0 0 0 1px #6ee7b759}.playlist-row{flex-wrap:wrap;gap:.5rem;padding:.1rem 0;display:flex}.playlist-panel-toggle{display:none}.playlist-panel-body{gap:.75rem;display:grid}.playlist-search-row{grid-template-columns:1fr auto auto;gap:.5rem;display:grid}.playlist-loading-box{background:#091e18b8;border:1px solid #6ee7b773;border-radius:14px;padding:.75rem .85rem}.playlist-loading-box strong{margin-bottom:.2rem;display:block}.playlist-loading-box p{color:#c9e5dd;margin:0;font-size:.82rem}.playlist-upload-box{background:#0c1421cc;border:1px solid #adc5e433;border-radius:16px;gap:.65rem;padding:.85rem .95rem;display:grid}.playlist-upload-box h3{margin:0;font:620 .95rem/1.2 Space Grotesk,sans-serif}.upload-picker-row{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.upload-picker-btn{justify-content:center;align-items:center;min-height:48px;padding:.82rem 1.16rem;font-size:.92rem;display:inline-flex}.upload-file-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;left:-9999px}.playlist-rewards{background:#0c1421cc;border:1px solid #adc5e433;border-radius:16px;gap:.55rem;padding:.85rem .95rem;display:grid}.playlist-rewards h3{margin:0;font:620 .92rem/1.2 Space Grotesk,sans-serif}.playlist-analysis{background:#0c1421cc;border:1px solid #adc5e433;border-radius:16px;gap:.75rem;padding:.9rem;display:grid}.playlist-analysis h3{margin:0}.playlist-tag-row{flex-wrap:wrap;gap:.45rem;display:flex}.playlist-tag{background:#1d4ed82e;border:1px solid #3b82f666;border-radius:999px;padding:.3rem .65rem;font-size:.78rem}.viz-row{grid-template-columns:1fr 1fr 1fr;gap:.5rem;display:grid}.viz-card{background:#090e1acc;border:1px solid #adc5e42e;border-radius:14px;padding:.65rem}.viz-card p{color:#adc5e4;margin:0 0 .35rem;font-size:.75rem}.mini-piano{flex-wrap:wrap;gap:.25rem;display:flex}.mini-piano .key{border:1px solid #adc5e433;border-radius:8px;padding:.15rem .35rem;font-size:.68rem}.mini-piano .key.active{background:#10b98138;border-color:#6ee7b7e6}.mini-fret{flex-wrap:wrap;gap:.3rem;display:flex}.mini-fret .zone{background:#d9770633;border:1px solid #f59e0b66;border-radius:999px;padding:.15rem .5rem;font-size:.72rem}.mini-audio,.track-audio{width:100%;max-width:230px;height:30px}.export-row{align-items:center}.track-list{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.track-item{background:#0c1421cc;border:1px solid #adc5e433;border-radius:14px;gap:.55rem;padding:.8rem .85rem;display:grid}.track-item p{color:#adc5e4;margin:.25rem 0 0}.analysis-block{gap:.65rem;margin-top:.45rem;display:grid}.analysis-block h3{margin:0;font:650 .98rem/1.2 Space Grotesk,sans-serif}.analysis-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.analysis-card{background:#0a101cdb;border:1px solid #adc5e438;border-radius:14px;padding:.75rem .8rem}.analysis-card h4{margin:0 0 .35rem;font:620 .88rem/1.2 Space Grotesk,sans-serif}.analysis-card p{color:#bdd2ec;margin:.26rem 0;font-size:.79rem;line-height:1.45}.analysis-card-wide{grid-column:1/-1}@media (max-width:1200px){.playlist-layout{grid-template-columns:1fr}.playlist-sidebar,.playlist-center,.playlist-right{min-height:auto}.analysis-grid{grid-template-columns:1fr}}@media (max-width:920px){.mdna-main{padding:18px 12px 26px}.card{border-radius:14px}.project-layout,.workspace-layout,.dj-layout{gap:10px;padding:10px}.session-strip{padding:10px}.session-strip-row,.session-inline{grid-template-columns:1fr;align-items:stretch;display:grid}.session-inline .btn,.session-inline input{width:100%}.project-form,.project-queue,.analysis-result,.search-hero,.dj-tools,.playlist-sidebar,.playlist-center,.playlist-right,.playlist-upload-box,.playlist-rewards,.playlist-analysis,.legal-page{padding:.85rem}.playlist-panel-toggle{width:100%;color:inherit;cursor:pointer;background:#08101ebf;border:1px solid #adc5e442;border-radius:12px;justify-content:space-between;align-items:center;gap:.65rem;padding:.62rem .7rem;font:650 .85rem/1.2 Space Grotesk,sans-serif;display:flex}.theme-light .playlist-panel-toggle,html.theme-light .playlist-panel-toggle{background:#fff;border-color:#2d57823d}.playlist-shell{gap:.75rem}.playlist-sidebar,.playlist-center,.playlist-right{gap:.6rem;min-height:0}.playlist-panel-body{gap:.62rem}.playlist-list{max-height:220px}.track-list{gap:.45rem}.btn{min-height:40px}}@media (max-width:760px){.site-header-mdna-inner{padding:.55rem .65rem}.site-header-brand span{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.site-header-menu{position:static}.site-header-menu-panel{width:min(320px,100vw - 24px);max-height:min(70vh,520px);position:fixed;top:68px;right:12px;overflow:auto}.playlist-header{gap:.7rem;display:grid}.playlist-header-right{justify-content:flex-end;width:100%;display:flex}.playlist-menu-panel{width:min(280px,100%);left:auto;right:0}.site-footer-inner,.playlist-search-row,.admin-toolbar{grid-template-columns:1fr}.admin-listbox{min-height:220px}.admin-form-panel .admin-action-row{grid-template-columns:1fr 1fr;display:grid}.admin-form-panel .admin-action-btn{width:100%;min-width:0}.project-form input,.project-form textarea,.project-form select,.project-queue input,.project-queue textarea,.project-queue select,.playlist-sidebar input,.playlist-sidebar textarea,.playlist-sidebar select,.playlist-center input,.playlist-right select{font-size:16px}.legal-page h1{font-size:1.25rem}}