:root{--bg-color: #0D1B2A;--primary-color: #1B263B;--secondary-color: #415A77;--highlight-color: #22D3EE;--text-color: #E0E1DD;--font-family: "Poppins", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--note-default-fill: #415a7780;--note-default-stroke: #0D1B2A;--note-text-color: #ffffff;--shadow-light: rgba(224, 225, 221, .05);--shadow-dark: rgba(0, 0, 0, .7);--chakra-c: #DC2626;--chakra-cs: #EF4444;--chakra-d: #EA580C;--chakra-ds: #F97316;--chakra-e: #EAB308;--chakra-f: #16A34A;--chakra-fs: #22C55E;--chakra-g: #0EA5E9;--chakra-gs: #6BCFFA;--chakra-a: #0806FF;--chakra-as: #5050FF;--chakra-b: #EB00FF;--chakra-bg-c: rgba(220, 38, 38, .6);--chakra-bg-cs: rgba(239, 68, 68, .3);--chakra-bg-d: rgba(234, 88, 12, .6);--chakra-bg-ds: rgba(249, 115, 22, .3);--chakra-bg-e: rgba(234, 179, 8, .6);--chakra-bg-f: rgba(22, 163, 74, .6);--chakra-bg-fs: rgba(34, 197, 94, .3);--chakra-bg-g: rgba(14, 165, 233, .6);--chakra-bg-gs: rgba(107, 207, 250, .3);--chakra-bg-a: rgba(8, 6, 255, .6);--chakra-bg-as: rgba(80, 80, 255, .3);--chakra-bg-b: rgba(235, 0, 255, .6);--chakra-grad-c: linear-gradient(to top, rgba(220, 38, 38, .4), rgba(220, 38, 38, .9));--chakra-grad-cs: linear-gradient(to top, rgba(239, 68, 68, .3), rgba(239, 68, 68, .7));--chakra-grad-d: linear-gradient(to top, rgba(234, 88, 12, .4), rgba(234, 88, 12, .9));--chakra-grad-ds: linear-gradient(to top, rgba(249, 115, 22, .3), rgba(249, 115, 22, .7));--chakra-grad-e: linear-gradient(to top, rgba(234, 179, 8, .4), rgba(234, 179, 8, .9));--chakra-grad-f: linear-gradient(to top, rgba(22, 163, 74, .4), rgba(22, 163, 74, .9));--chakra-grad-fs: linear-gradient(to top, rgba(34, 197, 94, .3), rgba(34, 197, 94, .7));--chakra-grad-g: linear-gradient(to top, rgba(14, 165, 233, .4), rgba(14, 165, 233, .9));--chakra-grad-gs: linear-gradient(to top, rgba(107, 207, 250, .3), rgba(107, 207, 250, .7));--chakra-grad-a: linear-gradient(to top, rgba(8, 6, 255, .4), rgba(8, 6, 255, .9));--chakra-grad-as: linear-gradient(to top, rgba(80, 80, 255, .3), rgba(80, 80, 255, .7));--chakra-grad-b: linear-gradient(to top, rgba(235, 0, 255, .4), rgba(235, 0, 255, .9));--hand-color-right: #EF4444;--hand-color-left: #3B82F6;--gold-color: #FFD700;--gold-gradient: linear-gradient(45deg, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);--current-outline-color: #FFFFFF}:root{--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--fs-title: 1.05rem;--fs-section: .92rem;--fs-body: .85rem;--fs-label: .78rem;--fs-micro: .7rem;--r-sm: 8px;--r-md: 12px;--r-pill: 999px;--h-control: 34px;--h-control-sm: 28px;--h-transport: 44px;--surface-bg: rgba(255, 255, 255, .04);--surface-border: rgba(255, 255, 255, .1);--surface-pad: var(--sp-3);--ctl-active-bg: var(--highlight-color);--ctl-active-fg: var(--primary-color)}[data-theme=light]{--surface-bg: rgba(0, 0, 0, .03);--surface-border: rgba(0, 0, 0, .08)}body.outline-white{--current-outline-color: #FFFFFF}body.outline-black{--current-outline-color: #000000}body.outline-gold{--current-outline-color: var(--gold-color)}[data-theme=light]{--bg-color: #F0F2F5;--primary-color: #FFFFFF;--secondary-color: #E4E6EB;--highlight-color: #5ccb5f;--text-color: #1B263B;--shadow-light: rgba(0, 0, 0, .05);--shadow-dark: rgba(0, 0, 0, .1);--note-default-fill: #E4E6EB;--note-default-stroke: #CCCCCC}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color);line-height:1.6;transition:background-color .3s ease,color .3s ease}:root[data-vision=deuteranopia]{--chakra-c: #C9445F;--chakra-cs: #F28677;--chakra-d: #993B00;--chakra-ds: #FFAD0A;--chakra-e: #9B8500;--chakra-f: #2A6240;--chakra-fs: #77C3A8;--chakra-g: #355685;--chakra-gs: #31A7FF;--chakra-a: #7D2CFA;--chakra-as: #DCABE2;--chakra-b: #9F6A9F;--chakra-bg-c: rgba(201, 68, 95, .6);--chakra-bg-cs: rgba(242, 134, 119, .3);--chakra-bg-d: rgba(153, 59, 0, .6);--chakra-bg-ds: rgba(255, 173, 10, .3);--chakra-bg-e: rgba(155, 133, 0, .6);--chakra-bg-f: rgba(42, 98, 64, .6);--chakra-bg-fs: rgba(119, 195, 168, .3);--chakra-bg-g: rgba(53, 86, 133, .6);--chakra-bg-gs: rgba(49, 167, 255, .3);--chakra-bg-a: rgba(125, 44, 250, .6);--chakra-bg-as: rgba(220, 171, 226, .3);--chakra-bg-b: rgba(159, 106, 159, .6);--chakra-grad-c: linear-gradient(to top, rgba(201, 68, 95, .4), rgba(201, 68, 95, .9));--chakra-grad-cs: linear-gradient(to top, rgba(242, 134, 119, .3), rgba(242, 134, 119, .7));--chakra-grad-d: linear-gradient(to top, rgba(153, 59, 0, .4), rgba(153, 59, 0, .9));--chakra-grad-ds: linear-gradient(to top, rgba(255, 173, 10, .3), rgba(255, 173, 10, .7));--chakra-grad-e: linear-gradient(to top, rgba(155, 133, 0, .4), rgba(155, 133, 0, .9));--chakra-grad-f: linear-gradient(to top, rgba(42, 98, 64, .4), rgba(42, 98, 64, .9));--chakra-grad-fs: linear-gradient(to top, rgba(119, 195, 168, .3), rgba(119, 195, 168, .7));--chakra-grad-g: linear-gradient(to top, rgba(53, 86, 133, .4), rgba(53, 86, 133, .9));--chakra-grad-gs: linear-gradient(to top, rgba(49, 167, 255, .3), rgba(49, 167, 255, .7));--chakra-grad-a: linear-gradient(to top, rgba(125, 44, 250, .4), rgba(125, 44, 250, .9));--chakra-grad-as: linear-gradient(to top, rgba(220, 171, 226, .3), rgba(220, 171, 226, .7));--chakra-grad-b: linear-gradient(to top, rgba(159, 106, 159, .4), rgba(159, 106, 159, .9))}:root[data-vision=protanopia]{--chakra-c: #D92B4C;--chakra-cs: #FFA0AB;--chakra-d: #9A5104;--chakra-ds: #DDAD81;--chakra-e: #908702;--chakra-f: #4B8863;--chakra-fs: #4BC916;--chakra-g: #0A75C6;--chakra-gs: #70C6E9;--chakra-a: #744E78;--chakra-as: #EC89FF;--chakra-b: #4725F7;--chakra-bg-c: rgba(217, 43, 76, .6);--chakra-bg-cs: rgba(255, 160, 171, .3);--chakra-bg-d: rgba(154, 81, 4, .6);--chakra-bg-ds: rgba(221, 173, 129, .3);--chakra-bg-e: rgba(144, 135, 2, .6);--chakra-bg-f: rgba(75, 136, 99, .6);--chakra-bg-fs: rgba(75, 201, 22, .3);--chakra-bg-g: rgba(10, 117, 198, .6);--chakra-bg-gs: rgba(112, 198, 233, .3);--chakra-bg-a: rgba(116, 78, 120, .6);--chakra-bg-as: rgba(236, 137, 255, .3);--chakra-bg-b: rgba(71, 37, 247, .6);--chakra-grad-c: linear-gradient(to top, rgba(217, 43, 76, .4), rgba(217, 43, 76, .9));--chakra-grad-cs: linear-gradient(to top, rgba(255, 160, 171, .3), rgba(255, 160, 171, .7));--chakra-grad-d: linear-gradient(to top, rgba(154, 81, 4, .4), rgba(154, 81, 4, .9));--chakra-grad-ds: linear-gradient(to top, rgba(221, 173, 129, .3), rgba(221, 173, 129, .7));--chakra-grad-e: linear-gradient(to top, rgba(144, 135, 2, .4), rgba(144, 135, 2, .9));--chakra-grad-f: linear-gradient(to top, rgba(75, 136, 99, .4), rgba(75, 136, 99, .9));--chakra-grad-fs: linear-gradient(to top, rgba(75, 201, 22, .3), rgba(75, 201, 22, .7));--chakra-grad-g: linear-gradient(to top, rgba(10, 117, 198, .4), rgba(10, 117, 198, .9));--chakra-grad-gs: linear-gradient(to top, rgba(112, 198, 233, .3), rgba(112, 198, 233, .7));--chakra-grad-a: linear-gradient(to top, rgba(116, 78, 120, .4), rgba(116, 78, 120, .9));--chakra-grad-as: linear-gradient(to top, rgba(236, 137, 255, .3), rgba(236, 137, 255, .7));--chakra-grad-b: linear-gradient(to top, rgba(71, 37, 247, .4), rgba(71, 37, 247, .9))}:root[data-vision=tritanopia]{--chakra-c: #E60438;--chakra-cs: #FF7852;--chakra-d: #8B3E00;--chakra-ds: #E3BA86;--chakra-e: #A27904;--chakra-f: #65853C;--chakra-fs: #A2C793;--chakra-g: #0E8DD3;--chakra-gs: #14CEFF;--chakra-a: #0055BB;--chakra-as: #BC88FD;--chakra-b: #7927BB;--chakra-bg-c: rgba(230, 4, 56, .6);--chakra-bg-cs: rgba(255, 120, 82, .3);--chakra-bg-d: rgba(139, 62, 0, .6);--chakra-bg-ds: rgba(227, 186, 134, .3);--chakra-bg-e: rgba(162, 121, 4, .6);--chakra-bg-f: rgba(101, 133, 60, .6);--chakra-bg-fs: rgba(162, 199, 147, .3);--chakra-bg-g: rgba(14, 141, 211, .6);--chakra-bg-gs: rgba(20, 206, 255, .3);--chakra-bg-a: rgba(0, 85, 187, .6);--chakra-bg-as: rgba(188, 136, 253, .3);--chakra-bg-b: rgba(121, 39, 187, .6);--chakra-grad-c: linear-gradient(to top, rgba(230, 4, 56, .4), rgba(230, 4, 56, .9));--chakra-grad-cs: linear-gradient(to top, rgba(255, 120, 82, .3), rgba(255, 120, 82, .7));--chakra-grad-d: linear-gradient(to top, rgba(139, 62, 0, .4), rgba(139, 62, 0, .9));--chakra-grad-ds: linear-gradient(to top, rgba(227, 186, 134, .3), rgba(227, 186, 134, .7));--chakra-grad-e: linear-gradient(to top, rgba(162, 121, 4, .4), rgba(162, 121, 4, .9));--chakra-grad-f: linear-gradient(to top, rgba(101, 133, 60, .4), rgba(101, 133, 60, .9));--chakra-grad-fs: linear-gradient(to top, rgba(162, 199, 147, .3), rgba(162, 199, 147, .7));--chakra-grad-g: linear-gradient(to top, rgba(14, 141, 211, .4), rgba(14, 141, 211, .9));--chakra-grad-gs: linear-gradient(to top, rgba(20, 206, 255, .3), rgba(20, 206, 255, .7));--chakra-grad-a: linear-gradient(to top, rgba(0, 85, 187, .4), rgba(0, 85, 187, .9));--chakra-grad-as: linear-gradient(to top, rgba(188, 136, 253, .3), rgba(188, 136, 253, .7));--chakra-grad-b: linear-gradient(to top, rgba(121, 39, 187, .4), rgba(121, 39, 187, .9))}:root[data-vision=maxcontrast]{--chakra-c: #AB4155;--chakra-cs: #F67C96;--chakra-d: #B47168;--chakra-ds: #E7B68E;--chakra-e: #715110;--chakra-f: #43872C;--chakra-fs: #72B125;--chakra-g: #305685;--chakra-gs: #68C7E2;--chakra-a: #8E00FF;--chakra-as: #B789FF;--chakra-b: #9675A6;--chakra-bg-c: rgba(171, 65, 85, .6);--chakra-bg-cs: rgba(246, 124, 150, .3);--chakra-bg-d: rgba(180, 113, 104, .6);--chakra-bg-ds: rgba(231, 182, 142, .3);--chakra-bg-e: rgba(113, 81, 16, .6);--chakra-bg-f: rgba(67, 135, 44, .6);--chakra-bg-fs: rgba(114, 177, 37, .3);--chakra-bg-g: rgba(48, 86, 133, .6);--chakra-bg-gs: rgba(104, 199, 226, .3);--chakra-bg-a: rgba(142, 0, 255, .6);--chakra-bg-as: rgba(183, 137, 255, .3);--chakra-bg-b: rgba(150, 117, 166, .6);--chakra-grad-c: linear-gradient(to top, rgba(171, 65, 85, .4), rgba(171, 65, 85, .9));--chakra-grad-cs: linear-gradient(to top, rgba(246, 124, 150, .3), rgba(246, 124, 150, .7));--chakra-grad-d: linear-gradient(to top, rgba(180, 113, 104, .4), rgba(180, 113, 104, .9));--chakra-grad-ds: linear-gradient(to top, rgba(231, 182, 142, .3), rgba(231, 182, 142, .7));--chakra-grad-e: linear-gradient(to top, rgba(113, 81, 16, .4), rgba(113, 81, 16, .9));--chakra-grad-f: linear-gradient(to top, rgba(67, 135, 44, .4), rgba(67, 135, 44, .9));--chakra-grad-fs: linear-gradient(to top, rgba(114, 177, 37, .3), rgba(114, 177, 37, .7));--chakra-grad-g: linear-gradient(to top, rgba(48, 86, 133, .4), rgba(48, 86, 133, .9));--chakra-grad-gs: linear-gradient(to top, rgba(104, 199, 226, .3), rgba(104, 199, 226, .7));--chakra-grad-a: linear-gradient(to top, rgba(142, 0, 255, .4), rgba(142, 0, 255, .9));--chakra-grad-as: linear-gradient(to top, rgba(183, 137, 255, .3), rgba(183, 137, 255, .7));--chakra-grad-b: linear-gradient(to top, rgba(150, 117, 166, .4), rgba(150, 117, 166, .9))}:root[data-vision=deuteranopia] .note-text,:root[data-vision=protanopia] .note-text,:root[data-vision=tritanopia] .note-text,:root[data-vision=maxcontrast] .note-text,:root[data-vision=deuteranopia] .note-number-text,:root[data-vision=protanopia] .note-number-text,:root[data-vision=tritanopia] .note-number-text,:root[data-vision=maxcontrast] .note-number-text{paint-order:stroke fill;stroke:#000000b8;stroke-width:2.4px;stroke-linejoin:round}:root[data-vision=deuteranopia] #handpan-container .note-circle-base,:root[data-vision=protanopia] #handpan-container .note-circle-base,:root[data-vision=tritanopia] #handpan-container .note-circle-base,:root[data-vision=maxcontrast] #handpan-container .note-circle-base{stroke-width:3px}:root{--hps-duree-micro: .12s;--hps-duree-ouverture: .22s;--hps-duree-fermeture: .16s;--hps-courbe-entree: cubic-bezier(.2, .8, .2, 1);--hps-courbe-sortie: cubic-bezier(.4, 0, 1, 1)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}#handpan-container{position:relative;flex:0 0 auto;min-width:0;width:65%;max-width:480px;aspect-ratio:1 / 1;border-radius:50%;transition:margin-top .3s cubic-bezier(.4,0,.2,1);margin-left:auto;margin-right:auto}.pan-host svg{width:100%;height:100%;display:block;overflow:visible}body.pan-tilt-on #handpan-container>svg.handpan-svg{transform:perspective(var(--pan-tilt-perspective, 1400px)) rotateX(var(--pan-tilt-angle, 0deg));transform-origin:50% 50%;transition:transform .35s cubic-bezier(.4,0,.2,1)}@media(prefers-reduced-motion:reduce){body.pan-tilt-on #handpan-container>svg.handpan-svg{transition:none}}#pan3d-view-block .pan3d-suspended-note{display:block;margin-top:4px;font-size:.62rem;line-height:1.3;opacity:.75;text-align:center}#pan3d-view-block .pan3d-suspended-note[hidden]{display:none}.partition-main-handpan [data-p3d-t],.partition-main-handpan [data-p3d-lt]{transform:none!important}.partition-main-handpan [data-p3d-el]{display:none!important}.partition-main-handpan [data-p3d-hid]{opacity:1!important}.pan-host svg{width:100%;height:100%}#handpan-resize-handle{position:absolute;top:50%;right:-35px;left:auto;width:44px;height:44px;margin-top:-22px;margin-left:0;border-radius:50%;background-color:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;display:flex;align-items:center;justify-content:center;cursor:ew-resize;z-index:100;font-size:1.2rem;opacity:.6;transition:opacity .2s,background-color .2s;user-select:none;box-shadow:0 4px 10px #0000004d}#handpan-resize-handle:hover,#handpan-resize-handle:active{opacity:1;background-color:#ffffff4d}[data-theme=light] #handpan-resize-handle{color:#000;border-color:#0000004d}@media(pointer:coarse){#handpan-resize-handle{display:none!important}}.handpan-body{filter:drop-shadow(5px 10px 10px rgba(0,0,0,.5))}.pan-host .handpan-body,.partition-main-handpan .handpan-body{stroke:var(--current-outline-color);stroke-width:2px}[data-theme=light] .pan-host .handpan-body{stroke:#000}[data-theme=light] .pan-host.material-neotone .handpan-body{fill:url(#grad-neotone)}[data-theme=light] .pan-host.material-neotone #texture-overlay{opacity:.5}.pan-host .note-circle-base,.partition-main-handpan .note-circle-base{fill:var(--note-default-fill);stroke:var(--secondary-color);stroke-width:2px;transition:fill .3s ease,filter .2s ease,stroke .2s,stroke-width .2s}body.app-acoustic .pan-host .note-circle-base{stroke-width:1.1px}.pan-host.material-black .note-circle-base,.pan-host.material-metal .note-circle-base,.pan-host.material-walnut .note-circle-base,.pan-host.material-beech .note-circle-base,.pan-host.material-oak .note-circle-base,.pan-host.material-real-metal .note-circle-base,.pan-host.material-metal-realistic .note-circle-base,.pan-host.material-neotone-walnut .note-circle-base,.pan-host.material-metal-new .note-circle-base,.pan-host.material-hetre-new .note-circle-base,.pan-host.material-noyer-new .note-circle-base,.partition-main-handpan.material-black .note-circle-base,.partition-main-handpan.material-metal .note-circle-base,.partition-main-handpan.material-walnut .note-circle-base,.partition-main-handpan.material-beech .note-circle-base,.partition-main-handpan.material-oak .note-circle-base,.partition-main-handpan.material-real-metal .note-circle-base,.partition-main-handpan.material-metal-realistic .note-circle-base,.partition-main-handpan.material-neotone-walnut .note-circle-base,.partition-main-handpan.material-metal-new .note-circle-base,.partition-main-handpan.material-hetre-new .note-circle-base,.partition-main-handpan.material-noyer-new .note-circle-base{stroke:#fff;stroke-width:2px}.pan-host.material-black .note-circle-base,.partition-main-handpan.material-black .note-circle-base{stroke-width:2.5px}.pan-host.material-white .note-circle-base,.partition-main-handpan.material-white .note-circle-base{stroke:#1a1a1a;stroke-width:2px}.pan-host.outline-black .note-circle-base,.partition-main-handpan.outline-black .note-circle-base,.mini-handpan-svg.outline-black .note-circle-base{stroke:#000!important}.pan-host.outline-white .note-circle-base,.partition-main-handpan.outline-white .note-circle-base,.mini-handpan-svg.outline-white .note-circle-base{stroke:#fff!important}.pan-host.outline-gold .note-circle-base,.partition-main-handpan.outline-gold .note-circle-base,.mini-handpan-svg.outline-gold .note-circle-base{stroke:var(--gold-color)!important}.pan-host.colors-disabled.material-metal .note-circle-base,.pan-host.colors-disabled.material-walnut .note-circle-base,.pan-host.colors-disabled.material-beech .note-circle-base,.pan-host.colors-disabled.material-oak .note-circle-base,.pan-host.colors-disabled.material-real-metal .note-circle-base,.pan-host.colors-disabled.material-metal-realistic .note-circle-base,.pan-host.colors-disabled.material-neotone-walnut .note-circle-base,.pan-host.colors-disabled.material-metal-new .note-circle-base,.pan-host.colors-disabled.material-hetre-new .note-circle-base,.pan-host.colors-disabled.material-noyer-new .note-circle-base{fill:#00000026}.pan-host.colors-disabled.material-black .note-circle-base{fill:#ffffff1a}.pan-host.colors-disabled.material-white .note-circle-base{fill:#0000000d}.note-group.draggable{cursor:grab}.note-group.dragging{opacity:.5;cursor:grabbing}.note-group.drop-target .note-circle-base{stroke:var(--highlight-color)!important;stroke-width:4px!important}.note-group.instrument-dragging{opacity:.4;filter:grayscale(.5) blur(1px);cursor:grabbing!important}.note-group.instrument-drop-target .note-circle-base{stroke:var(--highlight-color)!important;stroke-width:6px!important;filter:drop-shadow(0 0 15px var(--highlight-color));transition:all .15s ease}.note-group.is-seventh .note-circle-base{stroke-dasharray:4,4;stroke-width:3px!important;filter:drop-shadow(0 0 2px var(--highlight-color))}.note-hand-outline{fill:none;stroke:none;stroke-width:15px;opacity:0;transition:opacity .2s ease,stroke .2s ease;pointer-events:none}.ding-note .note-hand-outline{stroke-width:20px}.note-group.bonus-note .note-hand-outline{display:none}.note-hand-separator{fill:none;stroke:none;stroke-width:4px;opacity:0;transition:opacity .2s ease;pointer-events:none}.ding-note .note-hand-separator{stroke-width:6px}.note-group.bonus-note .note-hand-separator{display:none}.hands-mode-color .note-group:not(.bonus-note) .note-hand-separator,.hands-mode-text .note-group:not(.bonus-note) .note-hand-separator,.hands-mode-precise .note-group:not(.bonus-note) .note-hand-separator,.partition-main-handpan.hands-mode-visible .note-group:not(.bonus-note) .note-hand-separator{stroke:#fff;opacity:1}.note-order-badge-bg{fill:#fff;opacity:0;pointer-events:none;transition:opacity .2s}.note-order-badge-text{text-anchor:middle;dominant-baseline:central;font-weight:900;fill:#1a1410;opacity:0;pointer-events:none;transition:opacity .2s}.hands-mode-precise .note-group.has-play-order .note-order-badge-bg,.hands-mode-precise .note-group.has-play-order .note-order-badge-text{opacity:1}.hands-mode-precise .note-group.has-play-order.hand-left .note-order-badge-text{fill:var(--hand-color-left)}.hands-mode-precise .note-group.has-play-order.hand-right .note-order-badge-text{fill:var(--hand-color-right)}.note-group.show-order-badge .note-order-badge-bg,.note-group.show-order-badge .note-order-badge-text{opacity:1}.note-group.show-order-badge.hand-left .note-order-badge-text{fill:var(--hand-color-left)}.note-group.show-order-badge.hand-right .note-order-badge-text{fill:var(--hand-color-right)}.hands-mode-color .note-group.hand-left .note-hand-outline,.hands-mode-text .note-group.hand-left .note-hand-outline,.hands-mode-precise .note-group.hand-left .note-hand-outline,.partition-main-handpan.hands-mode-visible .note-group.hand-left .note-hand-outline{stroke:var(--hand-color-left);opacity:1}.hands-mode-color .note-group.hand-right .note-hand-outline,.hands-mode-text .note-group.hand-right .note-hand-outline,.hands-mode-precise .note-group.hand-right .note-hand-outline,.partition-main-handpan.hands-mode-visible .note-group.hand-right .note-hand-outline{stroke:var(--hand-color-right);opacity:1}.hands-mode-color .note-group.hand-split .note-hand-outline,.hands-mode-text .note-group.hand-split .note-hand-outline,.hands-mode-precise .note-group.hand-split .note-hand-outline,.partition-main-handpan.hands-mode-visible .note-group.hand-split .note-hand-outline{stroke:url(#splitHandGradient);opacity:1}.hand-icon{font-size:1.2rem;font-weight:700;fill:#fff;opacity:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8));transition:opacity .2s,transform .2s,fill .2s;display:block;text-anchor:middle;dominant-baseline:central;pointer-events:none;transform-origin:center;transform-box:fill-box}.hands-mode-text .hand-icon{opacity:1}.note-group.dimmed .note-circle-base{fill:var(--note-default-fill);stroke-opacity:1}.note-group.ghost{opacity:0;pointer-events:none;transition:opacity .3s ease}.note-group.learning-ghost{opacity:1;transition:opacity .3s ease}.note-group.bonus-note .note-segment{opacity:1}.pan-host .note-group.is-polygon-start .note-circle-base,.partition-main-handpan .note-group.is-polygon-start .note-circle-base{stroke:#fff!important;stroke-width:6px!important;stroke-dasharray:8,4;stroke-linecap:round;filter:drop-shadow(0 0 5px rgba(255,255,255,.7))}.note-group.playing .note-circle-base{filter:brightness(1.5) drop-shadow(0 0 15px rgba(255,255,255,.8));transition:filter .05s}.note-group.playing.playing-left .note-circle-base{filter:brightness(1.5) drop-shadow(0 0 15px var(--hand-color-left))}.note-group.playing.playing-right .note-circle-base{filter:brightness(1.5) drop-shadow(0 0 15px var(--hand-color-right))}.hands-mode-color .note-group.playing.hand-left:not(.bonus-note) .note-hand-outline,.hands-mode-text .note-group.playing.hand-left:not(.bonus-note) .note-hand-outline{filter:brightness(1.5) drop-shadow(0 0 15px var(--hand-color-left));opacity:1}.hands-mode-color .note-group.playing.hand-right:not(.bonus-note) .note-hand-outline,.hands-mode-text .note-group.playing.hand-right:not(.bonus-note) .note-hand-outline{filter:brightness(1.5) drop-shadow(0 0 15px var(--hand-color-right));opacity:1}.hands-mode-color .note-group.playing.hand-split:not(.bonus-note) .note-hand-outline,.hands-mode-text .note-group.playing.hand-split:not(.bonus-note) .note-hand-outline{filter:brightness(1.5) drop-shadow(0 0 15px rgba(255,255,255,.5));opacity:1}.hands-mode-none .note-group.playing .note-hand-outline{opacity:0!important;display:none}.hands-mode-text .note-group.playing .hand-icon,.hands-mode-text .note-group.is-focused .hand-icon{opacity:1;transform:scale(1.5)}.hands-mode-none .note-group.playing .hand-icon,.hands-mode-color .note-group.playing .hand-icon{opacity:0!important}.ripple-circle{fill:none;stroke:#fff;stroke-width:0;opacity:0;pointer-events:none;filter:drop-shadow(0 0 0 white);transform-origin:center;transform-box:fill-box}.note-group.playing .ripple-circle{animation:rippleEffect .6s ease-out}.active-ripple{animation:rippleEffect .6s ease-out!important}.note-group.mapped-note .note-circle-base{opacity:1!important;filter:none!important}.note-group.unmapped .note-circle-base,.note-group.unmapped .note-path-base{fill:#333!important;stroke:#555!important;opacity:1}.note-group.mapping-target .note-circle-base,.note-group.mapping-target .note-path-base{stroke:#fff!important;stroke-width:4px!important;filter:drop-shadow(0 0 10px rgba(255,255,255,.8));animation:pulseMapping 1.5s infinite alternate}@keyframes pulseMapping{0%{filter:drop-shadow(0 0 5px rgba(255,255,255,.5));stroke-width:2px}to{filter:drop-shadow(0 0 20px rgba(255,255,255,1));stroke-width:6px}}.note-group.interactive-target .ripple-circle{animation:rippleLoop 2.5s infinite ease-out;stroke:#fff!important}@keyframes rippleEffect{0%{transform:scale(.9);stroke-width:8px;opacity:1}80%{opacity:.4}to{transform:scale(2);stroke-width:0px;opacity:0}}@keyframes rippleLoop{0%{transform:scale(.9);stroke-width:6px;opacity:0}30%{opacity:1}80%{opacity:0}to{transform:scale(1.8);stroke-width:0px;opacity:0}}.note-group.playing.playing-left .ripple-circle{stroke:var(--hand-color-left);filter:drop-shadow(0 0 15px var(--hand-color-left))}.note-group.playing.playing-right .ripple-circle{stroke:var(--hand-color-right);filter:drop-shadow(0 0 15px var(--hand-color-right))}.pulsing-icon svg{animation:metronome-fade .3s ease-out}@keyframes metronome-fade{0%{opacity:1;transform:scale(1.1);filter:drop-shadow(0 0 5px white)}50%{opacity:.5;transform:scale(1);filter:none}to{opacity:1}}.note-group.interactive-target .note-circle-base{stroke:#fff;stroke-width:4px;animation:targetGlow 2.5s infinite alternate}@keyframes targetGlow{0%{filter:drop-shadow(0 0 5px #FFFFFF)}to{filter:drop-shadow(0 0 15px #FFFFFF) brightness(1.1)}}.note-group.interactive-error .note-circle-base{animation:shakeError .4s cubic-bezier(.36,.07,.19,.97) both;stroke:#ef4444!important;stroke-width:4px}@keyframes shakeError{10%,90%{transform:translate3d(-2px,0,0)}20%,80%{transform:translate3d(4px,0,0)}30%,50%,70%{transform:translate3d(-6px,0,0)}40%,60%{transform:translate3d(6px,0,0)}}.note-group.interactive-active{opacity:1;transition:opacity .5s ease;filter:none}.guide-beam{stroke:#fff;stroke-width:6px;stroke-linecap:round;fill:none;filter:drop-shadow(0 0 8px #FFFFFF);opacity:.8;pointer-events:none;stroke-dasharray:60 calc(var(--beam-len) + 200px);animation:guideBeamFlow 1.8s infinite linear}@keyframes guideBeamFlow{0%{stroke-dashoffset:60;opacity:0}5%{opacity:1}95%{opacity:1}to{stroke-dashoffset:calc(-1 * var(--beam-len));opacity:0}}.note-segment{fill:transparent;transition:fill .3s ease;pointer-events:none}.colors-disabled .note-segment{fill:var(--note-default-fill)!important}.note-text-bg{fill:url(#noteTextBgGradient);pointer-events:none}.note-text{font-family:var(--font-family);font-size:1.9rem;font-weight:600;fill:var(--note-text-color);text-anchor:middle;alignment-baseline:central;pointer-events:none;transition:fill .3s ease,font-size .3s ease,opacity .3s ease,transform .3s ease;stroke:#000;stroke-width:1.5px;stroke-linejoin:round;paint-order:stroke fill;text-shadow:0 2px 6px rgba(0,0,0,.8)}.mutant-note .note-text{font-size:1.5rem}.ding-note .note-text{font-size:2.7rem}.note-group.active:not(.colors-disabled){filter:drop-shadow(0 0 10px rgba(255,255,255,.5))}.note-group.label-order .note-text-bg{fill:#fff}.note-group.label-order .note-text{font-size:2.4rem;font-weight:800;fill:#222b3a;stroke:none;text-shadow:none}.note-group.label-order.hand-left .note-text{fill:var(--hand-color-left)}.note-group.label-order.hand-right .note-text{fill:var(--hand-color-right)}.ding-note.label-order .note-text{font-size:3rem}.note-group.label-order .hand-icon{font-size:.72rem}.note-number-text{font-family:var(--font-family);font-size:.82rem;font-weight:700;fill:#fff;text-anchor:middle;dominant-baseline:central;pointer-events:none;filter:drop-shadow(0 0 3px rgba(0,0,0,.9));opacity:0;transition:opacity .3s ease;z-index:10}.numbers-visible .note-number-text{opacity:.72}.note-group.pad-number-solo .note-number-text{opacity:1;font-weight:800;fill:var(--note-text-color);stroke:#000;stroke-width:1.5px;stroke-linejoin:round;paint-order:stroke fill;filter:none}.numbers-visible .note-group.pad-number-solo .note-number-text,.numbers-visible .note-group.active .note-number-text,.numbers-visible .note-group.is-focused .note-number-text,.partition-main-handpan .numbers-visible .note-number-text{opacity:1}[data-theme=light] .note-group.active .note-number-text,[data-theme=light] .note-group.is-focused .note-number-text{fill:#000}#lcd-group,.pan-host #lcd-group .lcd-door{cursor:pointer}.pan-host #lcd-group .lcd-door-caret{stroke:var(--gold-color, #D4AF37)}.pan-host #lcd-group .lcd-door-caret,.pan-host #lcd-group .lcd-door-shadow{opacity:.62;transition:opacity .18s ease}.pan-host #lcd-group:hover .lcd-door-caret,.pan-host #lcd-group:hover .lcd-door-shadow{opacity:1}#game-stop-btn{transition:transform .2s ease-out}#game-stop-btn:hover{transform:scale(1.05)}#game-stop-btn:hover rect{fill:red;filter:drop-shadow(0 0 5px rgba(239,68,68,.5))}.model-toggle-button{cursor:pointer}.model-toggle-button rect{fill:var(--secondary-color);stroke:var(--highlight-color);stroke-width:1.5;transition:fill .2s ease}.model-toggle-button text{fill:var(--text-color);font-family:var(--font-family);font-size:18px;font-weight:600;text-anchor:middle;pointer-events:none}.model-toggle-button:hover rect{fill:var(--highlight-color)}.model-toggle-button:hover text{fill:var(--primary-color)}.chord-path{fill:none;stroke-width:14px;stroke-linejoin:round;stroke-linecap:round;transition:opacity .3s;pointer-events:none;filter:drop-shadow(0 0 3px rgba(0,0,0,.5))}.chord-path.extension-path{stroke-dasharray:10,10;stroke-width:8px;opacity:.8}.light-beam{stroke:#fff;stroke-width:4px;stroke-linecap:round;fill:none;filter:drop-shadow(0 0 5px white) drop-shadow(0 0 10px var(--highlight-color));opacity:.8;pointer-events:none;animation-name:lightFlow;animation-timing-function:ease-out;animation-fill-mode:forwards}@keyframes lightFlow{0%{opacity:1}70%{opacity:1}to{stroke-dashoffset:0;opacity:0}}.path-highlight{stroke:#fff;stroke-width:8px;fill:none;pointer-events:none;filter:drop-shadow(0 0 5px rgba(255,255,255,.9));stroke-linecap:round}.learning-ring{fill:none;stroke:#fff;stroke-width:3px;stroke-dasharray:10,10;opacity:.8;pointer-events:none;transform-origin:center;transform-box:fill-box}.learning-ring.spin-right{animation:rotateCW 4s linear infinite;stroke:#fff;filter:drop-shadow(0 0 10px rgba(255,255,255,1));stroke-width:5px}.learning-ring.spin-left{animation:rotateCCW 4s linear infinite;stroke:#fff;filter:drop-shadow(0 0 10px rgba(255,255,255,1));stroke-width:5px}@keyframes rotateCW{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotateCCW{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.arrow-text{font-size:24px;font-weight:700;fill:#fff;text-anchor:middle;dominant-baseline:central;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8))}.highlight-major{stroke:#fbbf24!important;stroke-width:4px!important;filter:drop-shadow(0 0 10px #FBBF24)!important;opacity:1!important}.highlight-minor{stroke:#22d3ee!important;stroke-width:4px!important;filter:drop-shadow(0 0 10px #22D3EE)!important;opacity:1!important}.highlight-both{stroke:url(#grad-learn-both)!important;stroke-width:4px!important;filter:drop-shadow(0 0 10px rgba(255,255,255,.8))!important;opacity:1!important}.highlight-7th{stroke-dasharray:6,6}.modifier-btn.active-blue{background-color:#3b82f6!important;color:#fff!important}.learning-source .note-circle-base{fill:#fff!important;stroke:#fff!important;opacity:1!important}.mini-handpan-svg{background-color:transparent;overflow:visible}.mini-handpan-svg .handpan-body{stroke:#fff;stroke-width:5px;fill:#0003;filter:none}.mini-handpan-svg.show-texture .handpan-body{fill:url(#grad-neotone)}.mini-handpan-svg.show-texture.material-neotone .handpan-body{fill:url(#grad-neotone)}.mini-handpan-svg.show-texture.material-black .handpan-body{fill:url(#grad-black)}.mini-handpan-svg.show-texture.material-white .handpan-body{fill:url(#grad-white)}.mini-handpan-svg.show-texture.material-look-steel .handpan-body{fill:url(#grad-steel)}.mini-handpan-svg.show-texture.material-metal .handpan-body{fill:url(#grad-metal)}.mini-handpan-svg.show-texture.material-walnut .handpan-body{fill:url(#pattern-walnut)}.mini-handpan-svg.show-texture.material-beech .handpan-body{fill:url(#pattern-beech)}.mini-handpan-svg.show-texture.material-oak .handpan-body{fill:url(#pattern-oak)}.mini-handpan-svg.show-texture.material-real-metal .handpan-body{fill:url(#pattern-real-metal)}.mini-handpan-svg.show-texture.material-metal-realistic .handpan-body{fill:url(#pattern-metal-realistic)}.mini-handpan-svg.show-texture.material-neotone-walnut .handpan-body{fill:url(#pattern-neotone-walnut)}.mini-handpan-svg.show-texture.material-metal-new .handpan-body{fill:url(#pattern-metal-new)}.mini-handpan-svg.show-texture.material-hetre-new .handpan-body{fill:url(#pattern-hetre-new)}.mini-handpan-svg.show-texture.material-noyer-new .handpan-body{fill:url(#pattern-noyer-new)}.mini-handpan-svg .note-circle-base{fill:#ffffff1a;stroke:#fff;stroke-width:2px;filter:none}.mini-handpan-svg .note-group.active-note .note-circle-base{fill:var(--note-fill-color, white);stroke:#fff;stroke-width:5px}.mini-handpan-svg .note-group.bonus-note-mini .note-circle-base{fill:var(--note-fill-color, rgba(255,255,255,.3));stroke:#fff;stroke-width:2px}.mini-handpan-svg .note-group.ghost-note .note-circle-base{fill:#0000001a;stroke:#ffffff4d;stroke-width:2px}.mini-handpan-svg.material-black .note-group.ghost-note .note-circle-base,.mini-handpan-svg.outline-white .note-group.ghost-note .note-circle-base{fill:#ffffff0d;stroke:#ffffff4d}.mini-handpan-svg.material-white .note-group.ghost-note .note-circle-base,.mini-handpan-svg.outline-black .note-group.ghost-note .note-circle-base{fill:#0000000d;stroke:#0003}.mini-handpan-svg .note-group.is-polygon-start .note-circle-base{stroke:#fff!important;stroke-width:8px!important;stroke-dasharray:12,6;stroke-linecap:round}.mini-handpan-svg .chord-path{stroke-width:25px;filter:none}.mini-handpan-svg .note-text{font-size:35px;fill:#fff;stroke:none;text-shadow:0 1px 3px rgba(0,0,0,.7)}.mini-handpan-svg .note-number-text-mini{font-size:30px;fill:#fff;stroke:none;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.7)}.mini-handpan-svg .hand-icon{font-size:40px;fill:#fff;stroke:#000;stroke-width:2px;font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.5)}.direction-arrow{fill:#fff;stroke:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));pointer-events:none}.mini-handpan-svg .note-hand-outline{stroke-width:25px}.mini-handpan-svg.show-hands .note-group.hand-left .note-hand-outline{stroke:var(--hand-color-left);opacity:1}.mini-handpan-svg.show-hands .note-group.hand-right .note-hand-outline{stroke:var(--hand-color-right);opacity:1}.theme-eco .partition-title,.theme-eco .partition-author,.theme-eco .partition-footer{color:#000}.theme-eco .partition-main-handpan .handpan-body{stroke:#aaa;stroke-width:2px;filter:none}.theme-eco .partition-main-handpan:not(.force-texture) .handpan-body{fill:#fff}.theme-eco .partition-main-handpan.force-texture.material-neotone .handpan-body{fill:url(#grad-neotone)}.theme-eco .partition-main-handpan.force-texture.material-black .handpan-body{fill:url(#grad-black)}.theme-eco .partition-main-handpan.force-texture.material-white .handpan-body{fill:#fff;stroke:#000}.theme-eco .partition-main-handpan.force-texture.material-metal .handpan-body{fill:url(#grad-metal)}.theme-eco .partition-main-handpan.force-texture.material-walnut .handpan-body{fill:url(#pattern-walnut)}.theme-eco .partition-main-handpan.force-texture.material-beech .handpan-body{fill:url(#pattern-beech)}.theme-eco .partition-main-handpan.force-texture.material-oak .handpan-body{fill:url(#pattern-oak)}.theme-eco .partition-main-handpan.force-texture.material-real-metal .handpan-body{fill:url(#pattern-real-metal)}.theme-eco .partition-main-handpan.force-texture.material-metal-realistic .handpan-body{fill:url(#pattern-metal-realistic)}.theme-eco .partition-main-handpan.force-texture.material-neotone-walnut .handpan-body{fill:url(#pattern-neotone-walnut)}.theme-eco .partition-main-handpan.force-texture.material-metal-new .handpan-body{fill:url(#pattern-metal-new)}.theme-eco .partition-main-handpan.force-texture.material-hetre-new .handpan-body{fill:url(#pattern-hetre-new)}.theme-eco .partition-main-handpan.force-texture.material-noyer-new .handpan-body{fill:url(#pattern-noyer-new)}.theme-eco .partition-main-handpan .note-circle-base{stroke:#aaa;stroke-width:2px}.theme-eco .partition-main-handpan .note-text{fill:#fff!important;stroke:#000;stroke-width:2.5px;paint-order:stroke fill;text-shadow:none}.theme-eco .partition-main-handpan .note-number-text{fill:#000}.theme-eco .partition-main-handpan g.is-focused .note-number-text,.theme-eco .partition-main-handpan g.active .note-number-text{fill:#fff}.theme-eco .mini-handpan-svg .handpan-body{stroke:#aaa;stroke-width:10px}.theme-eco .mini-handpan-svg:not(.show-texture) .handpan-body{fill:#fff}.theme-eco .mini-handpan-svg.show-texture .handpan-body{fill:url(#grad-neotone)}.theme-eco .mini-handpan-svg .note-group.ghost-note .note-circle-base{fill:#fff;stroke:#000;stroke-width:5px}.theme-eco .mini-handpan-svg .note-group.active-note .note-circle-base{stroke:#000!important;stroke-width:5px!important}.theme-eco .mini-handpan-svg .note-group.active-note .note-text{fill:#fff}.theme-eco .mini-handpan-svg .note-group.is-polygon-start .note-circle-base{stroke:#fff!important;stroke-width:12px!important;stroke-dasharray:10,5}.theme-eco .mini-handpan-svg .chord-path{stroke-opacity:.8!important;fill-opacity:.3!important;stroke-width:25px!important}.theme-eco .direction-arrow{fill:#000;filter:none}.theme-eco .partition-chord-item.emotion-layout{background-color:transparent!important}.theme-eco .partition-chord-item .partition-chord-notes{color:#000}@media print{body>*{display:none!important}#partition-editor-modal{display:block!important;position:static!important;width:100%!important;height:auto!important;background:none!important;padding:0!important;overflow:visible!important}.partition-modal-content{box-shadow:none!important;border:none!important;width:100%!important;max-width:none!important;height:auto!important;overflow:visible!important;border-radius:0!important;background:none!important}.partition-editor-header,.partition-settings{display:none!important}.partition-editor-body{display:block!important}.partition-preview-container{display:block!important;padding:0!important;margin:0!important;background:none!important;overflow:visible!important}.partition-paper{box-shadow:none!important;margin:0!important;padding:0!important;width:100%!important;max-width:none!important;background-color:#fff!important;color:#000!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}#texture-editor-overlay{position:absolute;top:50px;right:20px;width:250px;background-color:#0d1b2af2;border:1px solid var(--highlight-color);border-radius:12px;padding:1rem;z-index:500;box-shadow:0 10px 30px #000c;backdrop-filter:blur(10px)}.texture-editor-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:.5rem;margin-bottom:.8rem;font-weight:700;color:var(--highlight-color)}#close-texture-editor{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer}.texture-control-row{display:flex;flex-direction:column;margin-bottom:.8rem}.texture-control-row label{font-size:.8rem;margin-bottom:.2rem;color:#fff}.texture-control-row input[type=range]{width:100%}.texture-coords-display{background:#00000080;padding:.5rem;border-radius:4px;font-family:monospace;font-size:.7rem;color:#eee;word-break:break-all;margin-top:.5rem}.model-toggle-row{position:relative;width:100%;max-width:90%;margin:0 auto;height:0}.model-toggle-aligned-right{position:absolute;right:0;bottom:4px;display:flex;align-items:center;gap:6px;background:#0d1b2aeb;border:1px solid var(--current-outline-color, #FFD700);border-radius:20px;padding:3px 8px;backdrop-filter:blur(6px);box-shadow:0 2px 10px #0006;user-select:none;width:fit-content;font-size:.75em;z-index:5}[data-theme=light] .model-toggle-aligned-right{background:#fffffff2;box-shadow:0 2px 10px #00000026}[data-theme=light] .model-toggle-aligned-right .model-toggle-label{color:#00000080}[data-theme=light] body.model-mutant .model-toggle-mutant,[data-theme=light] body.model-standard .model-toggle-standard{color:#0ea5e9;text-shadow:none}[data-theme=light] .model-toggle-track{background:#0000001a}[data-theme=light] body.model-standard .model-toggle-track{background:#0ea5e94d}.model-toggle-label{font-size:.65rem;font-weight:700;color:#ffffff80;transition:color .25s ease;text-transform:uppercase;letter-spacing:.3px}body.model-mutant .model-toggle-mutant,body.model-standard .model-toggle-standard{color:#67e8f9;text-shadow:0 0 6px rgba(34,211,238,.5)}.model-toggle-switch{position:relative;width:38px;height:20px;background:transparent;border:none;padding:0;cursor:pointer}.model-toggle-track{position:absolute;inset:0;background:#ffffff26;border-radius:20px;transition:background .3s ease}.model-toggle-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;background:gold;border-radius:50%;transition:transform .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 1px 4px #0006}body.model-standard .model-toggle-thumb{transform:translate(18px);background:#22d3ee}body.model-standard .model-toggle-track{background:#22d3ee4d}.model-toggle-block{position:absolute;right:0;bottom:40px;display:flex;flex-direction:column;align-items:center;gap:2px;z-index:5;user-select:none}.model-toggle-title{font-size:clamp(.5rem,.42rem + .25vw,.6rem);font-weight:700;color:#fff9;text-transform:uppercase;letter-spacing:.8px;line-height:1}[data-theme=light] .model-toggle-title{color:#0000008c}.model-toggle-pill{display:inline-flex;align-items:stretch;gap:0;background:#0d1b2aeb;border:1px solid var(--current-outline-color, #FFD700);border-radius:18px;padding:3px;backdrop-filter:blur(6px);box-shadow:0 2px 8px #0006;overflow:hidden}.model-toggle-pill-option{background:transparent;border:none;color:#ffffff8c;font-family:inherit;font-size:clamp(.6rem,.48rem + .33vw,.72rem);font-weight:700;padding:clamp(3px,.5vw,5px) clamp(7px,1.1vw,11px);border-radius:14px;cursor:pointer;transition:background .2s ease,color .2s ease,transform .1s ease;touch-action:manipulation;line-height:1.1;letter-spacing:.2px}.model-toggle-pill-option sup{font-size:.55rem;margin-left:1px}.model-toggle-pill-option:hover{color:#fff;background:#ffffff0f}.model-toggle-pill-option:active{transform:scale(.95)}.model-toggle-pill-option:focus-visible{outline:2px solid var(--highlight-color, #22D3EE);outline-offset:2px}body.model-mutant #model-label-mutant,body.model-standard #model-label-standard{background:var(--highlight-color, #22D3EE);color:#0d1b2a;box-shadow:0 1px 4px #22d3ee80}[data-theme=light] .model-toggle-pill{background:#fffffff2;box-shadow:0 2px 8px #00000026}[data-theme=light] .model-toggle-pill-option{color:#0000008c}[data-theme=light] body.model-mutant #model-label-mutant,[data-theme=light] body.model-standard #model-label-standard{background:#2563eb;color:#fff}@media(max-width:640px){.model-toggle-pill-option{font-size:.66rem;padding:4px 8px}}@media(min-width:1024px)and (max-width:1180px),(max-width:760px),(max-width:940px)and (max-height:560px){.model-toggle-row{height:auto}.model-toggle-block{position:static;flex-direction:row;align-items:center;gap:6px;width:fit-content;margin:6px 0 2px auto;bottom:auto;right:auto}}.model-toggle-compact{position:absolute;right:0;bottom:4px;display:inline-flex;align-items:center;gap:5px;background:#0d1b2aeb;border:1px solid var(--current-outline-color, #FFD700);border-radius:16px;padding:4px 10px 4px 7px;backdrop-filter:blur(6px);box-shadow:0 2px 8px #0006;color:#ffffffd9;cursor:pointer;font-family:inherit;font-size:.7rem;font-weight:700;letter-spacing:.4px;user-select:none;z-index:5;transition:background .2s ease,transform .1s ease,border-color .2s ease;touch-action:manipulation;min-width:60px;min-height:32px;justify-content:center}.model-toggle-compact:hover{background:#22d3ee2e;border-color:var(--highlight-color, #22D3EE)}.model-toggle-compact:active{transform:scale(.95)}.model-toggle-compact-icon{display:inline-flex;line-height:0;color:var(--highlight-color, #22D3EE)}.model-toggle-compact-label{font-variant-numeric:tabular-nums;color:var(--highlight-color, #22D3EE)}body.model-standard .model-toggle-compact .model-toggle-inner-ring{opacity:0}body.model-mutant .model-toggle-compact .model-toggle-inner-ring{opacity:1}[data-theme=light] .model-toggle-compact{background:#fffffff2;color:#1b263b;box-shadow:0 2px 8px #00000026}[data-theme=light] .model-toggle-compact:hover{background:#2563eb1f;border-color:#2563eb}[data-theme=light] .model-toggle-compact-icon,[data-theme=light] .model-toggle-compact-label{color:#0ea5e9}@media print{.model-toggle-floating,.model-toggle-compact{display:none!important}}.lcd-swap-model-btn{transition:transform .2s ease}.lcd-swap-model-btn:hover{transform:scale(1.1)}.lcd-swap-model-btn:active{transform:scale(.95)}@keyframes fi-strike{0%{translate:0 0}45%{translate:var(--fi-strike-x, 0) var(--fi-strike-y, 0)}to{translate:0 0}}.note-group.playing .finger-icon{animation:fi-strike .14s cubic-bezier(.35,0,.35,1)}.mini-handpan-svg .note-group.playing .finger-icon{animation:none}@media(prefers-reduced-motion:reduce){.note-group.playing .finger-icon{animation:none}}body:not(.app-acoustic) #model-toggle-row{display:none!important}body:not(.app-acoustic) .model-toggle-title,body:not(.app-acoustic) .model-toggle-pill{display:none!important}.pan-host.material-acajou-new .note-circle-base,.partition-main-handpan.material-acajou-new .note-circle-base,.pan-host.material-tex-nitrure .note-circle-base,.partition-main-handpan.material-tex-nitrure .note-circle-base,.pan-host.material-tex-inox .note-circle-base,.partition-main-handpan.material-tex-inox .note-circle-base,.pan-host.material-tex-ember .note-circle-base,.partition-main-handpan.material-tex-ember .note-circle-base,.pan-host.material-tex-nuit .note-circle-base,.partition-main-handpan.material-tex-nuit .note-circle-base,.pan-host.material-tex-carbone .note-circle-base,.partition-main-handpan.material-tex-carbone .note-circle-base{stroke:#fff;stroke-width:2px}.pan-host.material-tex-nacre .note-circle-base,.partition-main-handpan.material-tex-nacre .note-circle-base,.pan-host.material-cerisier-new .note-circle-base,.partition-main-handpan.material-cerisier-new .note-circle-base{stroke:#1a1a1a;stroke-width:2px}.pan-host.colors-disabled.material-acajou-new .note-circle-base,.pan-host.colors-disabled.material-cerisier-new .note-circle-base,.pan-host.colors-disabled.material-tex-nitrure .note-circle-base,.pan-host.colors-disabled.material-tex-inox .note-circle-base,.pan-host.colors-disabled.material-tex-ember .note-circle-base,.pan-host.colors-disabled.material-tex-nuit .note-circle-base,.pan-host.colors-disabled.material-tex-carbone .note-circle-base,.pan-host.colors-disabled.material-tex-nacre .note-circle-base{fill:#00000026}.mini-handpan-svg.show-texture.material-acajou-new .handpan-body{fill:url(#pattern-acajou-new)}.mini-handpan-svg.show-texture.material-cerisier-new .handpan-body{fill:url(#pattern-cerisier-new)}.mini-handpan-svg.show-texture.material-tex-nitrure .handpan-body{fill:url(#pattern-tex-nitrure)}.mini-handpan-svg.show-texture.material-tex-inox .handpan-body{fill:url(#pattern-tex-inox)}.mini-handpan-svg.show-texture.material-tex-ember .handpan-body{fill:url(#pattern-tex-ember)}.mini-handpan-svg.show-texture.material-tex-nuit .handpan-body{fill:url(#pattern-tex-nuit)}.mini-handpan-svg.show-texture.material-tex-carbone .handpan-body{fill:url(#pattern-tex-carbone)}.mini-handpan-svg.show-texture.material-tex-nacre .handpan-body{fill:url(#pattern-tex-nacre)}.theme-eco .partition-main-handpan.force-texture.material-acajou-new .handpan-body{fill:url(#pattern-acajou-new)}.theme-eco .partition-main-handpan.force-texture.material-cerisier-new .handpan-body{fill:url(#pattern-cerisier-new)}.theme-eco .partition-main-handpan.force-texture.material-tex-nitrure .handpan-body{fill:url(#pattern-tex-nitrure)}.theme-eco .partition-main-handpan.force-texture.material-tex-inox .handpan-body{fill:url(#pattern-tex-inox)}.theme-eco .partition-main-handpan.force-texture.material-tex-ember .handpan-body{fill:url(#pattern-tex-ember)}.theme-eco .partition-main-handpan.force-texture.material-tex-nuit .handpan-body{fill:url(#pattern-tex-nuit)}.theme-eco .partition-main-handpan.force-texture.material-tex-carbone .handpan-body{fill:url(#pattern-tex-carbone)}.theme-eco .partition-main-handpan.force-texture.material-tex-nacre .handpan-body{fill:url(#pattern-tex-nacre)}body.outil-gomme-actif #handpan-container{outline:2px dashed #EF4444;outline-offset:-2px;cursor:crosshair}body.outil-gomme-actif #handpan-container:before{content:attr(data-gomme-label);position:absolute;bottom:4%;left:50%;transform:translate(-50%);z-index:5;pointer-events:none;padding:4px 12px;border-radius:999px;background:#ef4444;color:#fff;font-size:13px;font-weight:600;white-space:nowrap}