.journey-welcome{margin:12px 0 16px;padding:22px 20px;border:1px solid var(--zf-bd-75d6c5ff, #75d6c5);border-radius:24px;background:linear-gradient(135deg,var(--zf-bg-122e30f2, #122e30f2),var(--zf-bg-263653ed, #263653ed) 65%,var(--zf-bg-47351ee8, #47351ee8));box-shadow:0 14px 44px var(--zf-sh-00000044, #0004);color:var(--zf-fg-ffffffff, #fff);text-align:left}
.journey-eyebrow{margin:0 0 9px;color:var(--zf-fg-9ae9d4ff, #9ae9d4);font-size:11px;letter-spacing:2px;font-weight:800}
.journey-welcome h2{font-size:clamp(22px,5vw,29px);line-height:1.4;margin:0 0 10px;word-break:keep-all}
#journeyIntro{margin:0 0 16px;color:var(--zf-fg-e2eaf1ff, #e2eaf1);font-size:14px;line-height:1.65;word-break:keep-all}
.journey-scenes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:12px}
.journey-scenes button{min-height:54px;padding:7px;border:1px solid var(--zf-bd-7894a8ff, #7894a8);border-radius:12px;background:var(--zf-bg-213346ff, #213346);color:var(--zf-fg-f4faffff, #f4faff);font:inherit;font-size:12px;cursor:pointer}
.journey-scenes button:nth-child(2){background:var(--zf-bg-514125ff, #514125);border-color:var(--zf-bd-d9b979ff, #d9b979)}
.journey-scenes button:nth-child(3){background:var(--zf-bg-353254ff, #353254);border-color:var(--zf-bd-aaa2e1ff, #aaa2e1)}
.journey-scenes button[aria-pressed=true]{outline:2px solid var(--zf-bd-aff5dfff, #aff5df);outline-offset:2px;font-weight:800}
.journey-start{width:100%;min-height:54px;border:0;border-radius:14px;background:linear-gradient(110deg,var(--zf-bg-99e5c4ff, #99e5c4),var(--zf-bg-63d8d4ff, #63d8d4));color:var(--zf-fg-122e33ff, #122e33);font:inherit;font-size:17px;font-weight:900;cursor:pointer}
.journey-start:disabled{opacity:.65;cursor:wait}
.journey-price{color:var(--zf-fg-f7ddb0ff, #f7ddb0);font-size:11px;line-height:1.6;margin:11px 0 6px}
.journey-status{font-size:12px;line-height:1.5;color:var(--zf-fg-dce7efff, #dce7ef);min-height:18px;margin:5px 0 10px}
#journeyRecordings{color:var(--zf-fg-bce9ffff, #bce9ff);font-size:12px;text-underline-offset:3px}
.journey-guide{margin:0 0 12px;padding:14px;border:1px solid var(--zf-bd-869ebcff, #869ebc);border-radius:17px;background:var(--zf-bg-182936f2, #182936f2);color:var(--zf-fg-f2f8ffff, #f2f8ff)}
.journey-guide-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.journey-guide h2{margin:0;font-size:14px}
#journeyStepCount{font-size:12px;color:var(--zf-fg-bce5dfff, #bce5df)}
.journey-route{list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin:0;padding:0}
.journey-route button{width:100%;min-height:49px;padding:5px 2px;border:1px solid var(--zf-bd-63778eff, #63778e);border-radius:9px;background:var(--zf-bg-203344ff, #203344);color:var(--zf-fg-e9f4fbff, #e9f4fb);font:inherit;font-size:10px;cursor:pointer}
.journey-route b,.journey-route span{display:block}
.journey-route b{font-size:13px;margin-bottom:2px}
.journey-route li:nth-child(1){--route-color:var(--zf-bd-f0b45aff, #f0b45a)}
.journey-route li:nth-child(2){--route-color:var(--zf-bd-a9b2ffff, #a9b2ff)}
.journey-route li:nth-child(3){--route-color:var(--zf-bd-80e1c2ff, #80e1c2)}
.journey-route li:nth-child(4){--route-color:var(--zf-bd-f5df9aff, #f5df9a)}
.journey-route li:nth-child(5){--route-color:var(--zf-bd-e9c1f5ff, #e9c1f5)}
.journey-route li:nth-child(6){--route-color:var(--zf-bd-c9e4fbff, #c9e4fb)}
.journey-route button[aria-current=step]{background:var(--route-color);border-color:var(--route-color);color:var(--zf-fg-142534ff, #142534);font-weight:800}
#journeyStepHelp{margin:10px 0;font-size:12px;line-height:1.65;color:var(--zf-fg-e2ebf4ff, #e2ebf4);word-break:keep-all}
.journey-guide-actions{display:flex;gap:8px;flex-wrap:wrap}
.journey-guide-actions button{min-height:42px;border-radius:10px;border:1px solid var(--zf-bd-91b6c4ff, #91b6c4);background:var(--zf-bg-d5e8e4ff, #d5e8e4);color:var(--zf-fg-163037ff, #163037);padding:8px 10px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
#journeyListen{background:var(--zf-bg-263d50ff, #263d50);color:var(--zf-fg-ebf6fcff, #ebf6fc)}
.journey-welcome button:focus-visible,.journey-guide button:focus-visible,.journey-welcome a:focus-visible{outline:3px solid var(--zf-bd-ffffffff, #fff);outline-offset:3px}
@media(max-width:400px){.journey-welcome{padding:18px 14px}.journey-scenes button{font-size:11px}.journey-guide{padding:11px}.journey-route button{font-size:9px}}
.melody-panel h2,.melody-recommendation h2{font-size:20px;margin:0 0 10px;word-break:keep-all}
.melody-eyebrow{color:var(--zf-fg-8be3cfff, #8be3cf);font-size:12px;font-weight:800;letter-spacing:1px}
.melody-categories{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}
.melody-categories button{font:inherit;font-size:12px;min-height:42px;padding:8px 12px;border:1px solid var(--zf-bd-809eb2ff, #809eb2);border-radius:20px;background:var(--zf-bg-223747ff, #223747);color:var(--zf-fg-eff8ffff, #eff8ff);cursor:pointer}
.melody-categories button[aria-pressed=true]{color:var(--zf-fg-14362fff, #14362f);background:var(--zf-bg-9ee3c8ff, #9ee3c8);border-color:var(--zf-bd-9ee3c8ff, #9ee3c8);font-weight:800}
.melody-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.melody-card{font:inherit;border:1px solid var(--zf-bd-bcb6dcff, #bcb6dc);border-radius:14px;padding:17px;background:linear-gradient(125deg,var(--zf-bg-343149ff, #343149),var(--zf-bg-1d3544ff, #1d3544));text-align:left;color:var(--zf-fg-ffffffff, #fff);cursor:pointer;min-height:106px}
.melody-card b,.melody-card span,.melody-card small{display:block;margin-bottom:5px}
.melody-card b{font-size:18px}.melody-card span{font-size:12px;color:var(--zf-fg-e7d7adff, #e7d7ad)}.melody-card small{font-size:11px;color:var(--zf-fg-c9dce4ff, #c9dce4)}
.melody-card[aria-pressed=true]{border:2px solid var(--zf-bd-a4edd3ff, #a4edd3);box-shadow:0 0 0 2px var(--zf-sh-a4edd330, #a4edd330)}
.melody-card[hidden],#baseMusicMix[hidden]{display:none!important}
.melody-card:disabled{opacity:.55;cursor:wait}
#baseMusicMix{border:1px solid var(--zf-bd-6f929eff, #6f929e);padding:12px;border-radius:12px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
#baseMusicMix label{display:flex;gap:10px;font-size:13px;align-items:center;flex:1;min-width:210px}
.melody-recommendation{padding:15px;margin-bottom:14px;border:1px solid var(--zf-bd-cbb181ff, #cbb181);background:var(--zf-bg-362e22ff, #362e22);border-radius:14px}
.melody-recommendation p{font-size:12px;line-height:1.65}
.melody-recommendation>div{display:flex;gap:8px;flex-wrap:wrap}
.melody-recommendation button{font:inherit;font-size:12px;padding:10px;border:1px solid var(--zf-bd-e0c290ff, #e0c290);border-radius:10px;background:var(--zf-bg-ecc780ff, #ecc780);color:var(--zf-fg-292310ff, #292310);min-height:44px;cursor:pointer}
.melody-recommendation button:last-child{background:var(--zf-bg-c6ddecff, #c6ddec);color:var(--zf-fg-20333eff, #20333e);border-color:var(--zf-bd-c6ddecff, #c6ddec)}
.melody-recommendation button:disabled{opacity:.5;cursor:default}
#baseSuggestedNames{color:var(--zf-fg-bff2d8ff, #bff2d8);font-weight:800}
.remix-settings{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));margin:14px 0}
.remix-settings label{display:grid;gap:6px;font-size:12px;color:var(--zf-fg-f0e8dcff, #f0e8dc)}
.remix-settings select{width:100%;min-height:44px;border:1px solid var(--zf-bd-9bb2bdff, #9bb2bd);border-radius:10px;background:var(--zf-bg-223747ff, #223747);color:var(--zf-fg-ffffffff, #fff);padding:8px;font:inherit}
#remixApply{background:var(--zf-bg-9cd9c6ff, #9cd9c6)!important;color:var(--zf-fg-183329ff, #183329)!important;border-color:var(--zf-bd-9cd9c6ff, #9cd9c6)!important}
.orchestra-roadmap{font-size:12px;line-height:1.7;border:1px solid var(--zf-bd-798a9eff, #798a9e);border-radius:12px;padding:12px;margin:12px 0}.orchestra-roadmap summary{cursor:pointer;font-weight:800;color:var(--zf-fg-c1dfffff, #c1dfff)}
.gathering-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0 8px}
.gathering-options button{font:inherit;font-size:13px;padding:12px 8px;min-height:46px;border:1px solid var(--zf-bd-93b8c5ff, #93b8c5);background:var(--zf-bg-26414cff, #26414c);color:var(--zf-fg-ffffffff, #fff);border-radius:12px;cursor:pointer}.gathering-options button:nth-child(2){background:var(--zf-bg-454061ff, #454061)}.gathering-options button:nth-child(3){background:var(--zf-bg-5a402aff, #5a402a)}.gathering-options button:nth-child(4){background:var(--zf-bg-3b4c39ff, #3b4c39)}.gathering-options button[aria-pressed=true]{outline:2px solid var(--zf-bd-cff0daff, #cff0da);outline-offset:2px;font-weight:800}
.melody-panel button:focus-visible,.melody-recommendation button:focus-visible{outline:3px solid var(--zf-bd-ffffffff, #fff);outline-offset:3px}
@media(max-width:460px){.journey-route{grid-template-columns:repeat(3,minmax(0,1fr))}.melody-choices{grid-template-columns:1fr}}