:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#060713;--panel:#12152dd1;--panel-strong:#191e40f5;--text:#f5f7ff;--muted:#aab2d8;--line:#97a4ff33;--cyan:#58f0ff;--purple:#a66bff;--pink:#ff6bd6;--gold:#ffe78a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(circle at 20% 10%,#5d48ff59,#0000 28%),radial-gradient(circle at 80% 0,#ff6bd638,#0000 32%),linear-gradient(135deg,#050610 0%,#0b1031 55%,#140820 100%);margin:0}button,select,input{font:inherit}button{cursor:pointer}code{color:var(--cyan);background:#58f0ff14;border-radius:6px;padding:2px 5px}.app-shell{padding:30px}.hero{justify-content:space-between;align-items:stretch;gap:24px;margin-bottom:24px;display:flex}.hero h1{letter-spacing:-.07em;max-width:980px;margin:8px 0 16px;font-size:clamp(2.2rem,5vw,5rem);line-height:.95}.hero-copy{color:var(--muted);max-width:860px;font-size:1.12rem}.eyebrow{text-transform:uppercase;color:var(--cyan);letter-spacing:.24em;font-size:.74rem;font-weight:800}.hero-actions{flex-direction:column;gap:12px;min-width:220px;display:flex}.buy-pro-button{color:#fffe;text-align:left;cursor:pointer;background:linear-gradient(135deg,#f65cf6,#fa60bf);border:1px solid #c4b5fdd9;border-radius:18px;width:100%;padding:14px 18px;font-weight:900;transition:transform .15s,box-shadow .15s;box-shadow:0 14px 35px #ffbe5040}.buy-pro-button span{font-size:1.05rem;display:block}.buy-pro-button small{color:#ffffffc7;margin-top:3px;font-size:.76rem;font-weight:800;display:block}.buy-pro-button:hover{transform:translateY(-2px);box-shadow:0 18px 45px #ffbe5061}.buy-pro-button:active{transform:translateY(0)}.hero-card{border:1px solid var(--line);background:linear-gradient(160deg,#58f0ff24,#a66bff29);border-radius:28px;align-content:center;justify-items:start;min-width:178px;padding:24px;display:grid;box-shadow:0 20px 90px #00000059}.hero-card strong{font-size:3rem}.hero-card small{color:var(--muted)}.pulse{background:var(--cyan);width:13px;height:13px;box-shadow:0 0 25px var(--cyan);border-radius:50%;margin-bottom:14px}.studio-grid{grid-template-columns:318px minmax(0,1fr) 284px;align-items:stretch;gap:18px;display:grid}.control-panel,.uploader-card{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:26px;padding:20px;box-shadow:inset 0 1px #ffffff0f,0 20px 80px #00000040}.control-panel{flex-direction:column;gap:18px;display:flex}.uploader-card{flex-direction:column;gap:16px;display:flex}h2{margin:0}.muted{color:var(--muted);line-height:1.5}.field{color:var(--muted);gap:8px;font-size:.9rem;font-weight:700;display:grid}select,input[type=range]{width:100%;accent-color:var(--purple)}select{border:1px solid var(--line);color:var(--text);background:#060816b8;border-radius:14px;padding:12px}.transport{grid-template-columns:1fr .65fr;gap:10px;display:grid}.primary,.ghost{color:#fff;border:0;border-radius:16px;padding:12px 14px;font-weight:850}.ghost{border:1px solid var(--line);background:#ffffff14}.full{width:100%}.progress-bar{background:#ffffff14;border-radius:99px;height:10px;overflow:hidden}.progress-bar span{background:linear-gradient(90deg, var(--cyan), var(--purple));border-radius:inherit;height:100%;display:block}.progress-wrap p{color:var(--muted);margin:8px 0 0;font-size:.85rem}.mini-help{border-top:1px solid var(--line);padding-top:12px}.mini-help h3{margin:0 0 8px}.mini-help p{color:var(--muted);font-size:.88rem;line-height:1.45}.visual-stack{grid-template-rows:minmax(500px,1fr) auto;gap:14px;min-width:0;display:grid}.falling-stage{background:linear-gradient(#0a0d21db,#090a16f5),radial-gradient(circle at 50% 0,#58f0ff38,#0000 35%);border:1px solid #97a4ff3d;border-radius:32px;min-height:500px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 20px 80px #00000052}.stage-stars:before,.stage-stars:after{content:"";opacity:.22;pointer-events:none;background-image:radial-gradient(circle,#ffffff61 1px,#0000 1px);background-size:55px 55px;position:absolute;inset:0}.stage-stars:after{opacity:.16;background-size:88px 88px;transform:translate(20px,18px)}.falling-rows{gap:0;display:grid;position:absolute;inset:0}.falling-stage.single-storey .falling-rows{grid-template-rows:1fr}.falling-stage.two-storey .falling-rows{grid-template-rows:1fr 1fr}.falling-row{--white-count:31;border-bottom:1px solid #ffffff14;position:relative;overflow:hidden}.falling-row:last-child{border-bottom:0}.falling-stage.two-storey .falling-row:first-child:after{content:"UPPER";color:#ffffff59;letter-spacing:.18em;font-size:.66rem;font-weight:900;position:absolute;top:12px;left:14px}.falling-stage.two-storey .falling-row:last-child:after{content:"LOWER";color:#ffffff59;letter-spacing:.18em;font-size:.66rem;font-weight:900;position:absolute;top:12px;left:14px}.lane-grid{position:absolute;inset:0}.white-lane-layer{grid-template-columns:repeat(var(--white-count), minmax(0, 1fr));display:grid;position:absolute;inset:0}.black-lane-layer{pointer-events:none;position:absolute;inset:0}.lane{border-right:1px solid #ffffff0b}.white-lane:first-child{border-left:1px solid #ffffff0b}.black-lane{background:#ffffff08;border-left:1px solid #ffffff09;border-right:1px solid #ffffff09;position:absolute;top:0;bottom:0;transform:translate(-50%)}.timing-line{background:linear-gradient(90deg, transparent, var(--cyan), var(--purple), transparent);height:3px;position:absolute;bottom:1%;left:0;right:0;box-shadow:0 0 24px #58f0ffd9}.timing-line span{color:var(--cyan);letter-spacing:.18em;font-size:.68rem;font-weight:900;position:absolute;bottom:10px;right:18px}.falling-note{z-index:4;background:linear-gradient(#58f0fff2,#456cffd9);border-radius:13px;place-items:center;min-width:14px;transition:filter 80ms,box-shadow 80ms;display:grid;position:absolute;transform:translate(-50%);box-shadow:0 0 24px #58f0ff59,inset 0 1px #ffffff59}.falling-note.black-falling-note{filter:saturate(.96);background:linear-gradient(#ff6bd6f5,#a66bffe0);border-radius:10px;box-shadow:0 0 24px #ff6bd659}.falling-note.hot{filter:brightness(1.5);box-shadow:0 0 38px #ffffffa6,0 0 60px #58f0ff66}.falling-note strong{text-shadow:0 1px 8px #00000080;font-size:clamp(.48rem,.62vw,.68rem)}.paused-badge{border:1px solid var(--line);color:var(--muted);z-index:10;background:#00000052;border-radius:999px;padding:8px 12px;font-weight:800;position:absolute;top:18px;right:18px}.piano-shell{background:linear-gradient(#121732f2,#060710fa);border:1px solid #ffffff1f;border-radius:28px;padding:42px 18px 18px;position:relative;overflow:hidden}.piano-shell.single-storey{min-height:236px}.piano-shell.two-storey{min-height:392px}.piano-mode-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;z-index:7;font-size:.72rem;font-weight:850;position:absolute;top:12px;left:18px;right:18px}.piano-glow{background:radial-gradient(#58f0ff38,#0000 66%);height:80px;position:absolute;inset:auto 10% 0}.piano-rows{z-index:2;gap:16px;display:grid;position:relative}.piano-row-shell{--white-count:31;padding-top:26px;position:relative}.piano-range-label{color:#aab2d8db;letter-spacing:.08em;text-transform:uppercase;z-index:7;font-size:.68rem;font-weight:850;position:absolute;top:0;left:0;right:0}.keyboard-deck{width:100%;margin:0 auto;position:relative}.white-layer{grid-template-columns:repeat(var(--white-count), minmax(0, 1fr));z-index:1;height:142px;display:grid;position:relative}.two-storey .white-layer{height:124px}.black-layer{z-index:3;pointer-events:none;height:92px;position:absolute;inset:0}.two-storey .black-layer{height:82px}.piano-key{-webkit-user-select:none;user-select:none;touch-action:none;transition:transform 60ms,filter 60ms,background 60ms;overflow:hidden}.white{color:#11162a;background:linear-gradient(#f9fbff,#bbc6e1);border:1px solid #0c0f23d9;border-radius:0 0 12px 12px;width:100%;height:100%;position:relative;box-shadow:inset 0 -14px 22px #2c40782e}.black{pointer-events:auto;width:calc((100% / var(--white-count)) * var(--black-width-ratio,.583));color:#fff;background:linear-gradient(#15172d,#03040a);border:0;border-radius:0 0 10px 10px;height:100%;position:absolute;top:0;box-shadow:0 8px 18px #00000080,inset 0 -10px 14px #ffffff09}.white.active{background:linear-gradient(#fff,#70f4ff);transform:translateY(4px);box-shadow:0 0 30px #58f0ffa6}.black.active{background:linear-gradient(#ff89df,#7e4cff);transform:translateY(4px);box-shadow:0 0 30px #ff6bd6c7}.key-note{font-size:clamp(.45rem,.6vw,.66rem);font-weight:900;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.computer-key{color:#0006;font-size:clamp(.45rem,.58vw,.66rem);font-weight:900;position:absolute;top:8px;left:50%;transform:translate(-50%)}.black-label{color:#ffffffbd;bottom:7px}.black-computer-key{color:#ffffff80;top:7px}.key-strike-flash{pointer-events:none;background:radial-gradient(circle at 50% 82%,#ffffffd9,#0000 34%);animation:.36s ease-out forwards keyFlash;position:absolute;inset:0}.black-flash{background:radial-gradient(circle at 50% 72%,#ffffffb3,#0000 42%)}@keyframes keyFlash{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(18px)}}.upload-box{min-height:150px;color:var(--cyan);background:#58f0ff0f;border:1px dashed #58f0ff7a;border-radius:22px;place-items:center;font-weight:900;display:grid}.upload-box input{display:none}.upload-divider{background:var(--line);height:1px;margin:2px 0}@media (width<=1200px){body{min-width:0}.studio-grid{grid-template-columns:1fr}.hero{flex-direction:column}}@media (width<=720px){.app-shell{padding:16px}.hero h1{font-size:2.4rem}.visual-stack{grid-template-rows:minmax(380px,1fr) auto}.falling-stage{border-radius:22px;min-height:380px}.piano-shell{border-radius:20px;padding-inline:10px}.key-note{display:none}}.falling-note.left-hand-note{background:linear-gradient(#4fc2fff7,#2a69ffe6);box-shadow:0 0 22px #4fc2ff61,inset 0 1px #ffffff5c}.falling-note.right-hand-note{color:#1b1200;background:linear-gradient(#ffec80fa,#ffa930e6);box-shadow:0 0 22px #ffce4d61,inset 0 1px #ffffff75}.falling-note.both-hand-note{background:linear-gradient(#b491fff5,#58f0ffdb)}.falling-note.black-falling-note.left-hand-note,.falling-note.black-falling-note.right-hand-note{filter:saturate(1.08)}.falling-note.right-hand-note strong{color:#271a00;text-shadow:0 1px 8px #ffffff59}.export-row{grid-template-columns:1fr 1fr}.upload-box{text-align:center;gap:6px;padding:18px}.upload-box small{color:var(--muted);font-weight:750}.upload-box.compact{min-height:92px}.import-status{color:var(--muted);margin:-4px 0 0;font-size:.84rem;line-height:1.35}.upload-note{border-top:1px solid var(--line)}.piano-shell.two-storey .key-note{font-size:clamp(.38rem,.5vw,.56rem)}.piano-shell.two-storey .computer-key{display:none}body{min-width:0}input,textarea,select{border:1px solid var(--line);color:var(--text);background:#060816b8;border-radius:13px;padding:11px 12px}textarea{resize:vertical;font:inherit}button{-webkit-tap-highlight-color:transparent}.app-root{min-height:100vh}.top-shell{z-index:80;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#060713e0;border-bottom:1px solid #97a4ff2e;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 30px;display:grid;position:sticky;top:0}.app-nav{align-items:center;gap:24px;min-width:0;display:flex}.brand-button{color:#fff;background:0 0;border:0;flex:none;align-items:center;gap:10px;font-size:1.05rem;font-weight:950;display:inline-flex}.brand-mark{color:#071021;background:linear-gradient(135deg, var(--cyan), var(--gold));border-radius:11px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 0 25px #58f0ff47}.nav-links{scrollbar-width:none;gap:4px;min-width:0;display:flex;overflow-x:auto}.nav-links::-webkit-scrollbar{display:none}.nav-links button{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:999px;flex:none;padding:9px 13px;font-weight:800}.nav-links button:hover,.nav-links button.active{color:#fff;background:#ffffff17}.global-actions{gap:9px;display:flex}.mcoin-button,.compact-pro{text-align:left;color:#fff;border-radius:15px;min-width:150px;padding:10px 13px;font-weight:900}.mcoin-button{background:linear-gradient(135deg,#ffc74833,#ff6bd624);border:1px solid #ffe78a73}.mcoin-button span,.mcoin-button small,.compact-pro span,.compact-pro small{display:block}.mcoin-button small,.compact-pro small{color:#ffffffb3;margin-top:2px;font-size:.68rem}.compact-pro{width:auto;min-width:172px;padding:10px 13px}.app-shell{width:100%;max-width:1900px;margin:0 auto}.page-shell{gap:26px;display:grid}.page-heading{max-width:970px}.page-heading h1{letter-spacing:-.055em;margin:7px 0 10px;font-size:clamp(2.3rem,5vw,4.8rem);line-height:.98}.page-heading>p:last-child,.page-heading div>p:last-child{color:var(--muted);line-height:1.55}.split-heading,.marketplace-heading{justify-content:space-between;align-items:end;gap:24px;max-width:none;display:flex}.studio-hero h1{max-width:820px}.studio-grid{grid-template-columns:300px minmax(0,1fr) 280px}.advanced-controls{border-top:1px solid var(--line);padding-top:12px}.advanced-controls summary{cursor:pointer;color:var(--text);font-weight:850}.advanced-controls[open]{gap:13px;display:grid}.advanced-controls[open] summary{margin-bottom:4px}.visual-stack{grid-template-rows:minmax(490px,1fr) auto auto}.transport-dock{border:1px solid var(--line);background:#0e1126eb;border-radius:20px;grid-template-columns:auto auto minmax(190px,.8fr) auto minmax(180px,1fr);align-items:center;gap:10px;padding:12px;display:grid;box-shadow:0 12px 40px #00000040}.transport-main{min-width:94px}.dock-speed{color:var(--muted);gap:5px;font-size:.78rem;font-weight:800;display:grid}.pedal-button{min-width:118px;color:var(--gold);background:#ffe78a0f;border:1px solid #ffe78a47;border-radius:14px;gap:2px;padding:9px 12px;font-weight:900;display:grid}.pedal-button small{color:var(--muted);font-size:.67rem}.pedal-button.active{color:#181000;background:linear-gradient(135deg, var(--gold), #ffb54d);box-shadow:0 0 28px #ffd56959}.pedal-button.active small{color:#1e1100a6}.dock-progress{gap:6px;display:grid}.dock-progress small{color:var(--muted);text-align:right}.piano-scroll-wrap{border-radius:28px;min-width:0;overflow-x:auto}.piano-scroll-wrap .piano-shell{min-width:760px}.narrow-page{max-width:760px;margin:0 auto}.account-card,.wallet-card,.checkout-card,.schema-card{border:1px solid var(--line);background:var(--panel);border-radius:26px;padding:24px;box-shadow:0 20px 70px #0000003d}.account-card{gap:16px;display:grid}.segmented-control{background:#ffffff0d;border-radius:14px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.account-mode-control{grid-template-columns:repeat(3,1fr)}.segmented-control button{color:var(--muted);background:0 0;border:0;border-radius:11px;padding:10px;font-weight:850}.segmented-control button.active{color:#fff;background:#ffffff1a}.form-status{color:var(--gold);margin:0;line-height:1.45}.centered-status{text-align:center}.account-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.wallet-card{align-content:start;gap:15px;display:grid}.featured-card{background:linear-gradient(145deg,#58f0ff21,#a66bff29)}.wallet-balance{letter-spacing:-.05em;font-size:clamp(3rem,7vw,5.8rem);line-height:1}.button-row{flex-wrap:wrap;gap:9px;display:flex}.wallet-card form{gap:12px;display:grid}.product-selector-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.payment-product{border:1px solid var(--line);text-align:left;color:#fff;background:#ffffff0b;border-radius:22px;gap:9px;min-height:150px;padding:18px;display:grid}.payment-product span{color:var(--cyan);letter-spacing:.16em;font-size:.7rem;font-weight:900}.payment-product strong{font-size:1.25rem}.payment-product small{color:var(--muted)}.payment-product.selected{border-color:var(--cyan);background:linear-gradient(145deg,#58f0ff21,#a66bff21);box-shadow:0 0 32px #58f0ff1f}.checkout-card{grid-template-columns:1fr auto auto;align-items:center;gap:22px;display:grid}.checkout-price{font-size:2.4rem}.checkout-card .form-status,.checkout-card .ghost{grid-column:1/-1}.publish-button{min-width:170px}.publish-panel{background:linear-gradient(145deg,#12152df5,#181130f0);border:1px solid #58f0ff52;border-radius:25px;gap:18px;padding:22px;display:grid}.publish-panel-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.artist-chip-row{flex-wrap:wrap;gap:8px;display:flex}.artist-chip-row button{border:1px solid var(--line);color:var(--muted);background:#ffffff0a;border-radius:999px;padding:8px 12px;font-weight:750}.artist-chip-row button.selected{color:#111;background:var(--gold)}.publish-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.market-toolbar{border:1px solid var(--line);background:#0f1227d9;border-radius:20px;grid-template-columns:minmax(260px,1.8fr) repeat(3,minmax(150px,.7fr));gap:10px;padding:13px;display:grid}.market-toolbar label{color:var(--muted);gap:5px;font-size:.72rem;font-weight:850;display:grid}.listing-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.listing-card{border:1px solid var(--line);background:#0f1227e6;border-radius:22px;grid-template-rows:180px 1fr auto;min-height:480px;display:grid;overflow:hidden;box-shadow:0 18px 60px #0000003b}.listing-cover{background:radial-gradient(circle at 50% 30%,#58f0ff3b,#0000 38%),linear-gradient(145deg,#14224b,#15102e);place-items:center;display:grid;position:relative}.listing-cover.guitar{background:radial-gradient(circle at 50% 30%,#ffe78a3b,#0000 38%),linear-gradient(145deg,#3d1f17,#17102e)}.listing-cover span{filter:drop-shadow(0 12px 16px #0000004d);font-size:4.2rem}.listing-cover small{text-transform:uppercase;letter-spacing:.18em;color:#ffffffb3;font-weight:900;position:absolute;bottom:12px;left:13px}.listing-body{align-content:start;gap:8px;padding:18px;display:grid;position:relative}.format-badge{color:#0d1020;background:var(--cyan);border-radius:999px;padding:7px 10px;font-size:.67rem;font-weight:950;position:absolute;top:-17px;right:14px}.listing-artist{color:var(--gold);margin:0;font-size:.8rem;font-weight:850}.listing-body h2{font-size:1.15rem;line-height:1.2}.seller-line{color:var(--muted);font-size:.78rem}.listing-footer{border-top:1px solid var(--line);gap:12px;padding:16px 18px 18px;display:grid}.listing-footer>strong{font-size:1.25rem}.listing-actions{grid-template-columns:1fr auto;gap:8px;display:grid}.library-page{gap:24px;display:grid}.library-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.library-section{border:1px solid var(--line);background:var(--panel);border-radius:24px;gap:14px;padding:20px;display:grid}.section-title-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.library-count{min-width:42px;height:42px;color:var(--cyan);background:#58f0ff1f;border-radius:999px;place-items:center;padding:0 12px;font-weight:900;display:grid}.playlist-table,.seller-song-list{gap:8px;display:grid}.playlist-row,.seller-song-row{border:1px solid var(--line);background:#ffffff09;border-radius:16px;grid-template-columns:38px 42px minmax(180px,1.5fr) minmax(120px,1fr) 90px 110px auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.playlist-number{color:var(--muted);font-variant-numeric:tabular-nums}.playlist-title,.seller-song-row>div{gap:3px;display:grid}.playlist-title span,.seller-song-row span,.seller-song-row small{color:var(--muted);font-size:.78rem}.seller-song-row{grid-template-columns:42px minmax(220px,1fr) minmax(150px,auto) auto}.seller-song-row>.form-status{grid-column:1/-1}.seller-song-price{text-align:right}.library-edit-form{background:#58f0ff0d;border:1px solid #58f0ff59;border-radius:18px;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px;display:grid}.library-description-field,.library-edit-form .button-row,.library-edit-form .form-status{grid-column:1/-1}.profile-shortcuts{margin-top:16px}.database-table-wrap{border:1px solid var(--line);background:var(--panel);border-radius:20px;overflow-x:auto}.admin-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}@media (width<=760px){.admin-summary-grid{grid-template-columns:1fr}}.database-table{border-collapse:collapse;width:100%;min-width:900px}.database-table th,.database-table td{border-bottom:1px solid var(--line);text-align:left;padding:14px 16px}.database-table thead th{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;background:#ffffff0a;font-size:.75rem}.database-table tbody tr:hover{background:#58f0ff09}.database-table tfoot th{background:#58f0ff14;border-bottom:0}.amount-cell{color:var(--gold);white-space:nowrap;font-weight:900}.database-total{color:var(--gold);margin-right:18px;font-size:1rem;display:inline-block}.status-pill{color:#77efaa;background:#57e5971f;border-radius:999px;padding:5px 9px;font-size:.7rem;font-weight:900}.privacy-note{color:var(--muted);font-size:.78rem}.compact-action{white-space:nowrap;padding:8px 10px}.temporary-password-card{background:#ffcd5a14;border:1px solid #ffcd5a80;border-radius:18px;gap:8px;padding:18px;display:grid}.temporary-password-card span,.temporary-password-card small{color:var(--muted)}.temporary-password-card code{width:fit-content;color:var(--gold);-webkit-user-select:all;user-select:all;background:#090d19;border-radius:10px;padding:10px 13px;font-size:1.05rem}.admin-console{gap:20px;display:grid}.admin-console-heading,.admin-section-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.admin-console-heading h1,.admin-console-heading p,.admin-section-heading h2,.admin-section-heading p{margin:.25rem 0}.admin-console-heading>div>p:last-child,.admin-section-heading>div>p:last-child{color:var(--muted)}.admin-section-nav{z-index:30;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090c1bf0;border-radius:20px;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding:7px;display:grid;position:sticky;top:72px}.admin-section-nav button{min-width:0;color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:14px;gap:4px;padding:12px 14px;display:grid}.admin-section-nav button strong{color:var(--text);font-size:.88rem}.admin-section-nav button small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-section-nav button.active{background:#58f0ff1a;border-color:#58f0ff57}.admin-section-nav button.active strong{color:var(--cyan)}.admin-workspace{gap:18px;min-width:0;display:grid}.admin-metric{letter-spacing:-.045em;font-size:clamp(2rem,4vw,3.6rem);line-height:1}.admin-option-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.admin-option-grid button{border:1px solid var(--line);min-height:135px;color:var(--text);text-align:left;background:var(--panel);border-radius:20px;gap:7px;padding:18px;display:grid}.admin-option-grid button:hover{border-color:#58f0ff59;transform:translateY(-2px)}.admin-option-grid span{font-size:1.03rem;font-weight:900}.admin-option-grid small{color:var(--muted);line-height:1.45}.admin-option-grid b{color:var(--cyan);text-transform:uppercase;letter-spacing:.1em;align-self:end;font-size:.76rem}.admin-storage-note{background:#58f0ff0b;border:1px solid #58f0ff3d;border-radius:22px;grid-template-columns:minmax(220px,.55fr) minmax(0,1fr);gap:22px;padding:20px;display:grid}.admin-storage-note h2,.admin-storage-note p{margin:.25rem 0}.admin-storage-note>p{color:var(--muted);line-height:1.65}.admin-storage-note code{color:var(--gold)}.admin-form-card{border:1px solid var(--line);background:var(--panel);border-radius:24px;gap:18px;padding:22px;display:grid}.admin-form-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;display:grid}.admin-form-card>.primary{justify-self:start}.policy-form-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.promotion-list{gap:8px;display:grid}.promotion-row{border:1px solid var(--line);background:#ffffff09;border-radius:17px;grid-template-columns:minmax(220px,1.4fr) minmax(160px,.8fr) 120px auto;align-items:center;gap:16px;padding:14px 16px;display:grid}.promotion-row>div{gap:3px;display:grid}.promotion-row>div:first-child{grid-template-columns:auto 1fr;align-items:center;column-gap:10px}.promotion-row>div:first-child small{grid-column:1/-1}.promotion-row code{width:fit-content;color:var(--gold);background:#ffe78a17;border-radius:8px;padding:5px 8px;font-weight:900}.promotion-row small{color:var(--muted)}.promotion-row.inactive{opacity:.56}.admin-user-search{min-width:min(360px,100%);color:var(--muted);gap:6px;font-size:.76rem;font-weight:850;display:grid}.admin-users-table td{vertical-align:top}.admin-users-table td strong,.admin-users-table td small{display:block}.admin-users-table td small{color:var(--muted);white-space:nowrap;margin-top:4px}.custom-viewport-controls{grid-template-columns:repeat(2,minmax(120px,220px));gap:10px;display:grid}.policy-notice{border-left:3px solid var(--cyan);color:var(--muted);background:#58f0ff0e;padding:12px 14px;line-height:1.5}.policy-links{gap:14px;margin:0;display:flex}.policy-links a{color:var(--cyan);font-weight:800}.market-coupon-bar{background:#ffe78a0b;border:1px solid #ffe78a3d;border-radius:18px;grid-template-columns:minmax(220px,1fr) minmax(170px,240px) auto minmax(170px,240px) auto;align-items:center;gap:12px;padding:13px 16px;display:grid}.market-coupon-bar p{margin:0 0 3px}.market-coupon-bar span{color:var(--muted);font-size:.78rem}.market-coupon-bar label{color:var(--muted);gap:5px;font-size:.72rem;font-weight:850;display:grid}.promotion-divider{font-weight:950}.own-friend-id{color:var(--muted);grid-column:2/-1}.friend-id-card{background:#58f0ff0e;border:1px solid #58f0ff3d;border-radius:16px;grid-template-columns:1fr auto;align-items:center;gap:8px 14px;max-width:520px;margin-top:14px;padding:13px 15px;display:grid}.friend-id-card p{margin:0 0 5px}.friend-id-card code,.friend-id-chip{color:var(--gold);letter-spacing:.05em;font-weight:900}.friend-id-card small{color:var(--muted);grid-column:1/-1;line-height:1.45}.admin-users-table .friend-id-chip{width:fit-content;margin-top:5px;display:block}@media (width<=1100px){.admin-section-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-option-grid,.admin-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.promotion-row{grid-template-columns:minmax(190px,1fr) 1fr auto}.promotion-row>div:nth-child(3){display:none}}@media (width<=700px){.admin-console-heading,.admin-section-heading{flex-direction:column;align-items:stretch}.admin-section-nav{grid-template-columns:1fr;position:static}.admin-section-nav button small{white-space:normal}.admin-summary-grid,.admin-option-grid,.admin-form-grid,.policy-form-grid,.admin-storage-note,.market-coupon-bar{grid-template-columns:1fr}.market-coupon-bar .promotion-divider{text-align:center}.own-friend-id{grid-column:1}.promotion-row{grid-template-columns:1fr auto}.promotion-row>div:nth-child(2){grid-column:1}.promotion-row>button{grid-area:1/2/span 2}.custom-viewport-controls{grid-template-columns:1fr 1fr}.admin-user-search{min-width:0}}@media (width<=900px){.playlist-row{grid-template-columns:34px 38px minmax(150px,1fr) auto}.playlist-row>span:nth-of-type(2),.playlist-row>span:nth-of-type(3),.playlist-row>span:nth-of-type(4){display:none}.library-edit-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.library-heading{flex-direction:column;align-items:stretch}.playlist-row{grid-template-columns:28px 34px minmax(0,1fr)}.playlist-row>button{grid-column:2/-1}.seller-song-row{grid-template-columns:34px minmax(0,1fr)}.seller-song-price{text-align:left;grid-column:2}.seller-song-row>button{grid-column:1/-1}.library-edit-form{grid-template-columns:1fr}.library-edit-form>*{grid-column:1!important}}.empty-state{border:1px dashed var(--line);text-align:center;color:var(--muted);background:#ffffff06;border-radius:22px;padding:34px}.empty-state-page{align-content:center;min-height:65vh}.floating-status{z-index:40;background:#141120f0;border:1px solid #ffe78a59;border-radius:999px;justify-self:center;max-width:720px;padding:12px 16px;position:sticky;bottom:16px;box-shadow:0 12px 40px #0000004d}.chat-layout{border:1px solid var(--line);background:#0c0e1fe0;border-radius:26px;grid-template-columns:310px minmax(0,1fr);min-height:620px;display:grid;overflow:hidden}.thread-list{border-right:1px solid var(--line);background:#ffffff06}.thread-list-title{border-bottom:1px solid var(--line);justify-content:space-between;padding:18px;display:flex}.thread-list>button{text-align:left;color:#fff;background:0 0;border:0;border-bottom:1px solid #97a4ff1a;grid-template-columns:auto 1fr;gap:11px;width:100%;padding:14px 16px;display:grid}.thread-list>button.active{background:#58f0ff17}.thread-list>button>span:last-child{gap:4px;min-width:0;display:grid}.thread-list>button small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.thread-empty{padding:18px}.avatar{color:#0b1020;background:linear-gradient(135deg, var(--cyan), var(--purple));border-radius:50%;place-items:center;width:38px;height:38px;font-weight:950;display:grid}.conversation-panel{grid-template-rows:auto 1fr auto;min-width:0;display:grid}.conversation-header{border-bottom:1px solid var(--line);align-items:center;gap:11px;padding:14px 18px;display:flex}.conversation-header>div{gap:3px;display:grid}.conversation-header small{color:var(--muted)}.message-stream{flex-direction:column;gap:10px;padding:22px;display:flex;overflow-y:auto}.message-bubble{background:#ffffff14;border-radius:17px 17px 17px 4px;align-self:flex-start;max-width:min(72%,620px);padding:11px 14px}.message-bubble.mine{background:linear-gradient(135deg,#a66bffbf,#475cdecc);border-radius:17px 17px 4px;align-self:flex-end}.message-bubble p{margin:0 0 6px;line-height:1.45}.message-bubble small{color:#ffffff94;font-size:.65rem}.message-composer{border-top:1px solid var(--line);grid-template-columns:1fr auto;gap:9px;padding:14px;display:grid}.conversation-empty{color:var(--muted);text-align:center;margin:auto;padding:20px}.conversation-empty.large{font-size:1.2rem}.file-button{cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.file-button input{display:none}.guitar-layout{grid-template-columns:180px minmax(0,1fr);gap:16px;display:grid}.chord-library{border:1px solid var(--line);background:var(--panel);border-radius:23px;align-content:start;gap:8px;padding:18px;display:grid}.chord-library button{border:1px solid var(--line);color:#fff;background:#ffffff0a;border-radius:13px;padding:12px;font-size:1.15rem;font-weight:950}.chord-library button.active{color:#171000;background:var(--gold)}.guitar-stage{border:1px solid var(--line);background:linear-gradient(145deg,#1f1323f0,#0d172df0);border-radius:26px;gap:20px;padding:23px;display:grid;overflow:hidden}.guitar-stage>header{justify-content:space-between;align-items:center;gap:15px;display:flex}.guitar-transport{color:var(--muted);align-items:center;gap:11px;font-weight:850;display:flex}.active-chord-banner{color:#1b1200;background:linear-gradient(90deg, var(--gold), #ff9ccf);border-radius:17px;justify-content:space-between;align-items:baseline;padding:14px 18px;display:flex}.active-chord-banner span{font-weight:850}.active-chord-banner strong{font-size:2rem}.fretboard{background:linear-gradient(90deg,#7f4e2e,#c88953 48%,#714025);border-radius:18px;gap:0;min-width:720px;padding:16px;display:grid;overflow-x:auto;box-shadow:inset 0 0 30px #280e0075}.guitar-string{grid-template-columns:74px repeat(6,minmax(70px,1fr));align-items:center;min-height:48px;display:grid;position:relative}.guitar-string:after{content:"";background:#f5ebcdd9;height:2px;position:absolute;top:50%;left:74px;right:0;box-shadow:0 1px 2px #0009}.guitar-string:nth-child(-n+2):after{height:3px}.string-name{color:#fff4d8;font-size:.72rem;font-weight:900}.guitar-string button{z-index:2;color:#fff;background:0 0;border:0;border-left:2px solid #bebebebf;height:48px;position:relative}.guitar-string button:last-child{border-right:2px solid #bebebebf}.guitar-string button span{border-radius:50%;place-items:center;width:26px;height:26px;margin:auto;font-weight:950;display:grid}.guitar-string button.active span{color:#111;background:var(--cyan);box-shadow:0 0 18px #58f0ffbf}.guitar-string button.muted-string span{color:#ffcfda;background:#6d0023b3}.lesson-sequence{gap:9px;display:flex;overflow-x:auto}.lesson-sequence>div{border:1px solid var(--line);background:#ffffff0b;border-radius:14px;flex:0 0 100px;gap:4px;padding:13px;display:grid}.lesson-sequence>div.active{color:#111;background:var(--cyan)}.lesson-sequence small{color:inherit;opacity:.68}.schema-card pre{color:var(--cyan);line-height:1.5;overflow-x:auto}@media (width<=1450px){.listing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.account-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-grid{grid-template-columns:280px minmax(0,1fr)}.uploader-card{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@media (width<=1100px){.top-shell{grid-template-columns:1fr;padding:12px 18px}.app-nav{flex-wrap:wrap;gap:10px}.global-actions{position:absolute;top:9px;right:16px}.global-actions button{min-width:120px}.global-actions small{display:none}.brand-button{margin-right:270px}.studio-grid{grid-template-columns:1fr}.uploader-card{grid-column:auto;display:flex}.control-panel{order:2}.visual-stack{order:1}.uploader-card{order:3}.transport-dock{grid-template-columns:auto auto minmax(180px,1fr) auto}.dock-progress{grid-column:1/-1}.listing-grid,.market-toolbar,.publish-form-grid,.product-selector-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.checkout-card{grid-template-columns:1fr auto}.checkout-button{grid-column:1/-1}}@media (width<=720px){.top-shell{padding:12px;position:static}.brand-button{margin-right:0}.brand-button>span:last-child{display:none}.global-actions{grid-column:1/-1;width:100%;position:static}.global-actions button{text-align:center;flex:1;min-width:0}.app-nav{grid-template-columns:auto minmax(0,1fr);width:100%;display:grid}.nav-links{padding-bottom:2px}.app-shell{padding:15px 12px 30px}.page-heading h1{font-size:2.45rem}.split-heading,.marketplace-heading{flex-direction:column;align-items:stretch}.hero-card{min-width:0;padding:18px}.transport-dock{z-index:50;border-radius:18px;grid-template-columns:1fr auto auto;position:sticky;bottom:8px}.dock-speed{grid-column:1/-1}.dock-progress{grid-column:1/-1;display:grid}.pedal-button{min-width:104px}.piano-scroll-wrap{border-radius:0;margin-inline:-12px;padding-inline:12px}.piano-scroll-wrap .piano-shell{min-width:740px}.account-grid,.listing-grid,.product-selector-grid,.publish-form-grid,.market-toolbar,.checkout-card{grid-template-columns:1fr}.checkout-price{font-size:2rem}.chat-layout{grid-template-columns:1fr;min-height:700px}.thread-list{border-right:0;border-bottom:1px solid var(--line);max-height:220px;overflow-y:auto}.message-bubble{max-width:88%}.guitar-layout{grid-template-columns:1fr}.chord-library{display:flex;overflow-x:auto}.chord-library .eyebrow{flex:0 0 100%;display:none}.chord-library button{flex:0 0 64px}.guitar-stage{padding:14px}.guitar-stage>header{flex-direction:column;align-items:flex-start}.fretboard{min-width:700px}.listing-card{min-height:450px}.floating-status{text-align:center;border-radius:16px;margin-inline:8px}}.rights-check{color:var(--muted);align-items:flex-start;gap:10px;font-size:.86rem;line-height:1.4;display:flex}.rights-check input{width:18px;height:18px;accent-color:var(--cyan);margin-top:1px}.instrument-picker{border:1px solid var(--line);background:#ffffff09;border-radius:20px;grid-template-columns:minmax(240px,1fr) repeat(2,minmax(150px,.35fr));align-items:stretch;gap:10px;padding:14px;display:grid}.instrument-picker>div{align-content:center;gap:4px;display:grid}.instrument-picker>div p{margin:0}.instrument-picker button{border:1px solid var(--line);color:#fff;background:#ffffff0d;border-radius:15px;padding:13px;font-weight:900}.instrument-picker button.active{color:#10131f;background:linear-gradient(135deg, var(--cyan), var(--gold))}@media (width<=720px){.instrument-picker{grid-template-columns:1fr 1fr}.instrument-picker>div{grid-column:1/-1}}.transport-dock{grid-template-columns:minmax(300px,auto) minmax(150px,.55fr) auto minmax(280px,1fr)}.transport-button-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.transport-button-group button{min-height:42px}.seek-jump{min-width:72px;padding-inline:11px}.dock-progress{grid-template-columns:auto minmax(150px,1fr) auto;align-items:center;gap:9px;min-width:0}.timeline-range{cursor:ew-resize;width:100%;min-width:0;accent-color:var(--cyan)}.timeline-time{min-width:42px;color:var(--muted);font-variant-numeric:tabular-nums;font-size:.72rem;font-weight:850}.timeline-time.end{text-align:right}.upload-folder-button{min-height:44px;color:var(--cyan);cursor:pointer;background:#58f0ff0e;border:1px dashed #58f0ff61;border-radius:14px;justify-content:center;align-items:center;padding:11px 14px;font-weight:850;display:inline-flex}.upload-folder-button input{display:none}.youtube-compare{border-top:1px solid var(--line);gap:11px;min-width:0;padding-top:15px;display:grid}.youtube-compare-header{justify-content:space-between;align-items:start;gap:8px;display:flex}.youtube-compare-header h3{margin:3px 0 0;font-size:1rem}.youtube-source-badge{max-width:118px;color:var(--pink);text-overflow:ellipsis;white-space:nowrap;border:1px solid #ff6bd64d;border-radius:999px;flex:none;padding:5px 8px;font-size:.62rem;font-weight:850;overflow:hidden}.youtube-player-shell{aspect-ratio:16/9;border:1px solid var(--line);background:#02030a;border-radius:14px;width:100%;position:relative;overflow:hidden}.youtube-player-shell iframe{border:0;width:100%;height:100%}.youtube-empty{height:100%;color:var(--muted);text-align:center;place-content:center;gap:4px;display:grid}.youtube-empty strong{color:var(--text)}.youtube-search-form,.youtube-url-row{grid-template-columns:minmax(0,1fr) auto;gap:7px;display:grid}.youtube-search-form input,.youtube-url-row input{border:1px solid var(--line);min-width:0;color:var(--text);background:#050714bf;border-radius:11px;padding:9px 10px}.youtube-search-form button,.youtube-url-row button{border-radius:11px;padding:9px 10px}.youtube-results{gap:7px;max-height:238px;display:grid;overflow-y:auto}.youtube-results>button{color:var(--text);text-align:left;background:#ffffff09;border:1px solid #0000;border-radius:11px;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:8px;padding:7px;display:grid}.youtube-results>button.selected{border-color:var(--cyan);background:#58f0ff14}.youtube-results img{aspect-ratio:16/9;object-fit:cover;border-radius:7px;width:72px}.youtube-results span{gap:3px;min-width:0;display:grid}.youtube-results strong,.youtube-results small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.youtube-results strong{font-size:.72rem}.youtube-results small,.youtube-status{color:var(--muted);font-size:.65rem}.youtube-status{margin:0;line-height:1.4}.youtube-external{color:var(--cyan);text-align:left;background:0 0;border:0;font-size:.7rem;font-weight:850}.guitar-studio-grid{grid-template-columns:300px minmax(0,1fr) 290px;align-items:start;gap:18px;display:grid}.guitar-control-panel,.guitar-upload-card,.interactive-fretboard-card{border:1px solid var(--line);background:var(--panel);border-radius:25px;gap:17px;padding:20px;display:grid;box-shadow:inset 0 1px #ffffff0d,0 20px 70px #00000038}.guitar-control-panel{align-content:start}.guitar-upload-card{align-content:start;max-height:calc(100vh - 140px);overflow-y:auto}.guitar-visual-stack{gap:12px;min-width:0;display:grid}.guitar-chord-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.guitar-chord-grid button{border:1px solid var(--line);color:#fff;background:#ffffff0b;border-radius:11px;min-height:42px;font-weight:900}.guitar-chord-grid button.active{color:#161000;background:linear-gradient(135deg, var(--gold), #ff9ccf);border-color:#0000}.guitar-falling-stage{background:radial-gradient(circle at 55% 5%,#a66bff2e,#0000 30%),linear-gradient(#080a1dfa,#0d162bf5);border:1px solid #97a4ff40;border-radius:27px;min-height:500px;position:relative;overflow:hidden;box-shadow:inset 0 0 70px #00000059}.guitar-falling-stage .stage-stars{opacity:.42;background-image:radial-gradient(circle,#ffffff52 1px,#0000 1px);background-size:33px 33px;position:absolute;inset:0}.guitar-lane-labels,.guitar-lanes{grid-template-columns:repeat(6,minmax(0,1fr));display:grid;position:absolute;inset:0}.guitar-lane-labels{z-index:3;height:38px}.guitar-lane-labels span{color:#ffffff9e;place-items:center;font-size:.66rem;font-weight:850;display:grid}.guitar-lane{background:linear-gradient(#ffffff05,#0000 60%);border-right:1px solid #ffffff12}.guitar-lane:first-child{border-left:1px solid #ffffff12}.guitar-press-line{z-index:5;background:linear-gradient(90deg, transparent, var(--gold), var(--pink), transparent);height:3px;position:absolute;bottom:11%;left:0;right:0;box-shadow:0 0 25px #ffe78ab8}.guitar-press-line span{color:var(--gold);letter-spacing:.14em;font-size:.63rem;font-weight:900;position:absolute;bottom:9px;right:14px}.guitar-falling-note{z-index:4;color:#11152a;background:linear-gradient(#ffe78a,#ff93cb);border-radius:12px;place-content:center;gap:2px;min-height:28px;transition:filter 80ms;display:grid;position:absolute;box-shadow:0 0 25px #ffaac64d,inset 0 1px #fffc}.guitar-falling-note:nth-of-type(2n){background:linear-gradient(#58f0ff,#8d7dff)}.guitar-falling-note.hot{filter:brightness(1.4);box-shadow:0 0 38px #ffffffa6,0 0 58px #ffe78a66}.guitar-falling-note strong{text-align:center;font-size:1rem}.guitar-falling-note small{text-align:center;font-size:.58rem;font-weight:900}.guitar-transport-dock{border:1px solid var(--line);background:#0e1126f0;border-radius:20px;grid-template-columns:minmax(300px,auto) minmax(160px,.45fr) minmax(280px,1fr);align-items:center;gap:10px;padding:12px;display:grid}.interactive-fretboard-card{min-width:0;overflow:hidden}.interactive-fretboard-card>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.guitar-capo-status{color:var(--gold);margin-top:4px;font-size:.72rem;font-weight:750;display:block}.fretboard.wide{min-width:1120px}.fretboard.wide .guitar-string{grid-template-columns:74px repeat(13,minmax(68px,1fr))}.lesson-sequence.vertical{max-height:410px;display:grid;overflow-y:auto}.lesson-sequence.vertical>button{border:1px solid var(--line);width:100%;color:var(--text);text-align:left;background:#ffffff09;border-radius:12px;gap:4px;padding:11px;display:grid}.lesson-sequence.vertical>button.active{color:#0a1422;background:var(--cyan);border-color:#0000}.lesson-sequence.vertical small{color:inherit;opacity:.68}.guitar-schema-details{border-top:1px solid var(--line);padding-top:12px}.guitar-schema-details summary{cursor:pointer;color:var(--text);font-weight:850}.guitar-schema-details pre{max-width:100%;color:var(--cyan);font-size:.68rem;line-height:1.45;overflow-x:auto}@media (width<=1450px){.transport-dock,.guitar-transport-dock{grid-template-columns:minmax(280px,auto) minmax(160px,1fr) auto}.transport-dock .dock-progress,.guitar-transport-dock .dock-progress{grid-column:1/-1}.guitar-studio-grid{grid-template-columns:280px minmax(0,1fr)}.guitar-upload-card{grid-column:1/-1;max-height:none}}@media (width<=1100px){.transport-dock,.guitar-transport-dock{grid-template-columns:1fr auto}.transport-button-group,.transport-dock .dock-progress,.guitar-transport-dock .dock-progress{grid-column:1/-1}.guitar-studio-grid{grid-template-columns:1fr}.guitar-control-panel{order:2}.guitar-visual-stack{order:1}.guitar-upload-card{order:3}}@media (width<=720px){.hero{flex-direction:column}.transport-dock,.guitar-transport-dock{grid-template-columns:1fr;padding:10px}.transport-button-group{grid-template-columns:repeat(4,minmax(0,1fr));width:100%;display:grid}.transport-button-group button{min-width:0;padding-inline:6px;font-size:.74rem}.transport-dock .dock-speed,.transport-dock .pedal-button,.guitar-transport-dock .dock-speed{grid-column:auto;width:100%}.transport-dock .dock-progress,.guitar-transport-dock .dock-progress{grid-column:auto;display:grid}.youtube-search-form,.youtube-url-row{grid-template-columns:1fr}.youtube-results>button{grid-template-columns:60px minmax(0,1fr)}.youtube-results img{width:60px}.guitar-falling-stage{min-height:390px}.guitar-lane-labels span{font-size:.56rem}.interactive-fretboard-card>header{flex-direction:column;align-items:stretch}.guitar-chord-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.youtube-heading{justify-content:space-between;align-items:start;gap:8px;display:flex}.youtube-heading h3{margin:3px 0 0;font-size:1rem}.youtube-badge{color:#fff;background:#d93025;border-radius:50%;place-items:center;width:30px;height:30px;font-size:.72rem;display:grid;box-shadow:0 0 18px #d9302559}button:disabled{cursor:not-allowed;opacity:.48;box-shadow:none;transform:none}.music-upload-panel,.ready-upload-section,.translation-panel{gap:14px;min-width:0;display:grid}.upload-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.upload-mode-grid>button,.upload-mode-option{border:1px solid var(--line);min-width:0;min-height:68px;color:var(--text);text-align:center;background:#ffffff0b;border-radius:17px;align-content:center;gap:5px;padding:14px;display:grid}.upload-mode-option{cursor:pointer}.upload-mode-option input{display:none}.upload-mode-grid>button.active,.upload-mode-option.active{background:linear-gradient(145deg,#58f0ff24,#a66bff21);border-color:#58f0ffb8;box-shadow:0 0 25px #58f0ff1a}.upload-mode-grid strong{line-height:1.2}.upload-mode-grid small{color:var(--muted);line-height:1.35}.ready-upload-section h3,.translation-panel h3{margin:2px 0 0;font-size:1.2rem}.ready-sheet-help{background:#58f0ff0d;border:1px solid #58f0ff2e;border-radius:14px;padding:13px}.ready-sheet-help p{color:var(--muted);margin:6px 0 0;font-size:.82rem;line-height:1.45}.translation-heading,.job-status-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.price-chip,.job-state-badge{color:var(--gold);text-transform:uppercase;letter-spacing:.06em;background:#ffe78a12;border:1px solid #ffe78a59;border-radius:999px;flex:none;padding:7px 10px;font-size:.7rem;font-weight:900}.translation-file-picker{min-height:112px}.allowance-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.allowance-summary>div{border:1px solid var(--line);background:#ffffff09;border-radius:14px;gap:4px;padding:12px;display:grid}.allowance-summary span{color:var(--muted);font-size:.72rem}.allowance-summary strong{font-size:.9rem}.translation-payment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.translation-payment-grid button{text-align:left;align-content:center;gap:4px;min-height:78px;display:grid}.translation-payment-grid small{color:#ffffffb3}.mcoin-pay-button{border-color:#ffe78a59}.quota-warning{background:#ff6bd60f;border:1px solid #ff6bd647;border-radius:14px;gap:6px;padding:13px;display:grid}.quota-warning span{color:var(--muted);font-size:.82rem}.translation-job{border:1px solid var(--line);background:#0305118a;border-radius:17px;gap:12px;padding:15px;display:grid}.translation-job.completed{border-color:#58f0ff73}.translation-job.failed{border-color:#ff6bd66b}.job-status-row>div{gap:4px;min-width:0;display:grid}.job-status-row span:first-child{color:var(--muted);font-size:.72rem}.job-status-row strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.job-state-badge{color:var(--cyan);background:#58f0ff0d;border-color:#58f0ff40}.job-progress-track{background:#ffffff12;border-radius:999px;height:9px;overflow:hidden}.job-progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--cyan), var(--purple), var(--pink));height:100%;transition:width .35s;display:block}.job-metrics{color:var(--muted);justify-content:space-between;gap:10px;font-size:.8rem;display:flex}.job-metrics strong{color:var(--text);font-variant-numeric:tabular-nums}.estimate-note,.translation-footnote,.job-payment-line{color:var(--muted);margin:0;font-size:.76rem;line-height:1.45}.estimate-note{color:var(--gold)}.media-transcription-panel,.media-transcription-job{gap:13px;min-width:0;display:grid}.media-transcription-panel>p{color:var(--muted);margin:0;line-height:1.5}.media-playback-options{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;min-width:0;margin:0;padding:0;display:grid}.media-playback-options legend{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;grid-column:1/-1;margin-bottom:2px;font-size:.72rem;font-weight:800}.media-playback-option{border:1px solid var(--line);cursor:pointer;background:#ffffff09;border-radius:14px;align-items:flex-start;gap:9px;min-width:0;padding:12px;display:flex}.media-playback-option.active{background:#58f0ff17;border-color:#58f0ffa8}.media-playback-option input{width:17px;height:17px;accent-color:var(--cyan);margin:1px 0 0}.media-playback-option span{gap:4px;min-width:0;display:grid}.media-playback-option small{color:var(--muted);line-height:1.4}.media-rights-check{color:var(--muted);cursor:pointer;align-items:flex-start;gap:9px;font-size:.8rem;line-height:1.4;display:flex}.media-rights-check input{width:17px;height:17px;accent-color:var(--cyan);margin-top:1px}.media-transcription-job{border:1px solid var(--line);background:#0305118a;border-radius:17px;padding:15px}.media-transcription-job.completed{border-color:#58f0ff7a}.media-transcription-job.failed{border-color:#ff6bd66b}.media-result-actions{grid-template-columns:1fr auto;gap:9px;display:grid}.muscriptor-license-note{color:var(--muted);line-height:1.45}.market-trust-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.market-trust-strip>span,.currency-trust-card{border:1px solid var(--line);background:#ffffff09;border-radius:17px;gap:4px;padding:15px;display:grid}.market-trust-strip small,.currency-trust-card span{color:var(--muted);line-height:1.35}.seller-earnings-preview{background:#58f0ff0b;border:1px solid #58f0ff33;border-radius:16px;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:13px;display:grid}.seller-earnings-preview>div{gap:4px;display:grid}.seller-earnings-preview span{color:var(--muted);font-size:.74rem}.instrument-picker-expanded{grid-template-columns:minmax(220px,1fr) repeat(auto-fit,minmax(126px,.28fr));overflow-x:auto}.format-badge.ready{color:var(--cyan);border-color:#58f0ff5c}.format-badge.pdf{color:var(--gold);border-color:#ffe78a5c}.buyer-file-notice{background:#ffffff0a;border-radius:12px;gap:4px;padding:10px;display:grid}.buyer-file-notice strong{font-size:.76rem}.buyer-file-notice span{color:var(--muted);font-size:.72rem;line-height:1.35}.listing-footer>div:first-child{gap:3px;display:grid}.listing-footer>div:first-child strong{font-size:1.25rem}.listing-footer>div:first-child small{color:var(--muted)}.allowance-number{color:var(--cyan);font-size:3.2rem;line-height:1}.translation-allowance-card>small{color:var(--muted)}.ensemble-page{min-width:0}.ensemble-instrument-grid{grid-template-columns:repeat(5,minmax(150px,1fr));gap:11px;display:grid}.ensemble-instrument-grid button{border:1px solid var(--line);min-height:150px;color:var(--text);text-align:left;background:var(--panel);border-radius:20px;align-content:start;gap:7px;padding:16px;display:grid}.ensemble-instrument-grid button.active{background:linear-gradient(145deg,#58f0ff26,#a66bff24);border-color:#58f0ffb3;box-shadow:0 16px 45px #00000038}.ensemble-instrument-grid button>span{font-size:2rem}.ensemble-instrument-grid button small{color:var(--muted);line-height:1.35}.ensemble-layout{grid-template-columns:260px minmax(0,1fr) 340px;align-items:start;gap:16px;display:grid}.ensemble-control-card,.ensemble-stage-card,.ensemble-upload-card{border:1px solid var(--line);background:var(--panel);border-radius:24px;min-width:0;padding:19px;box-shadow:0 20px 70px #0003}.ensemble-control-card,.ensemble-upload-card{gap:16px;display:grid}.ensemble-stage-card{gap:15px;display:grid}.ensemble-stage-card>header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.ensemble-icon{font-size:3rem}.manual-note-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.manual-note-grid button{border:1px solid var(--line);min-height:46px;color:var(--text);background:#ffffff0b;border-radius:11px;font-weight:900}.manual-note-grid button.active{color:#071021;background:var(--cyan)}.ensemble-note-stage{background:linear-gradient(#080a1cf0,#050711fa),repeating-linear-gradient(90deg,#0000 0 9.8%,#ffffff0a 10%);border:1px solid #97a4ff3d;border-radius:22px;min-height:390px;position:relative;overflow:hidden}.ensemble-time-line{z-index:4;background:linear-gradient(180deg, var(--cyan), var(--pink));width:3px;position:absolute;top:0;bottom:0;box-shadow:0 0 20px #58f0ffb8}.ensemble-note-pill{top:calc(10% + (var(--note-row,0) * 7%));color:#09111e;background:linear-gradient(135deg, var(--gold), var(--cyan));text-overflow:ellipsis;white-space:nowrap;min-width:38px;transform:translateY(calc((var(--note-index,0) % 9) * 32px));border-radius:10px;padding:8px 7px;font-size:.72rem;font-weight:950;position:absolute;overflow:hidden}.ensemble-note-pill:nth-child(3n){margin-top:58px}.ensemble-note-pill:nth-child(4n){margin-top:116px}.ensemble-note-pill:nth-child(5n){margin-top:174px}.ensemble-note-pill.active{filter:brightness(1.35);box-shadow:0 0 28px #ffffff73}.ensemble-transport{grid-template-columns:auto auto auto minmax(120px,1fr) auto;align-items:center;gap:9px;display:grid}.ensemble-transport input{width:100%}.ensemble-transport span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.74rem}@media (width<=1380px){.ensemble-layout{grid-template-columns:240px minmax(0,1fr)}.ensemble-upload-card{grid-column:1/-1}.ensemble-instrument-grid{grid-template-columns:repeat(3,minmax(150px,1fr))}}@media (width<=1024px){.market-trust-strip,.seller-earnings-preview,.ensemble-layout{grid-template-columns:1fr}.ensemble-control-card{order:2}.ensemble-stage-card{order:1}.ensemble-upload-card{order:3;grid-column:auto}.ensemble-instrument-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}.music-upload-panel:not(.compact-panel) .upload-mode-grid{grid-template-columns:1fr}}@media (width<=720px){.upload-mode-grid,.allowance-summary,.translation-payment-grid,.market-trust-strip,.seller-earnings-preview,.ensemble-instrument-grid{grid-template-columns:1fr}.upload-mode-grid>button,.upload-mode-option{min-height:64px}.translation-heading,.job-status-row{flex-direction:column;align-items:stretch}.price-chip,.job-state-badge{align-self:flex-start}.ensemble-control-card,.ensemble-stage-card,.ensemble-upload-card{border-radius:19px;padding:14px}.ensemble-note-stage{min-height:320px}.ensemble-transport{grid-template-columns:1fr 1fr}.ensemble-transport input{order:5;grid-column:1/-1}.ensemble-transport span{text-align:center}.instrument-picker-expanded{align-items:stretch;display:flex;overflow-x:auto}.instrument-picker-expanded>div,.instrument-picker-expanded button{flex:0 0 150px}.instrument-picker-expanded>div{grid-column:auto}.listing-actions{grid-template-columns:1fr}}@media (width<=480px){.app-shell{padding-inline:10px}.global-actions{gap:6px}.global-actions button{padding-inline:8px;font-size:.78rem}.page-heading h1,.hero h1{letter-spacing:-.045em;font-size:2.05rem}.manual-note-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ensemble-note-stage{min-height:280px}.upload-box{min-height:118px}}@supports (padding:max(0px)){.top-shell{padding-top:max(12px, env(safe-area-inset-top))}.app-shell{padding-bottom:max(30px, env(safe-area-inset-bottom))}}@media (width<=820px){.piano-hand-selector{flex-direction:column;align-items:stretch}.piano-hand-options{grid-template-columns:1fr}.falling-stage.two-storey{height:44vh;min-height:300px}.visual-stack .falling-stage{border-bottom-width:0}.visual-stack .piano-scroll-wrap{z-index:2;margin-top:-4px;position:relative}}.orientation-recommendation{z-index:1000;left:50%;bottom:max(14px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070c18f5;border:1px solid #72e6d18c;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:min(680px,100vw - 24px);padding:13px 14px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 22px 70px #0000008c}.orientation-recommendation strong{color:var(--cyan)}.orientation-recommendation p{color:var(--muted);margin:3px 0 0;font-size:.78rem;line-height:1.35}.orientation-phone-icon{border:2px solid var(--cyan);border-radius:6px;place-items:center;width:42px;height:27px;display:grid;transform:rotate(-8deg)}.orientation-phone-icon span{background:var(--cyan);border-radius:50%;width:3px;height:3px}@media (width<=1024px){.visual-stack .falling-stage{border-bottom-width:0}.visual-stack .piano-scroll-wrap{z-index:2;margin-top:-4px;position:relative}}@media (width<=520px){.orientation-recommendation{grid-template-columns:auto minmax(0,1fr)}.orientation-recommendation button{grid-column:1/-1;width:100%}}.teacher-trust-card{background:linear-gradient(145deg,#58f0ff1a,#a66bff1a);border:1px solid #58f0ff47;border-radius:20px;gap:6px;min-width:min(320px,100%);padding:18px 20px;display:grid;box-shadow:0 18px 60px #00000038}.teacher-trust-card strong{font-size:1.05rem}.teacher-trust-card span{color:var(--cyan);letter-spacing:.04em;text-transform:uppercase;font-weight:900}.teacher-trust-card small{max-width:38ch;color:var(--muted);line-height:1.45}.instrument-teacher-surface{background:radial-gradient(circle at 50% 0,#58f0ff1c,#0000 42%),linear-gradient(#0b1027fa,#050712fc);border:1px solid #58f0ff3d;border-radius:24px;min-width:0;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 24px 70px #00000040}.instrument-teacher-surface svg{touch-action:manipulation;width:100%;height:auto;min-height:300px;display:block}.teacher-callout{background:#ffffff06;border-bottom:1px solid #ffffff14;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:9px;min-height:58px;padding:12px 16px;display:grid}.teacher-callout strong{color:var(--cyan)}.teacher-callout>span:last-child{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.teacher-live-dot{background:#5dff9a;border-radius:999px;width:10px;height:10px;animation:1.3s ease-in-out infinite teacherPulse;box-shadow:0 0 0 5px #5dff9a1a,0 0 20px #5dff9ac7}@keyframes teacherPulse{50%{opacity:.65;transform:scale(.78)}}.teacher-body{fill:#9b542f;stroke:#f0b66c;stroke-width:5px}.teacher-body-light{fill:#d29d5c}.teacher-acoustic-body{fill:#9d5830}.teacher-dobro-body{fill:#a7adb7;stroke:#f5d688}.teacher-electric{fill:#6330a7;stroke:#a895ff}.teacher-bass-body{fill:#75401f;stroke:#f0b66c}.teacher-fiddle-body{fill:#9a4a24;stroke:#eab36f}.teacher-resonator{fill:#c8ccd4;stroke:#fff2c6;stroke-width:5px}.teacher-resonator-inner{fill:#6f7784;stroke:#f8dd8c;stroke-width:4px}.teacher-sound-hole{fill:#140d13;stroke:#d29c63;stroke-width:4px}.teacher-pickguard{fill:#171427;stroke:#ffffff29;stroke-width:3px}.teacher-knob{fill:#d7c6ff;stroke:#31204f;stroke-width:4px}.teacher-headstock{fill:#5b301e;stroke:#d99453;stroke-width:4px}.teacher-neck{fill:#38251f;stroke:#a56d4c;stroke-width:4px}.teacher-fingerboard{fill:#2c211f;stroke:#a56d4c;stroke-width:3px}.teacher-bridge,.teacher-f-hole{fill:none;stroke:#2b1711;stroke-width:7px;stroke-linecap:round}.teacher-fret{stroke:#f1e6caa3;stroke-width:2px}.teacher-nut{stroke:#fff0cb;stroke-width:8px}.teacher-fret-dot{fill:#ffffff47}.teacher-string{stroke:#f5e7c6;filter:drop-shadow(0 1px 1px #000)}.teacher-string-label{fill:#fff4d6;text-anchor:middle;font-size:18px;font-weight:950}.teacher-hit-area{fill:#0000;stroke:#0000;cursor:pointer;outline:none}.teacher-hit-area:hover,.teacher-hit-area:focus{fill:#58f0ff2b;stroke:#58f0ff94;stroke-width:2px}.teacher-target circle:first-child{fill:#58f0ff8c;stroke:#fff;stroke-width:4px}.teacher-target-core{fill:#ffdd75!important;stroke:#1b102b!important;stroke-width:3px!important}.teacher-target text{fill:#fff;paint-order:stroke;stroke:#11162a;stroke-width:5px;font-size:22px;font-weight:1000}.teacher-copy-caption{fill:#ffffffad;font-size:19px;font-weight:800}.teacher-mode-badge{background:#5dff9a0e;border:1px solid #5dff9a33;border-radius:15px;gap:5px;padding:13px;display:grid}.teacher-mode-badge>span{color:#07130c;letter-spacing:.12em;background:#5dff9a;border-radius:7px;width:fit-content;padding:3px 7px;font-size:.65rem;font-weight:1000}.teacher-mode-badge strong{font-size:.88rem}.teacher-mode-badge small{color:var(--muted);line-height:1.42}.mini-heading-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:9px;display:flex}.text-button{color:var(--cyan);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:.74rem;font-weight:900}.teacher-drum-floor{stroke:#ffffff40;stroke-width:5px;stroke-linecap:round}.teacher-stand{stroke:#7d8798;stroke-width:8px}.teacher-cymbal{fill:#d7b34d;stroke:#fff0a8;stroke-width:5px;cursor:pointer}.teacher-drum{fill:#592c91;stroke:#a887ff;stroke-width:7px;cursor:pointer}.teacher-drum-head{fill:#dfe8f4;stroke:#31364c;stroke-width:5px}.teacher-drum-label{fill:#10162a;pointer-events:none;font-size:20px;font-weight:1000}.teacher-drum-note{fill:#38415d;pointer-events:none;font-size:14px;font-weight:900}.drum-piece{cursor:pointer;outline:none}.drum-piece:hover .teacher-drum-head,.drum-piece:focus .teacher-drum-head{fill:#8ff8ff}.drum-piece.active .teacher-drum-head,.drum-piece.active .teacher-cymbal{fill:#58f0ff;stroke:#fff}.drum-piece.active .teacher-drum{fill:#ff5ccf}.teacher-synth-case{fill:#252b3f;stroke:#7b87ad;stroke-width:6px}.teacher-synth-screen{fill:#14281f;stroke:#62e5a1;stroke-width:4px}.teacher-synth-controls circle{fill:#9b7be8;stroke:#d8c9ff;stroke-width:4px}.teacher-wind-tube{fill:none;stroke:#d7c27d;stroke-width:34px;stroke-linecap:round;stroke-linejoin:round}.teacher-brass-bell{fill:#dcae3f;stroke:#ffe69b;stroke-width:7px}.teacher-wind-key circle,.teacher-wind-key rect{fill:#596174;stroke:#ccd4e2;stroke-width:5px}.teacher-wind-key.active circle,.teacher-wind-key.active rect{fill:var(--cyan);stroke:#fff;filter:drop-shadow(0 0 12px var(--cyan))}.teacher-wind-key text{fill:#fff;font-size:18px;font-weight:900}.wind-practice-notes rect{fill:#1d2740;stroke:#647492;stroke-width:3px;cursor:pointer}.wind-practice-notes text{fill:#fff;pointer-events:none;font-size:15px;font-weight:850}.wind-practice-notes g:hover rect{fill:#33476e;stroke:var(--cyan)}.teacher-white-key{fill:#f5f3ea;stroke:#34394b;stroke-width:3px;cursor:pointer}.teacher-black-key{fill:#111421;stroke:#5b627a;stroke-width:3px;cursor:pointer}.teacher-key-label{fill:#34394b;font-size:13px;font-weight:950}.teacher-black-label{fill:#fff;font-size:10px;font-weight:950}.teacher-key-group:hover .teacher-white-key{fill:#ccfbff}.teacher-key-group:hover .teacher-black-key{fill:#553b8c}.teacher-key-group.active .teacher-white-key{fill:#58f0ff;filter:drop-shadow(0 0 14px #58f0ff)}.teacher-key-group.active .teacher-black-key{fill:#ff5ccf;filter:drop-shadow(0 0 14px #ff5ccf)}.timing-lane-heading{justify-content:space-between;align-items:end;gap:12px;display:flex}.timing-lane-heading>div{gap:3px;display:grid}.timing-lane-heading>span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.78rem}.compact-timing-lane{min-height:150px}.compact-timing-lane .ensemble-note-pill{top:calc(12px + (var(--note-row,0) * 31px));transform:none;margin-top:0!important}@media (width<=900px){.instrument-teacher-surface svg{min-height:250px}.teacher-callout{grid-template-columns:auto 1fr}.teacher-callout>span:last-child{white-space:normal;grid-column:1/-1}}@media (width<=560px){.teacher-trust-card{min-width:0}.instrument-teacher-surface{border-radius:18px}.instrument-teacher-surface svg{min-height:220px}.teacher-callout{padding:10px 12px}.teacher-copy-caption{font-size:23px}.timing-lane-heading{flex-direction:column;align-items:flex-start}.compact-timing-lane{min-height:145px}}.teacher-position-guide{stroke:#f1e6ca38;stroke-width:2px;stroke-dasharray:6 8}.teacher-slide-bar{stroke:#fff6c7;stroke-width:12px;stroke-linecap:round;opacity:.9}.teacher-bow line:first-child{stroke:#7e4b2d;stroke-width:13px;stroke-linecap:round}.teacher-bow-hair{stroke:#f7e8c8;stroke-width:4px;stroke-linecap:round}.teacher-bow text{fill:#fff4d6;paint-order:stroke;stroke:#10152a;stroke-width:4px;font-size:18px;font-weight:1000}.teacher-bass-scroll{fill:#61351f;stroke:#e8a95e;stroke-width:5px}.teacher-bass-neck-vertical{fill:#30221e;stroke:#a56d4c;stroke-width:5px}.teacher-nut-horizontal{stroke:#fff0cb;stroke-width:8px}.teacher-position-guide-horizontal{stroke:#f1e6ca38;stroke-width:2px;stroke-dasharray:7 9}.teacher-endpin{stroke:#aeb7c8;stroke-width:8px;stroke-linecap:round}.teacher-pluck-hand path{fill:#58f0ff29;stroke:#58f0ff;stroke-width:4px}.teacher-pluck-hand text{fill:#d9fbff;font-size:16px;font-weight:1000}.upright-teacher-surface svg{min-height:420px}@media (width<=560px){.upright-teacher-surface svg{min-height:330px}}html,body,#root{width:100%;max-width:100%;overflow-x:clip}.app-root,.page-shell,.studio-page,.guitar-page,.ensemble-page,.studio-grid,.guitar-studio-grid,.ensemble-layout,.visual-stack,.guitar-visual-stack,.ensemble-stage-card{min-width:0;max-width:100%}:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.top-shell{padding-block:10px}.app-nav{gap:16px}.nav-links{align-items:center}.nav-more{flex:none;position:relative}.nav-more summary{color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:999px;padding:9px 13px;font-weight:800;list-style:none}.nav-more summary::-webkit-details-marker{display:none}.nav-more summary:after{content:"⌄";color:var(--cyan);margin-left:6px}.nav-more summary:hover,.nav-more summary.active,.nav-more[open] summary{color:#fff;background:#ffffff17}.nav-more-menu{z-index:100;border:1px solid var(--line);background:#090b1dfa;border-radius:16px;min-width:170px;padding:8px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 18px 50px #00000073}.nav-more-menu button{text-align:left}.global-actions.lesson-actions .mcoin-button,.global-actions.lesson-actions .compact-pro{min-width:104px;color:var(--muted);border-color:var(--line);box-shadow:none;background:#ffffff0b}.global-actions.lesson-actions .compact-pro:hover,.global-actions.lesson-actions .mcoin-button:hover{color:#fff;background:#ffffff14;transform:none}.studio-hero,.guitar-page>.page-heading,.ensemble-heading{align-items:center;margin-bottom:18px}.studio-hero h1,.guitar-page>.page-heading h1,.ensemble-heading h1{letter-spacing:-.055em;max-width:920px;margin-block:5px 8px;font-size:clamp(2rem,3.8vw,3.8rem);line-height:1}.studio-hero .hero-copy,.guitar-page>.page-heading p,.ensemble-heading p{max-width:900px;margin-block:0;font-size:1rem}.studio-hero .hero-card{border-radius:20px;min-width:150px;padding:18px}.studio-hero .hero-card strong{font-size:2rem}.control-panel,.guitar-control-panel{gap:14px}.lesson-options,.song-tools,.advanced-controls{border-top:1px solid var(--line);padding-top:12px}.lesson-options summary,.song-tools summary,.advanced-controls summary{color:var(--text);cursor:pointer;justify-content:space-between;align-items:center;font-size:.9rem;font-weight:850;list-style:none;display:flex}.lesson-options summary::-webkit-details-marker{display:none}.song-tools summary::-webkit-details-marker{display:none}.advanced-controls summary::-webkit-details-marker{display:none}.lesson-options summary:after,.song-tools summary:after,.advanced-controls summary:after{content:"+";color:var(--cyan);font-size:1.2rem}.lesson-options[open] summary:after,.song-tools[open] summary:after,.advanced-controls[open] summary:after{content:"−"}.lesson-options-content,.song-tools[open]>:not(summary),.advanced-controls[open]>:not(summary){margin-top:14px}.lesson-options-content{gap:15px;display:grid}.song-tools .export-row{margin-bottom:12px}.visual-stack{grid-template-rows:minmax(350px,52vh) auto auto;gap:0}.falling-stage{border-bottom-color:#58f0ff7a;border-radius:26px 26px 0 0}.falling-stage.two-storey{height:clamp(340px,48vh,410px);min-height:340px}.falling-stage.two-storey .falling-note{border-radius:8px;min-width:9px}.piano-hand-selector{background:#0c1220c7;border:1px solid #97a4ff3d;border-radius:20px;justify-content:space-between;align-items:center;gap:18px;margin:0 0 1.25rem;padding:16px 18px;display:flex}.piano-hand-selector h3,.piano-hand-selector p{margin:.15rem 0}.piano-hand-options{grid-template-columns:repeat(3,minmax(135px,1fr));gap:8px;display:grid}.piano-hand-options button{text-align:left;color:var(--text);background:#ffffff09;border:1px solid #97a4ff38;border-radius:13px;gap:3px;padding:11px 13px;display:grid}.piano-hand-options button small{color:var(--muted)}.piano-hand-options button.active{color:#07111f;background:linear-gradient(135deg,#72e6d1,#9fc7ff);border-color:#72e6d1}.piano-hand-options button.active small{color:#07111fb3}.piano-scroll-wrap{z-index:3;box-shadow:none;background:#070814f5;border:0;border-radius:0 0 22px 22px;margin-top:-4px;position:relative}.visual-stack .falling-stage{border-bottom:0}.piano-scroll-wrap .piano-shell{border:0;border-radius:0;min-width:0;min-height:0;padding:0 8px 9px;box-shadow:inset 0 12px 32px #58f0ff12}.piano-scroll-wrap .piano-mode-label{pointer-events:none;background:#060914b8;border-radius:999px;padding:3px 7px;font-size:.58rem;top:3px;left:10px;right:auto}.piano-scroll-wrap .piano-rows{gap:6px}.piano-scroll-wrap .piano-row-shell{padding-top:0}.piano-scroll-wrap .piano-range-label{pointer-events:none;padding-left:5px;font-size:.54rem;top:1px}.transport-dock,.guitar-transport-dock{z-index:10;margin-top:12px;position:relative;bottom:auto;box-shadow:0 14px 38px #0000004d}.guitar-falling-stage{overflow:hidden}.guitar-target-bridge{z-index:6;pointer-events:none;grid-template-columns:repeat(6,minmax(0,1fr));display:grid;position:absolute;bottom:4.5%;left:0;right:0}.guitar-target-bridge span{color:#fff;background:#10142c;border:2px solid #58f0ffd9;border-radius:50%;justify-self:center;place-items:center;width:28px;height:28px;font-size:.64rem;font-weight:900;display:grid;box-shadow:0 0 18px #58f0ff59}.instrument-icon{vertical-align:middle;flex:none;place-items:center;width:34px;height:34px;display:inline-grid}.instrument-icon-sm{width:25px;height:25px}.instrument-icon-lg{width:58px;height:58px}.instrument-icon svg{width:100%;height:100%;overflow:visible}.instrument-icon circle{fill:#58f0ff14;stroke:#58f0ffa6;stroke-width:1.5px}.instrument-icon path{fill:none;stroke:#a66bff8c;stroke-width:1.4px;stroke-linecap:round}.instrument-icon text{fill:var(--text);letter-spacing:.04em;font-size:9px;font-weight:950}.ensemble-instrument-grid button>.instrument-icon{margin-bottom:8px}.instrument-picker-expanded button{justify-content:center;align-items:center;gap:7px;display:flex}.listing-cover .instrument-icon{width:76px;height:76px}.primary{background:linear-gradient(135deg,#7b61ff,#d950c9);box-shadow:0 10px 26px #7b61ff47}.ghost{background:#ffffff0e}@media (width<=1100px){.studio-hero .hero-card{display:none}.studio-grid,.guitar-studio-grid{grid-template-columns:1fr}}@media (width<=720px){body,#root,.app-root{width:100vw;max-width:100vw}.top-shell{grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:8px 10px;position:sticky;top:0}.app-nav{grid-template-columns:34px minmax(0,1fr);gap:7px;display:grid;overflow:visible}.brand-button{width:34px;overflow:hidden}.brand-mark{width:34px;height:34px}.nav-links{justify-content:flex-start;gap:1px;overflow:visible}.nav-links>button{padding:8px;font-size:.75rem}.nav-links>button:nth-of-type(4){display:none}.nav-more summary{padding:8px 7px;font-size:.75rem}.nav-more summary:after{display:none}.nav-more-menu{position:fixed;top:57px;left:auto;right:10px}.global-actions{grid-column:auto;width:auto}.global-actions.lesson-actions,.global-actions:not(.lesson-actions){display:none}.app-shell{width:100%;padding:12px 10px 24px;overflow:hidden}.app-shell>.studio-page,.app-shell>.page-shell{width:calc(100vw - 20px);min-width:0;max-width:calc(100vw - 20px);overflow:hidden}.studio-page>*,.page-shell>*,.studio-grid>*,.guitar-studio-grid>*,.ensemble-layout>*,.hero>*{width:100%;min-width:0;max-width:100%}.hero-copy,.page-heading p{overflow-wrap:anywhere;max-width:100%}.hero,.page-heading{width:100%;min-width:0}.studio-hero,.guitar-page>.page-heading,.ensemble-heading{margin-bottom:12px}.studio-hero h1,.guitar-page>.page-heading h1,.ensemble-heading h1,.page-heading h1{overflow-wrap:anywhere;max-width:100%;font-size:clamp(1.72rem,8vw,2.15rem);line-height:1.03}.studio-hero .hero-copy,.guitar-page>.page-heading p,.ensemble-heading p{font-size:.9rem;line-height:1.45}.eyebrow{letter-spacing:.17em;font-size:.65rem}.visual-stack{grid-template-rows:minmax(350px,58vh) auto auto}.falling-stage{border-radius:20px 20px 0 0;min-height:350px}.piano-scroll-wrap{margin:0;padding:0;overflow:hidden}.piano-scroll-wrap .piano-shell{width:100%;min-width:0;padding:0 5px 7px}.piano-mode-label,.piano-range-label{display:none}.piano-rows{gap:4px}.keyboard-deck{min-height:72px}.piano-key{min-width:0}.computer-key,.key-note{display:none}.transport-dock,.guitar-transport-dock{border-radius:16px;grid-template-columns:1fr;margin-top:9px;padding:9px;position:relative;bottom:auto}.transport-button-group{grid-template-columns:1.35fr .9fr .9fr .9fr;display:grid}.transport-button-group button{min-height:44px;font-size:.72rem}.dock-speed,.pedal-button,.dock-progress{grid-column:1/-1!important}.pedal-button{min-height:42px}.guitar-falling-stage{border-radius:20px;width:100%;max-width:100%;min-height:410px}.guitar-lane-labels{padding-inline:0}.guitar-lane-labels span{font-size:.54rem;overflow:hidden}.guitar-falling-note{border-radius:10px;min-width:0}.guitar-falling-note strong{font-size:.94rem}.guitar-target-bridge span{width:24px;height:24px}.interactive-fretboard-card{overflow:hidden}.interactive-fretboard-card .fretboard.wide{width:100%;min-width:0;padding:8px 4px}.fretboard.wide .guitar-string{grid-template-columns:30px repeat(13,minmax(0,1fr))}.fretboard.wide .guitar-string button{min-width:0;padding-inline:0}.ensemble-instrument-grid{scroll-snap-type:x proximity;gap:8px;width:100%;padding-bottom:5px;display:flex;overflow-x:auto}.ensemble-instrument-grid button{scroll-snap-align:start;flex:0 0 148px;min-height:112px;padding:12px}.ensemble-instrument-grid button small{display:none}.ensemble-instrument-grid button strong{font-size:.78rem}.teacher-trust-card{display:none}.instrument-teacher-surface,.instrument-teacher-surface svg{max-width:100%}.instrument-picker-expanded{width:100%;display:flex;overflow-x:auto}.instrument-picker-expanded>div{display:none}.instrument-picker-expanded button{flex:0 0 108px;min-width:108px}.market-toolbar{grid-template-columns:1fr}}@media (width<=390px){.nav-links>button{padding-inline:6px;font-size:.7rem}.nav-links>button:nth-of-type(3){font-size:0}.nav-links>button:nth-of-type(3):after{content:"More";font-size:.7rem}.transport-button-group button{padding-inline:3px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.band-page{min-width:0}.band-heading{justify-content:space-between;align-items:end;gap:24px;display:flex}.band-heading h1{letter-spacing:-.065em;max-width:980px;margin:5px 0 10px;font-size:clamp(2.25rem,4.8vw,4.8rem);line-height:.96}.band-heading p:last-child{max-width:900px;color:var(--muted);line-height:1.55}.band-heading-actions{flex:none}.band-create-card{background:linear-gradient(135deg,#58f0ff14,#a66bff14);border:1px solid #58f0ff61;border-radius:22px;grid-template-columns:1.2fr 1fr 1fr 1fr auto;align-items:end;gap:13px;padding:18px;display:grid}.band-create-card input,.band-code-form input,.band-join-box input{border:1px solid var(--line);width:100%;min-width:0;color:var(--text);background:#050714cc;border-radius:13px;padding:11px 12px}.band-browser{grid-template-columns:290px minmax(0,1fr);align-items:start;gap:16px;display:grid}.band-list-card,.band-overview,.band-stage,.band-transport{border:1px solid var(--line);background:var(--panel);border-radius:24px;box-shadow:inset 0 1px #ffffff0d,0 18px 60px #0003}.band-list-card{gap:14px;padding:16px;display:grid;position:sticky;top:82px}.band-list-heading{justify-content:space-between;align-items:start;gap:10px;display:flex}.band-list-heading h2{margin-top:4px;font-size:1.1rem}.band-code-form{grid-template-columns:minmax(0,1fr) auto;gap:7px;display:grid}.band-list{gap:7px;max-height:62vh;display:grid;overflow-y:auto}.band-list>button{color:var(--text);text-align:left;background:#ffffff09;border:1px solid #0000;border-radius:14px;gap:4px;padding:12px;display:grid}.band-list>button span,.band-list>button small{color:var(--muted);font-size:.72rem}.band-list>button.active{background:#58f0ff17;border-color:#58f0ff94}.band-workspace{gap:14px;min-width:0;display:grid}.band-overview{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:20px;display:grid}.band-overview h2{margin-top:4px;font-size:1.65rem}.band-overview p{margin-bottom:0}.band-access-badge,.band-invite-code{border:1px solid var(--line);background:#ffffff0a;border-radius:14px;gap:4px;padding:11px 14px;display:grid}.band-access-badge span,.band-invite-code span{color:var(--muted);font-size:.72rem}.band-invite-code strong{color:var(--cyan);letter-spacing:.12em}.band-join-box{gap:8px;display:flex}.band-publish-button{white-space:nowrap}.band-member-strip{border-top:1px solid var(--line);grid-column:1/-1;align-items:center;gap:10px;padding-top:12px;display:flex}.band-member-strip>span{color:var(--muted);text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:900}.band-member-strip>div{flex-wrap:wrap;gap:6px;display:flex}.band-member-strip strong{color:var(--cyan);background:#58f0ff14;border-radius:999px;padding:6px 9px;font-size:.72rem}.band-transport{grid-template-columns:auto auto minmax(180px,1fr);align-items:center;gap:9px;padding:12px;display:grid}.band-transport label{gap:5px;min-width:0;display:grid}.band-transport label span{color:var(--muted);font-size:.72rem;font-weight:800}.band-transport input{width:100%}.band-stage{gap:16px;padding:18px;display:grid}.band-general-sheet{background:linear-gradient(135deg,#58f0ff11,#a66bff12);border:1px dashed #58f0ff75;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px;display:grid}.band-general-sheet.loaded{border-style:solid;border-color:#58f0ffa6;box-shadow:inset 0 0 35px #58f0ff0b}.band-general-sheet h2{margin:4px 0 7px}.band-general-sheet p:last-child{max-width:760px;color:var(--muted);margin:0;line-height:1.45}.band-general-upload{color:#071021;background:linear-gradient(135deg, var(--cyan), var(--gold));cursor:pointer;border-radius:14px;place-items:center;min-width:190px;min-height:48px;padding:10px 14px;font-size:.82rem;font-weight:950;display:grid}.band-general-upload input{display:none}.band-media-transcription{grid-column:1/-1;min-width:0}.band-media-transcription>summary{cursor:pointer;border-radius:12px;width:fit-content;padding:10px 13px}.band-media-transcription>.media-transcription-panel{margin-top:12px}.band-stage-heading{justify-content:space-between;align-items:end;gap:14px;display:flex}.band-bluegrass-preset{background:radial-gradient(circle at 90% 10%,#daa85329,#0000 38%),linear-gradient(135deg,#261c12f5,#141918f5);border:1px solid #daa85361;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;padding:20px;display:flex}.band-bluegrass-preset h2{margin:4px 0 7px}.band-bluegrass-preset p:last-child{max-width:720px;color:var(--muted);line-height:1.5}.band-bluegrass-preset .primary{flex:none}.band-stage-heading h2{margin-top:4px}.band-add-instrument{grid-template-columns:minmax(170px,1fr) auto;gap:8px;display:grid}.band-empty-state{min-height:240px;color:var(--muted);text-align:center;border:1px dashed #58f0ff4d;border-radius:20px;place-content:center;justify-items:center;gap:7px;padding:30px;display:grid}.band-empty-state>span{color:#071021;background:linear-gradient(135deg, var(--cyan), var(--gold));border-radius:50%;place-items:center;width:54px;height:54px;font-size:1.8rem;display:grid}.band-empty-state h2,.band-empty-state h3{color:var(--text)}.band-empty-state p{max-width:560px;margin:0;line-height:1.5}.band-part-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.band-part-card{border:1px solid var(--line);background:#07091bb8;border-radius:19px;align-content:start;gap:13px;min-width:0;padding:15px;transition:border-color .18s,opacity .18s;display:grid}.band-part-card:hover{border-color:#58f0ff66}.band-part-card.muted-part{opacity:.55}.band-part-card header{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.band-part-card header>div{gap:3px;min-width:0;display:grid}.band-part-card header span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.band-remove-part{border:1px solid var(--line);width:30px;height:30px;color:var(--muted);background:0 0;border-radius:50%;place-items:center;display:grid}.band-part-summary{grid-template-columns:auto 1fr;align-items:baseline;gap:7px;display:grid}.band-part-summary strong{color:var(--cyan);font-size:1.7rem}.band-part-summary span{color:var(--muted);font-size:.76rem}.band-part-upload{min-height:44px;color:var(--cyan);cursor:pointer;background:#58f0ff0e;border:1px dashed #58f0ff85;border-radius:13px;place-items:center;font-size:.8rem;font-weight:900;display:grid}.band-part-upload input{display:none}.band-part-controls{grid-template-columns:auto auto 1fr;align-items:end;gap:9px;display:grid}.band-part-controls label{color:var(--muted);gap:5px;font-size:.68rem;font-weight:800;display:grid}.band-part-controls input{width:100%}.band-part-card.visual-part{grid-column:1/-1}.band-instrument-visual{border-radius:18px;overflow:hidden}.band-instrument-visual .instrument-teacher-surface{min-height:0}.band-instrument-visual .instrument-teacher-surface svg{min-height:220px;max-height:390px}.band-instrument-visual .teacher-copy-caption{display:none}@media (width<=1180px){.band-create-card,.band-part-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.band-heading{flex-direction:column;align-items:stretch}.band-heading-actions .primary{width:100%}.band-browser{grid-template-columns:1fr}.band-list-card{position:static}.band-list{max-height:none;display:flex;overflow-x:auto}.band-list>button{flex:0 0 220px}.band-overview{grid-template-columns:1fr 1fr}.band-overview>div:first-child{grid-column:1/-1}}@media (width<=720px){.nav-links>button:nth-of-type(3),.nav-links>button:nth-of-type(4){display:none}.nav-links>button:nth-of-type(5){display:block}.band-heading h1{letter-spacing:-.05em;font-size:2.1rem}.band-heading p:last-child{font-size:.9rem}.band-create-card,.band-overview,.band-part-grid{grid-template-columns:1fr}.band-overview>*,.band-overview>div:first-child{grid-column:auto}.band-join-box{flex-direction:column;align-items:stretch}.band-transport{grid-template-columns:1fr 1fr}.band-transport label{grid-column:1/-1}.band-stage{padding:13px}.band-stage-heading,.band-bluegrass-preset{flex-direction:column;align-items:stretch}.band-general-sheet{grid-template-columns:1fr}.band-general-upload{width:100%}.band-add-instrument,.band-part-controls{grid-template-columns:1fr}}.learn-mode-panel{background:#0c1220c7;border:1px solid #8092b233;border-radius:20px;margin:0 0 1.25rem;overflow:hidden}.mode-switch{gap:.35rem;padding:.45rem;display:inline-flex}.mode-switch button{min-height:40px;color:var(--muted);background:0 0;border:0;border-radius:12px;padding:.55rem 1rem;font-weight:750}.mode-switch button.active{color:#07111f;background:linear-gradient(135deg,#72e6d1,#9fc7ff)}.learn-mode-panel.is-learning{border-color:#72e6d173;box-shadow:0 18px 45px #0000002e}.learn-mode-content{border-top:1px solid #8092b229;padding:.25rem 1rem 1rem}.learn-mode-heading{justify-content:space-between;align-items:end;gap:1rem;padding:1rem 0;display:flex}.learn-mode-heading h3,.learn-mode-heading p{margin:.15rem 0}.learn-mode-heading>label{color:var(--muted);gap:.35rem;font-size:.82rem;display:grid}.learn-mode-heading>label span{align-items:center;gap:.45rem;display:flex}.learn-mode-heading input[type=number]{width:70px}.learning-sections{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:.55rem;display:grid}.learning-sections button{text-align:left;min-height:86px;color:var(--text);background:#ffffff09;border:1px solid #8092b233;border-radius:13px;gap:.18rem;padding:.72rem;display:grid}.learning-sections button span,.learning-sections button small{color:var(--muted)}.learning-sections button.active{background:#72e6d11f;border-color:#72e6d1;box-shadow:inset 0 0 0 1px #72e6d12e}.learn-practice-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;padding-top:.9rem;display:flex}.learn-repeat{color:var(--muted);align-items:center;gap:.45rem;display:inline-flex}@media (width<=720px){.learn-mode-heading{flex-direction:column;align-items:stretch}.learning-sections{grid-template-columns:repeat(2,minmax(0,1fr))}}.device-lab{background:linear-gradient(145deg,#ffe78a11,#58f0ff0b);border:1px solid #ffe78a59;border-radius:24px;margin-top:24px;padding:20px;overflow:hidden}.device-lab-heading,.device-lab-readout{justify-content:space-between;align-items:center;gap:16px;display:flex}.device-lab-heading h2,.device-lab-heading p{margin:.25rem 0}.device-lab-heading>div>p:last-child{color:var(--muted)}.boss-badge{color:#171101;background:var(--gold);letter-spacing:.11em;border-radius:999px;flex:none;padding:8px 12px;font-size:.7rem;font-weight:950}.device-lab-controls{grid-template-columns:minmax(150px,.8fr) minmax(160px,.9fr) minmax(180px,1fr) repeat(3,auto);align-items:end;gap:10px;margin:18px 0 12px;display:grid}.device-lab-controls label{color:var(--muted);gap:6px;font-size:.78rem;font-weight:800;display:grid}.device-lab-readout{color:var(--muted);padding:10px 0}.device-lab-readout strong{color:var(--text)}.device-preview-scroll{background:#050711;border:1px solid #97a4ff33;border-radius:18px;max-width:100%;padding:18px;overflow:auto}.device-preview-scale{margin:0 auto;position:relative}.device-preview-frame{transform-origin:0 0;background:#070a13;border:9px solid #171b28;border-radius:22px;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 24px 80px #00000085}.device-preview-frame iframe{background:#090c16;border:0;display:block}@media (width<=1000px){.device-lab-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.device-lab{padding:14px}.device-lab-heading{flex-direction:column;align-items:flex-start}.device-lab-controls{grid-template-columns:1fr}.device-lab-controls button{width:100%}.device-preview-scroll{padding:8px}}@media (width<=1100px){.visual-stack{grid-template-rows:auto auto auto;gap:0}}.learn-mode-panel{border-radius:16px;align-items:center;margin-bottom:12px;display:flex;overflow:visible}.learn-mode-panel.is-learning{align-items:stretch}.mode-switch{flex:none;align-self:flex-start}.learn-mode-content{border-top:0;border-left:1px solid #8092b229;flex:1;min-width:0;padding:7px 9px 7px 4px}.learn-focus{grid-template-columns:minmax(150px,1fr) auto auto auto;align-items:center;gap:12px;display:grid}.learn-current{gap:2px;min-width:0;display:grid}.learn-current>span{color:var(--cyan);letter-spacing:.08em;text-transform:uppercase;font-size:.65rem;font-weight:900}.learn-current>strong,.learn-current>small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.learn-current>small{color:var(--muted);font-size:.72rem}.learn-navigation{align-items:center;gap:6px;display:flex}.learn-step{width:38px;min-width:38px;padding:0;font-size:1rem}.learn-play{white-space:nowrap;min-height:40px}.learn-repeat{white-space:nowrap;font-size:.78rem}.learn-part-jump{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:.72rem;display:flex}.learn-part-jump input{text-align:center;width:58px;min-height:36px;padding:5px 7px}.learn-settings{color:var(--muted);margin-top:6px;font-size:.72rem}.learn-settings summary{cursor:pointer;width:max-content;list-style:none}.learn-settings summary::-webkit-details-marker{display:none}.learn-settings summary:after{content:" +";color:var(--cyan)}.learn-settings[open] summary:after{content:" −"}.learn-settings-content{grid-template-columns:1fr;gap:10px;padding:10px 0 3px;display:grid}.learn-settings-content label{gap:5px;display:grid}.learn-settings-content label>span{align-items:center;gap:6px;display:flex}.learn-settings-content select{width:100%}.learn-settings-content input{width:68px}.learn-settings-content .learning-sections{grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:7px;display:grid}.learn-settings-content .learning-sections button{min-height:0;padding:10px}.learn-settings-content .learning-sections button>span{color:var(--cyan);letter-spacing:.08em;text-transform:uppercase;font-size:.62rem;font-weight:900}.learn-settings-content .learning-sections button em{color:var(--gold);font-size:.65rem;font-style:normal}details>summary{color:#c9f8ff;background:linear-gradient(135deg,#58f0ff1a,#5380ff17);border:1px solid #58f0ff57;transition:border-color .16s,background .16s,box-shadow .16s,color .16s;box-shadow:inset 0 0 0 1px #58f0ff08}details>summary:hover,details[open]>summary{color:#fff;background:linear-gradient(135deg,#58f0ff33,#5380ff29);border-color:#58f0ffb8;box-shadow:0 0 20px #58f0ff1f}.lesson-options>summary,.song-tools>summary{border-radius:13px;padding:11px 13px}.learn-settings>summary{border-radius:10px;padding:8px 11px}.nav-more>summary{border-radius:999px}.piano-hand-selector{justify-content:space-between;align-items:center;margin-bottom:12px;padding:13px 14px;display:flex}@media (width<=760px){.media-playback-options{grid-template-columns:1fr}.learn-mode-panel,.learn-mode-panel.is-learning{display:block}.mode-switch{grid-template-columns:1fr 1fr;display:grid}.learn-mode-content{border-top:1px solid #8092b229;border-left:0;padding:9px}.learn-focus{grid-template-columns:1fr auto;gap:9px}.learn-current{grid-column:1/-1}.learn-navigation{min-width:0}.learn-play{min-width:0;padding-inline:12px}.learn-part-jump{justify-self:end}.learn-repeat{grid-column:1/-1}.learn-settings-content,.learn-settings-content .learning-sections{grid-template-columns:1fr}.piano-hand-selector{flex-direction:column;align-items:stretch}.piano-hand-selector .piano-hand-options{grid-template-columns:1fr}}