:root{color-scheme:dark;--bg-deep: #061016;--bg-pool: #0f282c;--bg-ember: #2a1518;--card: rgba(14, 29, 33, .76);--card-edge: rgba(243, 228, 206, .12);--text: #f3e9d7;--muted: rgba(243, 233, 215, .72);--accent-warm: #e89263;--accent-cool: #72d0c8;--shadow: rgba(0, 0, 0, .36);font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,serif;background:radial-gradient(circle at top,rgba(114,208,200,.16),transparent 38%),radial-gradient(circle at bottom right,rgba(232,146,99,.18),transparent 34%),linear-gradient(145deg,var(--bg-deep),var(--bg-pool) 48%,var(--bg-ember));color:var(--text)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 0%,rgba(114,208,200,.14),transparent 30%),radial-gradient(circle at 100% 100%,rgba(232,146,99,.14),transparent 28%),linear-gradient(160deg,#051016,#0c2528 50%,#1a0e12)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:100% 3px,3px 100%;opacity:.14;mix-blend-mode:soft-light}button,h1,h2,.eyebrow,.surface-cockpit__readout,.surface-whisper,.surface-tool{font-family:Avenir Next Condensed,Franklin Gothic Medium,Arial Narrow,sans-serif}.app-shell{width:min(1180px,calc(100vw - 2rem));margin:0 auto;padding:clamp(1.25rem,2vw,2rem) 0 1.75rem;display:flex;flex-direction:column;gap:1rem}.app-shell--capture{width:100vw;min-height:100vh;padding:1.25rem}.director-note,.surface-frame,.guide-board{position:relative;overflow:hidden;border:1px solid var(--card-edge);border-radius:28px;background:linear-gradient(140deg,#0b181cd6,#142522b3);box-shadow:0 24px 70px var(--shadow),inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.director-note{padding:clamp(1.2rem,2vw,2rem)}.director-note:after,.surface-frame:after,.guide-board:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at top right,rgba(232,146,99,.12),transparent 30%),radial-gradient(circle at bottom left,rgba(114,208,200,.12),transparent 32%)}.director-note__heading{display:grid;gap:.5rem;margin-bottom:1.1rem}.eyebrow{margin:0;letter-spacing:.18em;text-transform:uppercase;font-size:.8rem;color:#f3e9d79e}h1,h2,p{margin:0}h1{font-size:clamp(2.25rem,5vw,4.2rem);line-height:.92;letter-spacing:.04em}h2{font-size:clamp(1.65rem,2vw,2.15rem);letter-spacing:.03em}.director-note__lede{max-width:62ch;color:var(--muted);font-size:1.05rem}.director-note__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.note-card{position:relative;z-index:1;padding:1rem;border-radius:22px;background:linear-gradient(180deg,#ffffff05,#ffffff03),#07121961;border:1px solid rgba(243,228,206,.08);color:var(--muted);line-height:1.45}.note-card__label{margin-bottom:.45rem;color:var(--text);font-size:.82rem;letter-spacing:.14em;text-transform:uppercase}.surface-panel{min-height:0}.surface-frame{padding:1rem}.surface-frame--capture{padding:.9rem;min-height:calc(100vh - 2.5rem)}.surface{position:relative;min-height:clamp(27rem,68vh,52rem);border-radius:24px;overflow:hidden;border:1px solid rgba(243,228,206,.08);background:radial-gradient(circle at 30% 30%,rgba(114,208,200,.08),transparent 28%),radial-gradient(circle at 80% 60%,rgba(232,146,99,.08),transparent 32%),linear-gradient(145deg,#061016e6,#0f282cc7,#1d1011d1);touch-action:none;user-select:none;-webkit-user-select:none}.surface--capture{min-height:calc(100vh - 4.3rem)}.surface:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 16%),radial-gradient(circle at 50% 50%,transparent 36%,rgba(7,17,19,.34) 100%);mix-blend-mode:screen}.surface canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.surface-cockpit,.surface-progression-strip,.surface-role-palette,.surface-controls,.surface-whisper{position:absolute;z-index:2}.surface-cockpit{top:1rem;left:1rem;display:grid;gap:.5rem;width:min(13.5rem,calc(100% - 10rem));padding:.72rem .8rem;border-radius:20px;background:linear-gradient(180deg,#ffffff08,#ffffff02),#0611166b;border:1px solid rgba(243,228,206,.09);box-shadow:0 10px 32px #0000002e,inset 0 1px #ffffff06;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none}.surface-hud{position:absolute;top:1rem;right:1rem;z-index:2;display:grid;gap:.32rem;min-width:min(10rem,calc(100% - 2rem));padding:.62rem .75rem;border-radius:20px;background:linear-gradient(180deg,#ffffff0a,#ffffff03),#08131875;border:1px solid rgba(243,228,206,.1);box-shadow:0 10px 28px #0000002e,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.surface-hud p{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;font-family:Avenir Next Condensed,Franklin Gothic Medium,Arial Narrow,sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.surface-hud__label{color:#f3e9d78f}.surface-hud__value{color:#f3e9d7eb}.surface-cockpit__readout{display:grid;gap:.3rem;font-family:Avenir Next Condensed,Franklin Gothic Medium,Arial Narrow,sans-serif;letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;color:#f3e9d7db}.surface-cockpit__badge{position:absolute;top:.75rem;right:.85rem;padding:.22rem .48rem;border-radius:999px;background:#72d0c81f;border:1px solid rgba(114,208,200,.18);color:#d7f9f4cc;font-family:Avenir Next Condensed,Franklin Gothic Medium,Arial Narrow,sans-serif;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}.surface-controls{bottom:1rem;right:1rem;display:flex;gap:.45rem;flex-wrap:wrap;justify-content:flex-end}.surface-progression-strip{top:1rem;left:50%;transform:translate(-50%);display:flex;gap:.35rem;flex-wrap:wrap;justify-content:center;max-width:calc(100% - 24rem)}.surface-role-palette{left:1rem;bottom:1rem;display:flex;gap:.35rem;flex-wrap:wrap;max-width:min(34rem,calc(100% - 12rem))}.surface-mini-chip,.surface-role-chip{appearance:none;border:1px solid rgba(243,228,206,.1);background:#07121938;color:#f3e9d7c2;border-radius:999px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background-color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}.surface-mini-chip{padding:.38rem .62rem;font-family:Avenir Next Condensed,Franklin Gothic Medium,Arial Narrow,sans-serif;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase}.surface-role-chip{display:inline-flex;align-items:center;gap:.34rem;padding:.36rem .58rem;font-family:Avenir Next Condensed,Franklin Gothic Medium,Arial Narrow,sans-serif;font-size:.66rem;letter-spacing:.06em;text-transform:uppercase}.surface-mini-chip:hover,.surface-role-chip:hover{transform:translateY(-1px);background:#07121957;border-color:#f3e4ce2e}.surface-mini-chip--active{background:#72d0c824;border-color:#72d0c838;color:#e1faf7eb;box-shadow:0 0 18px #72d0c81f}.surface-role-chip--active{background:hsla(var(--role-hue, 190),84%,66%,.14);border-color:hsla(var(--role-hue, 190),86%,70%,.28);color:#f7f3eaf0;box-shadow:0 0 18px hsla(var(--role-hue, 190),84%,64%,.14)}.surface-role-chip__glyph{font-size:.8rem;line-height:1}.surface-role-chip__label{line-height:1}.surface-tool{appearance:none;border:1px solid rgba(243,228,206,.12);background:#07121957;color:#f3e9d7d1;padding:.5rem .78rem;border-radius:999px;cursor:pointer;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}.surface-tool:hover{transform:translateY(-1px);background:#0712197a;border-color:#f3e4ce38}.surface-tool--soft{background:#72d0c81a}.surface-whisper{left:50%;bottom:4.1rem;transform:translate(-50%);padding:.36rem .8rem;border-radius:999px;background:#0712192e;border:1px solid rgba(243,228,206,.06);color:#f3e9d79e;font-family:Avenir Next Condensed,Franklin Gothic Medium,Arial Narrow,sans-serif;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;text-align:center;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.memory-strip{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap;max-width:100%}.memory-strip__chip{width:.48rem;height:1.28rem;border-radius:999px;background:#f3e4ce14;border:1px solid rgba(243,228,206,.08);transform:scaleY(.82)}.memory-strip__chip[data-filled=true]{background:linear-gradient(180deg,hsla(var(--chip-hue),88%,76%,.96),hsla(var(--chip-hue),82%,58%,.82));box-shadow:0 0 0 1px #ffffff0f,0 0 18px hsla(var(--chip-hue),82%,64%,.32);transform:scaleY(var(--chip-scale))}.memory-strip__chip[data-state=candidate]{opacity:.5;box-shadow:0 0 0 1px #ffffff08,0 0 10px hsla(var(--chip-hue),82%,64%,.14)}.memory-strip__chip[data-state=dormant]{opacity:.84}.memory-strip__chip[data-state=awake]{box-shadow:0 0 0 1px #ffffff14,0 0 24px hsla(var(--chip-hue),82%,68%,.44)}.guide-board{padding:clamp(1rem,2vw,1.4rem)}.guide-board__header{position:relative;z-index:1;display:grid;gap:.45rem;margin-bottom:1rem}.guide-board__lede{max-width:58ch;color:var(--muted)}.guide-board__grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.95rem}.guide-card{display:grid;grid-template-rows:auto 1fr;border-radius:24px;overflow:hidden;border:1px solid rgba(243,228,206,.09);background:linear-gradient(180deg,#ffffff06,#ffffff03),#0712196b;min-width:0}.guide-card__image-frame{aspect-ratio:4 / 3;background:#061016a6;overflow:hidden}.guide-card__image{width:100%;height:100%;object-fit:cover;display:block}.guide-card__body{display:grid;gap:.45rem;padding:1rem;line-height:1.45;color:var(--muted)}.guide-card__title{color:var(--text);font-family:Avenir Next Condensed,Franklin Gothic Medium,Arial Narrow,sans-serif;font-size:1.05rem;letter-spacing:.03em}@media(max-width:900px){.director-note__grid,.guide-board__grid{grid-template-columns:1fr}.surface-cockpit{width:min(16rem,calc(100% - 2rem))}.surface-hud{top:auto;right:1rem;bottom:5.2rem;min-width:min(11rem,calc(100% - 2rem))}.surface-progression-strip{top:auto;left:1rem;right:1rem;bottom:7.2rem;transform:none;justify-content:flex-start;max-width:none}.surface-role-palette{left:1rem;right:1rem;bottom:4.4rem;max-width:none}.surface-controls{top:auto;bottom:.85rem;left:auto;right:1rem;width:auto;justify-content:flex-end}.memory-strip{max-width:none}.surface-whisper{bottom:10.2rem;width:calc(100% - 2rem);padding-inline:.75rem}}@media(max-width:640px){.app-shell{width:min(100vw - 1rem,100%);padding-top:.5rem}.director-note,.surface-frame{border-radius:24px}.surface{min-height:62vh;border-radius:20px}h1{font-size:2.35rem}.surface-cockpit,.surface-progression-strip,.surface-role-palette,.surface-controls,.surface-hud{left:.75rem;right:.75rem;width:auto}.surface-progression-strip{bottom:8rem}.surface-role-palette{bottom:4.9rem}.surface-hud{bottom:5.05rem;min-width:0}.surface-whisper{bottom:11.4rem;width:calc(100% - 1.5rem);padding-inline:.75rem}}.surface-scene-label{position:absolute;bottom:1.15rem;left:50%;transform:translate(-50%);z-index:3;pointer-events:none;font-family:Avenir Next Condensed,Franklin Gothic Medium,Arial Narrow,sans-serif;font-size:.68rem;letter-spacing:.26em;text-transform:uppercase;color:#f3e9d761;padding:.28rem .82rem;border-radius:100px;border:1px solid rgba(243,228,206,.08);background:#08131852;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:color 1.4s ease,border-color 1.4s ease,background 1.4s ease;animation:scene-label-appear 1.8s ease both}@keyframes scene-label-appear{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.surface-scene-label--verse{color:#acd1eb70;border-color:#acd1eb1f}.surface-scene-label--chorus{color:#e8b0639e;border-color:#e8b0632e;background:#0c131861}.surface-scene-label--bridge{color:#b896dc80;border-color:#b896dc1f}.surface-scene-label--drop{color:#f3d66eb8;border-color:#f3d66e38;background:#120e0870;letter-spacing:.32em}.surface-scope-breadcrumb{position:absolute;top:1.1rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.48rem;font-family:Avenir Next Condensed,Franklin Gothic Medium,Arial Narrow,sans-serif;font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:#f3e9d775;padding:.22rem .72rem;border-radius:100px;border:1px solid rgba(243,228,206,.09);background:#0813185c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;animation:scope-crumb-appear .6s ease both;z-index:4}.surface-scope-breadcrumb__back{cursor:pointer;opacity:.54;font-size:.78rem;line-height:1;transition:opacity .2s ease}.surface-scope-breadcrumb__back:hover{opacity:.88}.surface-scope-breadcrumb__name{transition:color .8s ease}@keyframes scope-crumb-appear{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}