@font-face{font-family:Cinzel;src:url(../media/cinzel-var.0vdh-39enq-vh.ttf)format("truetype");font-weight:400 900;font-display:swap}@font-face{font-family:Space Grotesk;src:url(../media/space-grotesk-var.3bk34495xijiu.ttf)format("truetype");font-weight:300 700;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--mc-font-display:"Cinzel", "Times New Roman", serif;--mc-font-body:"Space Grotesk", system-ui, -apple-system, sans-serif;--mc-fs-body:15px;--mc-fs-small:13px;--mc-fs-label:11px;--mc-tracking-label:.16em;--mc-bg:#08080e;--mc-surface:#0f0f17;--mc-surface-2:#17171f;--mc-inset:#0a0a12;--mc-border:#1d1d2b;--mc-border-strong:#2b2b3f;--mc-line:#262637;--mc-track:#212134;--mc-text:#f2f1f8;--mc-text-2:#a8a6c2;--mc-text-3:#6e6c8a;--mc-ice:#7cc4ee;--mc-blue:#7b9df0;--mc-periwinkle:#8f8af2;--mc-violet:#9d7bf0;--mc-pink:#d678d6;--mc-gold:#e2bd74;--mc-ivory:#efe6c9;--mc-home:#fbfaf5;--mc-danger:#e78598;--mc-degree-1:var(--mc-ice);--mc-degree-2:var(--mc-blue);--mc-degree-3:var(--mc-periwinkle);--mc-degree-4:var(--mc-violet);--mc-degree-5:var(--mc-pink);--mc-degree-6:var(--mc-gold);--mc-degree-7:var(--mc-ivory);--mc-grad-primary:linear-gradient(100deg, #5f92d6, #9270ec);--mc-grad-crystal:linear-gradient(135deg, var(--mc-ice), var(--mc-violet) 45%, var(--mc-pink) 72%, var(--mc-gold));--mc-grad-crystal-soft:linear-gradient(135deg, color-mix(in oklab, var(--mc-ice) 55%, transparent), color-mix(in oklab, var(--mc-violet) 55%, transparent) 55%, color-mix(in oklab, var(--mc-pink) 45%, transparent));--mc-on-gradient:#fff;--mc-playhead:#fff;--mc-key-ivory:#f5f4f8;--mc-key-ebony:#0c0c13;--mc-info:var(--mc-blue);--mc-glow:0 0 22px #9d7bf047;--mc-focus-ring:0 0 0 3px color-mix(in oklab, var(--mc-ice) 30%, transparent);--mc-radius-s:8px;--mc-radius-m:12px;--mc-radius-l:16px;--mc-hairline:1px;--mc-space-1:4px;--mc-space-2:8px;--mc-space-3:12px;--mc-space-4:16px;--mc-space-5:24px;--mc-space-6:32px;--mc-control-h:40px}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--mc-bg:#f2f3f8;--mc-surface:#fff;--mc-surface-2:#f3f3f9;--mc-inset:#f6f6fb;--mc-border:#dfe0ea;--mc-border-strong:#c9cadb;--mc-line:#d4d5e3;--mc-track:#e4e5f0;--mc-text:#191826;--mc-text-2:#565673;--mc-text-3:#83829c;--mc-ice:#2d8fc4;--mc-blue:#3f6bd8;--mc-periwinkle:#5a55d6;--mc-violet:#7a4de0;--mc-pink:#b348ac;--mc-gold:#a8842d;--mc-ivory:#948147;--mc-home:#23222e;--mc-danger:#c34a63;--mc-grad-primary:linear-gradient(100deg, #4b7bd0, #7c58e6);--mc-glow:0 0 22px #7a4de02e;--mc-focus-ring:0 0 0 3px color-mix(in oklab, var(--mc-blue) 25%, transparent)}
*,:before,:after{box-sizing:border-box}body{background:var(--mc-bg);color:var(--mc-text);font:400 var(--mc-fs-body) / 1.55 var(--mc-font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}h1,h2,h3,p{margin:0}a{color:var(--mc-ice);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--mc-ice);outline-offset:2px}.mc-display{font-family:var(--mc-font-display);letter-spacing:.02em;font-weight:500}.mc-eyebrow{font:600 var(--mc-fs-label) / 1 var(--mc-font-body);letter-spacing:var(--mc-tracking-label);text-transform:uppercase;color:var(--mc-text-3)}.mc-caption{font-size:var(--mc-fs-small);color:var(--mc-text-3)}.mc-panel{background:var(--mc-surface);border:var(--mc-hairline) solid var(--mc-border);border-radius:var(--mc-radius-l)}.mc-vr{width:var(--mc-hairline);background:var(--mc-border-strong);align-self:stretch}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.mc-logo{--mc-logo-size:26px;width:var(--mc-logo-size);height:var(--mc-logo-size);background:var(--mc-grad-crystal);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);flex:none;display:inline-block;position:relative}.mc-logo>i{background:var(--mc-surface);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);position:absolute;inset:16%}.mc-logo>i:after{content:"";background:var(--mc-text);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);position:absolute;inset:26%}.mc-logo--lg{--mc-logo-size:44px}.mc-avatar{--mc-avatar-size:34px;width:var(--mc-avatar-size);height:var(--mc-avatar-size);background:conic-gradient(from 210deg, var(--mc-ice), var(--mc-violet), var(--mc-pink), var(--mc-gold), var(--mc-ice));border-radius:50%;flex:none;padding:2px;display:inline-block}.mc-avatar>span{background:var(--mc-surface-2);letter-spacing:.05em;border-radius:50%;place-items:center;width:100%;height:100%;font-size:11px;font-weight:600;display:grid}.mc-topbar{--mc-topbar-pad:13px;align-items:center;gap:var(--mc-space-5);padding:var(--mc-topbar-pad) 20px;display:flex}.mc-brand{align-items:center;gap:var(--mc-space-3);font-family:var(--mc-font-display);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:var(--mc-text);font-size:16px;font-weight:500;display:flex}.mc-nav{gap:var(--mc-space-5);margin-left:auto;display:flex}.mc-nav a{color:var(--mc-text-2);padding:4px 2px;font-weight:500;position:relative}.mc-nav a:hover{color:var(--mc-text);text-decoration:none}.mc-nav a[aria-current=page]{color:var(--mc-text)}.mc-nav a[aria-current=page]:after{content:"";left:0;right:0;bottom:calc(-1 * var(--mc-topbar-pad,13px));background:var(--mc-grad-primary);border-radius:1px;height:2px;position:absolute}.mc-btn{justify-content:center;align-items:center;gap:var(--mc-space-2);border:var(--mc-hairline) solid transparent;background:var(--mc-surface-2);color:var(--mc-text);cursor:pointer;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:600;transition:filter .15s,border-color .15s;display:inline-flex}.mc-btn:hover{filter:brightness(1.12)}.mc-btn:active{transform:translateY(1px)}.mc-btn:disabled{opacity:.4;cursor:default;filter:none;transform:none}.mc-btn--primary{background:var(--mc-grad-primary);color:var(--mc-on-gradient)}.mc-btn--secondary{background:linear-gradient(var(--mc-surface), var(--mc-surface)) padding-box, var(--mc-grad-crystal-soft) border-box}.mc-btn--ghost{border-color:var(--mc-border-strong);background:0 0}.mc-btn--danger{border-color:color-mix(in oklab, var(--mc-danger) 45%, transparent);color:var(--mc-danger);background:0 0}.mc-btn--small{font-size:var(--mc-fs-small);border-radius:var(--mc-radius-s);padding:6px 12px}.mc-btn--icon{padding:10px}.mc-btn--icon.mc-btn--small{padding:7px}.mc-link{color:var(--mc-ice);font-weight:600}.mc-icon-play{border-left:9px solid;border-block:6px solid #0000;width:0;height:0;margin-left:2px;display:inline-block}.mc-field{gap:var(--mc-space-2);display:grid}.mc-field>.mc-field__label{font:600 10px / 1 var(--mc-font-body);letter-spacing:var(--mc-tracking-label);text-transform:uppercase;color:var(--mc-text-3)}.mc-input{width:100%;height:var(--mc-control-h);background:var(--mc-inset);border:var(--mc-hairline) solid var(--mc-border-strong);color:var(--mc-text);border-radius:10px;padding:0 14px}.mc-input::placeholder{color:var(--mc-text-3)}.mc-input:focus-visible{border-color:var(--mc-ice);box-shadow:var(--mc-focus-ring);outline:none}.mc-select{display:inline-block;position:relative}.mc-select>select{appearance:none;width:100%;height:var(--mc-control-h);background:var(--mc-inset);border:var(--mc-hairline) solid var(--mc-border-strong);color:var(--mc-text);cursor:pointer;border-radius:10px;padding:0 34px 0 14px}.mc-select>select:focus-visible{border-color:var(--mc-ice);box-shadow:var(--mc-focus-ring);outline:none}.mc-select:after{content:"";border-right:1.5px solid var(--mc-text-3);border-bottom:1.5px solid var(--mc-text-3);pointer-events:none;width:7px;height:7px;position:absolute;top:50%;right:14px;transform:translateY(-70%)rotate(45deg)}.mc-toggle>input,.mc-check>input,.mc-segment input{opacity:0;pointer-events:none;position:absolute}.mc-toggle{cursor:pointer;color:var(--mc-text-2);align-items:center;gap:10px;display:inline-flex;position:relative}.mc-toggle__track{background:var(--mc-track);border:var(--mc-hairline) solid var(--mc-border-strong);border-radius:999px;flex:none;width:42px;height:23px;transition:background .18s;position:relative}.mc-toggle__track:after{content:"";background:var(--mc-text-2);border-radius:50%;width:17px;height:17px;transition:transform .18s,background .18s;position:absolute;top:50%;left:2px;transform:translateY(-50%)}.mc-toggle>input:checked+.mc-toggle__track{background:var(--mc-grad-primary);border-color:#0000}.mc-toggle>input:checked+.mc-toggle__track:after{background:var(--mc-on-gradient);transform:translate(19px,-50%)}.mc-toggle>input:focus-visible+.mc-toggle__track{box-shadow:var(--mc-focus-ring)}.mc-check{cursor:pointer;color:var(--mc-text-2);align-items:center;gap:12px;display:inline-flex;position:relative}.mc-check__box{border:1.5px solid var(--mc-border-strong);border-radius:4px;flex:none;place-items:center;width:17px;height:17px;display:grid;transform:rotate(45deg)}.mc-check__box:after{content:"✓";color:var(--mc-on-gradient);opacity:0;font-size:11px;font-weight:700;transform:rotate(-45deg)}.mc-check>input:checked+.mc-check__box{background:var(--mc-grad-primary);border-color:#0000}.mc-check>input:checked+.mc-check__box:after{opacity:1}.mc-check>input:focus-visible+.mc-check__box{box-shadow:var(--mc-focus-ring)}.mc-range{--mc-fill:50%;appearance:none;background:linear-gradient(90deg, var(--mc-blue), var(--mc-violet) var(--mc-fill), var(--mc-track) var(--mc-fill));cursor:pointer;border-radius:2px;width:170px;height:4px}.mc-range::-webkit-slider-thumb{appearance:none;background:var(--mc-playhead);border:none;border-radius:50%;width:16px;height:16px}.mc-range::-moz-range-thumb{background:var(--mc-playhead);border:none;border-radius:50%;width:16px;height:16px}.mc-range:focus-visible{box-shadow:var(--mc-focus-ring);outline:none}.mc-segment{background:var(--mc-inset);border:var(--mc-hairline) solid var(--mc-border);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.mc-segment label{position:relative}.mc-segment span{letter-spacing:.08em;text-transform:uppercase;color:var(--mc-text-3);cursor:pointer;border-radius:7px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-block}.mc-segment input:checked+span{background:var(--mc-surface-2);color:var(--mc-text)}.mc-segment input:focus-visible+span{box-shadow:var(--mc-focus-ring)}.mc-chip{align-items:center;gap:var(--mc-space-2);border:var(--mc-hairline) solid var(--mc-border-strong);border-radius:var(--mc-radius-s);letter-spacing:.08em;text-transform:uppercase;height:28px;color:var(--mc-text-2);white-space:nowrap;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.mc-chip .mc-chord{font-family:var(--mc-font-display);text-transform:none;letter-spacing:.02em;color:var(--mc-text);font-size:14px}.mc-chip--key{border-color:color-mix(in oklab, var(--mc-ice) 40%, transparent);color:var(--mc-ice)}.mc-badge{border:var(--mc-hairline) solid var(--mc-border-strong);height:22px;font-size:var(--mc-fs-label);letter-spacing:.1em;text-transform:uppercase;color:var(--mc-text-2);border-radius:6px;align-items:center;gap:6px;padding:0 8px;font-weight:700;display:inline-flex}.mc-badge--rec{color:var(--mc-pink);border-color:color-mix(in oklab, var(--mc-pink) 45%, transparent)}.mc-badge--rec:before{content:"";background:var(--mc-pink);width:7px;height:7px;box-shadow:0 0 8px color-mix(in oklab, var(--mc-pink) 60%, transparent);border-radius:50%}.mc-badge--sketch{color:var(--mc-gold);border-color:color-mix(in oklab, var(--mc-gold) 45%, transparent)}.mc-badge--new{color:var(--mc-ice);border-color:color-mix(in oklab, var(--mc-ice) 40%, transparent);background:var(--mc-surface-2)}.mc-badge--count{background:var(--mc-violet);min-width:22px;color:var(--mc-on-gradient);border:none;border-radius:999px;justify-content:center;padding:0 7px}.mc-dots{color:var(--mc-ice);align-items:center;gap:3px;display:inline-flex}.mc-dots i{background:currentColor;border-radius:50%;width:5px;height:5px}.mc-dots i.is-off{border:var(--mc-hairline) solid color-mix(in oklab, currentColor 45%, transparent);background:0 0}.mc-diamonds{align-items:center;gap:7px;display:inline-flex}.mc-diamonds i{border:1.5px solid var(--mc-border-strong);border-radius:2px;width:9px;height:9px;transform:rotate(45deg)}.mc-diamonds i.is-done{background:var(--mc-grad-primary);border-color:#0000}.mc-diamonds i.is-current{border-color:var(--mc-ice);box-shadow:0 0 8px color-mix(in oklab, var(--mc-ice) 50%, transparent)}.mc-kbd{border:var(--mc-hairline) solid var(--mc-border-strong);background:var(--mc-inset);color:var(--mc-text-2);font-variant-numeric:tabular-nums;border-bottom-width:2px;border-radius:6px;padding:3px 8px;font-size:12px;font-weight:600;display:inline-block}.mc-toast{align-items:center;gap:var(--mc-space-3);border-radius:var(--mc-radius-m);border:var(--mc-hairline) solid color-mix(in oklab, var(--mc-info) 40%, transparent);background:color-mix(in oklab, var(--mc-info) 7%, var(--mc-surface));padding:12px 16px;display:flex}.mc-toast__icon{background:var(--mc-grad-primary);border-radius:2px;flex:none;width:10px;height:10px;transform:rotate(45deg)}.mc-toast__action{color:var(--mc-ice);margin-left:auto;font-weight:600}.mc-toast--danger{border-color:color-mix(in oklab, var(--mc-danger) 40%, transparent);background:color-mix(in oklab, var(--mc-danger) 7%, var(--mc-surface))}.mc-toast--danger .mc-toast__icon{background:var(--mc-danger)}.mc-toast--danger .mc-toast__action{color:var(--mc-danger)}.mc-modal{padding:var(--mc-space-5);gap:10px;display:grid}.mc-modal__title{font-family:var(--mc-font-display);font-size:22px;font-weight:500}.mc-modal__body{color:var(--mc-text-2)}.mc-modal__actions{margin-top:var(--mc-space-2);justify-content:flex-end;gap:10px;display:flex}.mc-empty{border:1.5px dashed var(--mc-border-strong);border-radius:var(--mc-radius-l);align-items:center;gap:14px;padding:18px 20px;display:flex}.mc-empty__title{font-weight:600}.mc-empty__sub{font-size:var(--mc-fs-small);color:var(--mc-text-3)}.mc-wave{align-items:flex-end;gap:3px;height:34px;display:inline-flex}.mc-wave i{width:4px;height:var(--h,40%);border-radius:2px}.mc-wave i:nth-child(7n+1){background:var(--mc-degree-1)}.mc-wave i:nth-child(7n+2){background:var(--mc-degree-2)}.mc-wave i:nth-child(7n+3){background:var(--mc-degree-3)}.mc-wave i:nth-child(7n+4){background:var(--mc-degree-4)}.mc-wave i:nth-child(7n+5){background:var(--mc-degree-5)}.mc-wave i:nth-child(7n+6){background:var(--mc-degree-6)}.mc-wave i:nth-child(7n+7){background:var(--mc-degree-7)}.mc-wave--dim i{opacity:.5}.mc-wave--sm{height:22px}.mc-playdot{border:var(--mc-hairline) solid var(--mc-border-strong);cursor:pointer;background:0 0;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:grid}.mc-playdot:after{content:"";border-left:8px solid var(--mc-text-2);border-block:5px solid #0000;width:0;height:0;margin-left:2px}.mc-playdot:hover{border-color:var(--mc-ice)}.mc-take{background:var(--mc-surface);border:var(--mc-hairline) solid var(--mc-border);border-radius:var(--mc-radius-m);align-items:center;gap:14px;padding:10px 14px;display:flex}.mc-take__meta{font-size:var(--mc-fs-small);color:var(--mc-text-2);white-space:nowrap;align-items:center;gap:14px;margin-left:auto;display:flex}.mc-take__meta time{color:var(--mc-text-3)}.mc-stepper{align-items:center;gap:var(--mc-space-3);flex-wrap:wrap;display:flex}.mc-stepper__step{align-items:center;gap:var(--mc-space-2);letter-spacing:.12em;text-transform:uppercase;color:var(--mc-text-3);font-size:12px;font-weight:600;display:flex}.mc-stepper__dot{border:var(--mc-hairline) solid var(--mc-border-strong);width:22px;height:22px;color:var(--mc-text-2);border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:700;display:grid}.mc-stepper__step.is-done .mc-stepper__dot{border-color:color-mix(in oklab, var(--mc-ice) 50%, transparent);color:var(--mc-ice)}.mc-stepper__step.is-current{color:var(--mc-text)}.mc-stepper__step.is-current .mc-stepper__dot{background:var(--mc-grad-primary);color:var(--mc-on-gradient);border-color:#0000}.mc-stepper__line{width:34px;height:var(--mc-hairline);background:var(--mc-border-strong)}.mc-choice{min-width:190px;padding:var(--mc-space-4);background:var(--mc-surface);border:var(--mc-hairline) solid var(--mc-border);border-radius:var(--mc-radius-m);cursor:pointer;text-align:left;gap:6px;display:grid}.mc-choice__diamond{background:currentColor;border-radius:2px;width:11px;height:11px;margin:2px 0 4px 2px;transform:rotate(45deg)}.mc-choice__title{color:var(--mc-text);font-weight:600}.mc-choice__sub{font-size:var(--mc-fs-small);color:var(--mc-text-3)}.mc-choice__mode{font-size:var(--mc-fs-label);letter-spacing:.14em;text-transform:uppercase;color:var(--mc-text-3);margin-top:6px;font-weight:600}.mc-choice.is-selected{background:linear-gradient(var(--mc-surface), var(--mc-surface)) padding-box, var(--mc-grad-crystal) border-box;box-shadow:var(--mc-glow);border-color:#0000}
.mc-transport{align-items:center;gap:18px;padding:14px 18px;display:flex}.mc-play{--mc-play-size:46px;width:var(--mc-play-size);height:var(--mc-play-size);cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.mc-play:before{content:"";background:var(--mc-grad-crystal);-webkit-mask-composite:xor;border-radius:50%;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.mc-play:after{content:"";border-left:13px solid var(--mc-text);border-block:8px solid #0000;width:0;height:0;margin-left:4px}.mc-play:hover{filter:brightness(1.15)}.mc-transport__btn{cursor:pointer;background:0 0;border:none;place-items:center;padding:6px;display:grid}.mc-stopmark{background:var(--mc-text-2);border-radius:2px;width:13px;height:13px}.mc-recmark{background:var(--mc-pink);width:13px;height:13px;box-shadow:0 0 10px color-mix(in oklab, var(--mc-pink) 60%, transparent);border-radius:50%}.mc-stat{gap:2px;display:grid}.mc-stat__value{letter-spacing:.02em;font-variant-numeric:tabular-nums;font-size:19px;font-weight:700;line-height:1}.mc-stat__label{letter-spacing:.18em;text-transform:uppercase;color:var(--mc-text-3);font-size:9.5px;font-weight:600}.mc-track{flex:1;align-items:center;gap:10px;min-width:140px;display:flex}.mc-track i{background:var(--mc-track);border-radius:2px;flex:1;height:4px;position:relative}.mc-track i.is-played{background:var(--mc-grad-primary)}.mc-track i.is-live{--mc-pos:60%;background:linear-gradient(90deg, var(--mc-blue), var(--mc-violet) var(--mc-pos), var(--mc-track) var(--mc-pos))}.mc-track i.is-live:after{content:"";left:var(--mc-pos);background:var(--mc-playhead);width:2px;height:14px;box-shadow:0 0 8px color-mix(in oklab, var(--mc-playhead) 70%, transparent);border-radius:1px;position:absolute;top:-5px}.mc-meter{align-items:flex-end;gap:2.5px;height:22px;display:inline-flex}.mc-meter i{width:3.5px;height:var(--h,50%);border-radius:1.5px}.mc-meter i:nth-child(5n+1){background:var(--mc-degree-2)}.mc-meter i:nth-child(5n+2){background:var(--mc-degree-3)}.mc-meter i:nth-child(5n+3){background:var(--mc-degree-4)}.mc-meter i:nth-child(5n+4){background:var(--mc-degree-5)}.mc-meter i:nth-child(5n+5){background:var(--mc-degree-3)}.mc-staff{--mc-staff-gap:14px;--mc-staff-pad:30px;height:calc(4 * var(--mc-staff-gap) + 2 * var(--mc-staff-pad));position:relative}.mc-staff__lines{left:0;right:0;top:var(--mc-staff-pad);height:calc(4 * var(--mc-staff-gap) + 1px);background:repeating-linear-gradient(180deg, var(--mc-line) 0 1px, transparent 1px var(--mc-staff-gap));position:absolute}.mc-staff__sig{left:10px;bottom:calc(var(--mc-staff-pad) + var(--mc-staff-gap));font-family:var(--mc-font-display);color:var(--mc-text-2);font-size:19px;line-height:1;position:absolute}.mc-staff__sig i{font-style:normal;position:relative;top:7px;left:-3px}.mc-note{--mc-note-ink:var(--mc-text);left:var(--x,50%);bottom:calc(var(--mc-staff-pad) + var(--step,0) * (var(--mc-staff-gap) / 2) - 5px);background:var(--mc-note-ink);border-radius:50%;width:12px;height:9.5px;position:absolute}.mc-note:after{content:"";background:var(--mc-note-ink);width:1.5px;height:26px;position:absolute;bottom:4px;left:10px}.mc-note--down:after{top:5px;bottom:auto;left:0}.mc-deg-1{--mc-note-ink:var(--mc-degree-1)}.mc-deg-2{--mc-note-ink:var(--mc-degree-2)}.mc-deg-3{--mc-note-ink:var(--mc-degree-3)}.mc-deg-4{--mc-note-ink:var(--mc-degree-4)}.mc-deg-5{--mc-note-ink:var(--mc-degree-5)}.mc-deg-6{--mc-note-ink:var(--mc-degree-6)}.mc-deg-7{--mc-note-ink:var(--mc-degree-7)}.mc-deg-8{--mc-note-ink:var(--mc-home)}.mc-tab{--mc-tab-gap:12px;--mc-tab-top:10px;--mc-tab-inset:26px;--mc-fret-bg:var(--mc-surface);height:calc(5 * var(--mc-tab-gap) + 2 * var(--mc-tab-top) + 1px);position:relative}.mc-tab__lines{left:var(--mc-tab-inset);right:0;top:var(--mc-tab-top);height:calc(5 * var(--mc-tab-gap) + 1px);background:repeating-linear-gradient(180deg, var(--mc-line) 0 1px, transparent 1px var(--mc-tab-gap));position:absolute}.mc-tab__names{left:8px;top:calc(var(--mc-tab-top) - var(--mc-tab-gap) / 2);display:grid;position:absolute}.mc-tab__names i{height:var(--mc-tab-gap);color:var(--mc-text-3);align-items:center;font-size:9px;font-style:normal;line-height:1;display:grid}.mc-tab__fret{left:var(--x,50%);top:calc(var(--mc-tab-top) + var(--string,0) * var(--mc-tab-gap) - 8px);background:var(--mc-fret-bg);color:var(--mc-periwinkle);font-variant-numeric:tabular-nums;padding:0 3px;font-size:12.5px;font-weight:600;line-height:16px;position:absolute}.mc-chordbox{--mc-chordbox-w:92px;--mc-chordbox-h:96px;width:var(--mc-chordbox-w)}.mc-chordbox__marks{height:16px;color:var(--mc-text-3);font-size:10px;position:relative}.mc-chordbox__marks i{left:var(--x,0%);font-style:normal;position:absolute;transform:translate(-50%)}.mc-chordbox__grid{height:var(--mc-chordbox-h);border-top:2px solid var(--mc-text-2);border-right:var(--mc-hairline) solid var(--mc-line);border-bottom:var(--mc-hairline) solid var(--mc-line);background:linear-gradient(90deg, var(--mc-line) 1px, transparent 1px) 0 0 / calc(100% / 4) 100%, linear-gradient(180deg, var(--mc-line) 1px, transparent 1px) 0 0 / 100% calc(100% / 4);position:relative}.mc-chordbox__dot{left:var(--x,50%);top:var(--y,50%);background:var(--mc-dot-ink,var(--mc-violet));border-radius:50%;width:13px;height:13px;position:absolute;transform:translate(-50%,-50%)}.mc-chordbox__name{text-align:right;font-family:var(--mc-font-display);margin-top:6px;font-size:14px}.mc-fingering{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.mc-fingering__group{align-items:center;gap:8px;display:flex}.mc-fingering__label{letter-spacing:.14em;text-transform:uppercase;color:var(--mc-text-3);font-size:10px;font-weight:600}.mc-hole{border:1.5px solid var(--mc-text-3);border-radius:50%;width:18px;height:18px}.mc-hole.is-pressed{background:linear-gradient(135deg, var(--mc-ice), var(--mc-blue));box-shadow:0 0 8px color-mix(in oklab, var(--mc-ice) 45%, transparent);border-color:#0000}.mc-hole--pinky{border-radius:8px;width:24px}.mc-hole--gold.is-pressed{background:linear-gradient(135deg, var(--mc-ivory), var(--mc-gold));box-shadow:0 0 8px color-mix(in oklab, var(--mc-gold) 50%, transparent)}.mc-stone{--mc-stone-w:88px;--mc-stone-h:100px;width:var(--mc-stone-w);height:var(--mc-stone-h);text-align:center;background:var(--mc-border-strong);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);flex:none;place-content:center;gap:4px;display:inline-grid;position:relative}.mc-stone:before{content:"";background:var(--mc-surface);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);position:absolute;inset:1.5px}.mc-stone>*{position:relative}.mc-stone__chord{font-family:var(--mc-font-display);font-size:22px;font-weight:500;line-height:1}.mc-stone__role{letter-spacing:.18em;text-transform:uppercase;color:var(--mc-text-3);font-size:9px;font-style:normal;font-weight:600}.mc-stone.is-playing{background:var(--mc-grad-crystal);filter:drop-shadow(0 0 14px color-mix(in oklab, var(--mc-violet) 40%, transparent))}.mc-stone--lg{--mc-stone-w:106px;--mc-stone-h:120px}.mc-stone--compact{--mc-stone-w:60px;--mc-stone-h:68px}.mc-stone--compact .mc-stone__chord{font-size:15px}.mc-chordcell{justify-content:space-between;align-items:center;gap:var(--mc-space-4);background:var(--mc-surface);border:var(--mc-hairline) solid var(--mc-border);border-radius:var(--mc-radius-m);min-width:150px;padding:14px 16px;display:flex}.mc-chordcell__chord{font-family:var(--mc-font-display);font-size:19px;font-weight:500}.mc-chordcell__rn{font-size:var(--mc-fs-label);letter-spacing:.06em;color:var(--mc-text-3);align-items:center;gap:6px;display:inline-flex}.mc-chordcell.is-playing{background:linear-gradient(var(--mc-surface), var(--mc-surface)) padding-box, var(--mc-grad-crystal) border-box;border-color:#0000}.mc-chordcell.is-playing .mc-chordcell__rn{color:var(--mc-text-2)}.mc-chordcell__go{color:var(--mc-ice);font-size:9px}.mc-pulse{align-items:center;gap:4px;display:inline-flex}.mc-pulse i{background:var(--mc-border-strong);border-radius:50%;width:4.5px;height:4.5px}.mc-pulse i.is-on{background:var(--mc-text-2)}.mc-pulse i.is-hot{background:var(--mc-ice);box-shadow:0 0 6px color-mix(in oklab, var(--mc-ice) 60%, transparent);animation:1s ease-in-out infinite mc-beat}@keyframes mc-beat{50%{transform:scale(1.4)}}.mc-modes{gap:8px;display:grid}.mc-mode{justify-content:space-between;align-items:center;gap:var(--mc-space-4);background:var(--mc-surface);border:var(--mc-hairline) solid var(--mc-border);cursor:pointer;border-radius:10px;padding:10px 14px;font-size:14px;font-weight:500;display:flex}.mc-mode.is-selected{background:linear-gradient(var(--mc-surface), var(--mc-surface)) padding-box, var(--mc-grad-crystal) border-box;border-color:#0000}.mc-piano{--mc-key-w:26px;--mc-key-h:84px;display:inline-flex;position:relative}.mc-piano__white{width:var(--mc-key-w);height:var(--mc-key-h);background:var(--mc-key-ivory);border:var(--mc-hairline) solid var(--mc-key-ebony);color:var(--mc-key-ebony);border-radius:0 0 4px 4px;justify-content:center;align-items:flex-end;padding-bottom:5px;font-size:9px;font-weight:600;display:flex}.mc-piano__white.is-hit{background:linear-gradient(180deg, var(--mc-ivory), var(--mc-gold))}.mc-piano__white.is-safe{background:linear-gradient(180deg, var(--mc-key-ivory) 40%, color-mix(in oklab, var(--mc-ice) 45%, var(--mc-key-ivory)))}.mc-piano__black{top:0;left:calc(var(--mc-key-w) * var(--i,1) - 7.5px);background:var(--mc-key-ebony);z-index:1;border-radius:0 0 3px 3px;width:15px;height:52px;position:absolute}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-normal:400;--font-weight-semibold:600;--tracking-widest:.1em;--radius-sm:.25rem;--radius-lg:.5rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--color-com-paper:#171310;--color-com-grain:#241e18;--color-com-seam:#322a21;--color-com-seam-strong:#4a3e2f;--color-com-ink:#e9dfcf;--color-com-ink-muted:#9c8f7c;--color-com-panel:#201b16;--color-com-panel-raised:#2a241d;--color-com-line:#3a3128;--color-com-lantern:#ffd88a;--color-com-focus:#7fb4ff}}@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:0}.top-0{top:0}.top-full{top:100%}.right-0{right:0}.right-4{right:calc(var(--spacing) * 4)}.bottom-3{bottom:calc(var(--spacing) * 3)}.bottom-4{bottom:calc(var(--spacing) * 4)}.left-0{left:0}.left-1\/2{left:50%}.z-10{z-index:10}.z-20{z-index:20}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-1{margin-inline:var(--spacing)}.mt-1{margin-top:var(--spacing)}.mb-1{margin-bottom:var(--spacing)}.ml-1{margin-left:var(--spacing)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.h-3{height:calc(var(--spacing) * 3)}.h-5{height:calc(var(--spacing) * 5)}.h-\[80vh\]{height:80vh}.h-full{height:100%}.max-h-36{max-height:calc(var(--spacing) * 36)}.max-h-\[70vh\]{max-height:70vh}.max-h-\[75vh\]{max-height:75vh}.min-h-0{min-height:0}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-\[480px\]{min-height:480px}.w-3{width:calc(var(--spacing) * 3)}.w-5{width:calc(var(--spacing) * 5)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-28{width:calc(var(--spacing) * 28)}.w-40{width:calc(var(--spacing) * 40)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-full{width:100%}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-default{cursor:default}.resize{resize:both}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-y-1{row-gap:var(--spacing)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-lg{border-radius:var(--radius-lg)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-com-line{border-color:var(--color-com-line)}.border-transparent{border-color:#0000}.bg-com-panel{background-color:var(--color-com-panel)}.bg-com-panel-raised{background-color:var(--color-com-panel-raised)}.bg-com-paper{background-color:var(--color-com-paper)}.p-1{padding:var(--spacing)}.p-3{padding:calc(var(--spacing) * 3)}.px-0{padding-inline:0}.px-0\.5{padding-inline:calc(var(--spacing) * .5)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.pt-1{padding-top:var(--spacing)}.pb-1\.5{padding-bottom:calc(var(--spacing) * 1.5)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-4{--tw-leading:calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-com-ink{color:var(--color-com-ink)}.text-com-ink-muted{color:var(--color-com-ink-muted)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.accent-com-lantern{accent-color:var(--color-com-lantern)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-com-focus{--tw-ring-color:var(--color-com-focus)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-com-focus:focus-visible{--tw-ring-color:var(--color-com-focus)}.disabled\:opacity-40:disabled{opacity:.4}.aria-pressed\:bg-com-panel-raised[aria-pressed=true]{background-color:var(--color-com-panel-raised)}.aria-pressed\:ring-1[aria-pressed=true]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.aria-pressed\:ring-com-focus[aria-pressed=true]{--tw-ring-color:var(--color-com-focus)}@media (min-width:80rem){.xl\:inline{display:inline}}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}