@font-face{font-family:Cinzel;src:url(/assets/Cinzel-SemiBold-B_FuMuz5.ttf)format("truetype");font-weight:600;font-display:block}@font-face{font-family:Cinzel;src:url(/assets/Cinzel-Bold-DepWqTPd.ttf)format("truetype");font-weight:700;font-display:block}@font-face{font-family:Barlow Condensed;src:url(/assets/BarlowCondensed-Medium-kxnlQoDx.ttf)format("truetype");font-weight:500;font-display:block}@font-face{font-family:Barlow Condensed;src:url(/assets/BarlowCondensed-SemiBold-B7YG4rBL.ttf)format("truetype");font-weight:600;font-display:block}@font-face{font-family:Unifraktur;src:url(/assets/UnifrakturMaguntia-Book-D6A5uFUY.ttf)format("truetype");font-display:block}:root{--bone:#e8e0cc;--dim:#aa9e8a;--faint:#6b6058;--ink:#1d1410;--pumpkin:#ff7a1a;--gold:#eaa463;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;color:var(--bone);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#050407;margin:0;font-family:Barlow Condensed,system-ui,sans-serif;font-weight:500;overflow:hidden}#app{height:100%}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}button:focus-visible{outline:1px solid var(--pumpkin);outline-offset:2px}.stage-host{place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.stage{transform-origin:0 0;background:#0b0a0f;width:1280px;height:800px;position:absolute;top:0;left:0;overflow:hidden}.abs{position:absolute!important}.plaque{border-style:solid;white-space:nowrap;touch-action:manipulation;border-image-repeat:stretch;flex:none;justify-content:center;align-items:center;font-family:Barlow Condensed;font-weight:600;display:flex;position:relative}.plaque.bone{color:var(--ink)}.plaque-text{position:relative}.plaque-arrow{display:block;position:relative}.plaque.ember{color:#ffc46b}.plaque:hover{filter:brightness(1.08)}.plaque:active{filter:brightness(.9)}.plaque:disabled{opacity:.45;cursor:default;filter:none}.knob{touch-action:none;cursor:ns-resize;position:relative}.keys{touch-action:none}.wheel{touch-action:none;cursor:ns-resize}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.glow{background:radial-gradient(closest-side, var(--pumpkin), #ff7a1a00);pointer-events:none;border-radius:50%}.stage-vignette{pointer-events:none;background:radial-gradient(#0000 0%,#0009 100%);inset:0}.panel{position:relative}.panel-inside{position:absolute;inset:4px}.panel-inside:after{content:"";background:linear-gradient(#00000073,#0000 14px),linear-gradient(90deg,#00000059,#0000 14px),linear-gradient(270deg,#00000059,#0000 14px),linear-gradient(0deg,#0000004d,#0000 14px);position:absolute;inset:0}.panel-piece{pointer-events:none;position:absolute}.title-plate{pointer-events:none;height:20px;position:absolute;top:0;left:2px}.title-text{white-space:nowrap;opacity:.9;text-shadow:0 1px #000000b3;padding:1px 3px 0 12px;font-family:Cinzel;font-weight:600;line-height:17px;display:block}.title-dash{background:var(--pumpkin);width:3.5px;height:1.6px;position:absolute;top:9px;left:-1px;box-shadow:0 0 4px 1px #ff7a1a59}.topbar{position:relative;overflow:hidden}.topbar-soot{pointer-events:none;background:linear-gradient(#00000059,#0000 16px),linear-gradient(0deg,#000000a6,#0000 14px);inset:0}.display{text-align:left;padding:0}.display:hover{filter:brightness(1.06)}.display-pack,.display-name{text-overflow:ellipsis;white-space:nowrap;left:3px;right:3px;overflow:hidden}.display-pack{height:15px;font-family:Barlow Condensed;font-weight:600;line-height:15px;top:3px}.display-name{height:25px;font-family:Cinzel;font-weight:600;line-height:25px;bottom:2px}.tempo{flex-direction:column;align-items:flex-end;font-weight:600;display:flex}.tempo-cpu{height:16px;padding:0;font-weight:600;line-height:16px}.tempo-cpu:hover{color:var(--bone)!important}.tempo-bpm{cursor:ns-resize;touch-action:none;height:28px;line-height:28px}.dropdown-box{position:relative}.dropdown-frame{pointer-events:none;position:absolute;inset:0}.dropdown-chevron{pointer-events:none;position:absolute}.dropdown{appearance:none;width:100%;height:100%;color:var(--bone);cursor:pointer;background:0 0;border:0;outline:none;padding:0 14px 0 0;font-family:Barlow Condensed;font-weight:500;position:absolute;inset:0}.dropdown option{color:var(--bone);background:#1d1826}.pack-tabs{height:100%;display:flex}.browser-title{font-family:Cinzel;font-weight:600;line-height:26px}.browser-info{height:18px;color:var(--dim);white-space:pre;text-overflow:ellipsis;line-height:18px;overflow:hidden}.chips{flex:1;align-items:center;gap:4px;min-width:0;display:flex}.chip{min-width:40px;padding:0 8px}.chips.fixed{flex:none;gap:0}.chips.fixed .plaque{margin:0 2px}.search{color:var(--bone);-webkit-user-select:text;user-select:text;background:#0b0a0f;border:1px solid #2c2436;border-radius:4px;outline:none;padding:0 8px;font-family:Barlow Condensed;font-weight:500}.search::placeholder{color:var(--dim)}.search:focus{border-color:var(--pumpkin)}.preset-list{scrollbar-width:thin;scrollbar-color:var(--faint) transparent;overscroll-behavior:contain;background:#0c0a0fd9;border:1px solid #2c2436;position:absolute;inset:0;overflow-y:auto}.preset-row{cursor:pointer;white-space:nowrap;align-items:center;height:26px;display:flex}.preset-row.odd{background:#ffffff05}.preset-row.current{background:#ff7a1a2e}.preset-row:hover{background:#ffffff0d}.preset-row.current:hover{background:#ff7a1a3d}.preset-name{text-overflow:ellipsis;color:var(--bone);flex:0 0 calc(50% - 6px);padding-left:14px;font-weight:600;overflow:hidden}.preset-row.current .preset-name{color:var(--pumpkin)}.preset-category{color:var(--dim);flex:0 0 116px;padding-left:6px}.preset-tags{text-overflow:ellipsis;color:#8d857f;flex:1;min-width:0;padding-right:8px;overflow:hidden}.preset-empty{color:var(--dim);padding:10px 14px}.preset-list.compact .preset-row{height:44px}.preset-list.compact .preset-name{flex:1}.preset-list.compact .preset-category{text-align:right;flex:0 0 96px;padding-right:14px}.mirror{cursor:pointer;touch-action:manipulation;display:block}.macro-hint{text-align:center;white-space:nowrap;text-shadow:0 1px #0009;height:16px;margin-top:1px;font-weight:600;line-height:16px;overflow:hidden}.macro-name{text-align:center;font-family:Cinzel;font-weight:600;line-height:20px}.macro-lines{text-align:center;line-height:15px}.macro-lines div{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.keys{position:relative}.keys-clip{overflow:hidden}.key{pointer-events:none;position:absolute;top:0}.key img{width:100%;height:100%;display:block}.key.white:after{content:"";background:#1a1210b3;width:1px;height:100%;position:absolute;top:0;right:-.5px}.key.white.down:before{content:"";background:linear-gradient(#ff7a1a1f,#ff9a3a80);position:absolute;inset:0;box-shadow:inset 0 -3px #ffb060d9}.key.black.down:before{content:"";background:linear-gradient(#ff7a1a1a,#ff9a3a80);position:absolute;inset:1px}.key.black.down:after{content:"";background:#ffb060cc;height:2.5px;position:absolute;bottom:1.5px;left:2px;right:2px}.key-label{text-align:center;height:18px;font-weight:600;line-height:18px;position:absolute;bottom:0;left:0;right:0}.key-scroll{background:#15121c;place-items:center;display:grid;position:absolute;top:0}.key-scroll path{fill:#ff7a1a66}.key-scroll:hover path{fill:var(--pumpkin)}.wheel{position:relative}.wheel-marker{background:var(--pumpkin);border-radius:2px}.wheel-label{text-align:center;height:16px;font-weight:600;line-height:16px}.hold{touch-action:manipulation;align-items:center;padding-right:4px;font-weight:600;display:flex}.hold img{display:block}.hold:hover img{filter:drop-shadow(0 0 4px #7dff9a59)}.cobweb{pointer-events:none;position:absolute}.veil{z-index:10;text-align:center;-webkit-backdrop-filter:blur(3px);cursor:pointer;background:radial-gradient(#0b0a0fb8,#000000eb);flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;display:flex;position:fixed;inset:0}.veil-title{text-shadow:0 0 24px #ff7a1a80;font-family:Unifraktur;line-height:1}.veil-message{max-width:36em;font-family:Cinzel;font-weight:600}.veil-start{color:#ffc46b;border-style:solid;border-width:0 13px;border-image:url(/assets/button_ember-DJA7SgBC.png) 0 18 fill/0 13px;min-width:140px;height:44px;padding:0 24px;font-weight:600}.veil-steps{text-align:left;color:#e8e0ccd9;text-shadow:0 1px 2px #000c;max-width:34em;margin:4px 0 0;padding:0;font-weight:500;list-style:none}.veil-steps li{margin:6px 0;padding-left:18px;line-height:1.35;position:relative}.veil-steps li:before{content:"";background:var(--pumpkin);width:10px;height:2px;position:absolute;top:.65em;left:0}.phone{padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));background:#0b0a0f url(/assets/wood-viEvbi4Z.jpg) 50%/cover;flex-direction:column;gap:8px;display:flex;position:fixed;inset:0}.phone:before{content:"";pointer-events:none;background:radial-gradient(at 50% 40%,#0000001a,#000000a6);position:absolute;inset:0}.phone>*{flex:none;position:relative}.phone-header{align-items:center;gap:10px;height:48px;display:flex}.phone-header>.phone-logo{flex:none;margin-right:auto}.phone-logo img{display:block;position:relative;top:-2px}.phone-header .phone-display{flex:1;margin-right:6px}.phone-tempo{touch-action:none;cursor:ns-resize;flex-direction:column;align-items:flex-end;min-width:64px;font-weight:600;line-height:1.15;display:flex}.phone-display{align-items:center;gap:6px;min-width:0;height:56px;display:flex}.phone-header .phone-display{height:48px}.phone-slab{text-align:left;flex-direction:column;flex:1;justify-content:center;gap:1px;min-width:0;height:52px;display:flex}.phone-header .phone-slab{height:46px}.phone-slab span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.phone-slab span:first-child{font-weight:600}.phone-slab span:last-child{font-family:Cinzel;font-weight:600}.phone-mirror{justify-content:center;display:flex}.phone-spacer{flex:1 1 0}.phone-columns{justify-content:space-between;align-items:center;gap:8px;display:flex}.phone-macros{justify-content:space-around;padding:0 12px;display:flex;position:relative}.phone-macro{flex-direction:column;align-items:center;min-width:0;display:flex}.phone-macro-name{margin-top:2px;font-family:Cinzel;font-weight:600;line-height:18px}.phone-macro .macro-hint{text-overflow:ellipsis;max-width:100%}.phone-keyrow{justify-content:space-between;align-items:center;height:30px;display:flex;position:absolute;top:9px;left:14px;right:14px}.phone-keyrow-left{align-items:center;gap:10px;display:flex}.phone-octaves{align-items:center;gap:6px;font-weight:600;display:flex}.phone-keys{align-items:flex-end;gap:12px;display:flex;position:absolute;bottom:9px;left:12px;right:12px}.sheet{z-index:5;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);background:#0b0a0ff7;flex-direction:column;display:flex;position:fixed;inset:0}.sheet-head{justify-content:space-between;align-items:center;padding:10px 12px;font-family:Cinzel;font-weight:600;display:flex}.sheet-tabs{scrollbar-width:none;height:34px;margin:0 10px 8px;overflow-x:auto}.sheet-tabs .pack-tabs{width:max-content}.sheet-chips{margin:0 12px 8px}.sheet-chips .chips{flex-wrap:wrap;gap:6px}.sheet-list{flex:1;margin:0 12px 12px;position:relative}.page{position:relative}.page-tabs{height:100%;display:flex}.param-knob{isolation:isolate;position:relative}.knob-hit{z-index:1;touch-action:none;cursor:ns-resize;border-radius:50%;position:absolute}.knob-art{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.knob-glow{pointer-events:none;border-radius:50%;position:absolute}.knob-label{text-align:center;white-space:nowrap;text-shadow:0 1px #0009;pointer-events:none;height:16px;font-weight:600;line-height:16px;position:absolute;bottom:0;left:-6px;right:-6px;overflow:hidden}.param-choice{position:relative}.choice-caption{white-space:nowrap;font-weight:600;line-height:1;position:absolute}.dropdown-box:hover:after{content:"";pointer-events:none;border:1px solid #ff7a1a59;border-radius:4px;position:absolute;inset:1.5px}.param-toggle{white-space:nowrap;touch-action:manipulation;align-items:center;font-weight:600;display:flex}.param-toggle img{flex:none;display:block}.param-toggle:hover img{filter:drop-shadow(0 0 4px color-mix(in srgb, var(--accent) 45%, transparent))}.wave-screen,.param-amount{position:relative}.amount-hit{cursor:pointer;touch-action:none;position:absolute;top:0;left:0}.amount-text{white-space:nowrap;pointer-events:none;justify-content:flex-end;align-items:center;width:46px;font-weight:600;display:flex;position:absolute;top:0;right:0}.page-text{white-space:nowrap;pointer-events:none;align-items:center;font-weight:600;display:flex}.wave-screen-frame{position:absolute;inset:0}.step-grid{cursor:pointer;touch-action:none;position:relative}.step-number{text-align:center;pointer-events:none;height:14px;font-weight:600;line-height:14px;position:absolute;top:0}.step-row-name{width:66px;color:var(--dim);pointer-events:none;align-items:center;font-weight:600;display:flex;position:absolute;left:0}.step-cell{pointer-events:none;border:1px solid;border-radius:3px;position:absolute}.step-playing{pointer-events:none;background:#ff7a1a1f;border-radius:4px;position:absolute}.menu-catcher{z-index:20;position:absolute;inset:0}.menu{z-index:21;background:#1d1826;border:1px solid #2c2436;min-width:190px;padding:4px 0;position:absolute;box-shadow:0 6px 18px #00000080}.menu-header{height:24px;color:var(--pumpkin);white-space:nowrap;padding:0 12px;font-weight:600;line-height:24px}.menu-item{text-align:left;width:100%;height:24px;color:var(--bone);white-space:nowrap;align-items:center;padding:0 14px 0 6px;font-weight:600;display:flex}.menu-item:hover{background:#ff7a1a40}.menu-item:disabled{opacity:.4}.menu-tick{width:18px;color:var(--pumpkin);flex:none}.pack-list{background:#0c0a0fd9;border:1px solid #2c2436;position:absolute;inset:0;overflow-y:auto}.pack-row{cursor:pointer;white-space:nowrap;align-items:center;height:26px;display:flex}.pack-row:hover{background:#ffffff0d}.pack-row.selected{background:#ff7a1a2e}.pack-name{text-overflow:ellipsis;flex:1;min-width:0;padding-left:10px;font-weight:600;overflow:hidden}.pack-count{text-align:right;width:56px;color:var(--dim);white-space:pre;padding-right:8px}.logo-button{cursor:pointer;display:block;position:relative}.logo-button img{display:block;position:relative}.logo-glow{opacity:.1;transition:opacity .2s;position:absolute}.logo-button:hover .logo-glow{opacity:.2}.logo-button:hover img{filter:brightness(1.08)}.about-veil{z-index:30;-webkit-backdrop-filter:blur(6px);cursor:pointer;background:radial-gradient(#0b0a0f99,#000000e0);flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:fixed;inset:0}.about-card{flex:none;margin-top:-10px;position:relative}.about-card>.panel{position:absolute;top:0;left:0}.about-glow{pointer-events:none;background:radial-gradient(closest-side,#ff7a1a17,#ff7a1a00);border-radius:50%;width:700px;height:640px;position:absolute;top:-170px;left:-120px}.about-logo{filter:drop-shadow(0 0 22px #ff7a1a59);width:259.5px;height:54px;position:absolute;top:43px;left:calc(50% - 129.75px)}.about-by{text-align:center;letter-spacing:.25em;text-shadow:0 1px #0009;height:18px;font-family:Cinzel;font-weight:600;line-height:18px;position:absolute;top:120px;left:0;right:0}.about-name{text-align:center;text-shadow:0 1px #0009;height:40px;font-family:Cinzel;font-weight:600;line-height:40px;position:absolute;top:140px;left:0;right:0}.about-rule{background:linear-gradient(90deg,#ff7a1a00,#ff7a1ab3,#ff7a1a00);width:140px;height:1px;position:absolute;top:188px;left:calc(50% - 70px)}.about-link{text-align:center;width:220px;height:28px;color:var(--pumpkin);cursor:pointer;font-weight:600;line-height:28px;text-decoration:none;position:absolute;top:196px;left:calc(50% - 110px)}.about-link:hover{color:#ffa86b;text-decoration:underline}.about-version{text-align:center;color:#8d857f;height:18px;line-height:18px;position:absolute;top:240px;left:0;right:0}.about-web{opacity:.8;pointer-events:none;width:120px;position:absolute;top:-2px;right:-2px;transform:scaleX(-1)}.about-hint{font-weight:500}.help-glow{width:1120px;height:1000px;top:-275px;left:-160px}.help-heading{text-align:center;text-shadow:0 1px #0009;height:44px;font-family:Cinzel;font-weight:600;line-height:44px;position:absolute;top:26px;left:0;right:0}.help-sub{text-align:center;text-shadow:0 1px #0009;height:20px;font-weight:500;line-height:20px;position:absolute;top:70px;left:0;right:0}.help-column{text-align:left;cursor:default;width:336px;position:absolute;top:112px}.help-section{margin:0 0 18px}.help-title{letter-spacing:.08em;text-transform:uppercase;text-shadow:0 1px #0009;align-items:center;gap:6px;height:18px;margin:0;font-family:Cinzel;font-weight:600;line-height:18px;display:flex}.help-dash{background:var(--pumpkin);flex:none;width:10px;height:2px}.help-text{color:#e8e0ccd9;margin:6px 0 0;font-weight:500;line-height:18px}.help-web{opacity:.7;pointer-events:none;width:130px;position:absolute;top:-2px;left:-2px}.tempo-top{align-items:center;height:16px;display:flex}.info-button{width:16px;height:16px;color:var(--dim);cursor:pointer;margin-right:6px;padding:0;display:block}.info-button:hover{color:var(--pumpkin)}.info-button svg{display:block}