/* MusicianCV v.01: compact fascia and recessed backlit hardware keys. */
:root{--header:60px;--key-amber:#dedf81}
body.is-workspace{--header:60px}
.topbar,.is-workspace .topbar{height:var(--header);min-height:var(--header);padding:0 12px;justify-content:center}
.brand{gap:10px}.brand img{width:40px;height:40px}.wordmark,.is-workspace .wordmark{font-size:23px;letter-spacing:1.3px;line-height:1.15}.wordmark small{font-size:7px;letter-spacing:3.1px;margin-top:5px}
.intro{height:43px}.instrument-panel{gap:18px;padding-bottom:12px}.footer-language{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.footer .footer-language button{background:none;box-shadow:none;border:0;color:#8b9c81;padding:6px 4px;min-height:30px;font:11px Roboto,sans-serif}.footer .footer-language button[aria-pressed=true]{color:#e4eac6;text-decoration:underline;text-underline-offset:4px}
.entry-inner>img{width:108px;height:108px;margin-bottom:18px}.entry-inner>p{margin:12px 0 26px}.entry-languages{padding:0;gap:12px;border:0;border-radius:0;background:none;box-shadow:none}.entry-languages button{justify-content:center;min-width:94px;min-height:42px;padding:10px 17px;border:1px solid #53643a;border-radius:11px;background:linear-gradient(150deg,#e7f6cf17,transparent 47%),linear-gradient(#16261dbb,#08130fdd);box-shadow:inset 0 1px 1px #edffda2b,inset 0 -2px 7px #0007,0 4px 12px #0006;font-size:13px;gap:8px}.entry-languages button+button{border-left:1px solid #53643a}.entry-languages span{font-size:17px}
.key-glass::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 50% 115%,#dedf8100,transparent 75%);opacity:0;transition:opacity .18s}
.key-caption{z-index:3}.key-name{font-weight:700;color:#91a377;text-shadow:0 -1px 0 #000,0 1px 0 #e1ecb315;filter:drop-shadow(0 -1px 1px #000)}
.module-key:is(.is-active,:active,.is-pressed) .key-glass::before{opacity:1;background:radial-gradient(ellipse at 50% 115%,#e6c660a3 0%,#b7be5557 30%,#a4b34220 58%,transparent 78%);box-shadow:inset 0 -8px 24px #d8ce6a29,inset 0 5px 13px #000b}
.module-key:is(.is-active,:active,.is-pressed) .key-name{color:#f2edaa;text-shadow:0 -1px 1px #1b2107,0 0 4px #e5db8570,0 0 12px #c7c36085}
.module-key:is(.is-active,:active,.is-pressed) .key-led{background:linear-gradient(#fff4bd,#d6db71 45%,#9d9d30);border-color:#b7b45a;box-shadow:0 0 0 2px #111607,0 0 9px #e2d56e9c,inset 0 1px 1px #ffffde}
#module-content :is(.room,.primary,.secondary,.toolbar button,.construction-grid button,.capsule){position:relative;isolation:isolate;transition:box-shadow .12s,color .12s,transform .09s}
#module-content :is(.room,.primary,.secondary,.toolbar button,.capsule):is(:active,.is-lit,[aria-pressed=true],.is-playing):not(:disabled),.studio-shell button.is-playing:disabled{
 --key-face:radial-gradient(ellipse at 50% 137%,#f0ce70b3 0%,#b4bb4f80 30%,#384b1d77 58%,transparent 80%),linear-gradient(180deg,#060e09,#182711 65%,#3b431b);
 background:var(--key-face) padding-box,repeating-linear-gradient(115deg,#9aa89109 0 1px,#0002 1px 3px) border-box,linear-gradient(145deg,#202820,#060a07 60%,#171d12) border-box;
 color:#f1e9aa;text-shadow:0 -1px 1px #000,0 0 5px #e1d77b88,0 0 11px #b6b64c66;
 box-shadow:0 1px 0 #010402,inset 0 5px 10px #000d,inset 0 -2px 9px #ebd16b50,0 0 0 1px #191e0d;
}
.studio-shell button:is(:active,.is-lit,[aria-pressed=true],.is-playing):not(:disabled)::before,.studio-shell button.is-playing:disabled::before{background:linear-gradient(#fff3c4,#ded775 50%,#9d9b3a);box-shadow:0 0 5px #e1ce73,inset 0 1px 1px #fff7d7}
.studio-shell .console-sources .room b{font-weight:700;text-shadow:0 -1px 1px #000,0 1px 0 #d5e1b719}.studio-shell .console-sources .room[aria-pressed=true] b{color:#f6eeb3;text-shadow:0 -1px 1px #141a07,0 0 5px #e5dc88aa,0 0 12px #c2be6970}.studio-shell .console-sources .room[aria-pressed=true] small{color:#d4d9a3}
@media(max-width:600px){:root,body.is-workspace{--header:52px}.brand{gap:8px}.brand img{width:34px;height:34px}.wordmark,.is-workspace .wordmark{font-size:18px;letter-spacing:.8px}.wordmark small{font-size:7px;letter-spacing:2px;margin-top:4px}.intro{height:36px}.instrument-panel{gap:13px}.entry-name{font-size:26px;letter-spacing:1px}.entry-inner{padding-bottom:12px}.entry-inner>p{font-size:8px;letter-spacing:2.4px}.key-caption{gap:7px}.musia-frame{height:calc(100svh - 128px)}}
@media(prefers-reduced-motion:reduce){.key-glass::before,#module-content button{transition:none}}
/* Keep the footer close to the panel instead of reserving a viewport-height void. */
main{min-height:0}.instrument-panel{width:min(100%,560px)}

/* Live launch notice: static, bilingual and compact beside the language choice. */
#entry .entry-inner{height:auto;min-height:100%;padding-block:16px;gap:0}
#entry .entry-notice{max-width:340px;margin:22px 0 0;text-align:center;color:#d9c99b;font:13px/1.5 Roboto,Arial,sans-serif;letter-spacing:0}
#entry .entry-notice p{margin:0}
#entry .entry-notice p+p{margin-top:8px;color:#b5b29c;font-size:12px}
@media(max-height:520px){#entry .entry-inner>img{width:64px;height:64px;margin-bottom:10px}#entry .entry-inner>p{margin:8px 0 16px}#entry .entry-notice{margin-top:14px}}