:root{color:#e8e9e9;font-synthesis:none;--ink:#e8e9e9;--muted:#969ba4;--border:#292e35;--panel:#15191e;--amber:#e8b87b;--accent:#e8b87b;--purple:#9e8eb9;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0c0e11;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(at 55% 0,#1e222826,#0000 65%),#0c0e11;min-width:320px;margin:0}button,input,select{font:inherit;color:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;background:0 0;border:0}button:disabled{cursor:not-allowed;opacity:.4}button:not(:disabled),a,select{transition:background .15s,color .15s,border-color .15s,box-shadow .15s}button:hover:not(:disabled){filter:brightness(1.12)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:4px;outline:2px solid #efc489}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}svg{flex-shrink:0}button svg{vertical-align:middle}select{cursor:pointer}kbd{color:#aeb3bc;background:#272c33;border:1px solid #3d434b;border-radius:4px;justify-content:center;align-items:center;min-width:21px;height:22px;font:500 10px -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:inline-flex;box-shadow:0 2px #080a0d}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:#282e38;border-radius:8px;padding:16px;position:fixed;top:-80px;left:20px}.skip-link:focus{top:12px}.small-dot{background:#9eb79d;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.site-header{background:#101317c9;border-bottom:1px solid #23272e;align-items:center;gap:25px;height:84px;padding:0 max(32px,5vw);display:flex}.brand{letter-spacing:-1.1px;align-items:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:25px;font-weight:750;display:flex}.brand-symbol{color:#29251f;background:#e1b785;border-radius:10px;place-items:center;width:36px;height:36px;margin-right:11px;display:grid;transform:rotate(-4deg)}.brand-tagline{color:#959ba5;letter-spacing:2px;border-left:1px solid #343940;padding-left:26px;font-size:9px}.header-actions{align-items:center;gap:27px;margin-left:auto;display:flex}.local-badge{letter-spacing:1.2px;color:#a7adaf;align-items:center;gap:8px;font-size:9px;display:flex}.local-badge .small-dot{box-shadow:0 0 10px #93b49240}.guide-button{color:#c2c7ce;border:1px solid #353b44;border-radius:7px;align-items:center;gap:8px;padding:10px 13px;font-size:11px;display:flex}main{max-width:1370px;margin:0 auto;padding:0 44px}.welcome{justify-content:space-between;align-items:center;gap:24px;padding:43px 0 34px;display:flex}.welcome-eyebrow{letter-spacing:1.8px;color:#a49a8d;align-items:center;gap:10px;margin-bottom:16px;font-size:9px;display:flex}.mini-line{background:#bc9970;width:21px;height:1px}h1{letter-spacing:-1.7px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(32px,3.4vw,47px);font-weight:550;line-height:1.18}h1 span{color:var(--amber)}.welcome p{color:#a3a7b0;margin-top:16px;font-size:12px;line-height:1.7}.headphone-note{color:#9b9fa5;align-items:center;gap:14px;padding-right:35px;font-size:11px;line-height:1.6;display:flex;position:relative}.headphone-note>svg{color:#c3aa8c}.note-spark{color:#b39b79;font-size:26px;position:absolute;top:-22px;right:0;transform:rotate(18deg)}.session-bar{border-top:1px solid #292e34;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;display:flex}.session-name{align-items:center;gap:9px;min-width:0;display:flex}.session-marker{background:#e1b17a;border-radius:2px;width:7px;height:7px;margin-right:5px;transform:rotate(45deg)}.session-name input{background:0 0;border:0;width:166px;min-width:80px;padding:5px 0;font-size:12px;font-weight:500}.session-name>svg{color:#8a929f}.save-status{color:#8e9a91;border-left:1px solid #313740;align-items:center;gap:5px;margin-left:9px;padding-left:15px;font-size:10px;display:flex}.export-button{color:#acb2bc;align-items:center;gap:7px;padding:7px;font-size:11px;display:flex}.studio{background:#14181e;border:1px solid #333942;border-radius:14px;grid-template-columns:205px minmax(0,1fr);display:grid;overflow:hidden;box-shadow:0 14px 55px #0002}.instrument-rail{background:linear-gradient(160deg,#181d24,#12161b);border-right:1px solid #2b3139;flex-direction:column;padding:26px 12px 20px;display:flex}.rail-label{color:#89919e;letter-spacing:1.3px;justify-content:space-between;padding:0 10px 24px;font-size:9px;display:flex}.instrument-options{flex-direction:column;gap:9px;display:flex}.instrument-option{text-align:left;color:#afb5bd;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;width:100%;padding:12px 9px;display:flex}.instrument-option.selected{color:#f2d3ab;background:linear-gradient(100deg,#312c25,#242424);border-color:#675039;box-shadow:inset 2px 0 #d6a872}.instrument-icon{color:#aeb5bf;border-radius:7px;place-items:center;width:34px;height:40px;display:grid;background:#292f38!important}.instrument-copy strong{font-size:12px;font-weight:500;display:block}.instrument-copy small{letter-spacing:1px;color:#8c929d;margin-top:6px;font-size:7px;display:block}.instrument-number{color:#77818e;margin-left:auto;font-size:8px}.selected .instrument-number{color:#bda487}.rail-note{margin:auto 12px 28px;padding-top:38px}.tiny-spark{color:#b6956d;font-size:27px}.rail-note p{color:#9199a4;margin-top:12px;font-size:12px;line-height:1.75}.rail-foot{letter-spacing:1px;color:#8b9593;align-items:center;gap:6px;padding:0 9px;font-size:6px;display:flex}.rail-foot .small-dot{width:4px;height:4px}.workspace{min-width:0}.play-surface{background:radial-gradient(at 50% 62%,#2c2c2633,#0000 70%),linear-gradient(135deg,#1b1f25,#12161b);min-height:470px;padding:25px 31px 18px;position:relative}.surface-topline{letter-spacing:1.4px;color:#89929e;justify-content:space-between;font-size:8px;display:flex}.surface-topline>span:first-child{align-items:center;gap:7px;display:flex}.surface-topline .small-dot{background:#d2ad7c;width:4px;height:4px}.instrument-heading{justify-content:space-between;align-items:center;margin:24px 0 18px;display:flex}.eyebrow{letter-spacing:1.5px;color:#9a9a96;font-size:8px}.instrument-heading h2{letter-spacing:-1.4px;color:#f4eee5;margin-top:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:38px;font-weight:500;line-height:1.15}.instrument-heading h2>span{color:#c5a575;vertical-align:top;margin-left:12px;padding-top:3px;font-size:18px;display:inline-block;transform:rotate(15deg)}.instrument-description{color:#a7a8a5;margin-top:10px;font-size:11px}.orbit-mark{color:#ae9676;border:1px solid #534a3d;border-radius:50%;place-items:center;width:53px;height:53px;margin-right:13px;display:grid;position:relative;transform:rotate(-10deg)}.orbit-mark:before{content:"";border:1px solid #534a3d;border-radius:50%;position:absolute;inset:7px -8px;transform:rotate(-40deg)}.sound-settings{z-index:2;align-items:center;gap:9px;font-size:9px;display:flex;position:relative}.sound-chip{color:#d4b88f;background:#2b2925;border:1px solid #48443b;border-radius:5px;align-items:center;gap:6px;padding:7px 9px;display:flex}.sound-chip .small-dot{background:#ccac7d;width:4px;height:4px}.root-control{color:#a2a9b3;background:#22272e;border:1px solid #3d434b;border-radius:5px;align-items:center;gap:5px;padding:4px 8px;display:flex}.root-control select{color:#d1d3d6;background:0 0;border:0;max-width:64px;padding:2px;font-size:10px}.tuning-label{color:#929ba5;margin-left:auto;font-size:9px}.hover-control{color:#acb2bc;align-items:center;gap:7px;padding:5px 2px;font-size:9px;display:flex}.hover-control.enabled{color:#dbc19d}.instrument-stage{justify-content:center;align-items:center;height:270px;margin:10px 0 4px;display:flex;position:relative}.strings-stage{aspect-ratio:900/340;height:auto;margin:14px -5px 4px}.string-art{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.playable-notes{justify-content:center;align-items:flex-start;gap:9px;width:100%;display:flex}.string-notes{flex-direction:column;gap:0;width:89%;height:24%;display:flex;position:absolute;top:39.5%;left:5.5%}.note-pad{-webkit-user-select:none;user-select:none;touch-action:none;border-radius:6px;justify-content:space-between;align-items:center;min-width:0;padding:12px;display:flex;position:relative}.string-notes .note-pad{background:0 0;border:0;flex-shrink:0;width:100%;height:16.666%;padding:0}.string-notes .pad-string{pointer-events:none;transform-origin:0;background:linear-gradient(#ebd2a1,#a58558);height:1px;position:absolute;top:50%;left:11.5%;right:4%;box-shadow:0 1px 1px #090703}.string-notes .note-pad:first-child .pad-string{background:repeating-linear-gradient(90deg,#afa38a 0 1px,#dacaaa 1px 2px);height:2.8px}.string-notes .note-pad:nth-child(2) .pad-string{height:2.3px}.string-notes .note-pad:nth-child(3) .pad-string{height:1.8px}.string-notes .note-pad:nth-child(4) .pad-string{height:1.4px}.string-notes .pad-note{color:#a39780;width:23px;font-size:9px;position:absolute;left:-4%}.string-notes kbd{color:#d8c5a5;width:16px;min-width:16px;height:15px;box-shadow:none;background:#21272a;border-color:#5c5344;font-size:8px;position:absolute;right:-5%}.string-notes .note-pad.sounding .pad-string{background:#ffcb83;animation:.11s linear infinite string-vibrate;box-shadow:0 0 10px #e9ac59aa}.string-notes .note-pad.song-note .pad-string{background:#f6c477;height:3px;box-shadow:0 0 10px #efbd77aa}.string-notes .note-pad.song-note .pad-note,.string-notes .note-pad.sounding .pad-note{color:#f4cf93}.string-notes .note-pad:hover .pad-string{filter:brightness(1.45);box-shadow:0 0 8px #ddb57977}.surface-bass .string-notes .note-pad{height:25%}.surface-bass .string-notes .pad-string{background:repeating-linear-gradient(90deg,#a0a99d 0 1px,#d6d2b6 1px 2px);height:2.5px}.surface-bottom{color:#9da4ae;border-top:1px solid #30353c;justify-content:space-between;align-items:center;gap:12px;min-height:43px;padding-top:15px;font-size:10px;display:flex}.shortcut-line{align-items:center;gap:5px;display:flex}.shortcut-line>svg{margin-right:5px}.surface-bottom kbd{min-width:18px;height:20px;font-size:9px}.surface-hint{color:#9ea3ac;text-align:right;font-size:10px}.strum-buttons{gap:7px;display:flex}.strum-buttons button{color:#cbbda9;background:#24282c;border:1px solid #41454a;border-radius:5px;align-items:center;gap:5px;padding:7px;font-size:10px;display:flex}.note-readout{color:#ceb792;z-index:3;background:#292820;border:1px solid #514535;border-radius:5px;align-items:center;gap:8px;padding:7px 10px;font-size:9px;display:flex;position:absolute;top:115px;right:31px}.note-readout strong{color:#edc888;font-size:12px}.note-readout>span{font-size:9px}.touch-string-controls{display:none}.violin-art{width:100%;height:100%;position:absolute;inset:0}.violin-art .bow{transform-origin:640px 180px}.violin-art.is-bowing .bow{animation:1.6s ease-in-out infinite alternate bow-move}.violin-stage{align-items:flex-end;height:290px}.violin-stage .playable-notes{gap:7px;padding:0 10px;position:absolute;bottom:3px}.violin-stage .note-pad{color:#d5b591;background:linear-gradient(#45372b,#2e2924);border:1px solid #70533b;flex:1;gap:5px;height:48px;padding:9px;box-shadow:0 4px #0a0c0e}.violin-stage .pad-note{font-size:11px}.violin-stage .note-pad.sounding,.violin-stage .note-pad.song-note{color:#fff0d3;background:linear-gradient(#876744,#523f2d);border-color:#cea36b;transform:translateY(2px);box-shadow:0 0 16px #b78c4130}.xylophone-stage{height:280px;padding:27px 5% 15px}.xylophone-stage:before,.xylophone-stage:after{content:"";background:linear-gradient(#686158,#262a2c 40%,#383c3d);border:1px solid #6d6558;border-radius:5px;height:22px;position:absolute;top:74px;left:3%;right:3%;transform:rotate(-2deg);box-shadow:0 8px 12px #0008}.xylophone-stage:after{top:186px;transform:rotate(2deg)}.xylophone-stage .playable-notes{z-index:1;align-items:center;gap:10px}.xylophone-stage .note-pad{height:calc(var(--pad-height) + 24px);color:#f1d9ae;background:repeating-linear-gradient(88deg,#0000 0 7px,#3b1d1114 8px 9px),linear-gradient(90deg,#472416,#8a512c 14%,#a36333 42%,#754126 87%,#422317);border:1px solid #b68046;border-radius:7px;flex-direction:column;flex:1;max-width:73px;padding:16px 7px 13px;transform:perspective(400px)rotateX(7deg);box-shadow:0 6px #3c2318,0 10px #0b0d10,0 16px 12px #0006}.xylophone-stage .note-pad:nth-child(2n){background:repeating-linear-gradient(91deg,#0000 0 5px,#0000000b 6px 7px),linear-gradient(90deg,#3e221b,#935b37 28%,#aa7043 58%,#532e20)}.xylophone-stage .pad-note{text-shadow:0 1px #0006;font-size:13px;font-weight:500}.xylophone-stage .pad-pin{background:radial-gradient(circle at 30% 30%,#e9dcba,#796b54 40%,#161615 65%,#987e50);border-radius:50%;width:6px;height:6px;position:absolute;top:49px;box-shadow:0 1px 1px #000}.xylophone-stage .note-pad:after{content:"";background:radial-gradient(circle at 30% 30%,#e9dcba,#796b54 40%,#161615 65%,#987e50);border-radius:50%;width:6px;height:6px;position:absolute;bottom:49px}.xylophone-stage kbd{color:#dfbd87;background:#2f201a;border-color:#8d633f;box-shadow:0 1px #100a06}.xylophone-stage .note-pad.sounding,.xylophone-stage .note-pad.song-note{filter:brightness(1.3);outline-offset:3px;outline:1px solid #edc083;transform:translateY(5px);box-shadow:0 3px #3c2318,0 8px 20px #c49a4025}.keyboard-stage{height:280px;padding:37px 7% 23px}.keyboard-stage .playable-notes{background:linear-gradient(#363a3e,#14181b);border:1px solid #505256;border-radius:8px 8px 4px 4px;gap:3px;height:201px;padding:14px 10px 9px;position:relative;box-shadow:0 8px #101316,0 11px #333535,0 20px 20px #0009}.keyboard-stage .playable-notes:before{content:"RAAGROOM   •   ELECTRIC PIANO";letter-spacing:2px;color:#898984;font-size:7px;position:absolute;top:-23px;left:16px;right:16px}.keyboard-stage .note-pad{color:#5c615f;z-index:1;background:linear-gradient(90deg,#d0d0c7,#f4f1e5 22%,#fffef1 75%,#c4c5bf);border:1px solid #bebfb8;border-radius:0 0 5px 5px;flex-direction:column;flex:1;justify-content:flex-end;gap:10px;height:177px;padding:12px 3px;box-shadow:0 4px #969c98}.keyboard-stage .black-key{width:7.8%;height:115px;left:var(--key-left);z-index:2;color:#b5b9b9;background:linear-gradient(90deg,#0d1012,#262d31 16%,#323a3d 78%,#111619);border:1px solid #050608;padding-bottom:12px;position:absolute;top:14px;box-shadow:0 5px #080a0c,1px 7px 3px #0006}.keyboard-stage .black-key:before{content:"";background:#586064;height:1px;position:absolute;top:2px;left:3px;right:3px}.keyboard-stage .pad-note{font-size:10px}.keyboard-stage kbd{color:#616960;background:#d5d7cf;border-color:#b4b9b3;box-shadow:0 1px #b8bcb7}.keyboard-stage .black-key .pad-note{font-size:9px}.keyboard-stage .black-key kbd{color:#b2bbbf;box-shadow:none;background:#262e32;border-color:#485157;min-width:18px;height:18px;font-size:9px}.keyboard-stage .note-pad.sounding,.keyboard-stage .note-pad.song-note{background:linear-gradient(90deg,#ad8956,#f0d39e,#b89b65);transform:translateY(3px);box-shadow:0 1px #8e7958}.keyboard-stage .black-key.sounding,.keyboard-stage .black-key.song-note{color:#fae2bc;background:linear-gradient(90deg,#3e3425,#a37b49,#463923)}.mixer-bar{color:#a4aeb9;background:#161b21;border-top:1px solid #30363f;justify-content:space-between;align-items:center;gap:12px;padding:16px 31px;font-size:10px;display:flex}.mixer-group{align-items:center;gap:13px;display:flex}.mixer-group>svg{color:#949faa}.tempo-control{white-space:nowrap;align-items:center;gap:7px;display:flex}.tempo-control input{text-align:center;-moz-appearance:textfield;background:#222831;border:1px solid #3c444e;border-radius:4px;width:44px;padding:5px;font-size:11px}.tempo-control input::-webkit-inner-spin-button{appearance:none}.tempo-control>span{color:#939fac;font-size:8px}.control-separator{background:#39414b;width:1px;height:17px}.metronome-button{align-items:center;gap:7px;padding:2px;font-size:10px;display:flex}.metronome-icon{color:#abb5bf;font-size:18px}.toggle-track{background:#3a414b;border-radius:20px;align-items:center;width:25px;height:15px;padding:2px;display:inline-flex}.toggle-track>span{background:#97a2af;border-radius:50%;width:11px;height:11px;transition:transform .2s;box-shadow:0 1px 2px #0005}:is(.enabled .toggle-track,.practice-toggle:has(input:checked) .toggle-track){background:#7b613e}:is(.enabled .toggle-track>span,.practice-toggle:has(input:checked) .toggle-track>span){background:#e7bd7e;transform:translate(10px)}.volume-control{align-items:center;gap:10px;display:flex}.volume-control>span{color:#a9b0b7;width:26px;font-size:9px}.volume-control input{accent-color:#d3ad7b;cursor:pointer;width:85px;height:3px}.preset-player{background:linear-gradient(115deg,#202028,#181a21);border:1px solid #393743;border-radius:12px;margin-top:22px;padding:24px 27px 15px}.preset-intro{align-items:center;gap:12px;display:flex}.preset-symbol{color:#baacca;background:#302a3b;border:1px solid #51495e;border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.preset-intro h2,.loop-title h2{letter-spacing:-.3px;color:#e5e4e7;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;font-weight:550}.preset-intro p,.loop-title p{color:#a1a1ad;margin-top:5px;font-size:11px}.preset-intro>.eyebrow{color:#a39cac;margin-left:auto;font-size:9px}.preset-main{align-items:center;gap:20px;margin-top:23px;display:flex}.song-select-wrap{flex:1;min-width:0}.song-select-wrap>label{letter-spacing:1.3px;color:#a49cab;margin-bottom:7px;font-size:8px;display:block}.song-select-wrap select{color:#e0dce6;background:#25232e;border:1px solid #494351;border-radius:6px;width:100%;max-width:460px;padding:11px 12px;font-size:12px}.song-attribution{color:#a69aae;margin-top:8px;font-size:9px;display:block}.song-attribution>span{padding:0 5px}.song-controls{align-items:center;gap:5px;display:flex}.song-play,.primary-button{color:#2c2237;white-space:nowrap;background:#d9c8ee;border-radius:6px;justify-content:center;align-items:center;gap:9px;padding:12px 17px;font-size:12px;font-weight:600;display:flex}.song-speed{color:#b1a6be;flex-direction:column;gap:7px;font-size:10px;display:flex}.song-speed select{color:#d0c1de;background:#2b2635;border:1px solid #4f425e;border-radius:5px;padding:7px;font-size:11px}.icon-button{color:#a69cae;border-radius:5px;place-items:center;width:34px;height:34px;display:grid}.icon-button:hover{background:#35303d}.song-progress-row{color:#b0a3b9;font-variant-numeric:tabular-nums;align-items:center;gap:11px;margin-top:18px;font-size:9px;display:flex}.song-progress{background:#3a3344;border-radius:10px;flex:1;height:4px;overflow:hidden}.song-progress>span{background:#bea3d7;border-radius:10px;height:100%;transition:width 40ms linear;display:block}.practice-row{justify-content:space-between;align-items:center;gap:12px;min-height:30px;margin-top:16px;font-size:11px;display:flex}.practice-toggle{cursor:pointer;color:#cbc2d2;align-items:center;gap:8px;display:flex;position:relative}.practice-toggle input{opacity:0;width:25px;height:25px;margin:0;position:absolute;left:0}.practice-toggle input:focus-visible+.toggle-track{outline-offset:3px;outline:2px solid #e5bd7d}.practice-explain,.preset-state{color:#a59cae;font-size:10px}.target-note{color:#e2ceef;background:#43364f;border:1px solid #71607f;border-radius:5px;align-items:center;gap:8px;padding:8px 10px;font-size:11px;display:flex}.target-note kbd{color:#e6d5f1;background:#594668;border-color:#887099}.target-note>span{color:#c0a9d3;font-size:9px}.bollywood-info{color:#b5a7c0;border-top:1px solid #393240;margin-top:14px;padding-top:12px;font-size:10px}.bollywood-info summary{cursor:pointer;width:fit-content}.bollywood-info summary>span{color:#9d93a5;margin-left:9px;font-size:9px}.bollywood-info p{max-width:730px;padding:11px 0;font-size:11px;line-height:1.8}.loop-station{background:#161b20;border:1px solid #303740;border-radius:12px;margin-top:22px;overflow:hidden}.loop-heading{justify-content:space-between;align-items:center;gap:12px;padding:24px 27px 21px;display:flex}.loop-title{align-items:center;gap:12px;display:flex}.loop-icon{color:#a4b8a7;background:#282f2b;border:1px solid #444d46;border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.loop-length{color:#a1aba4;font-size:10px}.loop-length>span{padding:0 8px}.timeline-ruler{color:#97a09b;background:#151a1f;border-top:1px solid #30363d;grid-template-columns:220px 1fr 82px;gap:15px;padding:11px 27px 10px;font-size:9px;display:grid}.timeline-ruler>span:first-child{letter-spacing:1.2px;font-size:8px}.timeline-ruler>div{grid-template-columns:repeat(8,1fr);display:grid}.timeline-ruler small{color:#87948e;font-size:8px}.beat-current{color:#d4b481;font-weight:700}.layer-list{padding:0 27px}.empty-layers{align-items:center;gap:20px;min-height:115px;display:flex}.empty-wave{color:#4d5b50;align-items:center;gap:3px;padding:0 17px;display:flex}.empty-wave i{background:currentColor;border-radius:2px;width:3px}.empty-layers strong{color:#c0c7bf;font-size:13px;font-weight:500}.empty-layers p{color:#9ba69d;margin-top:8px;font-size:11px}.text-button{color:#c7b499;align-items:center;gap:7px;margin-left:auto;padding:8px;font-size:11px;display:flex}.text-button>span{font-size:16px}.layer-row{border-bottom:1px solid #2a3136;grid-template-columns:220px 1fr 82px;align-items:center;gap:15px;min-height:63px;display:grid}.layer-row:last-child{border-bottom:0}.layer-name{align-items:center;gap:10px;min-width:0;display:flex}.layer-dot{color:#343a34;filter:saturate(.6)brightness(.85);border-radius:5px;place-items:center;width:28px;height:31px;font-size:9px;display:grid}.layer-name>div{min-width:0}.layer-name strong{white-space:nowrap;text-overflow:ellipsis;color:#c6cec8;font-size:11px;font-weight:500;display:block;overflow:hidden}.layer-name small{color:#94a298;margin-top:5px;font-size:9px;display:block}.layer-sequence{background:#20272a;border-radius:4px;height:39px;position:relative;overflow:hidden}.grid-line{border-left:1px solid #384241;position:absolute;top:0;bottom:0}.sequence-note{filter:saturate(.7)brightness(.8);border-radius:2px;width:2%;min-width:3px;height:5px;position:absolute}.playhead{z-index:2;border-left:1px solid #e1bd88;position:absolute;top:0;bottom:0;box-shadow:0 0 6px #e3b45c40}.layer-actions{justify-content:flex-end;display:flex}.layer-actions .icon-button{color:#a1b0a5}.layer-row.muted .layer-sequence,.layer-row.muted .layer-name{opacity:.35}.transport{background:#141a1d;border-top:1px solid #323b3b;justify-content:space-between;align-items:center;gap:23px;min-height:72px;padding:17px 27px;display:flex}.transport-buttons{align-items:center;gap:9px;display:flex}.record-button{color:#e2aba0;white-space:nowrap;background:#382823;border:1px solid #715046;border-radius:6px;align-items:center;gap:8px;padding:11px 14px;font-size:11px;display:flex}.record-button.is-recording{color:#fff;background:#a75150;border-color:#d2857a}.play-button{color:#c6d1c8;white-space:nowrap;background:#252e29;border:1px solid #48544d;border-radius:6px;align-items:center;gap:8px;padding:11px;font-size:11px;display:flex}.transport-status{color:#a2b0a5;align-items:center;gap:8px;font-size:11px;display:flex}.transport-status>.small-dot{background:#758e79;width:5px;height:5px}.record-dot{background:#e69089!important}.playing-dot{box-shadow:0 0 6px #b5d1a460;background:#b5d1a4!important}.beat-counter{font-variant-numeric:tabular-nums;background:#28322b;border-radius:4px;min-width:32px;padding:5px 7px;font-size:10px}.quantize-label{color:#8f9f91;white-space:nowrap;align-items:center;gap:5px;font-size:9px;display:flex}footer{color:#858f99;justify-content:space-between;align-items:center;gap:12px;padding:26px 0 65px;font-size:9px;display:flex}footer>span:first-child{letter-spacing:1px;align-items:center;gap:7px;display:flex}.footer-flower{color:#b7956f;font-size:16px}footer>span:last-child{letter-spacing:1.2px;font-size:8px}.audio-banner{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:5;white-space:nowrap;background:#22231ff2;border:1px solid #625039;border-radius:9px;align-items:center;gap:25px;padding:11px 12px 11px 18px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0005}.audio-banner>span{color:#c8bcaa;align-items:center;gap:9px;font-size:11px;display:flex}.audio-banner button{color:#30271d;background:#e4ba80;border-radius:5px;padding:10px 12px;font-size:11px;font-weight:600}.audio-banner button>span{margin-left:8px}.announcement{color:#9ca599;text-align:center;min-height:16px;padding:0 20px 13px;font-size:11px}.guide{width:calc(100% - 32px);max-width:490px;color:var(--ink);background:#1b1c22;border:1px solid #4b414c;border-radius:16px;padding:30px;box-shadow:0 20px 100px #0008}.guide::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#05080bb0}.guide-top{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.guide h2{letter-spacing:-1px;color:#e6c59f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:28px;font-weight:500}.guide>p{color:#a7a2ab;margin-top:11px;font-size:12px;line-height:1.8}.guide ol{margin:24px 0;padding-left:22px}.guide li{color:#d5b787;padding:0 0 18px 6px;font-size:13px}.guide li strong{color:#d5cbdc;font-weight:600;display:block}.guide li span{color:#aaa4b0;margin-top:6px;font-size:12px;line-height:1.8;display:block}.guide-tip{color:#b8a7c7;background:#2a2531;border-radius:8px;padding:15px;font-size:11px;line-height:1.8}.guide .guide-storage{margin:15px 0 20px;font-size:11px}.guide .primary-button{width:100%;padding:14px}.primary-button>span{margin-left:auto}@keyframes string-vibrate{0%,to{transform:translateY(-1px)}50%{transform:translateY(1px)}}@keyframes bow-move{0%{transform:translate(-18px,-17px)}to{transform:translate(18px,17px)}}@media (width<=1100px){main,.site-header{padding:0 30px}.brand-tagline{display:none}.studio{grid-template-columns:178px minmax(0,1fr)}.instrument-option{gap:8px;padding:11px 7px}.instrument-icon{width:30px;height:37px}.instrument-number{display:none}.instrument-rail{padding:25px 9px 19px}.instrument-copy strong{font-size:11px}.play-surface{min-height:430px;padding:23px 24px 17px}.surface-hint{max-width:185px;font-size:9px}.timeline-ruler,.layer-row{grid-template-columns:180px 1fr 70px}.preset-main{gap:14px}.empty-wave{padding:0 4px}.mixer-bar{padding:16px 24px}.mixer-group{gap:8px}.volume-control input{width:60px}.transport{gap:12px}.note-readout{top:119px;right:24px}.note-readout>span{display:none}.violin-stage .note-pad{flex-direction:column;gap:3px;height:55px;padding:8px 5px}.tuning-label{display:none}.strings-stage{margin-top:32px;margin-bottom:22px}.surface-bottom{gap:8px}.surface-bottom kbd{min-width:16px}.shortcut-line{gap:3px}}@media (width<=800px){main{padding:0 22px}.site-header{height:73px;padding:0 22px}.brand{font-size:23px}.brand-symbol{width:33px;height:33px}.local-badge{display:none}.welcome{padding:33px 0 29px}h1{letter-spacing:-1.1px;font-size:36px}.welcome p{max-width:410px;font-size:11px}.headphone-note{display:none}.save-status{font-size:9px}.studio{flex-direction:column;display:flex}.instrument-rail{border-bottom:1px solid #30363e;border-right:0;padding:13px 14px}.rail-label,.rail-note,.rail-foot{display:none}.instrument-options{flex-direction:row;gap:5px}.instrument-option{flex-direction:column;flex:1;justify-content:center;gap:7px;padding:10px 3px}.instrument-icon{width:29px;height:29px;background:0 0!important}.instrument-icon svg{height:23px}.instrument-copy strong{font-size:11px}.instrument-copy small{display:none}.instrument-option.selected{background:#302921;border-color:#6a523a;box-shadow:inset 0 -2px #d4a66b}.play-surface{min-height:0;padding:23px 25px 18px}.instrument-heading{margin-top:22px}.strings-stage{margin-top:24px;margin-bottom:15px}.preset-player{padding:22px 23px 15px}.preset-intro>.eyebrow{font-size:8px}.preset-main{flex-wrap:wrap}.song-select-wrap{flex-basis:55%}.song-controls{margin-top:8px}.song-speed{flex-direction:row;align-items:center;margin-top:2px;margin-left:auto}.loop-heading{padding:22px 23px 20px}.loop-length{font-size:9px}.loop-length>span{padding:0 4px}.timeline-ruler{grid-template-columns:155px 1fr 65px;gap:8px;padding-left:23px;padding-right:23px}.layer-row{grid-template-columns:155px 1fr 65px;gap:8px}.layer-list{padding:0 23px}.empty-layers{flex-wrap:wrap;gap:15px;padding:23px 0}.empty-wave{display:none}.empty-layers .text-button{font-size:10px}.transport{flex-wrap:wrap;gap:12px;padding:16px 23px}.quantize-label{display:none}.transport-status{margin-left:auto}.preset-state{font-size:9px}.practice-explain,footer>span:nth-child(2){display:none}.note-readout{top:119px;right:25px}.keyboard-stage{padding-left:5%;padding-right:5%}.xylophone-stage{padding-left:6%;padding-right:6%}.xylophone-stage .note-pad{max-width:65px}.mixer-bar{padding:16px 25px}.volume-control input{width:75px}.surface-hint{max-width:none;font-size:10px}.touch-string-controls{gap:8px;margin:0 0 17px;display:flex}.touch-string-controls button{color:#d0b68e;touch-action:none;background:linear-gradient(#332d26,#25241f);border:1px solid #554939;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:8px;min-height:44px;font-size:11px;display:flex}.touch-string-controls button.sounding{color:#f8ddac;background:#735638;border-color:#d7ac75}.touch-string-controls kbd{color:#bdb298;background:#242620;border-color:#58523e;min-width:17px;height:19px;font-size:9px}.surface-bottom .strum-buttons{margin-left:auto}}@media (width<=520px){main{padding:0 14px}.site-header{height:68px;padding:0 18px}.guide-button{padding:9px;font-size:10px}.brand{font-size:22px}.brand-symbol{margin-right:9px}.welcome{padding:29px 3px 25px}.welcome-eyebrow{letter-spacing:1.2px;margin-bottom:14px;font-size:8px}h1{max-width:330px;font-size:34px;line-height:1.19}.welcome p{max-width:280px;margin-top:14px;font-size:11px;line-height:1.8}.session-bar{padding:13px 2px}.session-name{gap:6px}.session-name input{width:148px;font-size:11px}.session-name>svg,.save-status{display:none}.export-button{gap:5px;padding:4px;font-size:10px}.export-button svg{width:14px}.session-marker{width:6px;height:6px;margin-right:2px}.instrument-rail{padding:10px 7px}.instrument-options{gap:3px}.instrument-option{gap:6px;padding:9px 2px}.instrument-copy strong{font-size:10px}.instrument-icon{height:23px}.instrument-icon svg{height:21px}.play-surface{padding:19px 16px 15px}.surface-topline{letter-spacing:1px;font-size:7px}.surface-topline>span:last-child{font-size:6px}.instrument-heading{margin:23px 0 18px}.instrument-heading h2{font-size:34px}.eyebrow{letter-spacing:1px;font-size:7px}.instrument-description{max-width:255px;margin-top:10px;font-size:11px}.orbit-mark{width:39px;height:39px;margin-right:5px}.orbit-mark svg{width:22px}.sound-settings{flex-wrap:wrap;gap:7px;font-size:8px}.sound-chip{padding:7px;font-size:9px}.root-control{padding:4px 6px;font-size:9px}.root-control select{font-size:9px}.hover-control{gap:5px;margin-left:auto;font-size:9px}.hover-control .toggle-track{width:23px;height:14px}.hover-control .toggle-track>span{width:10px;height:10px}.hover-control.enabled .toggle-track>span{transform:translate(9px)}.strings-stage{margin:34px -8px 27px}.string-notes .pad-note{font-size:7px;left:-3%}.string-notes kbd{width:10px;min-width:10px;height:10px;font-size:6px;right:-3%}.string-notes .pad-string{height:.6px}.string-notes .note-pad:first-child .pad-string{height:1.6px}.string-notes .note-pad:nth-child(2) .pad-string{height:1.3px}.string-notes .note-pad:nth-child(3) .pad-string{height:1.1px}.string-notes .note-pad:nth-child(4) .pad-string{height:.8px}.surface-bass .string-notes .pad-string{height:1.5px}.surface-bottom{flex-wrap:wrap;gap:11px;padding-top:12px}.shortcut-line{gap:3px}.shortcut-line>svg{width:13px;margin-right:2px}.surface-bottom kbd{min-width:15px;height:19px;font-size:8px}.surface-hint{text-align:left;max-width:none;font-size:9px;line-height:1.6}.strum-buttons{gap:4px}.strum-buttons button{gap:4px;padding:6px;font-size:9px}.strum-buttons kbd{display:none}.note-readout{z-index:3;padding:5px 7px;font-size:9px;top:190px;right:16px}.note-readout strong{font-size:11px}.touch-string-controls{gap:5px;margin-bottom:14px}.touch-string-controls button{flex-direction:column;gap:4px;min-height:47px;padding:5px 2px;font-size:10px}.touch-string-controls kbd{min-width:15px;height:16px;font-size:8px}.violin-stage{height:280px;margin:14px -2px 10px}.violin-art{width:140%;height:208px;top:0;left:-21%}.violin-stage .playable-notes{grid-template-columns:repeat(4,1fr);gap:7px;padding:0;display:grid;bottom:0}.violin-stage .note-pad{flex-direction:row;height:42px;padding:8px 9px}.violin-stage .pad-note{font-size:11px}.violin-stage kbd{min-width:19px;height:19px;font-size:9px}.xylophone-stage{height:262px;padding:34px 1% 14px}.xylophone-stage .playable-notes{gap:6px}.xylophone-stage .note-pad{height:calc(var(--pad-height) + 10px);border-radius:5px;padding:15px 3px 11px}.xylophone-stage .pad-note{font-size:11px}.xylophone-stage kbd{min-width:17px;height:20px;font-size:9px}.xylophone-stage:before{top:80px;left:0;right:0}.xylophone-stage:after{top:177px;left:0;right:0}.keyboard-stage{height:265px;padding:44px 0 18px}.keyboard-stage .playable-notes{gap:2px;height:188px;padding:10px 4px 8px}.keyboard-stage .note-pad{height:174px;padding:11px 1px}.keyboard-stage .black-key{height:110px;padding-bottom:11px;top:10px}.keyboard-stage .pad-note{font-size:9px}.keyboard-stage .black-key .pad-note{font-size:7px}.keyboard-stage kbd{width:17px;min-width:17px;height:19px;font-size:9px}.keyboard-stage .black-key kbd{width:14px;min-width:14px;height:17px;font-size:8px}.surface-keyboard .surface-hint{display:none}.surface-keyboard .shortcut-line{gap:3px}.surface-keyboard .shortcut-line kbd{min-width:16px;font-size:8px}.mixer-bar{flex-wrap:wrap;gap:15px;padding:15px 16px;font-size:10px}.mixer-group{flex:1;gap:9px}.mixer-group>svg{display:none}.tempo-control{gap:6px;font-size:10px}.tempo-control input{width:38px;font-size:10px}.tempo-control>span{font-size:8px}.metronome-button{gap:5px;font-size:10px}.volume-control{border-top:1px solid #323a43;gap:11px;width:100%;padding-top:14px}.volume-control input{flex:1}.volume-control svg{width:14px}.preset-player{margin-top:15px;padding:20px 16px 14px}.preset-intro h2,.loop-title h2{letter-spacing:-.2px;font-size:14px}.preset-intro p,.loop-title p{font-size:10px}.preset-symbol,.loop-icon{border-radius:8px;width:33px;height:33px}.preset-intro>.eyebrow{display:none}.preset-main{gap:12px;margin-top:19px}.song-select-wrap{flex-basis:100%}.song-select-wrap select{max-width:none;padding:12px 9px;font-size:12px}.song-attribution{font-size:8px;line-height:1.6}.song-controls{margin-top:2px}.song-play{padding:11px 13px;font-size:11px}.song-speed{font-size:10px}.song-speed select{font-size:11px}.song-progress-row{margin-top:16px}.practice-row{flex-wrap:wrap;gap:8px}.practice-toggle{gap:7px;font-size:11px}.preset-state{text-align:right;max-width:140px;font-size:9px;line-height:1.6}.target-note{gap:6px;padding:7px;font-size:10px}.target-note kbd{min-width:33px;height:20px;font-size:8px}.target-note>span{font-size:9px}.bollywood-info{font-size:10px}.bollywood-info summary>span{margin:6px 0 0 12px;font-size:9px;display:block}.loop-station{margin-top:15px}.loop-heading{align-items:flex-start;padding:20px 16px 18px}.loop-title{gap:10px}.loop-length{text-align:right;max-width:63px;font-size:8px;line-height:1.8}.loop-length>span{padding:0 2px}.timeline-ruler{grid-template-columns:110px 1fr 49px;gap:7px;padding:11px 16px}.timeline-ruler>span:first-child{letter-spacing:.7px;font-size:7px}.timeline-ruler>div{font-size:8px}.timeline-ruler small{display:none}.layer-list{padding:0 16px}.empty-layers{text-align:center;padding:27px 6px;display:block}.empty-layers strong{font-size:12px}.empty-layers p{margin-top:8px;font-size:10px;line-height:1.7}.empty-layers .text-button{margin:12px auto 0;font-size:10px}.layer-row{grid-template-columns:110px 1fr 49px;gap:7px}.layer-name{gap:6px}.layer-dot{flex-shrink:0;width:22px;height:27px;font-size:8px}.layer-name strong{font-size:10px}.layer-name small{font-size:8px}.layer-actions .icon-button{width:24px;height:32px}.layer-actions svg{width:14px}.transport{gap:14px;padding:15px 16px}.transport-buttons{gap:9px;width:100%}.record-button,.play-button{flex:1;justify-content:center;padding:11px;font-size:10px}.transport-status{margin:0 auto;font-size:10px}.beat-counter{padding:3px 6px;font-size:10px}.audio-banner{border-radius:8px;justify-content:space-between;gap:11px;width:calc(100% - 28px);max-width:calc(100% - 22px);padding:10px;bottom:12px}.audio-banner>span{white-space:normal;gap:6px;max-width:195px;font-size:10px;line-height:1.5}.audio-banner>span svg{display:none}.audio-banner button{flex-shrink:0;padding:11px 9px;font-size:10px}.audio-banner button>span{margin-left:4px}footer{gap:8px;padding:22px 3px 65px;font-size:7px}footer>span:first-child{letter-spacing:.4px}footer>span:last-child{letter-spacing:.5px;font-size:7px}.footer-flower{font-size:13px}.guide{padding:23px}.guide h2{font-size:26px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}html{scroll-padding-top:24px}main{max-width:1260px}.site-header{background:#0c0e11;border-bottom-color:#20242b;height:76px}.brand-symbol{color:#2d223a;background:#c9b8ed}.brand-period{color:#c9b8ed}.main-nav{color:#acadb7;gap:28px;margin-left:26px;font-size:12px;display:flex}.main-nav a:hover{color:#e1d7f3}.local-badge{font-size:8px}.welcome{isolation:isolate;text-align:center;justify-content:center;min-height:225px;padding:54px 0 39px;position:relative;overflow:hidden}.welcome:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#624c9620,#0000 70%);position:absolute;inset:0 13% -80px}.welcome-content{z-index:1;position:relative}.creator-watermark{letter-spacing:-10px;white-space:nowrap;color:#c4b4df;opacity:.035;z-index:-1;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(90px,15vw,197px);font-weight:750;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-48%)}.welcome-eyebrow{color:#b0a2c1;justify-content:center;font-size:8px}.mini-line{background:#8b739d}.welcome h1{letter-spacing:-1.7px;font-size:clamp(30px,3.6vw,44px);font-weight:500}.welcome h1 span{color:#bba8d8}.welcome p{color:#a0a1ae;margin-top:15px;font-size:13px}.headphone-note{display:none}.session-bar{border-top:0;padding:16px 3px}.save-status{border-left:0;font-size:9px}.studio{background:#14171d;border-color:#30333c;border-radius:13px;flex-direction:column;display:flex}.instrument-rail{background:#15171d;border-bottom:1px solid #30333b;border-right:0;padding:12px 25px;display:block}.rail-label,.rail-note,.rail-foot{display:none}.instrument-options{flex-direction:row;justify-content:center;gap:12px}.instrument-option{color:#a4a9b4;border-radius:7px;justify-content:center;gap:9px;width:auto;min-width:130px;padding:9px 15px}.instrument-option.selected{color:#deceef;box-shadow:none;background:#292431;border-color:#554563}.instrument-icon{width:24px;height:26px;color:inherit;background:0 0!important}.selected .instrument-icon{color:#d4bcec;background:0 0!important}.instrument-icon svg{width:20px;height:20px}.instrument-copy strong{font-size:12px;font-weight:500}.instrument-copy small,.instrument-number{display:none}.play-surface{background:radial-gradient(at 50% 56%,#37322826,#0000 67%),#13171c;min-height:0;padding:25px 34px 21px}.surface-topline{display:none}.instrument-heading{margin:0 0 19px}.instrument-heading h2{letter-spacing:-1px;margin-top:5px;font-size:33px;font-weight:500}.instrument-heading .eyebrow{color:#999294;font-size:7px}.instrument-heading h2>span{display:none}.instrument-description{color:#a1a1a2;font-size:12px}.orbit-mark{display:none}.sound-settings{gap:12px}.sound-chip{color:#d0b98f;background:0 0;border:0;padding:6px 0}.hover-control{margin-left:0}.tuning-label{font-size:9px}.strings-stage{aspect-ratio:900/315;width:88%;max-height:325px;margin:0 auto}.string-art{top:-6px}.string-notes{height:24.7%;top:37.5%}.surface-bottom{border-top-color:#2a2e35;max-width:100%;padding-top:14px}.note-readout{top:80px;right:34px}.mixer-bar{background:#171a20;border-top-color:#2d3138;padding:15px 34px}.xylophone-stage{max-width:760px;margin-left:auto;margin-right:auto}.keyboard-stage{max-width:850px;margin-left:auto;margin-right:auto}.violin-stage{max-width:900px;margin-left:auto;margin-right:auto}.preset-player{background:#19181f;border-color:#36313e;margin-top:22px}.preset-intro h2,.loop-title h2{font-size:16px;font-weight:500}.preset-intro>.eyebrow{display:none}.loop-station{background:#151a1c}.preset-main{gap:22px}.section-placeholder{color:#969ea3;content-visibility:auto;background:#151a1c;border:1px solid #303740;border-radius:12px;place-items:center;height:270px;margin-top:22px;font-size:13px;display:grid}.loading-toast{color:#ded0ee;z-index:20;background:#282431;border:1px solid #554465;border-radius:8px;padding:12px 20px;font-size:12px;position:fixed;bottom:25px;left:50%;transform:translate(-50%)}.audio-banner{background:#211e28f5;border-color:#51435f}.audio-banner>span{color:#c4bad1}.audio-banner button{color:#32243e;background:#d4bdef}.loop-station,.preset-player{scroll-margin-top:20px}@media (width<=900px){.instrument-option{flex:1;min-width:0;padding:10px 7px}.instrument-options{gap:7px}.instrument-rail{padding:12px 20px}.strings-stage{width:96%;max-height:none}.main-nav{gap:20px;margin-left:10px}.welcome{min-height:200px;padding:43px 0 33px}.welcome h1{font-size:34px}.welcome p{font-size:12px}.creator-watermark{letter-spacing:-7px}.instrument-heading{margin:0 0 17px}.note-readout{top:77px}.instrument-copy strong{font-size:11px}.play-surface{padding:23px 25px 20px}.strings-stage{margin:8px auto 15px}.touch-string-controls{max-width:600px;margin:0 auto 18px}.welcome p,.welcome h1{max-width:none}}@media (width<=600px){.main-nav{display:none}.welcome{min-height:205px;padding:35px 0 28px}.welcome h1{letter-spacing:-1.2px;font-size:32px;line-height:1.2}.welcome h1 span{display:block}.welcome p{max-width:300px;margin:13px auto 0;font-size:11px;line-height:1.8}.creator-watermark{letter-spacing:-4px;opacity:.045;font-size:17vw}.welcome-eyebrow{letter-spacing:1.2px;margin-bottom:13px;font-size:7px}.session-bar{padding:12px 1px}.instrument-rail{padding:10px 8px}.instrument-options{gap:4px}.instrument-option{flex-direction:column;gap:5px;padding:9px 3px}.instrument-copy strong{font-size:10px}.instrument-icon{height:23px}.instrument-heading h2{font-size:30px}.instrument-heading .eyebrow{font-size:7px}.instrument-description{font-size:11px}.play-surface{padding:20px 16px 16px}.sound-settings{gap:9px}.sound-chip{font-size:9px}.hover-control{margin-left:auto}.root-control{font-size:9px}.strings-stage{aspect-ratio:900/340;width:calc(100% + 16px);margin:31px -8px 26px}.string-art{top:0}.string-notes{height:24%;top:39.5%}.touch-string-controls{gap:5px;margin-bottom:15px}.mixer-bar{padding:14px 16px}.note-readout{font-size:8px;top:153px;right:16px}.preset-main{gap:12px}.preset-intro h2,.loop-title h2{font-size:14px}.preset-player{margin-top:15px}.preset-state{font-size:9px}.instrument-options button{min-height:63px}.instrument-rail .instrument-option.selected{box-shadow:inset 0 -2px #b497d3}.surface-bottom .shortcut-line{flex-wrap:wrap}.section-placeholder{height:310px;margin-top:15px}.violin-art{left:-21%}.violin-stage{margin-top:20px}.xylophone-stage{margin-top:18px}.keyboard-stage{margin-top:16px}}.drums-stage{background:radial-gradient(at 50% 60%,#b6945520,#0000 66%);max-width:760px;height:390px;margin:12px auto 22px;position:relative}.drums-stage .playable-notes{width:100%;height:100%;display:block;position:relative}.drums-stage .note-pad{color:#292d31;touch-action:none;isolation:isolate;background:radial-gradient(circle at 45% 40%,#d5d1c5,#a7a498 64%,#343839 67%,#c2c5c7 69%,#33383b 73%);border:6px double #8e9297;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:9px;width:23%;height:42%;transition:filter .1s,box-shadow .1s,transform .1s;display:flex;position:absolute;box-shadow:0 9px #25292d,0 13px 18px #0008,inset 0 0 15px #0007}.drums-stage .note-pad:before{content:"";pointer-events:none;border:1px solid #54595855;border-radius:50%;position:absolute;inset:10%}.drums-stage .pad-note{letter-spacing:.4px;color:inherit;font-size:12px;font-weight:650;position:static}.drums-stage .pad-string,.drums-stage .pad-pin{display:none}.drums-stage kbd{color:#f0e6d5;z-index:1;background:#20232a;border-color:#515254;position:static}.drums-stage .drum-36{color:#e4d8c1;z-index:2;background:radial-gradient(circle at 46% 35%,#36383e,#16181c 66%,#888d92 68%,#26292d 74%);border-color:#787c80;width:32%;height:49%;top:49%;left:34%}.drums-stage .drum-38{z-index:3;width:25%;height:43%;top:48%;left:12%}.drums-stage .drum-45{z-index:3;width:25%;height:43%;top:48%;left:65%}.drums-stage .drum-48{z-index:3;width:23%;height:39%;top:14%;left:40%}.drums-stage .drum-42,.drums-stage .drum-46,.drums-stage .drum-49,.drums-stage .drum-51{color:#272119;z-index:4;background:repeating-radial-gradient(#0000 0 3px,#5a3d2338 4px 5px),conic-gradient(from 40deg,#c1a464,#e4c98a,#806339,#d0b47a,#9b7e47,#d4b574,#c1a464);border:2px solid #bba16b;width:22%;height:34%;box-shadow:0 5px #4d3d26,0 10px 18px #0009}.drums-stage .drum-42{width:19%;height:30%;top:28%;left:0}.drums-stage .drum-46{width:20%;height:31%;top:28%;left:78%}.drums-stage .drum-49{width:25%;height:39%;top:1%;left:14%}.drums-stage .drum-51{width:26%;height:40%;top:0;left:63%}.drums-stage .note-pad.sounding,.drums-stage .note-pad.song-note{filter:brightness(1.25);transform:translateY(3px)scale(.98);box-shadow:0 0 0 4px #bb9add,0 0 28px #b38edb70}.drums-stage .note-pad:focus-visible{outline-offset:5px;outline:3px solid #dfbeff}@media (width<=600px){.drums-stage{height:220px;margin:20px -8px}.drums-stage .pad-note{letter-spacing:0;font-size:9px}.drums-stage .note-pad{border-width:4px;gap:5px}.drums-stage .drum-42,.drums-stage .drum-46,.drums-stage .drum-49,.drums-stage .drum-51{border-width:1px}.drums-stage kbd{min-width:20px;height:20px;font-size:9px}.surface-drums .surface-hint{max-width:145px}footer{flex-wrap:wrap;gap:15px}}@media (prefers-reduced-motion:reduce){.drums-stage .note-pad{transition:none}.drums-stage .note-pad.sounding,.drums-stage .note-pad.song-note{transform:none}}footer>span:last-child{letter-spacing:.8px;color:#a9a1b4;font-size:10px;line-height:1.6}.name-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:30;background:#05080bc7;place-items:center;padding:20px;animation:.3s fade-in;display:grid;position:fixed;inset:0}.name-modal{text-align:center;background:linear-gradient(160deg,#1e1a26,#161820);border:1px solid #4b3f5a;border-radius:16px;flex-direction:column;gap:14px;width:100%;max-width:400px;padding:32px 28px 26px;animation:.35s cubic-bezier(.2,.9,.35,1.1) pop-in;display:flex;box-shadow:0 20px 80px #000a,inset 0 1px #ffffff08}.name-modal-spark{color:#d4bcec;background:#2d2438;border:1px solid #55446a;border-radius:12px;place-items:center;width:44px;height:44px;margin:0 auto 4px;display:grid}.name-modal h2{letter-spacing:-.6px;color:#efe4ff;font-size:22px;font-weight:500;line-height:1.3}.name-modal p{color:#a5a0b0;font-size:12px;line-height:1.7}.name-modal input{color:#f0e9fa;text-align:center;letter-spacing:.2px;background:#22202a;border:1px solid #4a405a;border-radius:8px;margin-top:8px;padding:13px 14px;font-size:14px}.name-modal input:focus{border-color:#bea3d7;outline:none;box-shadow:0 0 0 3px #bea3d733}.name-modal .primary-button{color:#2c2237;background:#d9c8ee;margin-top:6px;padding:13px}.name-modal .primary-button:disabled{opacity:.45}.welcome-like{justify-content:center;margin-top:20px;display:flex}.like-button{color:#d4c6e6;background:#22202a;border:1px solid #55446a;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:12px;transition:all .18s;display:inline-flex}.like-button:hover:not(:disabled){color:#f0e2ff;border-color:#bea3d7;transform:translateY(-1px)}.like-button.is-liked{color:#f2dcff;background:#3a2b4e;border-color:#a888d0}.like-button.is-liked svg{color:#e08fbf}.greeting-toast{color:#eddffa;z-index:25;background:#282431;border:1px solid #6b5687;border-radius:10px;padding:12px 20px;font-size:12px;animation:.35s pop-in;position:fixed;top:96px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #0008}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=520px){.name-modal{padding:26px 22px 22px}.name-modal h2{font-size:19px}.greeting-toast{max-width:calc(100% - 32px);padding:10px 16px;font-size:11px;top:84px}}