:root{--desk:#15110f;--paper:#211b18;--paper-2:#2c2420;--white:#181310;--ink:#f4ece0;--ink-soft:#a89b8b;--line:#f4ece024;--edge:#f4ece04d;--accent:#f4ece0;--accent-ink:#17120f;--spot:#f4ece0;--sun:#ffe3b3;--sun-ink:#17120f;--sun-edge:#b49a70;--outline:#17120f;--dock-bg:#2a221e;--dock-fg:#f4ece0;--print:#00000080;--focus:#ffcf70;--modal-bg:#231c19;--scrim:#0806059e;--paint-op:lighter;--paint-blend:screen;--stain-blend:screen;--seat-off:#f4ece01a;--dots:var(--v1);--dots-2:var(--v0);--v0:#ff6b57;--v1:#ffb02e;--v2:#2fcf95;--v3:#35b6f0;--v4:#a47bff;--display:"Bagel Fat One", "Arial Rounded MT Bold", system-ui, sans-serif;--ui:"Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:var(--desk);color:var(--ink);font-family:var(--ui);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.45}button,select,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}img{display:block}.v0{--vc:var(--v0)}.v1{--vc:var(--v1)}.v2{--vc:var(--v2)}.v3{--vc:var(--v3)}.v4{--vc:var(--v4)}.app{max-width:1440px;margin:0 auto;padding:18px 28px 48px}.top{color:var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px 24px;padding:4px 4px 18px;display:flex}.mark{font-family:var(--display);color:var(--ink);letter-spacing:.01em;font-size:32px;line-height:1;text-decoration:none}.tag{color:var(--ink-soft);margin:0;font-size:15px}.layout{grid-template-columns:minmax(0,1fr) 372px;align-items:start;gap:22px;display:grid}.side{scrollbar-width:thin;gap:16px;max-height:calc(100vh - 32px);display:grid;position:sticky;top:16px;overflow:auto}.splash{text-align:center;min-height:100vh;color:var(--ink);place-content:center;gap:8px;display:grid}.splash-mark{font-family:var(--display);font-size:54px}.splash p{opacity:.8;margin:0}.stage{background:var(--paper);border-radius:30px;min-width:0;padding:22px 22px 20px;box-shadow:0 34px 60px -28px #1c1e2bbf}.stage-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.stage h1{font-family:var(--display);letter-spacing:.005em;margin:0;font-size:36px;font-weight:400;line-height:1.05}.sub{color:var(--ink-soft);margin:4px 0 0;font-size:14px}.stage-btns{flex-shrink:0;gap:8px;display:flex}.btn{border:2px solid var(--edge);height:38px;color:var(--ink);white-space:nowrap;background:0 0;border-radius:99px;padding:0 16px;font-size:14px;font-weight:700;transition:transform .12s,background .12s}.btn:hover:not(:disabled){background:var(--paper-2);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.4;cursor:default}.btn.solid{background:var(--accent);color:var(--accent-ink)}.btn.solid:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 82%, var(--paper))}.btn.quiet{color:var(--ink-soft);border-color:#0000}.btn.dark{color:#fff;border-color:#ffffff47;height:40px}.btn.dark:hover:not(:disabled){background:#ffffff1f}.staff-wrap{scrollbar-width:thin;border-radius:18px;position:relative;overflow-x:auto}.staff{--cell-h:42px;background:var(--white);border-radius:18px;grid-template-columns:40px minmax(0,1fr);min-width:760px;padding:10px 10px 10px 4px;display:grid}.gutter{grid-template-rows:repeat(12, var(--cell-h));display:grid}.gl{color:var(--ink);justify-content:flex-end;align-items:center;padding-right:8px;font-size:12px;font-weight:700;display:flex}.grid{grid-template-columns:repeat(16,minmax(0,1fr));grid-template-rows:repeat(12, var(--cell-h));display:grid;position:relative}.playhead{background:color-mix(in srgb, var(--sun) 55%, transparent);opacity:0;pointer-events:none;border-radius:12px;width:6.25%;transition:transform 70ms ease-out,opacity .16s;position:absolute;top:-6px;bottom:-6px;left:0}.cell{background:0 0;border:0;place-items:center;min-width:0;padding:0;display:grid;position:relative}.cell:before{content:"";background:var(--line);height:1px;position:absolute;top:50%;left:0;right:0}.cell.rootrow:before{background:color-mix(in srgb, var(--ink) 40%, transparent);height:2px}.cell.beat:after{content:"";background:var(--line);width:1px;position:absolute;top:0;bottom:0;left:0}.cell:disabled{cursor:default}.slot{z-index:2;place-items:center;width:100%;height:100%;display:grid;position:relative}.note{aspect-ratio:1;object-fit:cover;background:var(--paper-2);border:3px solid var(--vc);will-change:transform;border-radius:50%;width:min(100% - 6px,38px);box-shadow:0 3px #1c1e2b29}.note.pending{opacity:.7;border-style:dashed}.ghost{z-index:1;aspect-ratio:1;background:var(--ghost,none) center / cover;border:2px dashed var(--ink-soft);opacity:0;border-radius:50%;width:min(100% - 10px,32px);transition:opacity .1s;position:relative}.staff:not([style*=--ghost]) .ghost{background:0 0}.cell:hover .ghost{opacity:.5}.bubble{z-index:6;pointer-events:none;font-family:var(--display);color:var(--vc);-webkit-text-stroke:4px var(--white);paint-order:stroke fill;white-space:nowrap;font-size:17px;line-height:1;position:absolute;top:-2px;left:50%}.hero-play{background:linear-gradient(to bottom, transparent 20%, color-mix(in srgb, var(--paper) 55%, transparent) 50%, transparent 80%);z-index:8;border:0;border-radius:18px;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.hp-icon{background:var(--sun);width:78px;height:78px;color:var(--sun-ink);box-shadow:0 8px 0 var(--sun-edge);border-radius:50%;place-items:center;transition:transform .15s,box-shadow .15s;display:grid}.hp-icon svg{fill:currentColor;margin-left:3px}.hp-text{font-family:var(--display);color:var(--ink);-webkit-text-stroke:7px var(--white);paint-order:stroke fill;font-size:30px}.hero-play:hover .hp-icon{box-shadow:0 5px 0 var(--sun-edge);transform:translateY(2px)}.band{flex-wrap:wrap;gap:8px;margin:14px 0 0;display:flex}.band-empty{color:var(--ink-soft);margin:14px 0 0}.member{background:var(--paper-2);border:2px solid #0000;border-radius:99px;align-items:center;gap:8px;height:46px;padding:3px 12px 3px 3px;display:flex;position:relative}.member img{object-fit:cover;border:3px solid var(--vc);border-radius:50%;width:38px;height:38px}.member .m-n{font-size:14px;font-weight:700}.member .m-c{background:var(--accent);min-width:20px;height:20px;color:var(--accent-ink);border-radius:99px;place-items:center;padding:0 6px;font-size:12px;font-weight:700;display:grid}.member.sel{border-color:var(--ink);background:var(--white)}.dock{background:var(--dock-bg);color:var(--dock-fg);border-radius:24px;grid-template-columns:auto repeat(3,minmax(110px,1fr)) auto auto;align-items:center;gap:22px;margin-top:16px;padding:14px 20px 14px 14px;display:grid}.play{background:var(--sun);width:66px;height:66px;color:var(--sun-ink);box-shadow:0 5px 0 var(--sun-edge);border:0;border-radius:50%;place-items:center;transition:transform .12s,box-shadow .12s;display:grid}.play svg{fill:currentColor}.play:not(.on) svg{margin-left:3px}.play:hover{box-shadow:0 3px 0 var(--sun-edge);transform:translateY(1px)}.play:active{box-shadow:0 1px 0 var(--sun-edge);transform:translateY(4px)}.slider{gap:8px;font-size:13px;font-weight:600;display:grid}.sl-top{color:#ffffffd1;justify-content:space-between;display:flex}.sl-top output{color:#fff;font-variant-numeric:tabular-nums}input[type=range]{appearance:none;background:linear-gradient(to right, var(--sun) var(--p,50%), #fff3 var(--p,50%));border-radius:99px;width:100%;height:8px;margin:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--white);border:4px solid var(--sun);cursor:grab;border-radius:50%;width:22px;height:22px}input[type=range]::-moz-range-thumb{background:var(--white);border:4px solid var(--sun);cursor:grab;border-radius:50%;width:14px;height:14px}input[type=range]:focus-visible{outline-offset:6px}.keypick{color:#ffffffd1;gap:8px;font-size:13px;font-weight:600;display:grid}.key-row{gap:6px;display:flex}.keypick select{background:var(--dock-bg);max-width:120px;height:36px;color:var(--dock-fg);border:2px solid #ffffff42;border-radius:10px;padding:0 6px;font-weight:600}.keypick select:disabled{opacity:.55}.dock-actions{gap:8px;display:flex}.voicecard,.shelf{background:var(--paper);border-radius:26px;padding:18px;box-shadow:0 30px 50px -30px #1c1e2bb3}.empty-card p{color:var(--ink-soft);margin:0}.vc-top{grid-template-columns:84px 1fr auto;align-items:center;gap:14px;display:grid}.vc-face{border:4px solid var(--vc);object-fit:cover;background:var(--paper-2);border-radius:24px;width:84px;height:84px}.vc-id h2{font-family:var(--display);margin:0;font-size:24px;font-weight:400;line-height:1.1}.vc-type{color:var(--ink-soft);margin:4px 0 0;font-size:14px}.vc-vowel{font-family:var(--display);color:var(--vc);-webkit-text-stroke:3px var(--outline);paint-order:stroke fill;padding-right:4px;font-size:48px;line-height:1}.why{margin:14px 0 4px;padding:0;list-style:none}.why li{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:14px;padding:9px 0;display:flex}.why-t{font-weight:700;line-height:1.2;display:grid}.why-t small{color:var(--ink-soft);font-size:12px;font-weight:500}.why-e{color:var(--ink-soft);text-align:right;font-size:14px}.vc-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.shelf-head{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.shelf h2{font-family:var(--display);margin:0;font-size:24px;font-weight:400}.count{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:13px}.search{border:2px solid var(--line);background:var(--white);border-radius:14px;width:100%;height:42px;padding:0 14px}.search:focus-visible{border-color:var(--ink);outline:none}.chips{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.chip{border:2px solid var(--line);background:var(--white);border-radius:99px;align-items:center;gap:6px;height:30px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.chip.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.chip .dot{background:var(--vc);border-radius:50%;width:10px;height:10px}.thumbs{scrollbar-width:thin;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));grid-auto-rows:min-content;gap:7px;max-height:360px;margin-top:14px;padding:4px;display:grid;overflow:auto}.thumb{background:var(--paper-2);aspect-ratio:1;content-visibility:auto;contain-intrinsic-size:54px;border:3px solid #0000;border-radius:16px;padding:0;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.thumb:hover{border-color:var(--vc)}.thumb.sel{border-color:var(--ink);box-shadow:0 0 0 3px var(--vc)}.more{border:2px dashed var(--line);width:100%;height:38px;color:var(--ink-soft);background:0 0;border-radius:12px;margin-top:10px;font-weight:700}.empty{color:var(--ink-soft);margin:14px 0 0}.toast{background:var(--accent);color:var(--accent-ink);opacity:0;pointer-events:none;z-index:30;border-radius:99px;padding:12px 20px;font-weight:600;transition:opacity .2s,transform .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}@media (width<=1080px){.layout{grid-template-columns:minmax(0,1fr)}.side{max-height:none;position:static;overflow:visible}.dock{grid-template-columns:auto 1fr 1fr}.play{grid-row:span 2}.keypick,.dock-actions{grid-column:auto/span 2}}@media (width<=640px){.staff{--cell-h:36px;min-width:620px}.note{border-width:2px;width:min(100% - 4px,30px)}.app{padding:14px 14px 40px}.top{flex-direction:column;gap:4px}.stage{border-radius:24px;padding:16px 14px}.stage h1{font-size:28px}.stage-head{flex-direction:column}.dock{grid-template-columns:auto 1fr;gap:16px}.play{grid-row:auto}.slider,.keypick,.dock-actions{grid-column:1/-1}.slider:first-of-type{grid-column:2}.hp-text{font-size:22px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.tabs{background:var(--paper);border:2px solid var(--edge);border-radius:99px;gap:4px;padding:4px;display:flex}.tabs a{white-space:nowrap;color:var(--ink);border-radius:99px;padding:8px 18px;font-size:14px;font-weight:700;text-decoration:none}.tabs a:hover{background:var(--paper-2)}.tabs a.on{background:var(--accent);color:var(--accent-ink)}.soon{color:var(--ink);padding:40px 4px}.top{align-items:center}.tag{display:none}.stack{z-index:4;background:var(--accent);min-width:20px;height:20px;color:var(--accent-ink);border-radius:99px;place-items:center;padding:0 5px;font-size:11px;font-weight:800;display:grid;position:absolute;bottom:2px;right:1px}.wallet{gap:10px;display:grid}.wallet.on{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.w-dot{background:var(--v2);width:10px;height:10px;box-shadow:0 0 0 4px color-mix(in srgb, var(--v2) 25%, transparent);border-radius:50%}.w-id{font-weight:800}.w-net{color:var(--ink-soft);margin-right:auto;font-size:13px}.w-why{color:var(--ink-soft);margin:0}.w-note{color:var(--ink-soft);margin:0;font-size:14px}.w-list{gap:8px;display:grid}.w-list .btn{justify-content:center;align-items:center;gap:8px;display:inline-flex}.w-err{color:#8a1d0f;background:#ffe7e3;border-radius:12px;margin:0;padding:10px 12px;font-size:14px;font-weight:600}.btn.small{height:30px;padding:0 12px;font-size:13px}.fine{color:var(--ink-soft);margin:12px 4px 0;font-size:13px}.empty-note{text-align:center;font-family:var(--display);color:var(--ink);-webkit-text-stroke:6px var(--white);paint-order:stroke fill;pointer-events:none;z-index:8;gap:2px;font-size:26px;line-height:1.15;display:grid;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.voicecard.sing{gap:14px;display:grid}.voicecard.sing h2{font-family:var(--display);margin:0;font-size:24px;font-weight:400}.voicecard.sing h3{margin:0 0 8px;font-size:14px;font-weight:800}.rule{color:var(--ink-soft);margin:-6px 0 0;font-size:14px}.mine{gap:8px;display:grid}.thumbs.row{max-height:160px;margin-top:0}.thumb.done{opacity:.45}.act{gap:8px;display:grid}.btn.big{height:48px;font-size:16px}.txlink{color:var(--ink);font-size:13px;font-weight:700}.side-h{font-family:var(--display);margin:0 0 10px;font-size:24px;font-weight:400}.rounds{gap:8px;margin:0;padding:0;list-style:none;display:grid}.rounds>li{justify-content:space-between;align-items:center;gap:10px;display:flex}.rounds b{display:block}.rounds small{color:var(--ink-soft);font-size:13px;font-weight:500;display:block}.round{border:2px solid var(--line);background:var(--white);text-align:left;border-radius:18px;align-items:center;gap:12px;width:100%;padding:8px 12px 8px 8px;display:flex}.round:hover{border-color:var(--ink-soft)}.round.sel{border-color:var(--ink)}.faces{display:flex}.faces img{object-fit:cover;border:2px solid var(--white);background:var(--paper-2);border-radius:50%;width:34px;height:34px;margin-left:-10px}.faces img:first-child{margin-left:0}.r-t{display:grid}.w-err a{color:inherit;font-weight:800}.finder{flex-wrap:wrap;align-items:center;gap:10px;margin:4px 0 18px;display:flex}.finder-in{background:var(--white);border:2px solid var(--edge);border-radius:99px;align-items:center;gap:10px;height:46px;padding:0 16px;font-weight:800;display:flex}.finder-in input{font-variant-numeric:tabular-nums;background:0 0;border:0;outline:0;width:110px;height:100%;font-size:20px;font-weight:800}.finder-in:focus-within{box-shadow:0 0 0 4px color-mix(in srgb, var(--sun) 70%, transparent)}.finder .btn{height:46px}.hero{grid-template-columns:270px minmax(0,1fr);align-items:center;gap:26px;margin:4px 0 20px;display:grid}.hero-face{background:var(--paper-2);border:8px solid var(--vc);will-change:transform;border-radius:44px;width:270px;height:270px;position:relative;box-shadow:0 10px #1c1e2b2e}.hero-face img{object-fit:cover;border-radius:34px;width:100%;height:100%}.bubble.big{z-index:3;-webkit-text-stroke:7px var(--white);font-size:34px;top:14px}.hero-info h2{font-family:var(--display);margin:0;font-size:46px;font-weight:400;line-height:1}.hero-meta{margin:10px 0 2px;font-size:18px;font-weight:700}.hero-vowel{color:var(--ink-soft);margin:0 0 18px}.hero-vowel b{font-family:var(--display);color:var(--vc);-webkit-text-stroke:2px var(--outline);paint-order:stroke fill;font-size:22px;font-weight:400}.hero-btns{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.play.wide{border-radius:99px;align-items:center;gap:10px;width:auto;height:56px;padding:0 26px 0 20px;font-size:17px;font-weight:800;display:inline-flex}.play.wide:not(.on) svg{margin-left:0}.next{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.stage.songs .staff{--cell-h:26px}.stage.songs .note{border-width:2px;width:min(100% - 4px,24px)}.stage.songs .gl{font-size:10px}@media (width<=760px){.hero{text-align:center;grid-template-columns:1fr;justify-items:center}.hero-face{width:200px;height:200px}.hero-btns{justify-content:center}}.netswitch{background:var(--paper-2);border-radius:99px;flex-shrink:0;padding:4px;display:inline-flex}.netswitch button{color:var(--ink-soft);background:0 0;border:0;border-radius:99px;padding:7px 14px;font-size:13px;font-weight:700}.netswitch button.on{background:var(--accent);color:var(--accent-ink)}.community{gap:8px;margin:2px 0 12px;display:grid}.c-nums{flex-wrap:wrap;align-items:baseline;gap:4px 12px;font-size:16px;display:flex}.c-nums b{font-family:var(--display);font-size:30px;font-weight:400;line-height:1}.c-nums span{color:var(--ink-soft);font-size:14px}.c-meter{background:var(--paper-2);border-radius:99px;height:12px;overflow:hidden}.c-meter i{background:var(--sun);border-radius:99px;height:100%;transition:width .6s;display:block;box-shadow:inset 0 -3px #1c1e2b1f}.c-next{color:var(--ink-soft);margin:0;font-size:14px}.loft{background:var(--white);border-radius:18px;margin:6px 0 14px;position:relative}.loft canvas{cursor:pointer;border-radius:18px;display:block}.loft-tip{z-index:5;background:var(--accent);width:140px;color:var(--accent-ink);pointer-events:none;text-align:center;border-radius:12px;padding:6px 10px;font-size:12px;display:grid;position:absolute}.loft-tip b{font-size:13px}.thumb{position:relative}.streak{background:var(--sun);min-width:18px;height:18px;color:var(--sun-ink);box-shadow:0 0 0 2px var(--white);border-radius:99px;place-items:center;padding:0 4px;font-size:11px;font-weight:800;display:grid;position:absolute;bottom:2px;right:2px}.stage .staff{--cell-h:36px}@media (width<=640px){.tabs a{padding:8px 12px;font-size:13px}.mark{font-size:28px}}.top-tools{align-items:center;gap:6px;display:flex}.how{color:var(--ink-soft);text-underline-offset:4px;background:0 0;border:0;border-radius:99px;padding:8px 10px;font-size:14px;font-weight:700;text-decoration:underline}.how:hover{color:var(--ink)}.mode{border:1.5px solid var(--edge);width:38px;height:38px;color:var(--ink);background:0 0;border-radius:50%;place-items:center;padding:0;transition:background .12s,transform .12s;display:grid}.mode:hover{background:color-mix(in srgb, var(--ink) 9%, transparent)}.mode:active{transform:scale(.94)}.onb{z-index:50;background:var(--desk);place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow-y:auto}.onb-card{background:var(--paper);border-radius:36px;outline:none;gap:24px;width:min(980px,100%);max-height:calc(100vh - 40px);padding:40px 44px 24px;display:grid;position:relative;overflow-y:auto;box-shadow:0 40px 80px -30px #1c1e2bcc}.onb-skip{color:var(--ink-soft);text-underline-offset:4px;background:0 0;border:0;border-radius:99px;padding:8px 10px;font-weight:700;text-decoration:underline;position:absolute;top:18px;right:22px}.onb-body{grid-template-columns:300px minmax(0,1fr);align-items:center;gap:40px;min-height:400px;animation:.28s ease-out onb-in;display:grid}@keyframes onb-in{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}.onb-face{justify-items:center;gap:14px;display:grid}.onb-face .hero-face{width:260px;height:260px}.onb-cap{color:var(--ink-soft);text-align:center;margin:0;font-size:14px}.onb-cap b{font-family:var(--display);color:var(--vc);-webkit-text-stroke:1.5px var(--outline);paint-order:stroke fill;font-size:16px;font-weight:400}.onb-text h1,.onb-wide h1{font-family:var(--display);margin:0 0 10px;font-size:46px;font-weight:400;line-height:1.04}.onb-text h2{margin:22px 0 10px;font-size:16px;font-weight:800}.onb-text p,.onb-wide p{max-width:52ch;margin:0 0 16px;font-size:18px;line-height:1.45}.onb-text .onb-fine,.onb-wide .onb-fine{color:var(--ink-soft);margin:16px 0 0;font-size:14px}.vowels{flex-wrap:wrap;gap:10px;display:flex}.vbtn{border:3px solid var(--vc);background:var(--white);min-width:92px;height:64px;font-family:var(--display);color:var(--ink);border-radius:22px;flex-direction:column;justify-content:center;align-items:center;padding:0 18px;font-size:28px;line-height:1;transition:transform .12s,background .12s;display:inline-flex;position:relative}.vbtn small{font-family:var(--ui);color:var(--ink-soft);font-size:10px;font-weight:800;position:absolute;bottom:5px}.vbtn:hover{transform:translateY(-2px)}.vbtn.on{background:var(--vc);color:#17120f;-webkit-text-stroke:0}.onb-wide{grid-column:1/-1;gap:2px;min-width:0;display:grid}.onb-wide .loft{background:var(--paper-2);margin:6px 0 4px}.onb-cta{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.onb-foot{justify-content:space-between;align-items:center;gap:16px;display:flex}.dots{gap:8px;display:flex}.dots button{background:var(--line);border:0;border-radius:99px;width:10px;height:10px;padding:0;transition:width .2s,background .2s}.dots button.on{background:var(--ink);width:28px}.onb-nav{gap:8px;display:flex}.holder{gap:8px;margin-top:14px;display:grid}.holder-btns{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.holder-btns .btn{align-items:center;gap:8px;display:inline-flex}.holder-fine{color:var(--ink-soft);font-size:13px}.holder-line{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:14px;display:flex}.holder-row{max-height:130px}@media (width<=760px){.onb{align-items:stretch;padding:0}.onb-card{border-radius:0;min-height:100%;max-height:none;padding:56px 20px 20px}.onb-body{grid-template-columns:1fr;gap:20px}.onb-face .hero-face{width:180px;height:180px}.onb-text h1,.onb-wide h1{font-size:34px}.onb-text p,.onb-wide p{font-size:16px}.top-tools{justify-content:center}}@media (prefers-reduced-motion:reduce){.onb-body{animation:none}}.top,.wallet-wrap{position:relative}.wbtn{align-items:center;gap:8px;display:inline-flex}.wmini{display:inline-flex;position:relative}.wmini .wicon{border-radius:6px}.wdot{background:var(--v2);width:9px;height:9px;box-shadow:0 0 0 2px var(--modal-bg,var(--white));border-radius:50%;display:inline-block}.wmini .wdot{box-shadow:0 0 0 2px var(--desk);position:absolute;bottom:-3px;right:-4px}.wicon{object-fit:cover;background:var(--paper-2);border-radius:11px;flex:none;display:block}.wicon.wglyph{color:var(--ink-soft);place-items:center;display:grid}.w-rows{gap:8px;display:grid}.wrow{border:1.5px solid var(--line);background:color-mix(in srgb, var(--ink) 4%, transparent);width:100%;color:var(--ink);text-align:left;border-radius:18px;align-items:center;gap:14px;padding:12px 14px;transition:background .12s,border-color .12s,transform .12s;display:flex}.wrow:hover:not(:disabled){background:color-mix(in srgb, var(--ink) 9%, transparent);border-color:var(--edge);transform:translateY(-1px)}.wrow:active:not(:disabled){transform:none}.wrow:disabled{opacity:.6;cursor:default}.wtext{flex:1;gap:2px;line-height:1.15;display:grid}.wtext b{font-size:16px;font-weight:700}.wtext small{color:var(--ink-soft);font-size:12.5px}.wchev{color:var(--ink-soft)}.spin{border:2.5px solid var(--line);border-top-color:var(--ink);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}.wskel{background:linear-gradient(90deg, color-mix(in srgb, var(--ink) 5%, transparent), color-mix(in srgb, var(--ink) 11%, transparent), color-mix(in srgb, var(--ink) 5%, transparent)) 0 0 / 200% 100%;border-radius:18px;height:64px;animation:1.2s ease-in-out infinite shimmer}.wskel.slim{height:46px}@keyframes shimmer{to{background-position:-200% 0}}.wempty{text-align:center;justify-items:center;gap:8px;padding:14px 6px 6px;display:grid}.wempty b{font-size:16px}.wempty p{color:var(--ink-soft);max-width:32ch;margin:0;font-size:14px}.wget{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:6px;display:flex}.wget a{align-items:center;text-decoration:none;display:inline-flex}.wmodal-back{z-index:200;background:var(--scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);place-items:center;padding:16px;animation:.16s ease-out wfade;display:grid;position:fixed;inset:0}.wmodal{background:var(--modal-bg);border:1px solid var(--edge);width:min(400px,100%);max-height:calc(100vh - 32px);color:var(--ink);border-radius:28px;gap:14px;padding:22px;animation:.22s cubic-bezier(.2,.9,.3,1.05) wpop;display:grid;overflow:auto;box-shadow:0 40px 90px -30px #000000b3}.wm-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.wm-head h2{font-family:var(--display);margin:0;font-size:26px;font-weight:400;line-height:1.1}.wm-x{border:1.5px solid var(--line);width:36px;height:36px;color:var(--ink);background:0 0;border-radius:50%;place-items:center;padding:0;display:grid}.wm-x:hover{background:color-mix(in srgb, var(--ink) 9%, transparent)}.wm-sub{color:var(--ink-soft);margin:-6px 0 0}.wm-fine{border-top:1px solid var(--line);color:var(--ink-soft);align-items:flex-start;gap:8px;margin:2px 0 0;padding-top:14px;font-size:13px;line-height:1.4;display:flex}.wm-fine svg{flex:none;margin-top:1px}@keyframes wfade{0%{opacity:0}}@keyframes wpop{0%{opacity:0;transform:translateY(12px)scale(.97)}}.wmenu{z-index:60;background:var(--modal-bg);border:1px solid var(--edge);width:min(340px,90vw);color:var(--ink);border-radius:22px;gap:14px;padding:16px;animation:.18s ease-out wpop;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 30px 60px -24px #0009}.acct-head{align-items:center;gap:12px;display:flex}.acct-head b{font-size:17px;line-height:1.2;display:block}.acct-status{color:var(--ink-soft);align-items:center;gap:6px;font-size:13px;display:inline-flex}.acct-addr{border:1.5px solid var(--line);background:color-mix(in srgb, var(--ink) 4%, transparent);border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:8px 8px 8px 14px;display:flex}.acct-addr code{letter-spacing:.01em;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:14px}.acct-chogs h3{color:var(--ink-soft);margin:0 0 6px;font-size:13px;font-weight:800}.acct-chogs .w-note{margin:0 0 10px}.acct-row{align-items:center;gap:8px;display:flex}.acct-chog{border:3px solid var(--vc);background:var(--paper-2);border-radius:14px;width:46px;height:46px;padding:0;transition:transform .12s;overflow:hidden}.acct-chog:hover{transform:translateY(-2px)rotate(-3deg)}.acct-chog img{object-fit:cover;width:100%;height:100%}.acct-more{background:color-mix(in srgb, var(--ink) 8%, transparent);min-width:46px;height:46px;color:var(--ink-soft);border-radius:14px;place-items:center;font-size:14px;font-weight:700;display:grid}.acct-actions{border-top:1px solid var(--line);gap:8px;padding-top:12px;display:flex}.acct-actions .btn{flex:1;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}@media (width<=640px){.wallet-wrap{position:static}.wmenu{width:auto;top:calc(100% + 6px);left:0;right:0}.wmodal{padding:18px}}@media (prefers-reduced-motion:reduce){.wmodal-back,.wmodal,.wmenu,.wskel,.spin{animation:none}}.fill{border-radius:var(--r,16px);background:var(--paper-2);gap:6px;margin:12px 0 2px;padding:12px 14px;display:grid}.fill-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;font-size:14px;display:flex}.fill-top output{color:var(--ink-soft);font-size:13px}.fill.on{outline:2px dashed var(--sun);outline-offset:2px}.fill.on .fill-top output{color:var(--ink);font-weight:600}.fill input[type=range]{width:100%}.fill .btn{justify-self:start}.c-nums .burned{color:var(--ink);font-weight:600}.hum{border:2px solid var(--sun);background:var(--paper-2);border-radius:99px;flex-wrap:wrap;align-items:center;gap:12px;padding:6px 8px 6px 16px;display:inline-flex}.hum-say{font-size:14px;font-weight:700}.hum-dots{gap:4px;display:inline-flex}.hum-dots i{background:color-mix(in srgb, var(--ink) 16%, transparent);border-radius:50%;width:10px;height:10px;transition:background .15s,transform .15s}.hum-dots i.on{background:var(--accent);transform:scale(1.25)}.hum-dots i.off{background:color-mix(in srgb, var(--ink) 30%, transparent)}.duet-with{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:8px;margin:-6px 0 14px;font-size:14px;display:flex}.duet-with img{object-fit:cover;border-radius:50%;width:28px;height:28px}.hero-note{color:var(--ink-soft);margin:4px 0 10px;font-size:14px}.hum-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;display:flex}.hum-btn{align-items:center;gap:8px;display:inline-flex}.hum-hint{color:var(--ink-soft);font-size:14px}.finder.duet .finder-in{height:40px;padding:0 14px;font-size:14px}.finder.duet .finder-in input{width:64px;font-size:17px}.finder.duet .btn{height:40px}@media (width<=760px){.hum-row{justify-content:center}}.thumbs.row.many{max-height:300px}.wicon.wmail{background:color-mix(in srgb, var(--sun) 55%, var(--paper-2));color:var(--ink)}:root{--grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n' x='0' y='0' width='100%' height='100%'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .5 0'/></filter><rect width='240' height='240' filter='url(%23n)'/></svg>");--grain-op:.1;--grain-blend:overlay}body{background-attachment:fixed}.backdrop{z-index:0;pointer-events:none;mix-blend-mode:var(--paint-blend);position:fixed;inset:0}.app{z-index:1;position:relative}body:after{content:"";z-index:120;pointer-events:none;background-image:var(--grain);opacity:var(--grain-op);mix-blend-mode:var(--grain-blend);background-size:240px 240px;position:fixed;inset:0}.top{align-items:center;padding-bottom:22px}.mark{letter-spacing:.005em;font-size:38px;display:inline-block;position:relative}.mark span{display:inline-block}.top.playing .mark span{animation:1.1s ease-in-out infinite bob;animation-delay:calc(var(--i) * 70ms)}@keyframes bob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-4px)rotate(-3deg)}}.stain{width:120px;height:120px;mix-blend-mode:var(--stain-blend);pointer-events:none;z-index:0;border-radius:50%;margin:-60px 0 0 -60px;position:absolute;top:50%;left:50%}.slot{transform:rotate(var(--tilt,0deg))}.thumb img{transition:transform .15s}.thumb:hover img{transform:scale(1.08)rotate(-3deg)}.stage h1:after,.shelf h2:after{content:"";background:linear-gradient(90deg, var(--v0) 0 20%, var(--v1) 20% 40%, var(--v2) 40% 60%, var(--v3) 60% 80%, var(--v4) 80%);border-radius:99px;width:112px;height:7px;margin-top:8px;display:block}.onb-text h1:after,.onb-wide h1:after{content:none}@media (prefers-reduced-motion:reduce){.top.playing .mark span{animation:none}}@media (width<=640px){.mark{font-size:30px}.side .voicecard:nth-child(n){transform:none}}.dock{grid-template-columns:auto repeat(3,minmax(96px,1fr));align-items:center;row-gap:14px}.dock .play{grid-row:span 2}.dock .keypick{grid-column:2/span 2}.dock .dock-actions{flex-wrap:wrap;grid-column:4;justify-content:flex-end}@media (width<=1080px){.dock{grid-template-columns:auto 1fr 1fr}.dock .keypick{grid-column:2/span 2}.dock .dock-actions{grid-column:1/-1;justify-content:flex-start}}@media (width<=640px){.dock{grid-template-columns:auto 1fr}.dock .play{grid-row:auto}.dock .keypick,.dock .dock-actions{grid-column:1/-1}}.sleeve-wrap{--s:250px;width:calc(var(--s) * 1.68);height:calc(var(--s) * 1.06);flex-shrink:0;position:relative}.sleeve{left:0;top:calc(var(--s) * .03);width:var(--s);height:var(--s);z-index:2;border:3px solid var(--sleeve-edge,var(--ink));background:var(--paper-2);box-shadow:7px 7px 0 var(--print);will-change:transform;border-radius:10px;position:absolute}.sleeve img{object-fit:cover;border-radius:6px;width:100%;height:100%;display:block}.sleeve:before{content:"";pointer-events:none;background:radial-gradient(circle at 72% 48%,#0000 56%,#ffffff38 57% 58.5%,#0000 60%);border-radius:6px;position:absolute;inset:0}.sleeve .bubble.big{top:12px}.disc{left:calc(var(--s) * .3);width:calc(var(--s) * 1.06);height:calc(var(--s) * 1.06);z-index:1;border:3px solid var(--sleeve-edge,var(--ink));box-shadow:6px 6px 0 var(--print);background:#151218;border-radius:50%;transition:transform .8s cubic-bezier(.2,.8,.2,1);position:absolute;top:0}.sleeve-wrap.on .disc{transform:translateX(calc(var(--s) * .32))}.spinner{border-radius:50%;animation:4s linear infinite paused spin;position:absolute;inset:0;overflow:hidden}.sleeve-wrap.on .spinner{animation-play-state:running}@keyframes spin{to{transform:rotate(360deg)}}.grooves{background:repeating-radial-gradient(circle,#151218 0 1.5px,#25222b 1.5px 3.5px);border-radius:50%;position:absolute;inset:0}.grooves:after{content:"";border:6px solid var(--vc);opacity:.9;border-radius:50%;position:absolute;inset:7%}.sheen{background:conic-gradient(from 25deg, transparent 0 18%, #ffffff29 24%, transparent 31% 68%, #ffffff21 76%, transparent 83%);border-radius:50%;position:absolute;inset:0}.label{border:3px solid var(--vc);background:#fff;border-radius:50%;position:absolute;inset:31%;overflow:hidden}.label img{object-fit:cover;width:100%;height:100%;display:block}.spindle{background:var(--paper);border:2px solid var(--sleeve-edge,var(--ink));border-radius:50%;position:absolute;inset:48%}.hero{grid-template-columns:420px minmax(0,1fr);gap:30px}@media (width<=760px){.hero{grid-template-columns:minmax(0,1fr);justify-items:center}.hero .sleeve-wrap{--s:190px;margin:0 auto}.hero-info{width:100%;min-width:0}.hero-meta{overflow-wrap:anywhere}}@media (prefers-reduced-motion:reduce){.spinner{animation:none}.disc{transition:none}}.hushed{visibility:hidden}.onb{visibility:visible;background:0 0}.onb-card{overflow:hidden auto}.onb-body{grid-template-columns:300px minmax(0,1fr)}.onb-face .sleeve-wrap{margin-right:0}@media (width<=760px){.onb-body{grid-template-columns:minmax(0,1fr)}.onb-face .sleeve-wrap{max-width:100%}}.onb-card:before{content:"";pointer-events:none;background:radial-gradient(circle, var(--dots) 26%, transparent 28%) 0 0 / 15px 15px;opacity:.5;width:300px;height:300px;position:absolute;top:-60px;right:-60px;-webkit-mask:radial-gradient(circle at 62% 38%,#000 0,#0000 68%);mask:radial-gradient(circle at 62% 38%,#000 0,#0000 68%)}.onb-card:after{content:"";pointer-events:none;background:radial-gradient(circle, var(--dots-2) 26%, transparent 28%) 0 0 / 15px 15px;opacity:.4;width:260px;height:260px;position:absolute;bottom:-70px;left:-70px;-webkit-mask:radial-gradient(circle at 40% 60%,#000 0,#0000 68%);mask:radial-gradient(circle at 40% 60%,#000 0,#0000 68%)}.onb-body,.onb-foot{z-index:1;position:relative}.onb-skip{z-index:2;position:absolute}.onb-text h1,.onb-wide h1{text-shadow:var(--h1-shadow,none)}.stage.songs{position:relative;overflow:hidden}.stage.songs:before{content:"";pointer-events:none;background:radial-gradient(circle, var(--dots) 26%, transparent 28%) 0 0 / 16px 16px;opacity:.2;width:380px;height:380px;position:absolute;top:140px;right:-50px;-webkit-mask:radial-gradient(circle at 60% 40%,#000 0,#0000 62%);mask:radial-gradient(circle at 60% 40%,#000 0,#0000 62%)}.stage.songs>*{z-index:1;position:relative}.onb-wide{grid-template-columns:minmax(0,1fr)}.onb-wide .loft{min-width:0;max-width:100%;overflow:hidden}.loft{min-width:0;max-width:100%}@media (width<=760px){.onb{padding:0;display:block}.onb-card{flex-direction:column;gap:0;height:100%;min-height:0;max-height:none;padding:52px 20px 0;display:flex;overflow:hidden}.onb-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:auto;align-content:start;align-items:start;min-height:0;padding:4px 0 34px;overflow:hidden auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 30px),#0000);mask-image:linear-gradient(#000 calc(100% - 30px),#0000)}.onb-foot{padding:12px 0 calc(14px + env(safe-area-inset-bottom,0px));flex-wrap:wrap;flex:none;gap:10px 12px}.hero .sleeve-wrap{--s:min(190px, calc((100vw - 60px) / 1.68))}.staff-wrap:after{content:"Swipe sideways to see all 16 steps →";box-sizing:border-box;text-align:center;width:100%;color:var(--ink-soft);padding:0 12px 10px;font-size:12px;font-weight:600;display:block;position:sticky;left:0}}@media (width<=760px),(pointer:coarse){.btn{height:44px}.btn.small{height:40px}.btn.dark{height:44px}.tabs a{padding-top:13px;padding-bottom:13px}.mode{width:44px;height:44px}.chip{height:36px}.netswitch button{padding:10px 14px}}.toast{z-index:60;text-align:center;max-width:calc(100vw - 32px)}.tabs{max-width:100%}@media (width<=360px){.tabs{gap:2px}.tabs a{padding-left:9px;padding-right:9px}}html[data-theme=dark]{--sleeve-edge:#f4ece061;--h1-shadow:0 0 24px #ffc87838}html[data-theme=dark] body{background:radial-gradient(1000px 560px at 50% -12%, #ffce9633, transparent 68%), radial-gradient(760px 520px at 6% 108%, #ff6b571a, transparent 70%), radial-gradient(760px 520px at 98% 104%, #a47bff17, transparent 70%), var(--desk)}html[data-theme=dark] body:before{content:"";z-index:0;pointer-events:none;clip-path:polygon(38% 0,62% 0,92% 100%,8% 100%);background:linear-gradient(#ffe2b413,#0000 58%);position:fixed;inset:0}html[data-theme=dark] .mark{color:var(--ink);text-shadow:-2px 0 #35b6f0d9,2px 0 #ff6b57d9,0 0 30px #ffc87859}html[data-theme=dark] .tabs{background:0 0;border:0;gap:26px;padding:0}html[data-theme=dark] .tabs a{color:var(--ink-soft);border-bottom:2px solid #0000;border-radius:0;padding:8px 2px;transition:color .15s}html[data-theme=dark] .tabs a:hover{color:var(--ink);background:0 0}html[data-theme=dark] .tabs a.on{color:var(--ink);border-bottom-color:var(--ink);background:0 0}html[data-theme=dark] .how{color:var(--ink-soft)}html[data-theme=dark] :is(.stage,.voicecard,.shelf,.onb-card){-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#2c2420d6,#1e1815e6);border:1px solid #f4ece01f;border-radius:26px;box-shadow:inset 0 1px #ffffff12,0 36px 60px -34px #000000d9}html[data-theme=dark] .stage{border-radius:30px}html[data-theme=dark] .btn{box-shadow:none;border-width:1.5px}html[data-theme=dark] .btn:hover:not(:disabled){background:#f4ece01a}html[data-theme=dark] .btn.solid{border-color:var(--accent)}html[data-theme=dark] .btn.solid:hover:not(:disabled){background:#fff}html[data-theme=dark] .btn.dark{border-color:#f4ece04d}html[data-theme=dark] :is(.chip,.search,.finder-in){border:1.5px solid var(--edge);background:#ffffff0a}html[data-theme=dark] .chip.on{border-color:var(--accent)}html[data-theme=dark] .search::placeholder{color:var(--ink-soft)}html[data-theme=dark] .netswitch{background:#ffffff0f}html[data-theme=dark] .netswitch button.on{background:var(--accent);color:var(--accent-ink)}html[data-theme=dark] .vbtn{background:#ffffff0a;border-width:2px}html[data-theme=dark] .w-err{color:#ffb4a8;background:#ff6b5729}html[data-theme=dark] .toast{box-shadow:0 10px 30px -8px #000000b3}html[data-theme=dark] .staff-wrap{background:var(--white);border:1px solid var(--line);border-radius:20px}html[data-theme=dark] .staff{background:0 0}html[data-theme=dark] .note{border:3px solid var(--white);background:var(--white);box-shadow:0 0 0 2.5px var(--vc), 0 0 16px color-mix(in srgb, var(--vc) 55%, transparent)}html[data-theme=dark] .playhead{background:color-mix(in srgb, var(--sun) 20%, transparent)}html[data-theme=dark] .thumb.sel{box-shadow:0 0 0 3px var(--vc), 0 0 16px color-mix(in srgb, var(--vc) 60%, transparent)}html[data-theme=dark] .loft{border:1px solid var(--line)}html[data-theme=dark] .dock{border:1px solid #f4ece01f;box-shadow:inset 0 1px #ffffff0f,0 26px 40px -24px #000}html[data-theme=dark] .play{box-shadow:0 4px 0 var(--sun-edge), 0 0 26px #ffe3b359}html[data-theme=dark] .hp-icon{box-shadow:0 6px 0 var(--sun-edge), 0 0 30px #ffe3b366}html[data-theme=light]{--desk:#fdfbf8;--paper:#ffffffbd;--paper-2:#f2eff6;--white:#fff;--ink:#1c1a26;--ink-soft:#6c6879;--line:#1c1a261a;--edge:#1c1a2633;--accent:#1c1a26;--accent-ink:#fff;--spot:#ff7a5c;--sun:#ffc24d;--sun-ink:#1c1a26;--sun-edge:#d98a1f;--outline:#1c1a26;--dock-bg:#1c1a26;--dock-fg:#fff;--print:#5a3c9638;--focus:#7c5cff;--modal-bg:#fff;--scrim:#1c1a2652;--paint-op:multiply;--paint-blend:multiply;--stain-blend:multiply;--seat-off:#1c1a261a;--dots:var(--v3);--dots-2:var(--v0);--grain-op:.03;--grain-blend:multiply;--sleeve-edge:#fff;--h1-shadow:3px 3px 0 #7c5cff29;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=light] body{background:radial-gradient(900px 600px at 6% 4%, #ffa08c66, transparent 62%), radial-gradient(800px 560px at 96% 8%, #ffd6826b, transparent 62%), radial-gradient(900px 640px at 92% 96%, #8ce1c36b, transparent 62%), radial-gradient(800px 600px at 4% 96%, #96cdf56b, transparent 62%), radial-gradient(640px 520px at 50% 50%, #bea5ff29, transparent 70%), var(--desk)}html[data-theme=light] .mark{color:var(--v0);-webkit-text-stroke:2.5px var(--ink);paint-order:stroke fill;text-shadow:3px 3px #1c1a2624;letter-spacing:.01em}html[data-theme=light] .mark span:nth-child(5n+1){color:var(--v0)}html[data-theme=light] .mark span:nth-child(5n+2){color:var(--v1)}html[data-theme=light] .mark span:nth-child(5n+3){color:var(--v2)}html[data-theme=light] .mark span:nth-child(5n+4){color:var(--v3)}html[data-theme=light] .mark span:nth-child(5n+5){color:var(--v4)}html[data-theme=light] .tabs{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffb3;border:1px solid #fffffff2;padding:4px;box-shadow:0 10px 30px -14px #5a3c9659}html[data-theme=light] .tabs a:hover{background:#1c1a260f}html[data-theme=light] .tabs a.on{background:var(--accent);color:var(--accent-ink)}html[data-theme=light] :is(.stage,.voicecard,.shelf,.onb-card){-webkit-backdrop-filter:blur(22px)saturate(1.5);backdrop-filter:blur(22px)saturate(1.5);background:#ffffffb3;border:1px solid #fffffff2;border-radius:30px;box-shadow:inset 0 1px #fff,0 32px 60px -30px #5a3c9666,0 2px 8px #3c28640f}html[data-theme=light] .btn{background:#fff9;border-width:1.5px;box-shadow:0 1px 2px #1c1a2614}html[data-theme=light] .btn:hover:not(:disabled){background:#fff;box-shadow:0 8px 18px -8px #5a3c9666}html[data-theme=light] .btn.solid{background:var(--accent);border-color:var(--accent)}html[data-theme=light] .btn.solid:hover:not(:disabled){background:#3a3650}html[data-theme=light] .btn.quiet{box-shadow:none;background:0 0}html[data-theme=light] .btn.dark{box-shadow:none;background:0 0;border-color:#ffffff4d}html[data-theme=light] .btn.dark:hover:not(:disabled){background:#ffffff1f}html[data-theme=light] :is(.chip,.search,.finder-in){border:1.5px solid var(--edge);background:#ffffffb3}html[data-theme=light] .vbtn{border-width:2.5px;box-shadow:0 6px 14px -8px #1c1a2659}html[data-theme=light] .toast{box-shadow:0 14px 30px -10px #1c1a2680}html[data-theme=light] .staff-wrap{border:1px solid var(--line);background:#ffffffe0;border-radius:22px}html[data-theme=light] .staff{background:0 0}html[data-theme=light] .note{box-shadow:0 0 0 2.5px var(--vc), 0 4px 10px #1c1a2633;background:#fff;border:3px solid #fff}html[data-theme=light] .playhead{background:color-mix(in srgb, var(--sun) 45%, transparent)}html[data-theme=light] .loft{border:1px solid var(--line);background:#fffc}html[data-theme=light] .dock{box-shadow:0 26px 44px -20px #1c1a2699}html[data-theme=light] .play{background:linear-gradient(135deg, var(--v0), var(--v1));box-shadow:0 5px #c9482f,0 10px 24px -6px #ff6b5799}html[data-theme=light] .play:hover{box-shadow:0 3px #c9482f,0 8px 20px -6px #ff6b5799}html[data-theme=light] .hp-icon{background:linear-gradient(135deg, var(--v0), var(--v1));box-shadow:0 8px #c9482f,0 14px 30px -8px #ff6b5799}html[data-theme=light] .onb-card{border-radius:40px}