:root{--bg:#08090d;--card:#11131a;--text:#f7f5f2;--muted:#9da2b3;--line:#272b37;--lime:#dfff56;--violet:#9c7cff;--blue:#61a7ff;--orange:#ffb45f}*{box-sizing:border-box}html,body{background:radial-gradient(circle at 68% -12%,#2c164a 0,transparent 32%),var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}.shell{min-height:100vh}nav{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;max-width:1260px;height:72px;margin:auto;padding:0 28px;display:flex}.brand{letter-spacing:-1px;font-size:24px;font-weight:850}.brand span{color:var(--lime)}.badge{color:#b7bac5;border:1px solid var(--line);border-radius:100px;padding:7px 11px;font-size:12px}.hero{text-align:center;max-width:900px;margin:0 auto;padding:86px 24px 52px}.eyebrow{letter-spacing:.18em;color:var(--lime);font-size:11px;font-weight:850}h1{letter-spacing:-.055em;margin:18px 0 24px;font-size:clamp(48px,7vw,80px);line-height:.98}em{color:var(--lime);font-style:normal}.sub{max-width:760px;color:var(--muted);margin:0 auto 30px;font-size:18px;line-height:1.6}.paste{background:#0e1016;border:1px solid #3a3e4b;border-radius:18px;padding:7px;display:flex;box-shadow:0 18px 70px #0008}.paste input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:17px 18px;font-size:16px}.paste button,.make{background:var(--lime);color:#11140a;border:0;border-radius:12px;padding:0 22px;font-weight:900}.paste button{min-height:54px}button:disabled{opacity:.45;cursor:not-allowed}.fine{color:#6f7483;font-size:12px;line-height:1.5}.hero .fine{margin-top:12px}.error{color:#ffd9df;background:#3a1720;border:1px solid #8b3445;border-radius:12px;max-width:900px;margin:0 auto 20px;padding:14px 18px}.lab{grid-template-columns:380px minmax(0,1fr);align-items:start;gap:26px;max-width:1260px;margin:0 auto 90px;padding:0 28px;display:grid}.leftRail{flex-direction:column;align-self:start;gap:20px;display:flex;position:sticky;top:18px}.referenceCard,.resultCard,.dna{border:1px solid var(--line);background:linear-gradient(#141720,#0e1016);border-radius:24px;overflow:hidden}.video{aspect-ratio:16/9;background:#000}.video iframe{border:0;width:100%;height:100%}.songmeta{border-bottom:1px solid var(--line);padding:20px 22px}.songmeta span,.sectionhead>span{letter-spacing:.15em;color:#7e8495;font-size:10px}.songmeta h2{margin:8px 0 6px;font-size:20px}.songmeta p{color:var(--muted);margin:0}.stylebox{padding:20px}.sectionhead{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.sectionhead small{color:#676d7c;font-size:10px}.styles{gap:8px;display:grid}.style{text-align:left;border:1px solid var(--line);color:#fff;background:#0d1016;border-radius:13px;justify-content:space-between;gap:14px;padding:13px;display:flex}.style.active{border-color:var(--violet);background:#181426}.style b{font-size:13px;display:block}.style small{color:#8e94a3;margin-top:4px;line-height:1.4;display:block}.style>span{color:var(--violet);font-size:18px}.clearStyle{color:#747b8a;background:0 0;border:0;width:100%;margin-top:10px;font-size:11px}.dna{padding:30px}.dna h2,.result h2{letter-spacing:-.035em;margin:8px 0;font-size:34px}.summary{color:var(--muted);margin:0 0 14px}.legend{color:#777d8b;border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:13px;padding:10px 0 22px;font-size:10px;display:flex}.legend span{align-items:center;gap:5px;display:flex}.dot{border-radius:50%;width:7px;height:7px;display:inline-block}.dot.keep{background:var(--lime)}.dot.more{background:var(--blue)}.dot.less{background:var(--orange)}.groups{gap:24px;margin-top:22px;display:grid}.group h3{text-transform:uppercase;letter-spacing:.12em;color:#a5aab8;margin:0 0 9px;font-size:12px}.traitgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.trait{text-align:left;border:1px solid var(--line);color:#fff;background:#0d1016;border-radius:12px;min-width:0;min-height:122px;padding:12px;transition:all .12s}.trait:hover{border-color:#424755;transform:translateY(-1px)}.trait.keep{background:#171d10;border-color:#9bb63d}.trait.more{background:#101a26;border-color:#477fbe}.trait.less{background:#20180f;border-color:#a8793f}.traitTop{justify-content:space-between;align-items:flex-start;gap:7px;display:flex}.traitLabel{font-size:13px;font-weight:800;line-height:1.2}.weight{letter-spacing:.08em;color:#727987;white-space:nowrap;border:1px solid #303440;border-radius:100px;padding:3px 5px;font-size:9px;font-weight:900}.keep .weight{color:var(--lime);border-color:#65772e}.more .weight{color:#76b5ff;border-color:#315c88}.less .weight{color:#ffc078;border-color:#795831}.traitValue{color:#c2c7d1;margin:8px 0 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.trait small{color:#747b89;font-size:10px;line-height:1.35;display:block}.importance{color:#4c5260;letter-spacing:1px;margin-top:9px;font-size:8px}.keep .importance{color:#81983b}.compose{border-top:1px solid var(--line);margin-top:28px;padding-top:22px}.composeRow{justify-content:space-between;align-items:end;gap:20px;display:flex}.composeRow label,.direction{color:#aeb3bf;font-size:11px;font-weight:800}.composeRow label:last-child{text-align:right}.composeRow strong{color:#fff;margin-top:4px;font-size:24px;display:block}.segmented{border:1px solid var(--line);background:#0b0d12;border-radius:10px;margin-top:7px;padding:3px;display:flex}.segmented button{color:#777e8e;background:0 0;border:0;border-radius:7px;padding:8px 11px;font-size:11px}.segmented button.on{color:#fff;background:#282d37}.direction{margin-top:17px;display:block}.direction input{border:1px solid var(--line);color:#fff;background:#0b0d12;border-radius:11px;outline:none;width:100%;margin-top:8px;padding:14px;display:block}.make{letter-spacing:.1em;width:100%;height:56px;margin-top:14px;font-size:13px}.center{text-align:center}.result{text-align:center;max-width:800px;margin:0 auto 80px;padding:38px}.result audio{width:100%;margin:22px 0}.resultMeta{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.resultMeta span{border:1px solid var(--line);color:#aeb3bf;background:#1a1d26;border-radius:100px;padding:7px 10px;font-size:10px}.resultMeta .stylechip{color:#c0afff;background:#171323;border-color:#655491}.again{color:#fff;background:0 0;border:1px solid #444955;border-radius:10px;margin-top:20px;padding:12px 18px}footer{color:#6f7483;border-top:1px solid #ffffff0d;justify-content:space-between;gap:20px;max-width:1260px;margin:auto;padding:30px 28px 50px;font-size:12px;display:flex}footer b{color:#bfc3cf}@media (max-width:980px){.lab{grid-template-columns:1fr}.leftRail{position:static}.traitgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.traitgrid{grid-template-columns:1fr}.hero{padding-top:58px}.paste{flex-direction:column}.paste button{height:50px}.composeRow{flex-direction:column;align-items:flex-start}footer{flex-direction:column}nav .badge{display:none}.dna{padding:22px}}.sourceMatch{flex-wrap:wrap;gap:6px;margin:8px 0 4px;display:flex}.sourceMatch span{color:#afb5c2;border:1px solid var(--line);background:#171a22;border-radius:100px;padding:6px 8px;font-size:10px}.resultCard .again{width:100%;margin-top:12px}.resultCard{padding:20px 18px}.resultCard .eyebrow{margin:0 0 8px}.resultCard h3{letter-spacing:-.02em;margin:0 0 14px;font-size:18px;line-height:1.3}.resultCard audio{width:100%;margin:10px 0 12px;display:block}.resultCardHead{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.variationCount{letter-spacing:.08em;color:#8f96a7;border:1px solid var(--line);border-radius:100px;padding:5px 7px;font-size:10px;font-weight:800}.variationList{gap:12px;margin-top:10px;display:grid}.variationItem{border:1px solid var(--line);background:#0c0f15;border-radius:14px;padding:12px}.variationTitle{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.variationTitle strong{font-size:12px}.variationTitle span{letter-spacing:.12em;color:var(--lime);border:1px solid #627327;border-radius:100px;padding:3px 5px;font-size:8px;font-weight:900}.variationItem audio{width:100%;margin:0 0 9px;display:block}.twinCard{background:linear-gradient(145deg,#17192a,#10121b 58%,#161323);border:1px solid #5d5a91;border-radius:24px;padding:20px 18px;box-shadow:inset 0 0 0 1px #7d74ff0f}.twinTop{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.twinTop .eyebrow{color:#a59cff;margin:0 0 7px}.twinTop h3{letter-spacing:-.02em;margin:0 0 7px;font-size:18px}.twinTop p{color:var(--muted);max-width:235px;margin:0;font-size:11px;line-height:1.5}.twinBadge{white-space:nowrap;letter-spacing:.1em;color:#c6c1ff;background:#1a1830;border:1px solid #59558b;border-radius:100px;padding:5px 7px;font-size:8px;font-weight:900}.twinButton{letter-spacing:.04em;width:100%;margin-top:16px;font-weight:900;color:#fff!important;background:linear-gradient(90deg,#6259df,#8077ff)!important;border:1px solid #8179ff!important}.twinResult{border-top:1px solid #343250;margin-top:16px;padding-top:14px}.twinResult audio{width:100%;margin:9px 0;display:block}.twinButton{min-height:54px;border-radius:16px!important;padding:0 18px!important}@media (max-width:600px){.twinButton{min-height:58px;border-radius:18px!important}}a{color:inherit}.brand{text-decoration:none}.researchContent{max-width:1260px;margin:0 auto 70px;padding:0 28px}.researchSetup{grid-template-columns:380px 1fr;gap:20px;display:grid}.researchRun{margin-top:32px}.comparisonGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.candidate.chosen{border-color:var(--lime)}.candidateError{color:#ffb4c1;overflow-wrap:anywhere;font-size:12px}.research details{color:var(--muted);margin-top:14px;font-size:12px}.research summary{cursor:pointer}.research pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:240px;font-size:11px;overflow:auto}.research .choice[aria-pressed=true]{border-color:var(--lime);color:var(--lime)}.research .hero{padding-top:55px}.researchSetup .fine{font-size:13px}.research .twinButton{font-size:12px}.researchRun h2{margin-top:5px;font-size:21px}@media (max-width:700px){.researchSetup,.comparisonGrid{grid-template-columns:1fr}.researchContent{padding:0 18px}}.arrangementExperiment{border-top:1px solid var(--line,#333);margin-top:24px;padding-top:20px}.arrangementEvidence{margin:16px 0;line-height:1.6}.arrangementEvidence ul{padding-left:22px}.arrangementEvidence li{margin-bottom:10px}