/* First contact: purpose, one choice, then sound. */
[hidden]{display:none!important}
.welcome{max-width:1160px;margin:0 auto;padding:64px 36px 30px;display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center;min-height:calc(100svh - 100px)}
.welcome h1{font-size:clamp(40px,4.8vw,70px);font-weight:500;line-height:1.08;letter-spacing:-2.5px;margin:22px 0}
.welcome .welcome-lead{font-size:24px;line-height:1.5;color:#e9dfd0;max-width:430px}
.welcome-copy>p:last-child{max-width:430px;line-height:1.8;color:#b5c2bc;font-size:16px}
.welcome-choices h2{font-size:18px;font-weight:500;margin:0 0 18px}
.welcome-choices>button[data-start]{width:100%;display:flex;align-items:center;text-align:left;gap:18px;padding:21px 22px;margin:10px 0;background:#242e2c;border:1px solid #52615a;min-height:84px;transition:background .15s,border-color .15s}
.welcome-choices>button[data-start]:hover{background:#30423a;border-color:#b7c5ae}
.welcome-choices>button[data-start]>span:nth-child(2){flex:1}.welcome-choices strong{display:block;font-size:19px;font-weight:600}.welcome-choices small{display:block;font-size:13px;line-height:1.5;font-weight:400;color:#b9c9be;margin-top:5px}.entry-symbol{font-size:33px;color:#e2b486}
.welcome-choices>button.primary[data-start]{background:#e3b583;border-color:#e3b583;color:#1a2520;display:block;text-align:center}.welcome-choices>button.primary[data-start]:hover{background:#f1c695}.welcome-choices>button.primary small{color:#3f4d40}
.welcome-trust{text-align:center;color:#b8c9bd;font-size:13px;line-height:1.7;margin:20px 0 8px}.entry-status{font-size:12px;color:#a7b9ad;text-align:center;min-height:36px;margin:0}.welcome-choices>.quiet,.resume-workspace{display:block;margin:8px auto}.welcome-foot{grid-column:1/-1;border-top:1px solid #3b4841;padding-top:24px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;font-size:12px;color:#aab9af}.welcome-foot a{color:#e1b385}
body[data-entry=welcome] .workspace,body[data-entry=welcome] .welcome-back,body[data-entry=welcome] header>a:not(.brand),body[data-entry=welcome] #help{display:none!important}
body:not([data-entry=welcome]) .welcome{display:none}
body[data-entry=guided] .workspace{display:block;max-width:1120px;margin:auto}
body[data-entry=guided] .workspace>aside{display:none}
body[data-entry=guided] main{padding:28px 32px;display:flex;flex-direction:column}
.first-mix{display:none;background:#25382f;border:1px solid #596e5f;border-radius:12px;padding:26px;margin-bottom:24px}
body[data-entry=guided] .first-mix{display:block;order:-10}
.first-mix h2{font-size:32px;margin:10px 0;letter-spacing:-.5px}.first-tip{font-size:16px;color:#c6d5c9;max-width:650px;line-height:1.6}.first-transport{display:flex;gap:12px;margin:20px 0}.first-play{background:#e2b485;color:#18251d;border-color:#e2b485}.first-crossfade{display:block;padding:20px;background:#16281e;border-radius:8px;margin:18px 0}.first-crossfade>span{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px}.first-crossfade input{width:100%;height:40px;accent-color:#e5bd8b}.first-crossfade small{display:block;font-size:12px;line-height:1.6;color:#b7c9b8}.first-feedback{font-size:13px;color:#e3d1aa}.first-next{display:flex;flex-wrap:wrap;gap:10px;padding-top:10px}.first-next button{font-size:13px}.welcome-back{margin-left:auto}
body[data-entry=guided] .workspace-modes,body[data-entry=guided] .studio-view,body[data-entry=guided] .session-header,body[data-entry=guided] .source-mix,body[data-entry=guided] .dj-workspace,body[data-entry=guided] .scope-wrap,body[data-entry=guided] .layer-heading,body[data-entry=guided] .master{display:none!important}
body[data-entry=guided] #layers{order:-9}body[data-entry=guided] #status{order:-8}body[data-entry=guided] .binaural{order:1}body[data-entry=guided] .visual-panel{order:2}body[data-entry=guided] footer{order:3}
body[data-entry=guided] .local-dj-note,body[data-entry=guided] .local-bus,body[data-entry=guided] .remove,body[data-entry=guided] .custom-badge{display:none!important}
body[data-entry=guided] .layer:not(.controls-open) .track-actions button[data-action=solo],body[data-entry=guided] .layer:not(.controls-open) .track-actions button[data-action=loop]{display:none}
body[data-entry=guided] .layer{scroll-margin-top:24px}
@media(max-width:760px){.welcome{grid-template-columns:1fr;gap:22px;padding:28px 22px;min-height:auto}.welcome h1{font-size:42px;letter-spacing:-1.5px;margin:14px 0}.welcome .welcome-lead{font-size:20px;margin:16px 0}.welcome-copy>p:last-child{font-size:14px}.welcome-choices>button[data-start]{padding:16px;min-height:74px}.welcome-foot{gap:12px;line-height:1.7;padding-top:20px}.welcome-foot>span{display:block;width:100%}body[data-entry=welcome] header{padding:18px 22px;flex-wrap:wrap}.first-mix{padding:20px}.first-mix h2{font-size:27px}body[data-entry=guided] main{padding:20px 16px}.first-next button{flex:1;min-width:140px}.first-crossfade>span{font-size:11px}.first-crossfade{padding:12px}.welcome-back{margin-left:0}}
@media(prefers-reduced-motion:reduce){.welcome-choices>button[data-start]{transition:none}html{scroll-behavior:auto}}

.entry-replace{padding:16px;border:1px solid #cba579;background:#302e25;border-radius:8px;font-size:14px;line-height:1.6}.entry-replace button{font-size:13px;margin-top:8px}