:root{--ink:#071523;--ink-deep:#030a11;--paper:#f3efe5;--blue:#6f83b9;--blue-bright:#aac4ee;--cyan:#b9d8e8;--glass:rgba(7,19,31,0.74);--glass-strong:rgba(5,15,24,0.91);--line:rgba(225,239,246,0.22);--line-strong:rgba(225,239,246,0.46);--muted:rgba(232,239,242,0.64);--safe-top:max(12px,env(safe-area-inset-top));--safe-right:max(12px,env(safe-area-inset-right));--safe-bottom:max(12px,env(safe-area-inset-bottom));--safe-left:max(12px,env(safe-area-inset-left))}*{box-sizing:border-box}body,html{width:100%;height:100%;margin:0;overflow:hidden;background:var(--ink);color:#f7f6f1;font-family:PingFang SC,"Noto Serif SC",Songti SC,system-ui,sans-serif}button,input{font:inherit}button{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #d4e8ff;outline-offset:3px}.app{position:relative;width:100%;height:100svh;height:100dvh;overflow:hidden;isolation:isolate;background:var(--ink)}.scene{position:absolute;inset:0;z-index:0;background-position:50%;background-size:cover}.scene-image{width:100%;height:100%;object-fit:cover}.scene-intro{animation:porcelain-breathe 14s ease-in-out infinite alternate}.dynamic-scene{background-image:var(--scene);transition:background-image .8s ease,filter .8s ease;animation:porcelain-breathe 18s ease-in-out infinite alternate}.scene-preloads{position:fixed;overflow:hidden;opacity:.001;pointer-events:none}.scene-preloads,.scene-preloads img{width:1px;height:1px}.scene-crossfade{animation-duration:12s}.vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 38%,transparent 15%,rgba(5,12,18,.18) 55%,rgba(3,9,15,.76) 100%),linear-gradient(180deg,rgba(4,11,18,.14),rgba(4,11,18,.61))}.vignette:after{content:"";position:absolute;inset:0;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitchTiles'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E");mix-blend-mode:soft-light}@keyframes porcelain-breathe{0%{transform:scale(1.012);filter:saturate(.86) brightness(.88)}to{transform:scale(1.055);filter:saturate(.98) brightness(.98)}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.intro-screen{display:grid;place-items:center}.start-button{position:absolute;z-index:30;left:50%;bottom:max(8svh,calc(env(safe-area-inset-bottom) + 20px));width:min(420px,calc(100vw - 40px));min-height:58px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:26px;padding:12px 24px;border:1px solid rgba(239,247,250,.68);border-radius:999px;background:rgba(13,27,38,.38);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),0 12px 42px rgba(0,0,0,.28);cursor:pointer;font-size:16px;letter-spacing:.16em;transition:background .2s ease,box-shadow .2s ease}.start-button:hover{background:rgba(26,47,61,.66);box-shadow:0 13px 45px rgba(0,0,0,.4),0 0 26px rgba(189,222,241,.13)}.start-button i{color:var(--blue-bright);font-size:22px;font-style:normal}.hall-vignette{background:linear-gradient(180deg,rgba(4,12,18,.29),rgba(3,9,15,.68) 57%,rgba(2,7,12,.86)),radial-gradient(circle at 75% 18%,transparent,rgba(4,10,18,.36))}.hall-shell{position:relative;z-index:10;width:min(1000px,calc(100vw - 32px));height:100%;margin:0 auto;padding:var(--safe-top) 0 var(--safe-bottom);display:grid;grid-template-rows:42px 62px 72px minmax(0,1fr) 38px 48px;gap:8px}.midi-button{justify-self:center;width:min(286px,78vw);height:42px;padding:0 17px;display:grid;grid-template-columns:32px 1fr;grid-template-rows:1fr 1fr;align-items:center;border:1px solid rgba(255,255,255,.27);border-radius:999px;background:rgba(5,15,24,.58);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:pointer;box-shadow:0 6px 24px rgba(0,0,0,.18);animation:connect-breathe 3.4s ease-in-out infinite}.midi-button i{grid-row:1/3;color:var(--blue-bright);font-size:20px;font-style:normal}.midi-button span{align-self:end;font-size:11px;letter-spacing:.08em}.midi-button small{align-self:start;color:var(--muted);font-size:8px;letter-spacing:.1em}.midi-button.connected{border-color:rgba(126,218,183,.7);box-shadow:0 0 18px rgba(98,212,169,.16)}@keyframes connect-breathe{50%{box-shadow:0 0 24px rgba(157,191,232,.14)}}.hall-title{align-self:center;text-align:center;text-shadow:0 4px 24px rgba(0,0,0,.45)}.hall-title>span,.micro-label{font-family:ui-sans-serif,system-ui,sans-serif;font-size:8px;letter-spacing:.3em;color:rgba(238,246,250,.68)}.hall-title h1{margin:2px 0 0;font-size:clamp(24px,3vw,38px);font-weight:350;line-height:1.05;letter-spacing:.12em}.hall-title h1 i{margin:0 8px;color:var(--blue-bright);font-style:normal;font-weight:200}.hall-title p{margin:3px 0 0;color:var(--muted);font-size:9px;letter-spacing:.18em}.layer-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.layer-tabs button{min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(255,255,255,.16);background:rgba(8,20,32,.46);-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);cursor:pointer;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.layer-tabs button:after{content:"";position:absolute;left:28%;right:28%;bottom:0;height:2px;background:var(--blue-bright);opacity:0}.layer-tabs button.active,.layer-tabs button:hover{background:rgba(31,50,68,.75);border-color:rgba(207,229,242,.47);box-shadow:inset 0 0 28px rgba(143,169,215,.08)}.layer-tabs button.active:after{opacity:1}.layer-tabs small{color:var(--blue-bright);font-size:7px;letter-spacing:.18em}.layer-tabs b{margin:3px 0 2px;font-size:16px;font-weight:450;letter-spacing:.12em}.layer-tabs span{max-width:90%;overflow:hidden;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.glass-stage{min-height:0;overflow:hidden;padding:13px 16px;border:1px solid rgba(220,235,242,.22);background:linear-gradient(145deg,rgba(6,18,28,.8),rgba(13,29,42,.62));-webkit-backdrop-filter:blur(24px) saturate(.9);backdrop-filter:blur(24px) saturate(.9);box-shadow:0 24px 70px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.05);animation:rise .45s both}.free-detail{height:100%;min-height:0;display:grid;grid-template-rows:50px 38px minmax(62px,1fr) minmax(84px,118px);gap:7px}.free-detail-top{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.chapter-tabs{min-width:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line)}.chapter-tabs button{min-width:0;display:flex;align-items:center;gap:8px;padding:5px 8px;border:0;border-right:1px solid var(--line);background:rgba(255,255,255,.025);text-align:left;cursor:pointer}.chapter-tabs button:last-child{border-right:0}.chapter-tabs button.active{background:rgba(114,139,184,.22);box-shadow:inset 0 -2px var(--blue-bright)}.chapter-tabs i{flex:0 0 24px;width:24px;height:24px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:50%;color:var(--blue-bright);font-size:9px;font-style:normal}.chapter-tabs span{min-width:0;display:flex;flex-direction:column}.chapter-tabs b,.chapter-tabs small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chapter-tabs b{font-size:10px;letter-spacing:.05em}.chapter-tabs small{margin-top:2px;color:var(--muted);font-size:7px}.back-button,.inline-settings,.settings-button,.story-settings{min-width:44px;min-height:44px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(5,15,24,.58);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer}.inline-settings{width:68px;font-size:10px}.prompt-heading{min-width:0;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:9px;border-top:1px solid rgba(255,255,255,.1)}.prompt-heading>button{height:30px;min-width:30px;padding:0 9px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.04);cursor:pointer;font-size:13px}.prompt-heading>button.active{background:rgba(111,131,185,.36)}.prompt-heading>div{min-width:0;display:flex;align-items:baseline;gap:9px}.prompt-heading b{font-size:12px;letter-spacing:.08em;white-space:nowrap}.prompt-heading span{overflow:hidden;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.chord-grid{min-height:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.chord-grid button{min-width:0;min-height:58px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--line);background:rgba(255,255,255,.035);cursor:pointer;transition:background .18s ease,border-color .18s ease}.chord-grid button.active,.chord-grid button:hover{background:rgba(111,131,185,.24);border-color:rgba(195,218,234,.5)}.chord-grid small{position:absolute;top:5px;left:7px;color:var(--muted);font-size:6px}.chord-grid b{font-family:Georgia,serif;font-weight:400}.chord-grid span{max-width:92%;margin-top:1px;overflow:hidden;color:var(--muted);font-size:7px;text-overflow:ellipsis;white-space:nowrap}.keyboard-shell{width:100%;height:100%;min-height:0;position:relative;align-self:end}.keyboard-hint{height:13px;color:rgba(255,255,255,.42);font-size:7px;text-align:right;letter-spacing:.08em}.keyboard{height:calc(100% - 13px);min-height:72px;display:flex;position:relative;padding:0 1px;border:5px solid rgba(3,10,16,.75);border-radius:3px 3px 9px 9px;background:#04090e;box-shadow:0 9px 25px rgba(0,0,0,.4);touch-action:none}.piano-key{min-width:0;padding:0;position:relative;border:0;border-right:1px solid #a9a9a5;cursor:pointer;user-select:none;-webkit-user-select:none}.piano-key.white{z-index:1;flex:1 1;height:100%;background:linear-gradient(#f8f5ed,#d8d7d2 90%,#c2c2bd);color:#26313c}.piano-key.black{z-index:2;width:2.35%;height:64%;flex:0 0 2.35%;margin:0 -1.175%;border:1px solid #020304;background:linear-gradient(100deg,#252b31,#050708 70%);color:#d7dce1;box-shadow:0 4px 4px rgba(0,0,0,.58)}.piano-key.is-next{box-shadow:inset 0 -7px rgba(67,118,183,.48)}.piano-key.is-target{box-shadow:inset 0 -12px rgba(108,140,206,.86),0 0 10px rgba(142,174,235,.42)}.piano-key.black.is-target{background:linear-gradient(#7190cf,#2f4779)}.piano-key.is-active{background:linear-gradient(#d4e4ff,#8aa9dc);transform:translateY(2px)}.piano-key.black.is-active{background:linear-gradient(#b6cbf3,#4f6ea9)}.key-code,.key-note{position:absolute;left:50%;transform:translateX(-50%);font-family:ui-sans-serif,system-ui,sans-serif;font-size:7px;opacity:.62}.key-note{bottom:17px}.key-code{bottom:5px;font-size:6px;opacity:.42}.black .key-note{bottom:10px}.black .key-code{display:none}.selection-detail{height:100%;min-height:0;display:grid;grid-template-columns:minmax(190px,.62fr) minmax(0,1.38fr);gap:18px;align-items:stretch}.selection-detail>header{display:flex;flex-direction:column;justify-content:center;padding:14px;border-right:1px solid var(--line)}.selection-detail>header small{color:var(--blue-bright);font-size:8px;letter-spacing:.2em}.selection-detail>header strong{margin:7px 0;font-size:clamp(19px,2.1vw,29px);font-weight:350;letter-spacing:.08em}.selection-detail>header span{max-width:260px;color:var(--muted);font-size:9px;line-height:1.7}.chapter-grid{min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:8px}.chapter-grid>button{min-width:0;position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;overflow:hidden;border:1px solid var(--line);background:rgba(255,255,255,.03);text-align:left;cursor:pointer;transition:background .18s ease,border-color .18s ease}.chapter-grid>button.active,.chapter-grid>button:hover{background:rgba(103,127,177,.22);border-color:rgba(201,222,237,.46)}.chapter-grid>button.is-done{box-shadow:inset 0 -2px rgba(126,218,183,.5)}.chapter-grid>button>i{width:35px;height:35px;display:grid;place-items:center;border:1px solid rgba(220,235,243,.27);border-radius:50%;color:var(--blue-bright);font-family:serif;font-size:14px;font-style:normal}.chapter-grid>button>span{min-width:0;display:flex;flex-direction:column}.chapter-grid small{color:var(--blue-bright);font-size:6px;letter-spacing:.14em}.chapter-grid b{margin:3px 0;overflow:hidden;font-size:15px;font-weight:420;letter-spacing:.07em;text-overflow:ellipsis;white-space:nowrap}.chapter-grid em,.chapter-grid strong{color:var(--muted);font-size:7px;font-style:normal;font-weight:400}.chapter-grid strong{align-self:start;padding:3px 5px;border:1px solid var(--line)}.theory-bar{min-width:0;display:grid;grid-template-columns:auto 1px auto minmax(0,1fr);gap:12px;align-items:center;height:38px;padding:0 14px;border:1px solid rgba(225,239,246,.18);background:rgba(6,18,28,.57);-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px)}.theory-bar>span{color:var(--blue-bright);font-size:8px;letter-spacing:.14em;white-space:nowrap}.theory-bar>i{width:1px;height:16px;background:var(--line-strong)}.theory-bar>b{font-size:10px;font-weight:480;white-space:nowrap}.theory-bar>p{min-width:0;margin:0;overflow:hidden;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.hall-enter-slot{display:grid;place-items:center}.enter-layer{width:min(320px,82vw);height:44px;display:flex;justify-content:center;align-items:center;gap:22px;padding:0 18px;border:1px solid rgba(223,237,245,.53);border-radius:999px;background:rgba(98,124,175,.23);-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);cursor:pointer;font-size:11px;letter-spacing:.14em}.enter-layer i{color:var(--blue-bright);font-size:18px;font-style:normal}.lock-layer{position:fixed;z-index:60;inset:0;display:grid;place-items:center;padding:18px;pointer-events:none}.lock-dialog{width:min(360px,calc(100vw - 36px));padding:22px;border:1px solid rgba(225,239,246,.34);background:rgba(7,19,30,.94);box-shadow:0 24px 80px rgba(0,0,0,.58);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);text-align:center;pointer-events:auto}.lock-dialog>i{color:var(--blue-bright);font-size:23px;font-style:normal}.lock-dialog>span{display:block;margin-top:4px;color:var(--blue-bright);font-size:8px;letter-spacing:.18em}.lock-dialog h2{margin:6px 0;font-size:22px;font-weight:380}.lock-dialog p{margin:0;color:var(--muted);font-size:9px;line-height:1.65}.lock-dialog>div{display:flex;gap:8px;justify-content:center;margin-top:15px}.lock-dialog button{min-height:40px;padding:0 14px;border:1px solid var(--line);background:rgba(111,131,185,.2);cursor:pointer;font-size:9px}.rehearsal-screen{padding:0}.practice-topbar{position:absolute;z-index:40;top:var(--safe-top);left:var(--safe-left);right:var(--safe-right);display:flex;align-items:center;justify-content:space-between;pointer-events:none}.practice-topbar button{pointer-events:auto}.back-button{min-width:118px;padding:0 16px;font-size:10px;letter-spacing:.08em}.settings-button{width:72px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px}.settings-button span{font-size:9px}.rehearsal-layout{position:relative;z-index:10;width:min(1060px,calc(100vw - 32px));height:100%;margin:0 auto;padding:68px 0 var(--safe-bottom);display:grid;grid-template-rows:66px minmax(0,1fr) 78px;gap:10px}.round-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.round-row button{min-width:0;display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:8px;padding:7px 9px;border:1px solid var(--line);background:rgba(5,15,24,.62);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:left;cursor:pointer}.round-row button:disabled{cursor:default;opacity:.48}.round-row button.is-current{background:rgba(93,119,171,.38);border-color:var(--line-strong)}.round-row button.is-done{box-shadow:inset 0 -2px rgba(126,218,183,.45)}.round-row i{width:29px;height:29px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--blue-bright);font-size:9px;font-style:normal}.round-row span{min-width:0;display:flex;flex-direction:column}.round-row b{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.round-row small{margin-top:2px;color:var(--muted);font-size:7px}.rehearsal-target{align-self:center;justify-self:center;min-width:min(420px,84vw);padding:24px;border:1px solid rgba(225,239,246,.18);background:radial-gradient(circle,rgba(41,65,88,.58),rgba(5,15,24,.28) 68%,transparent 69%);text-align:center;text-shadow:0 4px 18px #000}.rehearsal-target>span{color:var(--blue-bright);font-size:8px;letter-spacing:.2em}.giant-chord{display:block;margin:6px auto;border:0;background:transparent;font-family:Georgia,serif;font-size:clamp(48px,7vw,84px);line-height:1;cursor:pointer;text-shadow:0 0 28px rgba(151,181,231,.28)}.rehearsal-target p{margin:5px 0;color:rgba(255,255,255,.8);font-size:10px}.rehearsal-target small{color:var(--muted);font-size:8px;letter-spacing:.08em}.rehearsal-stepper-dock{align-self:end;padding:9px 12px;border:1px solid var(--line);background:rgba(5,15,24,.72);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.rehearsal-stepper-dock header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;color:var(--muted);font-size:8px;letter-spacing:.1em}.rehearsal-stepper-dock header b{color:var(--blue-bright);font-size:8px}.step-rail{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:4px}.step-rail span{min-width:0;height:28px;display:grid;place-items:center;border:1px solid var(--line);color:var(--muted);font-size:7px}.step-rail span.done{background:rgba(88,145,150,.42)}.step-rail span.current{background:var(--blue);color:white;box-shadow:0 0 14px rgba(113,142,200,.4)}.story-screen{padding:0}.story-vignette{background:linear-gradient(180deg,rgba(3,10,16,.54),transparent 30%,transparent 55%,rgba(3,9,15,.82)),radial-gradient(circle at center,transparent 30%,rgba(3,9,15,.44))}.story-video-toggle{position:absolute;z-index:5;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer}.story-segments{position:absolute;z-index:31;top:var(--safe-top);left:50%;width:min(760px,calc(100vw - 190px));height:34px;transform:translateX(-50%);display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;opacity:.28;transition:opacity .2s ease}.story-segments:focus-within,.story-segments:hover{opacity:1}.story-segments button{min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.18);background:rgba(4,13,21,.56);color:var(--muted);cursor:pointer;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.story-segments button.active{border-color:var(--line-strong);background:rgba(111,131,185,.5);color:white}.story-settings{position:absolute;z-index:32;top:var(--safe-top);right:var(--safe-right);width:72px;display:flex;align-items:center;justify-content:center;gap:5px;font-size:10px}.story-settings span{font-size:8px}.story-status{position:absolute;z-index:20;top:calc(var(--safe-top) + 48px);left:var(--safe-left);display:flex;gap:10px;align-items:center;padding:7px 10px;border-top:1px solid rgba(255,255,255,.24);background:rgba(4,13,21,.26);color:var(--muted);font-size:8px;letter-spacing:.08em;text-shadow:0 2px 8px #000;transition:opacity .5s ease}.story-status b{color:white;font-weight:420}.story-status em{color:var(--blue-bright);font-style:normal}.story-compass{position:absolute;z-index:20;left:max(4.5vw,var(--safe-left));bottom:max(15vh,calc(env(safe-area-inset-bottom) + 54px));width:min(230px,37vw);padding:14px 16px;border-left:1px solid rgba(255,255,255,.4);background:linear-gradient(90deg,rgba(4,13,21,.48),transparent);text-shadow:0 3px 14px #000;transition:opacity .5s ease}.story-compass span{display:block;color:var(--blue-bright);font-size:7px;letter-spacing:.18em}.story-compass b{display:block;margin:3px 0;font-family:Georgia,serif;font-size:clamp(34px,5vw,64px);font-weight:400}.story-compass small{display:block;overflow:hidden;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.story-text-stack{position:absolute;z-index:20;right:max(6vw,calc(var(--safe-right) + 34px));bottom:max(10vh,calc(env(safe-area-inset-bottom) + 36px));width:min(520px,56vw);text-align:right;text-shadow:0 3px 16px #000;transition:opacity .5s ease}.lyric-status{display:inline-block;padding:3px 8px;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:rgba(255,255,255,.6);font-size:7px;letter-spacing:.1em}.lyric-line{display:flex;align-items:baseline;justify-content:flex-end;gap:14px}.lyric-line b{flex:0 0 auto;color:var(--blue-bright);font-family:Georgia,serif;font-weight:400}.lyric-line span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lyric-line.current{margin-top:11px;font-size:clamp(17px,2.2vw,29px);letter-spacing:.12em}.lyric-line.current b{font-size:1.45em}.lyric-line.next{margin-top:5px;color:rgba(255,255,255,.55);font-size:11px;letter-spacing:.08em}.lyric-line.next b{font-size:16px;opacity:.7}.story-progress-vertical{position:absolute;z-index:21;top:25%;right:var(--safe-right);width:4px;height:48%;background:rgba(255,255,255,.17)}.story-progress-vertical>span{position:absolute;right:0;bottom:0;width:100%;background:linear-gradient(0deg,#637ab1,#c5dbec);box-shadow:0 0 10px rgba(177,205,232,.5)}.story-progress-vertical>b{position:absolute;left:50%;transform:translateX(-50%);color:white;font-size:18px;font-weight:400;text-shadow:0 0 10px #aac4ee}.story-progress-vertical i{position:absolute;right:11px;width:42px;color:var(--muted);font-size:7px;font-style:normal;text-align:right}.story-progress-vertical .ending-line{top:9%}.story-progress-vertical .pass-line{top:39%}.story-progress-vertical i:after{content:"";position:absolute;top:50%;left:46px;width:8px;height:1px;background:rgba(255,255,255,.5)}.is-hidden{opacity:0;pointer-events:none}.pause-layer{position:absolute;z-index:55;inset:0;display:grid;place-items:center;pointer-events:none;background:rgba(2,8,13,.13);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.pause-layer button{min-width:132px;min-height:52px;padding:0 24px;border:1px solid rgba(255,255,255,.5);border-radius:999px;background:rgba(5,15,24,.66);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);cursor:pointer;font-size:13px;letter-spacing:.14em;pointer-events:auto}.settings-scrim{position:fixed;z-index:104;inset:0;width:100%;height:100%;padding:0;border:0;background:rgba(2,8,13,.18);cursor:default}.settings-drawer{position:fixed;z-index:112;top:0;right:0;width:min(370px,94vw);height:100svh;height:100dvh;padding:calc(58px + env(safe-area-inset-top)) 22px calc(22px + env(safe-area-inset-bottom));overflow-y:auto;border-left:1px solid rgba(255,255,255,.18);background:rgba(5,15,24,.93);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);box-shadow:-30px 0 80px rgba(0,0,0,.42);transform:translateX(105%);transition:transform .3s cubic-bezier(.2,.8,.2,1)}.settings-drawer.open{transform:translateX(0)}.drawer-close,.modal-close{position:absolute;top:calc(12px + env(safe-area-inset-top));right:calc(14px + env(safe-area-inset-right));width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:transparent;cursor:pointer;font-size:20px}.settings-drawer h2{margin:5px 0 14px;font-size:27px;font-weight:350;letter-spacing:.12em}.drawer-session-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:10px 0 14px;border-top:1px solid var(--line)}.drawer-session-actions button{min-height:42px;border:1px solid var(--line);background:rgba(255,255,255,.035);cursor:pointer;font-size:9px}.drawer-session-actions button:first-child{grid-column:1/-1;display:flex;justify-content:center;align-items:center;gap:8px}.drawer-session-actions button.connected{border-color:rgba(126,218,183,.65)}.drawer-session-actions i{color:var(--blue-bright);font-size:16px;font-style:normal}.drawer-section{padding:13px 0;border-top:1px solid var(--line)}.drawer-section>span{display:block;margin-bottom:8px;font-size:9px;letter-spacing:.12em}.display-modes,.segmented-control{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.display-modes{grid-template-columns:repeat(3,minmax(0,1fr))}.display-modes button,.segmented-control button{min-height:38px;padding:4px;border:1px solid var(--line);border-right:0;background:transparent;cursor:pointer;color:var(--muted);font-size:8px}.display-modes button:last-child,.segmented-control button:last-child{border-right:1px solid var(--line)}.display-modes button.active,.segmented-control button.active{background:rgba(111,131,185,.4);color:white}.authoring-tools label,.settings-drawer>label{display:grid;grid-template-columns:1fr auto;gap:10px;padding:13px 0;border-top:1px solid var(--line);font-size:9px;letter-spacing:.1em}.settings-drawer label>b{max-width:170px;overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.settings-drawer label input{grid-column:1/3;width:100%;accent-color:var(--blue)}.authoring-tools{margin-top:3px;border-top:1px solid var(--line)}.authoring-tools summary{padding:13px 0;cursor:pointer;color:var(--muted);font-size:9px;letter-spacing:.12em}.setting-note{margin:4px 0 10px;padding:10px;border:1px solid var(--line);background:rgba(111,131,185,.12)}.setting-note b{color:var(--blue-bright);font-size:8px}.setting-note p{margin:5px 0 0;color:var(--muted);font-size:8px;line-height:1.6}.authoring-tools .lrc-import input{padding:6px;border:1px dashed var(--line);background:rgba(255,255,255,.025);color:var(--muted);font-size:7px}.authoring-tools input::file-selector-button{margin-right:8px;padding:5px 8px;border:1px solid var(--line);background:rgba(111,131,185,.25);color:white;cursor:pointer}.timeline-button{width:100%;min-height:40px;border:1px solid rgba(201,220,235,.42);background:rgba(111,131,185,.22);cursor:pointer;font-size:9px;letter-spacing:.08em}.credit-link{display:block;margin-top:11px;color:var(--muted);font-size:7px;line-height:1.5;text-align:center;text-decoration:none}.character-lock{display:grid;grid-template-columns:100px 1fr;gap:11px;align-items:center;margin-top:13px;padding-top:13px;border-top:1px solid var(--line)}.character-lock img{width:100px;height:64px;border:1px solid var(--line);object-fit:cover;object-position:4% 18%}.character-lock p{display:flex;flex-direction:column;margin:0}.character-lock b{font-size:8px}.character-lock span{margin-top:4px;color:var(--muted);font-size:7px;line-height:1.5}.completion-backdrop,.modal-backdrop{position:fixed;z-index:82;inset:0;display:grid;place-items:center;padding:24px;background:rgba(2,8,13,.78);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.timeline-modal{position:relative;width:min(860px,94vw);height:min(680px,88svh);padding:24px;border:1px solid rgba(225,239,246,.28);background:#0b1b29;box-shadow:0 30px 100px rgba(0,0,0,.6)}.timeline-modal h2{margin:6px 0;font-size:25px;font-weight:350;letter-spacing:.08em}.timeline-warning{max-width:700px;margin:0;color:var(--muted);font-size:10px;line-height:1.6}.timeline-links{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.timeline-links a,.timeline-links button,.timeline-links span{padding:5px 9px;border:1px solid var(--line);background:transparent;color:var(--blue-bright);font-size:8px;text-decoration:none}.timeline-links a,.timeline-links button{cursor:pointer}.timeline-table{height:calc(100% - 125px);overflow:auto;border:1px solid var(--line)}.timeline-table table{width:100%;min-width:700px;border-collapse:collapse;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.timeline-table th{position:sticky;top:0;padding:8px;background:#172a3a;text-align:left;letter-spacing:.08em}.timeline-table td{padding:7px 8px;border-top:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.73)}.timeline-table td b{color:white;font-size:12px}.timeline-table td i{color:#d2aa80;font-style:normal}.completion-card{width:min(420px,90vw);padding:32px;border:1px solid rgba(225,239,246,.3);background:linear-gradient(145deg,#102434,#091721);box-shadow:0 25px 80px rgba(0,0,0,.55);text-align:center}.completion-card>span{color:var(--blue-bright);font-size:30px}.completion-card h2{margin:8px 0;font-size:25px;font-weight:350}.completion-card p{color:var(--muted);font-size:10px;line-height:1.7}.completion-card button{min-height:40px;margin-top:9px;padding:7px 18px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(111,131,185,.22);cursor:pointer;font-size:9px}.history-link{display:block;margin:4px auto 10px!important;border:0!important;background:transparent!important;color:var(--muted);text-decoration:underline}.ending-actions{display:flex;justify-content:center;gap:8px}.history-panel{position:fixed;z-index:88;top:50%;left:50%;width:min(480px,calc(100vw - 32px));padding:30px;border:1px solid var(--line-strong);background:rgba(7,19,30,.96);box-shadow:0 24px 90px rgba(0,0,0,.62);transform:translate(-50%,-50%)}.history-panel>button{position:absolute;top:10px;right:10px;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:transparent;cursor:pointer}.history-panel>span{color:var(--blue-bright);font-size:8px;letter-spacing:.16em}.history-panel h2{margin:6px 0;font-weight:350}.history-panel p{margin:0;color:var(--muted);font-size:10px;line-height:1.7}.toast{position:fixed;z-index:125;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translateX(-50%);padding:9px 15px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:rgba(7,18,28,.88);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:10px;animation:rise .3s both}@media (max-width:800px){.hall-shell{width:calc(100vw - 24px);grid-template-rows:40px 51px 62px minmax(0,1fr) 34px 44px;gap:5px}.midi-button{height:40px}.hall-title p,.hall-title>span{display:none}.hall-title h1{font-size:22px}.layer-tabs{gap:4px}.layer-tabs b{font-size:13px}.layer-tabs span{display:none}.glass-stage{padding:8px}.free-detail{grid-template-rows:82px 34px minmax(58px,1fr) minmax(75px,98px);gap:4px}.free-detail-top{grid-template-columns:minmax(0,1fr) 44px;gap:4px}.chapter-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.chapter-tabs button:nth-child(2){border-right:0}.chapter-tabs button:nth-child(-n+2){border-bottom:1px solid var(--line)}.chapter-tabs button{min-height:40px;padding:3px 5px}.chapter-tabs i{flex-basis:20px;width:20px;height:20px}.inline-settings{width:44px;font-size:0}.inline-settings:before{content:"⚙";font-size:14px}.prompt-heading{grid-template-columns:30px minmax(0,1fr) auto;gap:5px}.prompt-heading b,.prompt-heading span,.prompt-heading>div{display:block}.prompt-heading b{font-size:10px}.prompt-heading span{margin-top:1px;font-size:7px}.chord-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.chord-grid button{min-height:50px}.chord-grid span{display:none}.keyboard{border-width:3px}.key-code,.key-note{display:none}.selection-detail{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:6px}.selection-detail>header{display:block;padding:2px 5px 6px;border-right:0;border-bottom:1px solid var(--line)}.selection-detail>header strong{margin:0 7px;font-size:14px}.selection-detail>header span{display:none}.chapter-grid{gap:5px}.chapter-grid>button{grid-template-columns:28px minmax(0,1fr);gap:6px;padding:7px}.chapter-grid>button>i{width:27px;height:27px;font-size:10px}.chapter-grid b{font-size:12px}.chapter-grid strong{display:none}.theory-bar{gap:7px;height:34px;padding:0 8px}.theory-bar>p{font-size:7px}.enter-layer{height:40px}.rehearsal-layout{width:calc(100vw - 20px);padding-top:62px;grid-template-rows:58px minmax(0,1fr) 72px;gap:7px}.round-row{gap:3px}.round-row button{display:flex;flex-direction:column;justify-content:center;gap:2px;padding:4px 2px;text-align:center}.round-row i{width:23px;height:23px}.round-row span{align-items:center}.round-row b{max-width:13vw;font-size:7px}.round-row small{font-size:6px}.rehearsal-target{min-width:min(360px,88vw);padding:14px}.rehearsal-stepper-dock{padding:7px 8px}.step-rail{gap:1px}.step-rail span{height:25px;font-size:6px}.story-segments{left:var(--safe-left);width:calc(100vw - var(--safe-left) - var(--safe-right) - 54px);transform:none;gap:1px}.story-segments button{font-size:0}.story-segments button:after{content:"";display:block;height:2px;background:currentColor}.story-settings{width:44px}.story-settings span,.story-status{display:none}.story-compass{bottom:max(18vh,calc(env(safe-area-inset-bottom) + 36px));width:34vw;padding:10px}.story-text-stack{right:max(9vw,calc(var(--safe-right) + 20px));bottom:max(9vh,calc(env(safe-area-inset-bottom) + 24px));width:61vw}.lyric-line.current{font-size:15px}.lyric-line.next{font-size:9px}.lyric-status{font-size:6px}.story-progress-vertical{top:25%;height:48%}}@media (max-height:560px) and (orientation:landscape){:root{--safe-top:max(8px,env(safe-area-inset-top));--safe-bottom:max(8px,env(safe-area-inset-bottom))}.start-button{bottom:max(14px,env(safe-area-inset-bottom));min-height:44px;font-size:16px}.hall-shell{width:calc(100vw - 16px - env(safe-area-inset-left) - env(safe-area-inset-right));padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);grid-template-rows:28px 26px 46px minmax(0,1fr) 30px 32px;gap:3px}.midi-button{width:220px;height:28px;grid-template-columns:24px 1fr;padding:0 12px}.midi-button i{font-size:14px}.midi-button span{align-self:center;grid-row:1/3;font-size:9px}.midi-button small{display:none}.hall-title{display:flex;align-items:baseline;justify-content:center;gap:12px}.hall-title h1{margin:0;font-size:16px}.hall-title p,.hall-title>span{display:none}.layer-tabs b{margin:1px 0 0;font-size:11px}.layer-tabs small{font-size:6px}.glass-stage{padding:5px 7px}.free-detail{grid-template-rows:36px 28px minmax(38px,1fr) 67px;gap:3px}.free-detail-top{grid-template-columns:minmax(0,1fr) 38px}.chapter-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.chapter-tabs button{min-height:36px;border-bottom:0!important;padding:2px 5px}.chapter-tabs button:nth-child(2){border-right:1px solid var(--line)}.chapter-tabs i{flex-basis:19px;width:19px;height:19px}.chapter-tabs small{display:none}.inline-settings{width:38px;min-height:36px}.prompt-heading{grid-template-columns:28px minmax(0,1fr) auto}.prompt-heading>button{height:26px;min-width:26px}.prompt-heading>div{display:flex}.prompt-heading b{font-size:9px}.chord-grid button{min-height:36px}.chord-grid b{font-size:18px!important}.keyboard-hint{display:none}.keyboard{height:67px;min-height:67px}.selection-detail{grid-template-columns:165px minmax(0,1fr);grid-template-rows:1fr;gap:8px}.selection-detail>header{display:flex;padding:5px 8px;border-right:1px solid var(--line);border-bottom:0}.selection-detail>header small{display:block}.selection-detail>header strong{margin:2px 0;font-size:13px}.chapter-grid>button{grid-template-columns:25px minmax(0,1fr);padding:4px 6px}.chapter-grid>button>i{width:24px;height:24px}.chapter-grid em{display:none}.theory-bar{height:30px}.enter-layer,.hall-enter-slot{height:32px}.enter-layer{width:260px;min-height:30px;font-size:9px}.practice-topbar{top:var(--safe-top)}.back-button{min-width:96px;min-height:36px}.settings-button{width:44px;min-height:36px}.settings-button span{display:none}.rehearsal-layout{width:calc(100vw - 20px);padding-top:48px;grid-template-rows:48px minmax(0,1fr) 59px;gap:4px}.round-row button{flex-direction:row;gap:4px}.round-row b{max-width:none}.rehearsal-target{min-width:300px;padding:5px 16px}.giant-chord{margin:1px auto;font-size:44px}.rehearsal-target p{margin:1px 0}.rehearsal-stepper-dock{padding:4px 7px}.rehearsal-stepper-dock header{margin-bottom:3px}.step-rail span{height:20px}.story-compass{bottom:max(12vh,calc(env(safe-area-inset-bottom) + 15px))}.story-compass b{font-size:34px}.story-text-stack{bottom:max(7vh,calc(env(safe-area-inset-bottom) + 12px))}.story-settings{min-height:36px}.settings-drawer{padding-top:calc(48px + env(safe-area-inset-top))}}@media (hover:none){.story-segments{opacity:.82}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}