@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/QdVPSTAyLFyeg_IDWvOJmVES_Hw4BXoKZA-CRcqvyg1.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/QdVPSTAyLFyeg_IDWvOJmVES_Hw5BXoKZA-CiZNW1ec.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/QdVPSTAyLFyeg_IDWvOJmVES_Hw3BXo-PpnXBOrz.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/QdVMSTAyLFyeg_IDWvOJmVES_HTEJm86Rb0bcw-DREgrEoJ.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/QdVMSTAyLFyeg_IDWvOJmVES_HTEJm87Rb0bcw-h0Fp6aX0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/QdVMSTAyLFyeg_IDWvOJmVES_HTEJm81Rb0-B6LVzGNe.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/QdVMSTAyLFyeg_IDWvOJmVES_HToIW86Rb0bcw-nyU-ZL2p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/QdVMSTAyLFyeg_IDWvOJmVES_HToIW87Rb0bcw-BNd8euf0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/QdVMSTAyLFyeg_IDWvOJmVES_HToIW81Rb0-BZDkUTrt.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/QdVMSTAyLFyeg_IDWvOJmVES_HSMIG86Rb0bcw-Csr0PCuG.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/QdVMSTAyLFyeg_IDWvOJmVES_HSMIG87Rb0bcw-C8_gqRu2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/QdVMSTAyLFyeg_IDWvOJmVES_HSMIG81Rb0-DlW1Zbsh.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/geist-cyrillic-ext-JguAV-SU.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/geist-cyrillic-D_Kiv5N3.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/geist-vietnamese-BOnPvxSZ.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/geist-latin-ext-Dr5IBr7O.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/geist-latin-BGnTDqni.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/geist-mono-cyrillic-ext-0GQ79yac.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/geist-mono-cyrillic-C58l5Ba4.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/geist-mono-symbols-iW2ugney.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/geist-mono-vietnamese-DqVHphH-.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/geist-mono-latin-ext-Dyk9XLrL.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/geist-mono-latin-pyAoGB9p.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-geist-sans:"Geist", sans-serif;--font-geist-mono:"Geist Mono", monospace;--ink:#f4f6fb;--muted:#98a1b5;--muted-strong:#bbc3d1;--panel:#151a24;--panel-strong:#1a202c;--panel-soft:#10151d;--line:#ffffff1a;--line-strong:#ffffff2e;--accent:#70a9ff;--accent-strong:#347de9;--accent-soft:#5492f124;--success:#70d9b1;--danger:#ff6f78;--shadow:0 20px 65px #0000004d}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#0d1017;min-width:320px}body{color:var(--ink);font-family:"Be Vietnam Pro", var(--font-geist-sans), Arial, sans-serif;background:#0d1017;margin:0;font-size:15px}button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.app-shell{--custom-bg:#0d1017;--white-key:#f8f5ed;--black-key:#11151d;--piano-frame:#090c11;--key-accent:#70a9ff;min-height:100vh;color:var(--ink);background-color:var(--custom-bg);transition:background-color .18s}.app-shell[data-background-mode=color]{background-attachment:initial;background-image:none!important}.app-shell[data-background-mode=scene][data-theme=dark]{background-image:radial-gradient(circle at 14% 9%,#4b7ee821,#0000 31%),radial-gradient(circle at 87% 30%,#9760ff14,#0000 26%),linear-gradient(135deg,#0d1017eb,#080b11fa)}.app-shell[data-background-mode=scene][data-theme=light]{background-image:radial-gradient(circle at 16% 7%,#78b5ff6b,#0000 30%),radial-gradient(circle at 86% 22%,#c2e0ffa3,#0000 27%),linear-gradient(150deg,#eff6ff 0%,#e8eef6 50%,#dfe8f4 100%)}.app-shell[data-background-mode=scene][data-theme=retro]{background-image:linear-gradient(#ff5bca0b 1px,#0000 1px),linear-gradient(90deg,#58e8ff0a 1px,#0000 1px),radial-gradient(at 50% -15%,#ee3dc033,#0000 45%),linear-gradient(160deg,#180a2b,#0b1425 88%);background-size:42px 42px,42px 42px,auto,auto}.app-shell[data-background-mode=scene][data-theme=velvet]{background-image:linear-gradient(90deg,#60081d85,#0000 15% 85%,#60081d85),radial-gradient(at 50% 0,#ebb35d24,#0000 38%),linear-gradient(145deg,#240c14,#10070b 72%)}.app-shell[data-background-mode=scene][data-theme=forest]{background-image:radial-gradient(at 25% 0,#46dca52b,#0000 35%),radial-gradient(at 80% 12%,#5774f529,#0000 32%),linear-gradient(150deg,#071c17,#07120f 72%)}.app-shell[data-theme=light]{--ink:#111827;--muted:#667085;--muted-strong:#475467;--panel:#ffffffe6;--panel-strong:#fff;--panel-soft:#f3f4f6;--line:#131e341f;--line-strong:#131e3433;--shadow:0 20px 55px #232d4221}.app-shell[data-theme=retro]{--accent:#ff70c8;--accent-strong:#d844a0;--accent-soft:#ff70c826;--panel:#1c1230;--panel-strong:#24153d;--panel-soft:#150d26;--line:#ffd9f51f;--success:#6df1cf}.app-shell[data-theme=velvet]{--accent:#d8ad62;--accent-strong:#a9732f;--accent-soft:#d8ad6224;--panel:#211117;--panel-strong:#2a151d;--panel-soft:#160a0f;--line:#ffe2b51f;--line-strong:#ffe2b538;--success:#e3bd76}.app-shell[data-theme=forest]{--accent:#6fd9b1;--accent-strong:#2e9e79;--accent-soft:#6fd9b124;--panel:#10221d;--panel-strong:#142b24;--panel-soft:#091814;--line:#bff5da1c;--line-strong:#bff5da33;--success:#87e7bd}.app-shell[data-theme=cosmos]{--ink:#f4f7ff;--muted:#8f9bb7;--muted-strong:#c2cbed;--accent:#9d8cff;--accent-strong:#6f63e8;--accent-soft:#8f7eff29;--panel:#090e22c9;--panel-strong:#101734eb;--panel-soft:#050919c7;--line:#b0bbff1f;--line-strong:#b0bbff3d;--success:#82e6ff;--shadow:0 24px 80px #0000147a;background-color:#030712;background-image:linear-gradient(#030712b3,#030712e0),url(/themes/cosmic-ton618-stage.webp);background-position:top;background-size:cover;background-attachment:fixed}.app-shell[data-background-mode=scene][data-theme=cosmos]{background-image:linear-gradient(#03071294,#030712e0),url(/themes/cosmic-ton618-stage.webp)}.app-shell[data-theme=cosmos] .site-header{background:linear-gradient(90deg,#0c122ce0,#070a1db8);border-bottom-color:#aebbff2e;box-shadow:0 10px 40px #00001442}.app-shell[data-theme=cosmos] .brand-mark{color:#f8f7ff;background:radial-gradient(circle at 35% 30%,#b5c9ff 0 5%,#0000 6%),conic-gradient(from 205deg,#5d59df,#b56fe8,#5ebcf1,#5d59df);border-radius:50%;box-shadow:0 0 0 5px #907fff14,0 0 30px #7166ff66}.app-shell[data-theme=cosmos] .main-nav{background:#05091aa8;border-color:#adb9ff29;box-shadow:inset 0 1px #ffffff0a}.app-shell[data-theme=cosmos] .main-nav button.active{background:linear-gradient(135deg,#6e64e857,#4191cd33);box-shadow:inset 0 0 0 1px #afb9ff29,0 8px 25px #0c0f376b}.app-shell[data-theme=cosmos] :is(.panel,.sheet-console,.piano-shell,.instrument-browser,.recording-result,.empty-library){-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#141b3dd1,#060b1fdb);border-color:#abb7ff29;box-shadow:0 24px 80px #0000166b,inset 0 1px #ffffff09}.app-shell[data-theme=cosmos] .piano-frame{border-color:#9baaff3d;box-shadow:0 22px 70px #00001285,0 0 55px #735dff21}.app-shell[data-theme=cosmos] .piano-topline{background:linear-gradient(90deg,#0c132efa,#18123af5);border-bottom-color:#a6b5ff26}.app-shell[data-theme=cosmos] .eyebrow{text-shadow:0 0 20px #85adff85}.site-header{z-index:50;background:color-mix(in srgb, var(--custom-bg) 86%, transparent);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);grid-template-columns:minmax(230px,1fr) auto minmax(230px,1fr);align-items:center;gap:26px;min-height:76px;padding:0 30px;display:grid;position:sticky;top:0}.brand{width:max-content;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:flex}.brand-mark{color:#07111f;background:var(--accent);letter-spacing:-1px;width:42px;height:42px;box-shadow:0 8px 25px color-mix(in srgb, var(--accent) 25%, transparent);border:1px solid #ffffff59;border-radius:13px;place-items:center;font-size:18px;font-weight:800;display:grid}.brand strong,.brand small{display:block}.brand strong{font-size:17px;line-height:1.2}.brand small{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-top:3px;font-size:12px}.main-nav{background:var(--panel-soft);border:1px solid var(--line);border-radius:13px;gap:3px;padding:5px;display:flex}.main-nav button{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:9px;padding:9px 16px;font-size:13px;font-weight:600}.main-nav button:hover{color:var(--ink)}.main-nav button.active{color:var(--ink);background:var(--panel-strong);box-shadow:0 4px 13px #00000026}.sound-pill{min-width:190px;color:var(--muted-strong);background:var(--panel);border:1px solid var(--line);border-radius:999px;justify-content:center;justify-self:end;align-items:center;gap:8px;padding:9px 12px;font-size:13px;font-weight:600;display:flex}.sound-pill span,.status-light{background:var(--success);width:7px;height:7px;box-shadow:0 0 0 4px color-mix(in srgb, var(--success) 12%, transparent);border-radius:50%;flex:none;display:inline-block}.sound-pill.loading span,.status-light.loading{background:#f1c56a;animation:1s ease-in-out infinite pulse}.sound-pill.fallback span,.status-light.fallback{background:var(--danger)}.play-view{padding:34px clamp(16px,2.4vw,40px) 24px}.performance-head,.page-intro,.generator-grid,.honesty-note,.settings-grid,.sheet-library-grid,.empty-library{width:min(1420px,100%);margin-inline:auto}.performance-head{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:22px;display:flex}.eyebrow{color:var(--accent);letter-spacing:.15em;text-transform:uppercase;margin:0 0 10px;font-size:13px;font-weight:700}.performance-head h1,.page-intro h1{letter-spacing:-.04em;max-width:900px;margin:0;font-size:clamp(28px,4vw,48px);line-height:1.08}.performance-head h1{font-size:clamp(26px,3vw,38px)}.performance-head p:not(.eyebrow),.page-intro>p:not(.eyebrow){max-width:760px;color:var(--muted);margin:10px 0 0;font-size:14px;line-height:1.7}.head-actions,.library-actions,.card-actions,.play-footer>div{align-items:center;gap:9px;display:flex}.primary-button,.soft-button,.danger-button,.card-actions button,.play-footer button{cursor:pointer;border-radius:10px;min-height:42px;padding:0 17px;font-size:12px;font-weight:700;transition:transform .12s,border-color .12s,background-color .12s}.primary-button{color:#07111f;background:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 70%, #fff);box-shadow:0 8px 24px color-mix(in srgb, var(--accent) 18%, transparent)}.primary-button:hover,.soft-button:hover,.danger-button:hover,.card-actions button:hover,.play-footer button:hover{transform:translateY(-1px)}.primary-button.stop{color:#fff;background:#c9414e;border-color:#ec6a74}.primary-button:disabled,.card-actions button:disabled{opacity:.42;cursor:not-allowed;transform:none}.soft-button,.danger-button,.card-actions button,.play-footer button{color:var(--muted-strong);background:var(--panel);border:1px solid var(--line-strong)}.loop-toggle.active{color:var(--accent);background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 58%, var(--line));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 20%, transparent)}.danger-button,.card-actions .icon-danger{color:#ff939a}.wide{width:100%}.sheet-console{background:var(--panel);border:1px solid var(--line);width:min(1420px,100%);min-height:196px;box-shadow:var(--shadow);border-radius:18px 18px 10px 10px;grid-template-columns:242px minmax(0,1fr);margin:0 auto 12px;display:grid;overflow:hidden}.score-panel{background:var(--panel-soft);border-right:1px solid var(--line);align-content:center;gap:13px;padding:23px 24px;display:grid}.score-panel>div:not(.score-progress){justify-content:space-between;align-items:baseline;gap:15px;display:flex}.score-panel span{color:var(--muted);font-size:13px}.score-panel strong{font-family:var(--font-geist-mono), monospace;font-size:14px}.score-progress,.analysis-bar{background:var(--line);border-radius:999px;height:4px;overflow:hidden}.score-progress i,.analysis-bar i{background:var(--accent);border-radius:inherit;height:100%;transition:width .15s;display:block}.sheet-stage{min-width:0;padding:18px 24px 16px}.transport-bar{color:var(--muted);font-family:var(--font-geist-mono), monospace;grid-template-columns:auto minmax(120px,1fr) auto auto;align-items:center;gap:10px;margin-bottom:13px;font-size:11px;display:grid}.transport-bar input{width:100%;accent-color:var(--accent);cursor:pointer}.transport-bar input:disabled{opacity:.4;cursor:not-allowed}.transport-bar strong{min-width:84px;color:var(--muted-strong);font-family:var(--font-geist-sans), sans-serif;text-align:right;font-size:11px}.sheet-meta{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;font-size:12px;font-weight:700;display:flex}.note-ribbon{background:var(--panel-soft);border:1px solid var(--line);scrollbar-width:thin;border-radius:12px;align-items:center;gap:7px;min-height:86px;padding:10px;display:flex;overflow-x:auto}.note-ribbon button{width:52px;min-width:52px;height:62px;color:var(--muted-strong);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;align-content:center;place-items:center;gap:3px;display:grid;position:relative}.note-ribbon button strong{font-family:var(--font-geist-mono), monospace;font-size:19px}.note-ribbon button small{color:var(--muted);font-size:11px}.note-ribbon button.chord{border-color:color-mix(in srgb, var(--accent) 26%, transparent);width:auto;min-width:76px;padding-inline:10px}.note-ribbon button.chord strong{color:var(--accent);font-size:16px}.note-ribbon button.chord.current strong{color:#06101f}.note-ribbon button.chord small{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.note-ribbon button.passed{opacity:.36}.note-ribbon button.current{color:#06101f;background:var(--accent);border-color:color-mix(in srgb, var(--accent) 70%, #fff);transform:translateY(-2px)}.note-ribbon button.current small{color:#06101fb3}.rest-marks{color:var(--accent);font-family:var(--font-geist-mono), monospace;letter-spacing:-.12em;font-size:12px;font-style:normal;font-weight:800;line-height:1;position:absolute;top:4px;right:6px}.note-ribbon button.current .rest-marks{color:#06101fbd}.empty-ribbon{color:var(--muted);margin:auto;font-size:12px}.next-note{min-height:37px;color:var(--muted);align-items:center;gap:12px;padding-top:12px;font-size:13px;display:flex}.next-note kbd,.mini-notes kbd{min-width:27px;height:27px;color:var(--ink);background:var(--panel-strong);border:1px solid var(--line-strong);font-family:var(--font-geist-mono), monospace;border-bottom-width:3px;border-radius:6px;place-items:center;padding:0 7px;font-size:12px;font-weight:700;display:inline-grid}.next-note strong{color:var(--muted-strong)}.control-deck{background:var(--panel-soft);border:1px solid var(--line);border-radius:10px;grid-template-columns:repeat(5,1fr);gap:5px;width:min(1420px,100%);min-height:53px;margin:0 auto 12px;padding:6px;display:grid;box-shadow:0 12px 35px #0000002e}.control-deck button{min-height:39px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;font-size:12px;font-weight:700}.control-deck button:hover,.control-deck button.selected{color:var(--ink);background:var(--panel);border-color:var(--line)}.control-deck button.recording{color:#ffd9dc;background:#ff5b6926;border-color:#ff6f784d}.record-dot{background:var(--danger);border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.recording .record-dot{animation:.8s ease-in-out infinite pulse}.recording-result{background:linear-gradient(100deg, #70d9b114, transparent 45%), var(--panel);border:1px solid color-mix(in srgb, var(--success) 32%, var(--line));border-radius:12px;grid-template-columns:minmax(210px,.8fr) minmax(250px,1fr) auto;align-items:center;gap:14px;width:min(1420px,100%);margin:0 auto 12px;padding:12px 14px;display:grid}.recording-result-copy{align-items:center;gap:10px;min-width:0;display:flex}.recording-result-copy>span:last-child{gap:3px;min-width:0;display:grid}.recording-result-copy strong{color:var(--ink);font-size:13px}.recording-result-copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.record-ready-dot{background:var(--success);width:9px;height:9px;box-shadow:0 0 0 5px color-mix(in srgb, var(--success) 12%, transparent);border-radius:50%;flex:none}.recording-result audio{width:100%;height:34px}.recording-downloads{align-items:center;gap:7px;display:flex}.recording-downloads button{min-height:34px;color:var(--muted-strong);background:var(--panel-soft);border:1px solid var(--line-strong);cursor:pointer;border-radius:7px;padding:0 11px;font-size:11px;font-weight:700}.recording-downloads button:not(.recording-discard){color:#07111f;background:var(--success);border-color:color-mix(in srgb, var(--success) 70%, #fff)}.recording-downloads button:disabled{opacity:.55;cursor:wait}.recording-downloads .recording-discard{color:#ff9aa2}.instrument-browser{width:min(1420px,100%);max-height:min(630px,70vh);color:var(--ink);background:radial-gradient(circle at 86% -18%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 32%), var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);scrollbar-color:var(--line-strong) transparent;border-radius:16px;margin:0 auto 12px;padding:clamp(20px,2.5vw,32px);overflow-y:auto}.instrument-browser-head{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:27px;display:flex}.instrument-browser-head h2{letter-spacing:-.04em;margin:0;font-size:clamp(22px,3vw,31px)}.instrument-browser-head p:not(.eyebrow){color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.6}.instrument-group+.instrument-group{margin-top:27px}.instrument-group-title{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:11px;display:flex}.instrument-group-title h3{letter-spacing:.09em;text-transform:uppercase;margin:0;font-size:12px}.instrument-group-title span{color:var(--muted);font-size:11px}.instrument-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.instrument-card{min-height:124px;color:var(--muted-strong);background:var(--panel-soft);border:1px solid var(--line);text-align:left;cursor:pointer;border-radius:12px;align-content:space-between;gap:11px;padding:16px;transition:transform .14s,border-color .14s,background-color .14s;display:grid}.instrument-card:hover{border-color:var(--line-strong);transform:translateY(-2px)}.instrument-card.active{background:var(--accent-soft);border-color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent)}.instrument-card-top,.instrument-card-foot{justify-content:space-between;align-items:center;gap:12px;display:flex}.instrument-card-top strong{color:var(--ink);font-size:12px;line-height:1.35}.instrument-card-top i{color:var(--accent);background:var(--accent-soft);letter-spacing:.06em;text-transform:uppercase;border-radius:5px;flex:none;padding:4px 6px;font-size:10px;font-style:normal;font-weight:700}.instrument-card small{color:var(--muted);font-size:11px;line-height:1.55}.instrument-card-foot{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;font-size:10px;font-weight:700}.instrument-card.active .instrument-card-foot{color:var(--accent)}.guide-strip{width:min(1420px,100%);color:var(--muted);background:var(--accent-soft);border:1px solid color-mix(in srgb, var(--accent) 25%, transparent);border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px 24px;margin:0 auto 12px;padding:13px 18px;font-size:13px;display:flex}.guide-strip strong{color:var(--accent)}.piano-scroll{overscroll-behavior-x:contain;scrollbar-color:var(--line-strong) transparent;width:100%;padding-bottom:8px;overflow-x:auto}.piano-frame{background:var(--piano-frame);border:1px solid #ffffff24;border-radius:14px;width:max(100%,1420px);min-width:1420px;margin-inline:auto;padding:9px 10px 8px;box-shadow:0 25px 55px #00000057,inset 0 1px #ffffff14}.piano-topline{color:#bbc4d2;justify-content:space-between;align-items:center;gap:20px;height:44px;padding:0 10px 0 14px;display:flex}.piano-topline>div:first-child{align-items:center;gap:9px;min-width:0;display:flex}.piano-topline>div:first-child strong{flex:none}.piano-topline small{color:#6f7887;letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;max-width:500px;margin-left:5px;font-size:11px;overflow:hidden}.piano-live-status{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, #111722);border:1px solid color-mix(in srgb, var(--accent) 42%, #27303c);font-family:var(--font-geist-mono), monospace;letter-spacing:.03em;text-shadow:0 0 12px color-mix(in srgb, var(--accent) 55%, transparent);border-radius:999px;padding:5px 9px;font-size:12px;font-weight:850}.live-controls{align-items:center;gap:12px;display:flex}.live-controls label{color:#7f8998;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;font-size:11px;font-weight:600;display:flex}.live-controls input{width:110px;height:3px;accent-color:var(--accent)}.live-controls output{color:#b8c1cf;width:32px;font-family:var(--font-geist-mono), monospace;font-size:11px}.live-controls button{color:#8993a2;cursor:pointer;background:#121720;border:1px solid #242b37;border-radius:6px;height:28px;padding:0 11px;font-size:11px;font-weight:700}.live-controls button.pedal-on{color:#07111f;background:var(--accent);border-color:var(--accent)}.piano-keybed{background:color-mix(in srgb, var(--piano-frame) 82%, #000);border:1px solid color-mix(in srgb, var(--piano-frame) 70%, #8b96a8);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:6px 6px 10px 10px;height:294px;position:relative;overflow:hidden}.white-key-grid{grid-template-columns:repeat(36,minmax(0,1fr));display:grid;position:absolute;inset:0}.piano-key{cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;padding:0;position:relative}.piano-key.white{z-index:1;background:var(--white-key);border:0;border-right:1px solid #0d121a7a;border-bottom:9px solid color-mix(in srgb, var(--white-key) 78%, #667080);border-radius:0 0 7px 7px;min-width:0;height:100%;box-shadow:inset 0 -18px 20px #222b3614}.piano-key.white:first-child{border-left:1px solid #0d121a59}.piano-key.black{--black-width:23px;z-index:4;top:0;left:calc((var(--white-index) + 1) * 100% / 36 - var(--black-width) / 2);width:var(--black-width);color:#eef2f8;background:var(--black-key);border:1px solid #ffffff12;border-bottom:10px solid color-mix(in srgb, var(--black-key) 60%, #000);border-radius:0 0 8px 8px;height:184px;position:absolute;box-shadow:0 9px 8px #0000006b,inset 0 -15px 14px #ffffff0d}.piano-key.white.pressed{background:color-mix(in srgb, var(--key-accent) 42%, var(--white-key));border-bottom-width:5px;height:calc(100% - 4px);transform:translateY(4px)}.piano-key.black.pressed{background:color-mix(in srgb, var(--key-accent) 54%, var(--black-key));border-bottom-width:6px;height:180px;transform:translateY(4px)}.piano-key.expected:after{content:"";background:var(--key-accent);height:4px;box-shadow:0 0 13px var(--key-accent);border-radius:999px;position:absolute;inset:auto 4px 10px}.piano-key.black.expected:after{inset:auto 3px 10px}.key-label{pointer-events:none;place-items:center;gap:5px;display:grid;position:absolute;inset:auto 0 22px}.piano-key.black .key-label{inset:auto 0 20px}.key-label strong{color:#27303c;font-family:var(--font-geist-mono), monospace;font-size:13px}.key-label small{color:#818996;font-size:10px;font-weight:700}.piano-key.black .key-label strong{color:#f0f2f7}.piano-key.black .key-label small{color:#8992a0}.octave-scale{color:#515a68;height:24px;font-family:var(--font-geist-mono), monospace;text-transform:uppercase;grid-template-columns:repeat(6,1fr);padding:7px 5px 0;font-size:10px;display:grid}.octave-scale span{border-left:1px solid #222933;padding-left:7px}.play-footer{justify-content:space-between;align-items:center;gap:20px;width:min(1420px,100%);margin:3px auto 0;display:flex}.play-footer p{color:var(--muted);margin:0;font-size:12px}.play-footer p strong{color:var(--muted-strong)}.play-footer .play-notice.active{color:var(--accent);font-weight:650}.play-footer button{min-height:34px;padding:0 12px;font-size:12px}.app-shell.stage-active{background:#060810;height:100dvh;overflow:hidden}.stage-active .site-header,.stage-background-hidden{display:none}.stage-experience{--stage-light-x:50%;--stage-intensity:0;--stage-room:.18;--stage-accent:#78adff;--stage-accent-2:#a387ff;--stage-aura:#71adff80;--stage-aura-soft:#5e6ceb38;--stage-dust:#cadcffb3;--stage-panel:#0a0e18ad;--stage-line:#b2cbff1f;--stage-muted:#8c98ad;--stage-key-glow:#69a5ffb8;z-index:100;color:#f6f8ff;background:radial-gradient(circle at 50% 120%,#4178d22e,#0000 42%),linear-gradient(160deg,#080b14 0%,#090d18 52%,#05070c 100%);grid-template-rows:auto minmax(150px,.8fr) auto;align-content:space-between;gap:14px;min-width:320px;padding:18px clamp(14px,2vw,30px) 98px;display:grid;position:fixed;inset:0;overflow:hidden}.stage-theme-light{--stage-accent:#4b8ee8;--stage-accent-2:#78b6ec;--stage-aura:#7ebfff85;--stage-aura-soft:#b5dcff61;--stage-dust:#ffffffeb;--stage-panel:#f4f9ffbf;--stage-line:#4170ac33;--stage-muted:#58708f;--stage-key-glow:#468fe8a8;color:#13233a;background:radial-gradient(circle at 50% 115%,#63acf638,#0000 44%),linear-gradient(160deg,#edf7ff 0%,#d9eafa 48%,#bcd7f0 100%)}.stage-theme-light .stage-brand strong,.stage-theme-light .stage-status,.stage-theme-light .stage-sheet-card,.stage-theme-light .stage-controls,.stage-theme-light .stage-next-note strong,.stage-theme-light .stage-transport,.stage-theme-light .stage-speed{color:#1b2a42}.stage-theme-light .stage-exit,.stage-theme-light .stage-controls button,.stage-theme-light .stage-note-ribbon button{color:#2b3d56}.stage-theme-light .stage-note-ribbon button.passed{color:#7490ae}.stage-experience.stage-background-color{background:linear-gradient(150deg, color-mix(in srgb, var(--custom-bg) 84%, #000), var(--custom-bg))}.stage-theme-retro{--stage-accent:#ff72d2;--stage-accent-2:#56e7ff;--stage-aura:#ff4fcd94;--stage-aura-soft:#37daff3d;--stage-dust:#77f2ffd1;--stage-panel:#18082ab8;--stage-line:#ff6dda33;--stage-muted:#c598d5;--stage-key-glow:#ff4acfc2;background:repeating-linear-gradient(0deg,#0000 0 3px,#7a36a50b 3px 4px),linear-gradient(150deg,#10061d 0%,#1b0a32 50%,#061420 100%)}.stage-theme-velvet{--stage-accent:#e3bd76;--stage-accent-2:#b43b4d;--stage-aura:#ffcf768a;--stage-aura-soft:#9e24374d;--stage-dust:#ffdea0d1;--stage-panel:#230a11bd;--stage-line:#efc37833;--stage-muted:#c6a9a5;--stage-key-glow:#e2af5bc7;background:linear-gradient(90deg,#500a1785,#0000 18% 82%,#500a1785),radial-gradient(circle at 50% 118%,#ce8d4533,#0000 40%),linear-gradient(160deg,#17080d 0%,#270c14 48%,#080609 100%)}.stage-theme-forest{--stage-accent:#72e6bd;--stage-accent-2:#6f8fff;--stage-aura:#5bebb28a;--stage-aura-soft:#506ff538;--stage-dust:#b0ffcad6;--stage-panel:#051c17b3;--stage-line:#8beec42b;--stage-muted:#91b8ab;--stage-key-glow:#5ae0b1c2;background:radial-gradient(at 50% 116%,#3c9e7533,#0000 46%),linear-gradient(155deg,#04110e 0%,#08221b 52%,#050a12 100%)}.stage-theme-cosmos{--stage-accent:#a99aff;--stage-accent-2:#67d9ff;--stage-aura:#8b75ff7a;--stage-aura-soft:#40b8ff33;--stage-dust:#d2ddffe0;--stage-panel:#050a1db0;--stage-line:#aebdff33;--stage-muted:#9da8c6;--stage-key-glow:#7e6fffd1;background:linear-gradient(#01040e14,#01040e57 55%,#01040ed1),url(/themes/cosmic-ton618-stage.webp) 50%/cover no-repeat,#02050d}.stage-atmosphere{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.stage-theme-light .stage-atmosphere{background:linear-gradient(112deg,#0000 18%,#ffdca214 42%,#0000 62%)}.stage-theme-retro .stage-atmosphere{background-color:#0000;background-image:linear-gradient(#43e5ff12 1px,#0000 1px),linear-gradient(90deg,#ff4fcf0f 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:54px 54px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;-webkit-mask-image:linear-gradient(#0000 0%,#000 44% 100%);mask-image:linear-gradient(#0000 0%,#000 44% 100%)}.stage-theme-velvet .stage-atmosphere{background:linear-gradient(102deg,#710a1d61,#0000 19%),linear-gradient(258deg,#710a1d61,#0000 19%)}.stage-theme-forest .stage-atmosphere{background:linear-gradient(118deg,#0000 18%,#4cffb514 42%,#0000 60%),linear-gradient(72deg,#0000 30%,#5d74ff12 53%,#0000 72%)}.stage-theme-cosmos .stage-atmosphere{background:radial-gradient(circle at 76% 24%,#0000 0 8%,#af84ff14 13%,#0000 27%),linear-gradient(118deg,#0000 20%,#5c70ff0d 46%,#0000 64%)}.stage-atmosphere:before,.stage-atmosphere:after{content:"";filter:blur(50px);opacity:.2;border-radius:50%;width:58vw;height:58vw;animation:18s ease-in-out infinite alternate stage-drift;position:absolute}.stage-atmosphere:before{background:color-mix(in srgb, var(--stage-accent) 64%, transparent);top:-39vw;left:-13vw}.stage-atmosphere:after{background:color-mix(in srgb, var(--stage-accent-2) 56%, transparent);animation-delay:-8s;bottom:-39vw;right:-22vw}.stage-aura{top:50%;left:var(--stage-light-x);width:min(68vw,980px);height:min(62vh,650px);opacity:calc(.16 + var(--stage-intensity) * .5 + var(--stage-room) * .13);background:radial-gradient(ellipse, var(--stage-aura) 0%, var(--stage-aura-soft) 30%, transparent 68%);filter:blur(calc(22px + var(--stage-room) * 32px));transition:left .18s,opacity .14s,filter .24s;position:absolute;transform:translate(-50%,-50%)}.stage-has-notes .stage-aura{animation:.9s ease-out stage-note-breathe}.stage-theme-light .stage-aura{height:min(74vh,760px);top:38%}.stage-theme-retro .stage-aura{width:min(56vw,820px);height:min(54vh,560px);filter:blur(calc(14px + var(--stage-room) * 24px))}.stage-theme-velvet .stage-aura{width:min(52vw,760px);top:44%}.stage-theme-forest .stage-aura{border-radius:48%;width:min(76vw,1080px);height:min(48vh,520px)}.stage-theme-cosmos .stage-aura{mix-blend-mode:screen;width:min(72vw,1050px);height:min(48vh,520px);filter:blur(calc(18px + var(--stage-room) * 26px));top:58%}.stage-dust{--dust-x:50%;--dust-y:50%;--dust-delay:0s;--dust-duration:10s;top:var(--dust-y);left:var(--dust-x);background:var(--stage-dust);width:3px;height:3px;box-shadow:0 0 9px color-mix(in srgb, var(--stage-dust) 82%, transparent);animation:stage-dust-float var(--dust-duration) ease-in-out var(--dust-delay) infinite;border-radius:50%;position:absolute}.stage-theme-retro .stage-dust{border-radius:2px;width:2px;height:8px}.stage-theme-velvet .stage-dust{background:var(--stage-dust);box-shadow:0 0 13px #ffc96fad}.stage-theme-forest .stage-dust{width:4px;height:4px;box-shadow:0 0 15px #74ffb8f0}.stage-theme-cosmos .stage-dust{width:2px;height:2px;box-shadow:0 0 12px #b4c8fffa}.stage-header{z-index:4;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;min-height:58px;padding:0 4px;display:grid;position:relative}.stage-brand{align-items:center;gap:12px;min-width:0;display:flex}.stage-brand>span{color:#07111f;background:var(--stage-accent);width:38px;height:38px;box-shadow:0 0 28px color-mix(in srgb, var(--stage-accent) 32%, transparent);border-radius:12px;place-items:center;font-size:16px;font-weight:800;display:grid}.stage-brand>div{gap:2px;min-width:0;display:grid}.stage-brand small{color:var(--stage-muted);letter-spacing:.15em;text-transform:uppercase;font-size:10px;font-weight:700}.stage-brand strong{color:#f5f7ff;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(14px,1.5vw,20px);overflow:hidden}.stage-status{color:#a7b1c5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b0f1a99;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:8px;padding:8px 13px;font-size:11px;display:flex}.stage-status strong{color:#ff9da5;font-size:11px}.stage-exit{color:#aeb8ca;cursor:pointer;background:#0c101bad;border:1px solid #ffffff1c;border-radius:8px;justify-self:end;min-height:36px;padding:0 13px;font-size:11px;font-weight:700}.stage-sheet-card{background:linear-gradient(115deg, color-mix(in srgb, var(--stage-accent) 10%, transparent), transparent 42%), var(--stage-panel);border:1px solid var(--stage-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:18px;align-content:center;gap:10px;width:min(1120px,100%);min-height:150px;margin:auto;padding:14px 18px 12px;display:grid;box-shadow:0 22px 80px #00000057}.stage-transport{color:#7f8ba1;font-family:var(--font-geist-mono), monospace;grid-template-columns:auto minmax(90px,1fr) auto;align-items:center;gap:12px;font-size:10px;display:grid}.stage-transport>div{background:#ffffff17;border-radius:999px;height:3px;overflow:hidden}.stage-transport i{background:linear-gradient(90deg, var(--stage-accent), var(--stage-accent-2));border-radius:inherit;height:100%;box-shadow:0 0 12px color-mix(in srgb, var(--stage-accent) 72%, transparent);display:block}.stage-note-ribbon{justify-content:center;align-items:center;gap:clamp(5px,.7vw,10px);min-width:0;display:flex;overflow:hidden}.stage-note-ribbon button{color:#768197;cursor:pointer;background:#0d121e85;border:1px solid #ffffff12;border-radius:10px;place-items:center;gap:3px;min-width:48px;min-height:62px;padding:7px 8px;transition:opacity .15s,transform .15s,border-color .15s,background .15s;display:grid}.stage-note-ribbon button strong{font-family:var(--font-geist-mono), monospace;font-size:14px}.stage-note-ribbon button small{font-size:10px}.stage-note-ribbon button em{color:#8ab6ff;font-size:10px;font-style:normal}.stage-note-ribbon button.passed{opacity:.28}.stage-note-ribbon button.current{color:#07111f;background:linear-gradient(145deg, color-mix(in srgb, var(--stage-accent) 82%, white), var(--stage-accent));box-shadow:0 8px 30px color-mix(in srgb, var(--stage-accent) 32%, transparent);border-color:#ffffff9e;transform:translateY(-3px)scale(1.05)}.stage-note-ribbon button.chord strong:before{content:"["}.stage-note-ribbon button.chord strong:after{content:"]"}.stage-next-note{min-height:26px;color:var(--stage-muted);justify-content:center;align-items:center;gap:9px;font-size:11px;display:flex}.stage-next-note kbd{color:#e9f1ff;border:1px solid color-mix(in srgb, var(--stage-accent) 34%, transparent);min-width:30px;min-height:25px;font-family:var(--font-geist-mono), monospace;background:#151d2d;border-bottom-width:3px;border-radius:6px;place-items:center;padding:3px 7px;display:inline-grid}.stage-next-note strong{color:#c6cfdf}.stage-piano-wrap{z-index:3;align-self:end;min-width:0;position:relative}.stage-piano-scroll{scrollbar-width:thin;padding-bottom:0}.stage-piano-scroll .piano-frame{border-color:color-mix(in srgb, var(--stage-accent) 24%, transparent);box-shadow:0 20px 70px #00000080, 0 0 65px color-mix(in srgb, var(--stage-accent) 13%, transparent)}.stage-piano-wrap .piano-key.pressed{filter:brightness(1.07);box-shadow:0 0 30px var(--stage-key-glow), inset 0 -12px 16px color-mix(in srgb, var(--stage-accent) 28%, transparent)}.stage-theme-cosmos .stage-piano-wrap{perspective:1700px;filter:drop-shadow(0 30px 45px #00001280)}.stage-theme-cosmos .stage-piano-wrap .piano-frame{-webkit-backdrop-filter:blur(14px)saturate(1.3);backdrop-filter:blur(14px)saturate(1.3);transform-origin:bottom;background:radial-gradient(circle at 76% -40%,#7c5cff47,#0000 38%),linear-gradient(145deg,#050a1fb3,#0a08236b);border-color:#9fbbff6b;border-radius:18px;position:relative;overflow:hidden;transform:rotateX(1.8deg);box-shadow:0 24px 70px #00001494,0 0 48px #5672ff33,0 0 1px 1px #80d3ff24,inset 0 1px #ffffff29}.stage-theme-cosmos .stage-piano-wrap .piano-frame:before{content:"";z-index:6;pointer-events:none;background:linear-gradient(90deg,#0000,#75d7ff 24%,#b69bff 52%,#75d7ff 78%,#0000);height:1px;position:absolute;top:0;left:7%;right:7%;box-shadow:0 0 15px #75d7ffbd,0 0 28px #a079ff7a}.stage-theme-cosmos .stage-piano-wrap .piano-topline{color:#dce7ff;text-shadow:0 0 18px #84b3ff52;background:linear-gradient(90deg,#081131b8,#1b10438a,#071631b3);border-bottom:1px solid #91bfff33}.stage-theme-cosmos .stage-piano-wrap .piano-keybed{-webkit-backdrop-filter:blur(7px)saturate(1.15);backdrop-filter:blur(7px)saturate(1.15);background:radial-gradient(circle at 16% 12%,#7ab4ff29,#0000 27%),radial-gradient(circle at 82% 8%,#a666ff21,#0000 31%),#0206141f;border-color:#9ec2ff52;overflow:visible;box-shadow:inset 0 13px 28px #00001852,inset 0 0 0 1px #d0e1ff0a}.stage-theme-cosmos .stage-piano-wrap .piano-key.white{-webkit-backdrop-filter:blur(4px)saturate(1.14);backdrop-filter:blur(4px)saturate(1.14);background:linear-gradient(112deg,#0000 0 35%,#ffffff3d 42%,#0000 49%),linear-gradient(#ecf6ffa3 0%,#aeccf666 54%,#536ebb94 100%);border-bottom-color:#364a8bcc;border-right-color:#7697cd80;border-radius:0 0 9px 9px;box-shadow:inset 1px 0 #ffffff38,inset -1px 0 #3f5b9a29,inset 0 1px #ffffffa3,inset 0 -24px 35px #2c3e8b26,0 8px 16px #00041c2b}.stage-theme-cosmos .stage-piano-wrap .piano-key.black{color:#eef4ff;-webkit-backdrop-filter:blur(7px)saturate(1.18);backdrop-filter:blur(7px)saturate(1.18);background:radial-gradient(at 38% 0,#ab8bff45,#0000 43%),linear-gradient(#202554eb,#070a21d6);border-color:#abc3ff47 #abc3ff47 #010311f0;border-radius:0 0 9px 9px;box-shadow:0 11px 16px #00001294,inset 0 1px #d3ddff33,inset 0 -15px 20px #00001247,0 0 13px #7763ff1f}.stage-theme-cosmos .stage-piano-wrap .piano-key.white.pressed{background:radial-gradient(circle at 50% 84%,#78eafff0,#0000 30%),linear-gradient(#e0f1ffe6,#7e8fffad);border-bottom-color:#5bd4ffe0;animation:.36s ease-out cosmos-key-flare;box-shadow:inset 0 0 30px #56b0ff94,0 0 21px #52ccffcc,0 0 42px #795dff75}.stage-theme-cosmos .stage-piano-wrap .piano-key.black.pressed{background:radial-gradient(circle at 50% 70%,#69dcffb3,#0000 40%),linear-gradient(#8b69fff5,#1d2b7bf0);border-bottom-color:#5b8dffeb;animation:.36s ease-out cosmos-key-flare;box-shadow:inset 0 0 22px #dbd0ff6b,0 0 25px #69cdffad,0 0 44px #9159ffc7}.stage-theme-cosmos .stage-piano-wrap .piano-key.expected:after{background:#83d8ff;box-shadow:0 0 12px #71e4ff,0 0 25px #6d8fff,0 0 38px #9968ffb8}.stage-theme-cosmos .stage-piano-wrap .piano-key.white .key-label strong{color:#132d5d;text-shadow:0 1px #ffffff57}.stage-theme-cosmos .stage-piano-wrap .piano-key.white .key-label small{color:#456897}.stage-theme-cosmos .stage-piano-wrap .piano-key.black .key-label strong{text-shadow:0 0 12px #a8cdff6b}.stage-theme-cosmos .stage-piano-wrap .octave-scale{color:#b2cfffc7}.stage-theme-cosmos .stage-piano-wrap .octave-scale span{border-left-color:#88aeff42}@keyframes cosmos-key-flare{0%{filter:brightness(1.42)saturate(1.45)}to{filter:brightness(1.07)saturate()}}.stage-controls{z-index:12;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:.12;pointer-events:none;background:#080c15db;border:1px solid #ffffff1c;border-radius:14px;grid-template-columns:auto auto auto minmax(220px,1fr) minmax(150px,.32fr) auto auto;align-items:center;gap:7px;min-height:64px;padding:9px;transition:opacity .18s,transform .18s;display:grid;position:fixed;bottom:16px;left:clamp(12px,2vw,30px);right:clamp(12px,2vw,30px);transform:translateY(12px);box-shadow:0 20px 60px #00000075}.stage-controls.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.stage-controls>button{color:#aab5c8;cursor:pointer;white-space:nowrap;background:#111725;border:1px solid #ffffff17;border-radius:8px;min-height:42px;padding:0 13px;font-size:11px;font-weight:700}.stage-controls .stage-play{color:#07111f;background:var(--stage-accent);border-color:color-mix(in srgb, var(--stage-accent) 72%, white)}.stage-controls .stage-play.pause{color:#fff;background:#be4350;border-color:#e86f79}.stage-controls .stage-loop.active{color:#07111f;background:color-mix(in srgb, var(--stage-accent) 76%, white);border-color:color-mix(in srgb, var(--stage-accent) 70%, white);box-shadow:0 0 18px color-mix(in srgb, var(--stage-accent) 28%, transparent)}.stage-controls .stage-recording{color:#ffdfe1;background:#c0374552;border-color:#ff707c59}.stage-controls .stage-recording .record-dot{animation:.8s ease-in-out infinite pulse}.stage-controls .stage-sustain-on{color:#07111f;background:#73d9b3;border-color:#a5efd4}.stage-seek,.stage-speed{color:#7f8aa0;align-items:center;gap:8px;min-width:0;padding:0 8px;font-size:10px;display:flex}.stage-seek input,.stage-speed input{min-width:0;accent-color:var(--stage-accent);flex:1}.stage-speed{grid-template-columns:1fr;gap:4px;display:grid}.stage-speed span{color:#9aa6ba;text-align:center}.stage-recording-result{z-index:14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090e17eb;grid-template-columns:minmax(190px,.75fr) minmax(220px,1fr) auto;width:min(760px,100vw - 24px);margin:0;position:fixed;bottom:92px;right:clamp(12px,2vw,30px);box-shadow:0 18px 60px #00000073}@keyframes stage-drift{to{transform:translate(8vw,4vw)scale(1.08)}}@keyframes stage-note-breathe{0%{transform:translate(-50%,-50%)scale(.86)}45%{transform:translate(-50%,-50%)scale(1.08)}to{transform:translate(-50%,-50%)scale(1)}}@keyframes stage-dust-float{0%,to{opacity:.12;transform:translateY(12px)scale(.7)}45%{opacity:.75;transform:translate(14px,-20px)scale(1.1)}75%{opacity:.28;transform:translate(-8px,-36px)scale(.82)}}.page-view{min-height:calc(100vh - 140px);padding:clamp(42px,6vw,84px) clamp(18px,4vw,54px) 70px}.theme-page-view{padding-bottom:94px}.theme-page-grid{grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);gap:18px;width:min(1420px,100%);margin-inline:auto;display:grid}.theme-selector-panel,.keyboard-theme-panel{grid-column:1/-1}.section-heading{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.section-heading h2{margin:0;font-size:20px}.section-heading p{max-width:580px;color:var(--muted);margin:7px 0 0;font-size:12px;line-height:1.6}.theme-count{color:var(--accent);background:var(--accent-soft);border:1px solid color-mix(in srgb, var(--accent) 28%, var(--line));border-radius:999px;flex:none;padding:6px 9px;font-size:11px;font-weight:800}.theme-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;display:grid}.theme-card{min-height:152px;color:var(--muted);background:var(--panel-soft);border:1px solid var(--line);cursor:pointer;text-align:left;border-radius:13px;grid-template-rows:auto auto 1fr auto;align-content:start;gap:6px;padding:13px;transition:transform .15s,border-color .15s,box-shadow .15s;display:grid;overflow:hidden}.theme-card:hover{border-color:var(--line-strong);transform:translateY(-2px)}.theme-card.active{color:var(--ink);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent), 0 14px 32px color-mix(in srgb, var(--accent) 11%, transparent)}.theme-card-scene{background:linear-gradient(140deg,#7fa3ff26,#00000029);border:1px solid #ffffff0f;border-radius:9px;align-items:end;gap:5px;height:62px;padding:8px;display:flex}.theme-card-scene i{border:1px solid #7f7f7f59;border-radius:50%;width:19px;height:19px;box-shadow:0 3px 12px #00000038}.theme-card strong{font-size:13px}.theme-card small{color:var(--muted);font-size:10px;line-height:1.4}.theme-card em{color:#b4c2ff;letter-spacing:.1em;text-transform:uppercase;margin-top:auto;font-size:9px;font-style:normal;font-weight:800}.theme-card-cosmos .theme-card-scene{background:radial-gradient(circle at 72% 30%,#bc91ff70,#0000 17%),linear-gradient(135deg,#0b1033,#030614)}.theme-card-light .theme-card-scene{background:linear-gradient(145deg,#f7fbff,#bddbfa)}.theme-card-retro .theme-card-scene{background:linear-gradient(145deg,#34135d,#071827)}.theme-card-velvet .theme-card-scene{background:linear-gradient(145deg,#4b1321,#16060b)}.theme-card-forest .theme-card-scene{background:linear-gradient(145deg,#125142,#06140f)}.choice-list{gap:9px;display:grid}.choice-list.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-list button,.motion-mode-list button{min-height:76px;color:var(--muted);background:var(--panel-soft);border:1px solid var(--line);cursor:pointer;text-align:left;border-radius:10px;align-content:center;gap:5px;padding:12px;display:grid}.choice-list button strong,.motion-mode-list button strong{color:var(--muted-strong);font-size:12px}.choice-list button small,.motion-mode-list button small{font-size:10px;line-height:1.45}.choice-list button.active,.motion-mode-list button.active{background:var(--accent-soft);border-color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 32%, transparent)}.choice-list button.active strong,.motion-mode-list button.active strong{color:var(--ink)}.theme-color-row{background:var(--panel-soft);border:1px solid var(--line);border-radius:10px;justify-content:space-between;align-items:center;gap:14px;margin:18px 0;padding:11px 12px;display:flex}.theme-color-row span{gap:4px;display:grid}.theme-color-row strong{color:var(--muted-strong);font-size:12px}.theme-color-row small{color:var(--muted);font-size:10px}.theme-color-row input,.keyboard-color-grid input{cursor:pointer;background:0 0;border:0;border-radius:7px;width:31px;height:31px;padding:0;overflow:hidden}.motion-setting{border-top:1px solid var(--line);padding-top:18px}.motion-mode-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.motion-mode-list button{min-height:74px}.keyboard-mini-preview{background:var(--piano-frame);border:1px solid color-mix(in srgb, var(--piano-frame) 70%, #7f8ba0);border-radius:9px;grid-template-columns:repeat(9,1fr);align-items:stretch;gap:2px;height:68px;margin:19px 0 14px;padding:8px;display:grid}.keyboard-mini-preview i{background:var(--white-key);border-radius:0 0 5px 5px;position:relative;box-shadow:inset 0 -7px 8px #1e28341a}.keyboard-mini-preview i.black{z-index:2;background:var(--black-key);border:1px solid #ffffff14;height:66%;margin-inline:-5px;box-shadow:0 4px 7px #00000057}.keyboard-color-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.keyboard-color-grid label{min-width:0;color:var(--muted);background:var(--panel-soft);border:1px solid var(--line);border-radius:9px;justify-content:space-between;align-items:center;gap:6px;padding:10px;font-size:10px;display:flex}.keyboard-color-grid.disabled{opacity:.42;filter:grayscale(.55)}.keyboard-color-grid.disabled label,.keyboard-color-grid.disabled input{cursor:not-allowed}.theme-key-assist{margin-top:20px}.settings-tabs{background:var(--panel-soft);border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(2,1fr);width:min(760px,100%);margin:0 auto 18px;padding:5px;display:grid}.settings-tabs button{min-height:42px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;font-size:13px;font-weight:750}.settings-tabs button.active{color:var(--ink);background:var(--panel-strong);box-shadow:inset 0 0 0 1px var(--line-strong), 0 6px 16px #00000024}.settings-single{width:min(840px,100%);margin-inline:auto}.settings-panel{min-height:580px}.effects-panel{min-height:520px}.library-storage-note{width:min(1420px,100%);color:var(--muted);background:color-mix(in srgb, var(--accent) 7%, var(--panel-soft));border:1px solid color-mix(in srgb, var(--accent) 26%, var(--line));border-radius:11px;align-items:flex-start;gap:10px;margin:-16px auto 22px;padding:13px 15px;display:flex}.library-storage-note strong{color:var(--muted-strong);font-size:12px}.library-storage-note p{margin:4px 0 0;font-size:11px;line-height:1.55}.library-storage-note b{color:var(--accent)}.library-storage-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 4px var(--accent-soft);border-radius:50%;flex:none;margin-top:5px}.page-intro{margin-bottom:35px}.page-intro.split{justify-content:space-between;align-items:flex-end;gap:30px;display:flex}.generator-grid,.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.panel,.sheet-card,.empty-library,.honesty-note{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px}.panel{padding:clamp(24px,3.5vw,42px);position:relative;overflow:hidden}.panel h2,.sheet-card h2{letter-spacing:-.025em;margin:0 0 10px;font-size:20px}.panel>p{max-width:650px;color:var(--muted);margin:0 0 24px;font-size:12px;line-height:1.7}.step-number{color:var(--line-strong);font-family:var(--font-geist-mono), monospace;font-size:36px;font-weight:800;position:absolute;top:22px;right:26px}.upload-drop{min-height:158px;color:var(--muted);background:var(--panel-soft);border:1px dashed var(--line-strong);text-align:center;cursor:pointer;border-radius:13px;align-content:center;place-items:center;gap:8px;margin:4px 0 22px;padding:28px;display:grid}.upload-drop:hover,.upload-drop.has-file{border-color:var(--accent);background:var(--accent-soft)}.upload-drop.disabled,.upload-drop.disabled:hover{opacity:.58;border-color:var(--line);background:var(--panel-soft);cursor:not-allowed}.upload-drop input{opacity:0;width:1px;height:1px;position:absolute}.upload-drop strong{color:var(--ink);font-size:14px}.upload-drop span{font-size:13px}.field{gap:8px;margin-bottom:20px;display:grid}.field>span,.slider-field>span{color:var(--muted-strong);font-size:13px;font-weight:600}.field input,.field select,.manual-editor textarea{width:100%;color:var(--ink);background:var(--panel-soft);border:1px solid var(--line);border-radius:10px}.field input{height:47px;padding:0 14px}.field select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;height:47px;padding:0 38px 0 14px}.app-shell[data-theme=light] .field select{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.instrument-settings-select{margin:22px 0 28px}.field small{color:var(--muted);font-size:11px;line-height:1.5}.manual-editor textarea{resize:vertical;min-height:208px;font-family:var(--font-geist-mono), monospace;padding:18px;font-size:16px;line-height:1.8}.sheet-title-field{margin:0 0 13px}.sheet-source-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.sheet-source-group{background:color-mix(in srgb, var(--panel-soft) 74%, transparent);border:1px solid var(--line);border-radius:14px;padding:14px}.sheet-source-group+.sheet-source-group{margin-top:12px}.sheet-source-heading{justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:11px;display:flex}.sheet-source-heading strong{color:var(--ink);letter-spacing:.04em;text-transform:uppercase;font-size:13px}.sheet-source-heading span{color:var(--muted);font-size:10px}.midi-source-group{background:color-mix(in srgb, var(--accent-soft) 45%, var(--panel-soft));border-color:color-mix(in srgb, var(--accent) 24%, var(--line))}.sheet-source-links a{min-height:92px;color:var(--muted);background:var(--panel-soft);border:1px solid var(--line);border-radius:12px;align-content:center;gap:5px;padding:15px 16px;text-decoration:none;transition:border-color .14s,background-color .14s,transform .14s;display:grid}.sheet-source-links a:hover{background:var(--accent-soft);border-color:var(--accent);transform:translateY(-1px)}.sheet-source-links a>span{color:var(--accent);font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.sheet-source-links a strong{color:var(--ink);font-size:15px}.sheet-source-links a small{font-size:12px;line-height:1.5}.sheet-source-panel>p.source-tip{border-top:1px solid var(--line);margin:18px 0 0;padding-top:16px;font-size:12px}.midi-import-panel,.audio-development-panel{width:min(1420px,100%);margin-inline:auto}.midi-import-panel{margin-top:18px}.midi-import-panel .step-number{top:24px;left:28px;right:auto}.midi-import-head{grid-template-columns:minmax(0,1fr) minmax(260px,.42fr);align-items:center;gap:clamp(28px,5vw,72px);padding-top:25px;display:grid}.midi-import-head h2{margin-top:0;font-size:22px}.midi-import-head p{max-width:720px;color:var(--muted);margin:0;font-size:13px;line-height:1.7}.midi-upload-button{min-height:112px;color:var(--muted);background:var(--panel-soft);border:1px dashed var(--line-strong);cursor:pointer;border-radius:13px;align-content:center;place-items:center;gap:7px;padding:22px;transition:border-color .14s,background-color .14s,transform .14s;display:grid}.midi-upload-button:hover{background:var(--accent-soft);border-color:var(--accent);transform:translateY(-1px)}.midi-upload-button:disabled{opacity:.65;cursor:wait;transform:none}.midi-upload-button strong{color:var(--ink);font-size:14px}.midi-upload-button span{font-size:12px}.midi-workspace{border-top:1px solid var(--line);margin-top:30px;padding-top:26px}.midi-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:22px;display:grid}.midi-summary>div{background:var(--panel-soft);border:1px solid var(--line);border-radius:10px;align-content:center;gap:5px;min-height:67px;padding:13px 15px;display:grid}.midi-summary span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px}.midi-summary strong{color:var(--ink);font-family:var(--font-geist-mono), monospace;font-size:13px}.midi-title-field{max-width:680px}.midi-track-heading,.midi-create-row{justify-content:space-between;align-items:center;gap:20px;display:flex}.midi-track-heading{margin:25px 0 12px}.midi-track-heading>div:first-child{gap:4px;display:grid}.midi-track-heading>div:first-child strong{color:var(--ink);font-size:12px}.midi-track-heading>div:first-child span{color:var(--muted);font-size:11px}.midi-track-heading>div:last-child{gap:7px;display:flex}.midi-track-heading .soft-button{min-height:36px;padding-inline:13px;font-size:11px}.midi-track-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.midi-track-list>button{min-width:0;min-height:72px;color:var(--muted);background:var(--panel-soft);border:1px solid var(--line);text-align:left;cursor:pointer;border-radius:10px;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;display:grid}.midi-track-list>button:hover,.midi-track-list>button.selected{background:var(--accent-soft);border-color:var(--accent)}.midi-track-list>button.disabled{opacity:.5;cursor:not-allowed}.midi-track-check{width:23px;height:23px;color:var(--surface);border:1px solid var(--line-strong);background:0 0;border-radius:6px;place-items:center;font-size:12px;font-weight:900;display:grid}.midi-track-list>button.selected .midi-track-check{background:var(--accent);border-color:var(--accent)}.midi-track-copy{gap:5px;min-width:0;display:grid}.midi-track-copy strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.midi-track-copy small{font-size:10px;line-height:1.5}.midi-track-tag{color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent);white-space:nowrap;border-radius:999px;padding:5px 7px;font-size:10px;font-weight:700}.midi-create-row{border-top:1px solid var(--line);margin-top:22px;padding-top:20px}.midi-create-row p{color:var(--muted);margin:0;font-size:12px}.midi-create-row p strong{color:var(--ink)}.midi-create-actions{align-items:center;gap:11px;display:flex}.midi-library-option{min-height:48px;color:var(--muted);background:var(--panel-soft);border:1px solid var(--line);cursor:pointer;border-radius:10px;align-items:center;gap:9px;padding:8px 11px;display:flex}.midi-library-option input{width:17px;height:17px;accent-color:var(--accent);flex:none}.midi-library-option>span{gap:2px;display:grid}.midi-library-option strong{color:var(--muted-strong);font-size:11px}.midi-library-option small{font-size:10px}.audio-development-panel{grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);align-items:center;gap:clamp(28px,5vw,70px);margin-top:18px;display:grid}.audio-development-panel .step-number{top:24px;left:28px;right:auto}.development-copy{padding-top:25px}.development-copy h2{margin-top:11px;font-size:22px}.development-copy p{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.development-badge{min-height:25px;color:var(--accent);background:var(--accent-soft);border:1px solid color-mix(in srgb, var(--accent) 32%, var(--line));letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;padding:0 9px;font-size:11px;font-weight:800;display:inline-flex}.development-upload .upload-drop{min-height:112px;margin-top:0;margin-bottom:12px}.syntax-help{color:var(--muted);gap:7px;margin:13px 0 19px;font-size:12px;display:grid}code{color:var(--accent);background:var(--accent-soft);font-family:var(--font-geist-mono), monospace;border-radius:4px;padding:2px 5px}.analysis-bar{margin-top:14px}.honesty-note{color:var(--muted);box-shadow:none;align-items:center;gap:24px;margin-top:18px;padding:18px 24px;display:flex}.honesty-note strong{color:var(--accent);flex:none;font-size:13px}.honesty-note p{margin:0;font-size:12px;line-height:1.6}.sheet-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.sheet-card{padding:22px;box-shadow:0 12px 35px #00000026}.sheet-card-top{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;gap:10px;margin-bottom:20px;font-size:11px;font-weight:700;display:flex}.sheet-card h2{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sheet-card>p{height:35px;color:var(--muted);margin:0 0 17px;font-size:12px;line-height:1.6;overflow:hidden}.sheet-card>p.preset-summary{height:auto;color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent);border:1px solid color-mix(in srgb, var(--accent) 20%, transparent);font-family:var(--font-geist-mono), monospace;border-radius:8px;margin:-7px 0 15px;padding:7px 9px;line-height:1.35}.mini-notes{gap:4px;min-height:39px;margin-bottom:20px;display:flex;overflow:hidden}.mini-notes kbd{min-width:28px}.card-actions{flex-wrap:wrap}.card-actions button{min-height:36px;padding:0 12px;font-size:12px}.card-actions .primary-button{color:#07111f;background:var(--accent);border-color:var(--accent)}.empty-library{text-align:center;align-content:center;place-items:center;gap:11px;min-height:310px;display:grid}.empty-library strong{font-size:22px}.empty-library p{color:var(--muted);margin:0 0 10px;font-size:12px}.setting-status{align-items:center;gap:9px;display:flex}.slider-field{gap:12px;margin:25px 0;display:grid}.slider-field>span{justify-content:space-between;align-items:center;display:flex}.slider-field output{color:var(--accent);font-family:var(--font-geist-mono), monospace}.slider-field input{width:100%;accent-color:var(--accent)}.slider-field>small{color:var(--muted);margin-top:-5px;font-size:11px;line-height:1.55}.spatial-setting{gap:12px;margin:28px 0;display:grid}.setting-label{gap:4px;display:grid}.setting-label strong{color:var(--muted-strong);font-size:13px}.setting-label small{color:var(--muted);font-size:11px;line-height:1.5}.spatial-mode-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.spatial-mode-list button{min-height:72px;color:var(--muted);background:var(--panel-soft);border:1px solid var(--line);text-align:left;cursor:pointer;border-radius:10px;align-content:center;gap:5px;padding:11px;display:grid}.spatial-mode-list button strong{color:var(--muted-strong);font-size:12px}.spatial-mode-list button small{font-size:10px;line-height:1.45}.spatial-mode-list button.active{color:var(--muted-strong);background:var(--accent-soft);border-color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent)}.spatial-mode-list button.active strong{color:var(--ink)}.performance-setting{border-top:1px solid var(--line);padding-top:24px}.performance-mode-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.performance-mode-list button{min-height:72px;color:var(--muted);background:var(--panel-soft);border:1px solid var(--line);text-align:left;cursor:pointer;border-radius:10px;align-content:center;gap:5px;padding:11px;display:grid}.performance-mode-list button strong{color:var(--muted-strong);font-size:12px}.performance-mode-list button small{font-size:10px;line-height:1.45}.performance-mode-list button.active{color:var(--muted-strong);background:var(--accent-soft);border-color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent)}.performance-mode-list button.active strong{color:var(--ink)}.performance-hint{color:var(--muted);margin:0;font-size:11px;line-height:1.55}.transpose-control,.toggle-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding-top:22px;display:flex}.transpose-control>span,.toggle-row>span{gap:4px;display:grid}.transpose-control small,.toggle-row small{color:var(--muted);font-size:11px}.transpose-control>div{align-items:center;gap:10px;display:flex}.transpose-control button{width:36px;height:36px;color:var(--ink);background:var(--panel-soft);border:1px solid var(--line);cursor:pointer;border-radius:8px}.transpose-control output{text-align:center;min-width:38px;font-family:var(--font-geist-mono), monospace;font-weight:700}.sound-setting-actions{flex-wrap:wrap;gap:9px;margin-top:18px;display:flex}.sound-setting-actions button{min-height:39px;color:var(--muted-strong);background:var(--panel-soft);border:1px solid var(--line);cursor:pointer;border-radius:8px;padding:0 14px;font-size:12px;font-weight:700}.sound-setting-actions button:hover{color:var(--ink);border-color:var(--line-strong)}.sheet-preset-note{color:var(--muted);background:color-mix(in srgb, var(--accent) 7%, var(--panel-soft));border:1px solid color-mix(in srgb, var(--accent) 20%, var(--line));border-radius:10px;gap:4px;margin:14px 0 20px;padding:12px 13px;font-size:11px;line-height:1.55;display:grid}.sheet-preset-note strong{color:var(--accent);font-size:12px}.theme-list{grid-template-columns:repeat(3,1fr);gap:9px;margin:20px 0 26px;display:grid}.theme-list button{min-height:110px;color:var(--muted);background:var(--panel-soft);border:1px solid var(--line);cursor:pointer;border-radius:12px;flex-wrap:wrap;place-content:center;gap:5px;padding:16px 12px;display:flex}.theme-list button>span{border:1px solid #7f7f7f47;border-radius:50%;width:19px;height:19px}.theme-list button strong{width:100%;margin-top:7px;font-size:11px}.theme-list button em{color:#aebdff;letter-spacing:.12em;text-transform:uppercase;width:100%;font-size:10px;font-style:normal;font-weight:700}.theme-list button:has(em){background:radial-gradient(circle at 50% -20%, #8e71ff3d, transparent 62%), var(--panel-soft)}.theme-list button.active{color:var(--ink);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.color-grid{grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:24px;display:grid}.color-grid label{color:var(--muted);background:var(--panel-soft);border:1px solid var(--line);border-radius:9px;justify-content:space-between;align-items:center;gap:8px;padding:10px;font-size:11px;display:flex}.color-grid input{background:0 0;border:0;border-radius:7px;width:28px;height:28px;padding:0;overflow:hidden}.toggle-row input{width:42px;height:22px;accent-color:var(--accent)}.toast{z-index:100;max-width:min(410px,100vw - 32px);color:var(--ink);background:var(--panel-strong);border:1px solid var(--line-strong);border-left:3px solid var(--accent);box-shadow:var(--shadow);border-radius:10px;padding:14px 18px;font-size:13px;font-weight:600;animation:.18s ease-out toast-in;position:fixed;bottom:24px;right:24px}.app-shell[data-sheet-theme=chika]{--ink:#4c2940;--muted:#946b84;--muted-strong:#70485f;--panel:#fffafde6;--panel-strong:#fffafd;--panel-soft:#ffebf5e0;--line:#893e6921;--line-strong:#893e693d;--accent:#ef5f9e;--accent-strong:#d84384;--accent-soft:#ef5f9e24;--success:#e96a9f;--danger:#c83d70;--shadow:0 22px 68px #893b6729;background-size:34px 34px,auto,auto,auto,auto;background-attachment:fixed;background-color:#fff1f7!important;background-image:radial-gradient(circle at 12% 8%,#fffffff0 0 2px,#0000 3px),radial-gradient(circle at 86% 18%,#ff89bc3d,#0000 27%),radial-gradient(circle at 10% 74%,#fabbda4d,#0000 31%),repeating-linear-gradient(118deg,#0000 0 190px,#ff81b50e 190px 224px,#0000 224px 410px),linear-gradient(145deg,#fff8fb 0%,#ffeaf4 48%,#fbdcea 100%)!important}.app-shell[data-sheet-theme=chika] .site-header{background:linear-gradient(90deg,#fffafdf0,#ffe4f1e6);border-bottom-color:#d64e892e;box-shadow:0 12px 38px #943a691c}.app-shell[data-sheet-theme=chika] .brand-mark{color:#fff;background:linear-gradient(145deg,#ff94bf,#e64f94);border-radius:15px 15px 19px 19px;position:relative;box-shadow:0 0 0 5px #ef5f9e1a,0 10px 26px #d8438442}.app-shell[data-sheet-theme=chika] .brand-mark:after{content:"";clip-path:polygon(0 0,44% 36%,100% 0,78% 50%,100% 100%,55% 64%,0 100%,22% 50%);filter:drop-shadow(0 3px 4px #7d234c38);background:#f2478c;width:20px;height:13px;position:absolute;top:-6px;right:-8px;transform:rotate(13deg)}.app-shell[data-sheet-theme=chika] .main-nav{background:#fffafdc2;border-color:#d2518a2b;box-shadow:inset 0 1px #fffc}.app-shell[data-sheet-theme=chika] .main-nav button.active{color:#71314f;background:linear-gradient(135deg,#ffafd19e,#ffe1efe0);box-shadow:inset 0 0 0 1px #e2539229,0 7px 18px #c1457c1f}.app-shell[data-sheet-theme=chika] :is(.panel,.sheet-console,.piano-shell,.instrument-browser,.recording-result,.empty-library,.library-storage-note,.sheet-card:not(.chika-sheet-card)){-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(145deg,#fffcfef0,#ffecf6e0);border-color:#cd4c8626;box-shadow:0 22px 58px #8b32601f,inset 0 1px #ffffffe0}.app-shell[data-sheet-theme=chika] :is(.performance-head h1,.page-intro h1){color:#52273f;text-shadow:0 4px 22px #ea5d9b29}.app-shell[data-sheet-theme=chika] .eyebrow{color:#df4c8c;text-shadow:0 0 18px #ef5f9e38}.app-shell[data-sheet-theme=chika] .score-panel{background:radial-gradient(circle at 12% 18%,#ffffffd9 0 2px,#0000 3px) 0 0/26px 26px,linear-gradient(145deg,#ffe3f1e0,#fff2f8f5)}.app-shell[data-sheet-theme=chika] .guide-strip{color:#83516c;background:#ffe0efc2;border-color:#de4a8b33}.app-shell[data-sheet-theme=chika] .piano-frame{background:radial-gradient(circle at 86% 20%,#ffbad82e,#0000 30%),linear-gradient(145deg,#713457,#51243f);border-color:#ffc4de70;box-shadow:0 24px 55px #63264840,0 0 0 1px #ffffff14,inset 0 1px #fff3}.app-shell[data-sheet-theme=chika] .piano-topline{color:#ffe8f2;background:linear-gradient(90deg,#5a2643eb,#773052d1)}.app-shell[data-sheet-theme=chika] .piano-topline :is(small,label,output){color:#efbfd3}.app-shell[data-sheet-theme=chika] .piano-live-status{color:#ffd7e8;text-shadow:0 0 13px #ff9ac699;background:#ff85b72e;border-color:#ffc2dc4d}.app-shell[data-sheet-theme=chika] .piano-keybed{background:linear-gradient(#5d2947,#3b1b30);border-color:#ffcce259}.app-shell[data-sheet-theme=chika] .piano-key.white{background:linear-gradient(110deg,#0000 0 37%,#ffffff6b 44%,#0000 51%),linear-gradient(#fffafd,#ffe8f2 78%,#f2b9d0);border-bottom-color:#d998b5;border-right-color:#77355945;box-shadow:inset 0 -18px 24px #ab3f7114}.app-shell[data-sheet-theme=chika] .piano-key.black{background:radial-gradient(at 35% 0,#ff8bbe38,#0000 42%),linear-gradient(#693755,#3b1d31);border-color:#ffdcea26 #ffdcea26 #24101e;box-shadow:0 9px 10px #4a163061,inset 0 1px #ffffff1f}.app-shell[data-sheet-theme=chika] .piano-key.white.pressed{background:linear-gradient(#fff7fb,#ff9fc6);box-shadow:inset 0 0 24px #ee4f9440,0 0 25px #f55ea08c}.app-shell[data-sheet-theme=chika] .piano-key.black.pressed{background:linear-gradient(#f06da6,#7c315a);box-shadow:inset 0 0 16px #ffe2ef40,0 0 26px #ef5f9e9e}.app-shell[data-sheet-theme=chika] .piano-key.white .key-label strong{color:#6e3655}.app-shell[data-sheet-theme=chika] .piano-key.white .key-label small{color:#a36382}.app-shell[data-sheet-theme=chika] .octave-scale{color:#eeb9d0}.app-shell[data-sheet-theme=chika] .octave-scale span{border-left-color:#ffd0e433}.sheet-card.chika-sheet-card{color:#4f2940;background:radial-gradient(circle at 18px 18px,#ffffffe6 0 2px,#0000 3px) 0 0/34px 34px,radial-gradient(circle at 88% 0,#ff72b147,#0000 38%),linear-gradient(145deg,#fffafd 0%,#ffe3f0 58%,#f8c9df 100%);border-color:#de498b66;position:relative;overflow:hidden;box-shadow:0 20px 55px #b8377433,inset 0 1px #fffffff0}.sheet-card.chika-sheet-card:before{content:"";background:linear-gradient(145deg,#f15b9c,#ff9ac4);border-radius:0 0 0 80px;width:150px;height:108px;position:absolute;top:-44px;right:-58px;transform:rotate(8deg);box-shadow:0 10px 28px #be387529}.sheet-card.chika-sheet-card>*{z-index:1;position:relative}.sheet-card.chika-sheet-card .sheet-card-top>span:last-child{margin-right:84px}.chika-card-bow{filter:drop-shadow(0 7px 8px #43193540);pointer-events:none;justify-content:center;align-items:center;width:94px;height:39px;display:flex;top:11px;right:13px;transform:rotate(2deg);z-index:4!important;position:absolute!important}.chika-card-bow i{clip-path:polygon(0 4%,100% 34%,88% 51%,100% 71%,1% 97%,10% 52%);background:radial-gradient(at 35% 27%,#ffd3ed33,#0000 24%),linear-gradient(145deg,#513548 0%,#2c1b29 58%,#160f18 100%);border:1px solid #6d425db8;border-radius:48% 20% 28% 45%/32% 28% 72% 68%;width:43px;height:31px;display:block;transform:rotate(-4deg);box-shadow:inset 5px 4px 8px #ffd8ef14,inset -6px -5px 8px #00000038}.chika-card-bow i:last-child{transform:scaleX(-1)rotate(-4deg)}.chika-card-bow b{z-index:1;background:radial-gradient(circle at 36% 28%,#ffdaef2e,#0000 24%),linear-gradient(145deg,#4e3144,#21141f);border:1px solid #69415bd1;border-radius:42% 48% 45% 40%;width:20px;height:22px;margin-inline:-7px;display:block;transform:rotate(-2deg);box-shadow:0 2px 4px #170a1338,inset 2px 2px 5px #ffd8ef14}.sheet-card.chika-sheet-card h2{color:#53243e}.sheet-card.chika-sheet-card .sheet-card-top{color:#a8527b}.sheet-card.chika-sheet-card .sheet-card-top>span:last-child{color:#fff5fa}.sheet-card.chika-sheet-card>p.chika-card-caption{color:#9d5476;height:auto;margin:-3px 0 13px;font-size:11px;font-weight:650}.chika-pin{color:#d63f82;align-items:center;gap:7px;display:inline-flex}.chika-pin i{clip-path:polygon(0 0,44% 36%,100% 0,78% 50%,100% 100%,55% 64%,0 100%,22% 50%);filter:drop-shadow(0 3px 4px #85235033);background:#ed4d91;flex:none;width:19px;height:12px}.sheet-card.chika-sheet-card>p.preset-summary{color:#c63e7a;background:#ffffff85;border-color:#d43e8133}.sheet-card.chika-sheet-card .mini-notes kbd{color:#69324f;background:#fffcfeb8;border-color:#c4498038;box-shadow:0 4px 11px #a8376a14}.sheet-card.chika-sheet-card .card-actions button{color:#8d4567;background:#fffafda8;border-color:#b841773d}.sheet-card.chika-sheet-card .card-actions .primary-button{color:#fff;background:linear-gradient(135deg,#ef5f9e,#dc4788);border-color:#f88aba;box-shadow:0 8px 22px #c9397a3d}.sheet-card.chika-sheet-card .card-actions .icon-danger{color:#ac365f}.stage-experience.stage-special-chika{--stage-accent:#ef5f9e;--stage-accent-2:#ffb2d1;--stage-aura:#ff63a770;--stage-aura-soft:#ffbbd85c;--stage-dust:#fffffff0;--stage-panel:#fff7fbcc;--stage-line:#bf39752e;--stage-muted:#96627d;--stage-key-glow:#f4579bb3;color:#52283f;background-size:33px 33px,auto,auto,auto,auto;background:radial-gradient(circle at 14% 18%,#ffffffeb 0 2px,#0000 3px),radial-gradient(circle at 76% 8%,#ff78b24d,#0000 31%),radial-gradient(circle at 28% 110%,#ff97c34f,#0000 42%),repeating-linear-gradient(116deg,#0000 0 180px,#ee54970f 180px 222px,#0000 222px 390px),linear-gradient(150deg,#fff9fc 0%,#ffe6f1 48%,#f8d1e3 100%)!important}.stage-experience.stage-special-chika:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(118deg,#0000 25%,#ffffff3d 31%,#0000 38%),linear-gradient(298deg,#0000 60%,#ef5f9e14 66%,#0000 72%);animation:18s ease-in-out infinite alternate chika-ribbon-drift;position:absolute;inset:-22%}.stage-special-chika .stage-atmosphere{background:radial-gradient(circle at 28% 34%,#ffffff57,#0000 25%),radial-gradient(circle at 74% 20%,#f761a31a,#0000 28%)}.stage-special-chika .stage-aura{width:min(72vw,1040px);height:min(50vh,540px);filter:blur(calc(18px + var(--stage-room) * 24px));top:54%}.stage-special-chika :is(.stage-brand strong,.stage-status,.stage-sheet-card,.stage-controls,.stage-next-note strong,.stage-transport,.stage-speed){color:#582b44}.stage-special-chika :is(.stage-exit,.stage-controls button,.stage-note-ribbon button){color:#47738f}.stage-special-chika .stage-note-ribbon button.passed{color:#b4879e}.stage-special-chika :is(.stage-sheet-card,.stage-controls,.stage-recording-result){-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fff9fcd1;border-color:#c4447e33;box-shadow:0 20px 58px #872d5824}.stage-special-chika .stage-status,.stage-special-chika .stage-exit,.stage-special-chika .stage-controls>button,.stage-special-chika .stage-next-note kbd,.stage-special-chika .piano-live-status{color:#174c67;text-shadow:0 1px 1px #ffffff57;background:radial-gradient(circle at 24% 0,#f5feffc7,#0000 42%),linear-gradient(145deg,#aeeffcfa,#4cc1e2fa);border-color:#e5fbffeb;box-shadow:0 8px 22px #2c97be33,0 0 14px #68dbf429,inset 0 1px #fffc}.stage-special-chika .stage-exit:hover,.stage-special-chika .stage-controls>button:hover{color:#0d425f;background:radial-gradient(circle at 24% 0,#ffffffeb,#0000 42%),linear-gradient(145deg,#d3f8ff,#6bd5ef);border-color:#f0fdff}.stage-special-chika .stage-controls .stage-play,.stage-special-chika .stage-controls .stage-loop.active{color:#fff;background:linear-gradient(145deg,#f475ad,#db4687);border-color:#ffafd0;box-shadow:0 8px 22px #da43863d}.stage-special-chika .stage-controls .stage-play.pause{color:#fff;background:linear-gradient(145deg,#ee6b82,#bf405b);border-color:#ff9aad}.stage-special-chika .stage-controls .stage-recording{color:#fff;background:linear-gradient(145deg,#ef7588,#b93f5a);border-color:#ff9cae}.stage-special-chika .stage-controls .stage-sustain-on{color:#174a63;background:linear-gradient(145deg,#b8effb,#72c9e7);border-color:#e9fbff}.stage-special-chika .stage-note-ribbon button:not(.current){color:#39708c;background:linear-gradient(145deg,#f4fdffe6,#b9e8f7db);border-color:#63b1d257}.stage-special-chika .stage-note-ribbon button.current{color:#fff;background:linear-gradient(145deg,#f475ad,#db4687);border-color:#ffafd0;box-shadow:0 8px 28px #da438640}.stage-special-chika .stage-piano-wrap .piano-frame{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:radial-gradient(circle at 82% -20%,#ffa5cc40,#0000 38%),linear-gradient(145deg,#6f3055f0,#4b1f3aeb);border-color:#ffc2dc6b;transform:none;box-shadow:0 22px 64px #5e1e3f47,0 0 34px #ef5f9e29,inset 0 1px #ffffff2e}.stage-special-chika .stage-piano-wrap{perspective:none;filter:drop-shadow(0 28px 42px #5c1d3e4d)}.stage-special-chika .stage-piano-wrap .piano-frame:before{content:"";z-index:6;pointer-events:none;background:linear-gradient(90deg,#0000,#ffb8d5 26%,#fff 50%,#ffb8d5 74%,#0000);height:1px;position:absolute;top:0;left:8%;right:8%;box-shadow:0 0 16px #ff99c5b8}.stage-special-chika .stage-piano-wrap .piano-topline{color:#ffe9f3;background:linear-gradient(90deg,#5b2543f0,#843358e0);border-bottom-color:#ffc3dd33}.stage-special-chika .stage-piano-wrap .piano-keybed{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#4018309e;border-color:#ffcbe147;overflow:hidden}.stage-special-chika .stage-piano-wrap .piano-key.white{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(112deg,#0000 0 36%,#fff6 43%,#0000 50%),linear-gradient(#fffbfdf2,#ffddece6);border-bottom-color:#d68dab;border-right-color:#87365e4d;box-shadow:inset 0 -18px 25px #b73e7414}.stage-special-chika .stage-piano-wrap .piano-key.black{-webkit-backdrop-filter:none;backdrop-filter:none;background:radial-gradient(at 36% 0,#ff87bb38,#0000 42%),linear-gradient(#6b3553,#341829);border-color:#ffdfec26 #ffdfec26 #1f0d18;box-shadow:0 10px 13px #43132c6b,inset 0 1px #ffffff1f}.stage-special-chika .stage-piano-wrap .piano-key.white.pressed{background:linear-gradient(#fff8fc,#ff8fbd);box-shadow:inset 0 0 25px #ec478f47,0 0 28px #f15499ad}.stage-special-chika .stage-piano-wrap .piano-key.black.pressed{background:linear-gradient(#f46ba5,#762e54);box-shadow:inset 0 0 18px #ffddec3d,0 0 28px #ef5097a8}.stage-special-chika .stage-piano-wrap .piano-key.white .key-label strong{color:#6d3151}.stage-special-chika .stage-piano-wrap .piano-key.white .key-label small{color:#a65f80}.stage-special-chika .stage-piano-wrap .octave-scale{color:#efb8cf}.stage-special-chika .stage-piano-wrap .octave-scale span{border-left-color:#ffd0e433}@keyframes chika-ribbon-drift{to{transform:translate(4%,-2%)scale(1.025)}}@keyframes pulse{50%{opacity:.35;transform:scale(.8)}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media (width<=1050px){.site-header{grid-template-columns:auto 1fr;min-height:70px;padding-inline:18px}.main-nav{justify-self:end}.sound-pill{display:none}.sheet-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.control-deck{grid-template-columns:repeat(3,1fr)}.instrument-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recording-result{grid-template-columns:minmax(190px,.8fr) minmax(240px,1fr)}.recording-downloads{grid-column:1/-1;justify-content:flex-end}.stage-controls{grid-template-columns:auto auto auto minmax(190px,1fr) auto auto}.stage-speed{display:none}}@media (width<=760px){.site-header{grid-template-columns:1fr;gap:10px;padding:12px 14px;position:relative}.brand{margin-inline:auto}.main-nav{justify-self:stretch;width:100%;overflow-x:auto}.main-nav button{flex:1 0 auto;padding-inline:12px}.play-view{padding-top:24px}.performance-head,.page-intro.split,.play-footer,.honesty-note{flex-direction:column;align-items:stretch}.head-actions,.library-actions{width:100%}.head-actions{flex-wrap:wrap}.library-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.head-actions button,.library-actions button{flex:1}.library-actions button{min-width:0;padding-inline:10px}.sheet-console{grid-template-columns:1fr}.score-panel{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr)}.score-panel>div:not(.score-progress){gap:5px;display:grid}.score-progress{grid-column:1/-1}.control-deck{grid-template-columns:repeat(2,1fr)}.transport-bar{grid-template-columns:auto minmax(90px,1fr) auto}.transport-bar strong{text-align:right;grid-column:1/-1}.generator-grid,.settings-grid,.theme-page-grid{grid-template-columns:1fr}.sheet-library-grid{grid-template-columns:minmax(0,1fr)}.sheet-card{min-width:0}.audio-development-panel{grid-template-columns:1fr;gap:22px}.midi-import-head{grid-template-columns:1fr;gap:20px}.midi-track-list{grid-template-columns:1fr}.sheet-source-links,.midi-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.midi-track-heading,.midi-create-row{flex-direction:column;align-items:stretch}.midi-track-heading>div:last-child{flex-wrap:wrap}.midi-track-heading .soft-button,.midi-create-row .primary-button{width:100%}.midi-create-actions{flex-direction:column;align-items:stretch;width:100%}.honesty-note{gap:8px}.instrument-browser{max-height:none}.instrument-browser-head{flex-direction:column;align-items:stretch}.instrument-browser-head .soft-button{width:100%}.theme-list,.color-grid{grid-template-columns:1fr}.theme-gallery,.motion-mode-list,.keyboard-color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spatial-mode-list{grid-template-columns:1fr}.theme-list button{min-height:76px}.recording-result{grid-template-columns:1fr;align-items:stretch}.recording-downloads{grid-column:auto;justify-content:stretch}.recording-downloads button{flex:1}.stage-experience{gap:8px;padding:8px 10px 118px}.stage-header{grid-template-columns:minmax(0,1fr) auto;min-height:48px}.stage-status{display:none}.stage-theme-cosmos{background-position:67% 0}.stage-exit{min-height:32px}.stage-sheet-card{border-radius:12px;min-height:130px;padding:10px}.stage-note-ribbon{scrollbar-width:none;justify-content:flex-start;overflow-x:auto}.stage-note-ribbon button{min-width:46px;min-height:56px}.stage-piano-scroll .piano-frame{width:max(100%,1180px);min-width:1180px}.stage-controls{grid-template-columns:auto auto auto minmax(120px,1fr);padding:7px;bottom:8px;left:8px;right:8px}.stage-seek{grid-area:2/1/auto/-1}.stage-controls .stage-sustain-on,.stage-controls>button:last-child{display:none}.stage-recording-result{width:auto;bottom:110px;left:8px;right:8px}}@media (width<=480px){.sheet-source-links,.midi-summary{grid-template-columns:1fr}.sheet-source-heading{flex-direction:column;align-items:flex-start;gap:3px}.score-panel{grid-template-columns:1fr 1fr}.score-panel>div:nth-child(3){display:none}.sheet-stage{padding-inline:12px}.control-deck,.instrument-grid{grid-template-columns:1fr}.live-controls label{display:none}.performance-mode-list,.theme-gallery,.motion-mode-list,.keyboard-color-grid,.choice-list.two-up{grid-template-columns:1fr}.theme-card{min-height:128px}.section-heading{flex-direction:column;align-items:stretch}.theme-count{width:max-content}.recording-downloads{flex-wrap:wrap}.recording-downloads button{min-width:calc(50% - 4px)}.stage-brand>span{display:none}.stage-brand strong{font-size:13px}.stage-next-note strong{display:none}.stage-controls{grid-template-columns:repeat(4,minmax(0,1fr))}.stage-controls>button{text-overflow:ellipsis;min-width:0;padding-inline:8px;overflow:hidden}.stage-seek{grid-column:1/-1}.stage-recording-result audio{display:none}}.app-shell[data-performance=low]{scroll-behavior:auto}.app-shell[data-performance=low] *,.app-shell[data-performance=low] :before,.app-shell[data-performance=low] :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.app-shell[data-performance=low] .site-header{-webkit-backdrop-filter:none;backdrop-filter:none}.app-shell[data-performance=low] .piano-shell,.app-shell[data-performance=low] .panel,.app-shell[data-performance=low] .sheet-console,.app-shell[data-performance=low] .piano-key.white,.app-shell[data-performance=low] .piano-key.black{box-shadow:none}.app-shell[data-performance=low] .stage-theme-cosmos .stage-piano-wrap :is(.piano-frame,.piano-keybed,.piano-key.white,.piano-key.black){-webkit-backdrop-filter:none;backdrop-filter:none}.app-shell[data-performance=low] .stage-atmosphere:before,.app-shell[data-performance=low] .stage-atmosphere:after{filter:blur(30px);animation:none}.app-shell[data-performance=low][data-theme=cosmos]{background-attachment:scroll}.app-shell[data-background-motion=still] .stage-atmosphere:before,.app-shell[data-background-motion=still] .stage-atmosphere:after,.app-shell[data-background-motion=still] .stage-dust{animation:none}.app-shell[data-background-motion=still] .stage-dust{opacity:.15}.app-shell[data-background-motion=high] .stage-atmosphere:before,.app-shell[data-background-motion=high] .stage-atmosphere:after{opacity:.32}.app-shell[data-performance=low] .stage-sheet-card,.app-shell[data-performance=low] .stage-controls,.app-shell[data-performance=low] .stage-recording-result,.app-shell[data-performance=low] .stage-status{-webkit-backdrop-filter:none;backdrop-filter:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}