:root{--bg:#08090d;--card:#11131a;--text:#f7f5f2;--muted:#9da2b3;--line:#272b37;--lime:#dfff56;--violet:#9c7cff;--blue:#61a7ff;--orange:#ffb45f}*{box-sizing:border-box}body,html{margin:0;background:radial-gradient(circle at 68% -12%,#2c164a 0,transparent 32%),var(--bg);color:var(--text);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{height:72px;display:flex;align-items:center;justify-content:space-between;max-width:1260px;margin:auto;padding:0 28px;border-bottom:1px solid #ffffff0d}.brand{font-size:24px;font-weight:850;letter-spacing:-1px}.brand span{color:var(--lime)}.badge{font-size:12px;color:#b7bac5;border:1px solid var(--line);border-radius:100px;padding:7px 11px}.hero{max-width:900px;margin:0 auto;text-align:center;padding:86px 24px 52px}.eyebrow{font-size:11px;font-weight:850;letter-spacing:.18em;color:var(--lime)}h1{font-size:clamp(48px,7vw,80px);line-height:.98;margin:18px 0 24px;letter-spacing:-.055em}em{font-style:normal;color:var(--lime)}.sub{max-width:760px;margin:0 auto 30px;color:var(--muted);font-size:18px;line-height:1.6}.paste{display:flex;padding:7px;border:1px solid #3a3e4b;background:#0e1016;border-radius:18px;box-shadow:0 18px 70px #0008}.paste input{flex:1 1;background:transparent;border:0;outline:0;color:white;padding:17px 18px;font-size:16px;min-width:0}.make,.paste button{border:0;border-radius:12px;background:var(--lime);color:#11140a;font-weight:900;padding:0 22px}.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{max-width:900px;margin:0 auto 20px;border:1px solid #8b3445;background:#3a1720;color:#ffd9df;padding:14px 18px;border-radius:12px}.lab{max-width:1260px;margin:0 auto 90px;padding:0 28px;display:grid;grid-template-columns:380px minmax(0,1fr);gap:26px;align-items:start}.leftRail{position:sticky;top:18px;display:flex;flex-direction:column;gap:20px;align-self:start}.dna,.referenceCard,.resultCard{background:linear-gradient(180deg,#141720,#0e1016);border:1px solid var(--line);border-radius:24px;overflow:hidden}.video{aspect-ratio:16/9;background:#000}.video iframe{width:100%;height:100%;border:0}.songmeta{padding:20px 22px;border-bottom:1px solid var(--line)}.sectionhead>span,.songmeta span{font-size:10px;letter-spacing:.15em;color:#7e8495}.songmeta h2{font-size:20px;margin:8px 0 6px}.songmeta p{margin:0;color:var(--muted)}.stylebox{padding:20px}.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.sectionhead small{color:#676d7c;font-size:10px}.styles{display:grid;gap:8px}.style{text-align:left;border:1px solid var(--line);background:#0d1016;color:white;border-radius:13px;padding:13px;display:flex;justify-content:space-between;gap:14px}.style.active{border-color:var(--violet);background:#181426}.style b{font-size:13px;display:block}.style small{display:block;color:#8e94a3;line-height:1.4;margin-top:4px}.style>span{font-size:18px;color:var(--violet)}.clearStyle{width:100%;margin-top:10px;border:0;background:transparent;color:#747b8a;font-size:11px}.dna{padding:30px}.dna h2,.result h2{font-size:34px;letter-spacing:-.035em;margin:8px 0}.summary{color:var(--muted);margin:0 0 14px}.legend{flex-wrap:wrap;gap:13px;color:#777d8b;font-size:10px;padding:10px 0 22px;border-bottom:1px solid var(--line)}.legend,.legend span{display:flex;align-items:center}.legend span{gap:5px}.dot{width:7px;height:7px;border-radius:50%;display:inline-block}.dot.keep{background:var(--lime)}.dot.more{background:var(--blue)}.dot.less{background:var(--orange)}.groups{display:grid;gap:24px;margin-top:22px}.group h3{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#a5aab8;margin:0 0 9px}.traitgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.trait{text-align:left;min-width:0;min-height:122px;border:1px solid var(--line);background:#0d1016;color:white;border-radius:12px;padding:12px;transition:.12s}.trait:hover{transform:translateY(-1px);border-color:#424755}.trait.keep{border-color:#9bb63d;background:#171d10}.trait.more{border-color:#477fbe;background:#101a26}.trait.less{border-color:#a8793f;background:#20180f}.traitTop{display:flex;justify-content:space-between;gap:7px;align-items:flex-start}.traitLabel{font-size:13px;font-weight:800;line-height:1.2}.weight{font-size:9px;font-weight:900;letter-spacing:.08em;color:#727987;border:1px solid #303440;border-radius:100px;padding:3px 5px;white-space:nowrap}.keep .weight{color:var(--lime);border-color:#65772e}.more .weight{color:#76b5ff;border-color:#315c88}.less .weight{color:#ffc078;border-color:#795831}.traitValue{font-size:11px;color:#c2c7d1;margin:8px 0 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.trait small{display:block;color:#747b89;font-size:10px;line-height:1.35}.importance{margin-top:9px;color:#4c5260;font-size:8px;letter-spacing:1px}.keep .importance{color:#81983b}.compose{margin-top:28px;border-top:1px solid var(--line);padding-top:22px}.composeRow{display:flex;align-items:end;justify-content:space-between;gap:20px}.composeRow label,.direction{font-size:11px;font-weight:800;color:#aeb3bf}.composeRow label:last-child{text-align:right}.composeRow strong{display:block;color:white;font-size:24px;margin-top:4px}.segmented{display:flex;margin-top:7px;background:#0b0d12;border:1px solid var(--line);border-radius:10px;padding:3px}.segmented button{border:0;background:transparent;color:#777e8e;border-radius:7px;padding:8px 11px;font-size:11px}.segmented button.on{background:#282d37;color:white}.direction{display:block;margin-top:17px}.direction input{display:block;width:100%;margin-top:8px;background:#0b0d12;border:1px solid var(--line);border-radius:11px;padding:14px;color:white;outline:none}.make{width:100%;height:56px;margin-top:14px;font-size:13px;letter-spacing:.1em}.center,.result{text-align:center}.result{max-width:800px;margin:0 auto 80px;padding:38px}.result audio{width:100%;margin:22px 0}.resultMeta{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}.resultMeta span{background:#1a1d26;border:1px solid var(--line);padding:7px 10px;border-radius:100px;color:#aeb3bf;font-size:10px}.resultMeta .stylechip{border-color:#655491;color:#c0afff;background:#171323}.again{margin-top:20px;border:1px solid #444955;border-radius:10px;background:transparent;color:white;padding:12px 18px}footer{max-width:1260px;margin:auto;padding:30px 28px 50px;border-top:1px solid #ffffff0d;color:#6f7483;display:flex;justify-content:space-between;gap:20px;font-size:12px}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{align-items:flex-start}.composeRow,footer{flex-direction:column}nav .badge{display:none}.dna{padding:22px}}.sourceMatch{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 4px}.sourceMatch span{font-size:10px;color:#afb5c2;border:1px solid var(--line);background:#171a22;border-radius:100px;padding:6px 8px}.resultCard .again{width:100%;margin-top:12px}.resultCard{padding:20px 18px}.resultCard .eyebrow{margin:0 0 8px}.resultCard h3{font-size:18px;letter-spacing:-.02em;margin:0 0 14px;line-height:1.3}.resultCard audio{width:100%;display:block;margin:10px 0 12px}.resultCardHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.variationCount{font-size:10px;font-weight:800;letter-spacing:.08em;color:#8f96a7;border:1px solid var(--line);border-radius:100px;padding:5px 7px}.variationList{display:grid;gap:12px;margin-top:10px}.variationItem{border:1px solid var(--line);background:#0c0f15;border-radius:14px;padding:12px}.variationTitle{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.variationTitle strong{font-size:12px}.variationTitle span{font-size:8px;font-weight:900;letter-spacing:.12em;color:var(--lime);border:1px solid #627327;border-radius:100px;padding:3px 5px}.variationItem audio{width:100%;display:block;margin:0 0 9px}.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 rgba(125,116,255,.06)}.twinTop{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.twinTop .eyebrow{margin:0 0 7px;color:#a59cff}.twinTop h3{font-size:18px;margin:0 0 7px;letter-spacing:-.02em}.twinTop p{font-size:11px;line-height:1.5;color:var(--muted);margin:0;max-width:235px}.twinBadge{white-space:nowrap;font-size:8px;font-weight:900;letter-spacing:.1em;color:#c6c1ff;border:1px solid #59558b;border-radius:100px;padding:5px 7px;background:#1a1830}.twinButton{width:100%;margin-top:16px;border:1px solid #8179ff!important;background:linear-gradient(90deg,#6259df,#8077ff)!important;color:white!important;font-weight:900;letter-spacing:.04em}.twinResult{margin-top:16px;border-top:1px solid #343250;padding-top:14px}.twinResult audio{width:100%;display:block;margin:9px 0}.twinButton{min-height:54px;border-radius:16px!important;padding:0 18px!important}@media(max-width:600px){.twinButton{min-height:58px;border-radius:18px!important}}.songContext{padding:20px 22px;border-bottom:1px solid var(--line);background:#121620}.songContext .eyebrow{margin:0 0 10px}.songContext h3{font-size:19px;line-height:1.25;margin:0 0 4px}.contextArtist{color:#d7dce5;margin:0 0 16px}.shareContext dl,.songContext dl{margin:0;display:grid;gap:12px}.shareContext dl>div,.songContext dl>div{border-top:1px solid var(--line);padding-top:10px}.shareContext dt,.songContext dt{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#8f96a7}.shareContext dd,.songContext dd{margin:4px 0 0;font-size:12px;line-height:1.5;color:#e4e8ef}.shareContext a,.songContext a{color:var(--lime);text-decoration:none}.contextNote{font-size:11px;line-height:1.5;color:#8f96a7;margin:14px 0 0}.songActions{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0}.songActions a{font-size:11px;color:var(--lime);text-decoration:none;border:1px solid #56632b;border-radius:9px;padding:8px 10px}.songActions a:hover{background:#1b2510}.shareShell{min-height:100vh}.shareShell nav a{color:var(--lime);text-decoration:none;font-size:13px}.shareShell nav .brand{color:#fff;font-size:24px}.shareCard,.shareContext{max-width:720px;margin:72px auto 24px;padding:32px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,#141720,#0e1016)}.shareCard h1{font-size:clamp(32px,5vw,54px);line-height:1.05;margin:12px 0}.shareSubtitle{color:#b7bdc9}.shareCard audio{width:100%;margin:20px 0}.shareContext{margin-top:0}.shareContext h2{font-size:25px;margin:8px 0 4px}.shareContext>p:not(.eyebrow){color:#b7bdc9}@media(max-width:760px){.shareCard,.shareContext{margin:24px 16px;padding:22px}}