@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--rh:#ff4fd8;--lh:#8b5cff;--bg:#07070b;--bg-2:#0c0c13;--surface:#ffffff0b;--surface-2:#ffffff14;--surface-3:#ffffff1f;--border:#ffffff17;--border-2:#ffffff29;--text:#ececf4;--text-2:#a7a7bd;--text-3:#707088;--gold:#ffd36e;--radius:12px;--radius-sm:9px;--font:"Inter Variable", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--shadow:0 10px 40px -12px #000c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11", "ss01";scrollbar-color:#2a2a3a transparent;margin:0;font-size:15px;line-height:1.5}body{overflow-x:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--text)}:focus-visible{outline:2px solid var(--rh);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.icon{flex:none;display:block}.muted{color:var(--text-3)}.app{background:radial-gradient(1200px 500px at 85% -10%, color-mix(in srgb, var(--rh) 9%, transparent), transparent 70%), radial-gradient(900px 500px at -10% 110%, color-mix(in srgb, var(--lh) 8%, transparent), transparent 70%), var(--bg);flex-direction:column;min-height:100dvh;display:flex}.app[data-state=ready]{height:100dvh}.app[data-state=empty] .timeline,.app[data-state=empty] .stage,.app[data-state=empty] .controls,.app[data-state=empty] .song,.app[data-state=ready] .empty,.app[data-state=converting] .timeline,.app[data-state=converting] .stage,.app[data-state=converting] .controls,.app[data-state=converting] .song,.app[data-state=converting] .empty,.convert-view{display:none}.app[data-state=converting] .convert-view{display:flex}.topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:5;background:#07070b99;align-items:center;gap:1rem;padding:.7rem 1.1rem;display:flex;position:relative}.brand{letter-spacing:-.02em;flex:none;align-items:center;gap:.6rem;font-size:1.08rem;font-weight:750;text-decoration:none;display:flex}.brand .logo{box-shadow:0 0 22px -6px var(--rh);border-radius:9px}.song{border-left:1px solid var(--border);flex:1;min-width:0;padding-left:1rem}.song h1{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.02rem;font-weight:650;overflow:hidden}.song p{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.8rem;overflow:hidden}.top-actions{align-items:center;gap:.5rem;margin-left:auto;display:flex}.btn{border:1px solid var(--border);background:var(--surface);border-radius:999px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.88rem;font-weight:600;line-height:1.2;transition:background .15s,border-color .15s,transform .1s;display:inline-flex}.btn:hover{background:var(--surface-2);border-color:var(--border-2)}.btn:active{transform:translateY(1px)}.btn-accent{color:#0b0b12;background:linear-gradient(135deg, var(--rh), var(--lh));box-shadow:0 6px 24px -8px var(--rh);border:0}.btn-accent:hover{filter:brightness(1.08)}.icon-btn{border:1px solid var(--border);background:var(--surface);width:38px;height:38px;color:var(--text-2);border-radius:999px;place-items:center;transition:background .15s,color .15s;display:grid}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.icon-btn.small{background:0 0;border-color:#0000;width:30px;height:30px}.link{color:var(--text-2);text-underline-offset:3px;background:0 0;border:0;padding:.3rem;text-decoration:underline}.link:hover{color:var(--text)}.timeline{border-bottom:1px solid var(--border);flex-direction:column;gap:.45rem;padding:.55rem 1.1rem .35rem;display:flex}.sections,.bars-wrap{scrollbar-width:none;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}.sections::-webkit-scrollbar{display:none}.bars-wrap::-webkit-scrollbar{display:none}.sections{gap:.4rem;padding-right:28px;display:flex}.section{border:1px solid var(--border);background:var(--surface);color:var(--text-2);white-space:nowrap;border-radius:999px;flex:none;padding:.28rem .75rem;font-size:.8rem;font-weight:550;transition:background .15s,color .15s}.section:hover{color:var(--text);background:var(--surface-2)}.section.on{color:var(--text);border-color:color-mix(in srgb, var(--rh) 60%, transparent);background:color-mix(in srgb, var(--rh) 18%, transparent)}.bars{gap:3px;width:max-content;min-width:100%;padding:2px 28px 2px 0;display:flex}.bar{font-variant-numeric:tabular-nums;max-width:54px;height:28px;color:var(--text-3);background:var(--surface);border:1px solid #0000;border-radius:6px;flex:1 0 30px;padding:0;font-size:.7rem;font-weight:600;transition:background .12s,color .12s}.bar.k-calm{background:#60a5fa21}.bar.k-eighths{background:#a78bfa2b}.bar.k-sixteenths{background:#f472b633}.bar.k-lh-only{background:#ffffff0d}.bar:hover{color:var(--text);border-color:var(--border-2)}.bar.sel{color:var(--text);border-color:#ffffff8c}.bar.anchor{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}.bar.now{background:var(--rh);border-color:var(--rh);color:#0b0b12;box-shadow:0 0 14px -2px var(--rh)}.timeline-foot{justify-content:space-between;align-items:center;gap:1rem;min-height:1.2rem;display:flex}.bar-hint{color:var(--text-3);margin:0;font-size:.74rem}.legend{color:var(--text-3);white-space:nowrap;gap:.9rem;font-size:.72rem;display:flex}.legend i{vertical-align:-.5px;border-radius:3px;width:9px;height:9px;margin-right:.35rem;display:inline-block}.legend .k-calm{background:#60a5fa99}.legend .k-eighths{background:#a78bfab3}.legend .k-sixteenths{background:#f472b6bf}.legend .k-lh-only{background:#ffffff40}.stage{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.view-host{flex:1;min-height:200px;position:relative;overflow:hidden}.falling,.sheet{position:absolute;inset:0}.falling canvas,.keyboard canvas{display:block}.keyboard{background:#0b0b12;flex:none;height:calc(clamp(110px,20vh,200px) + 30px);position:relative}.keyboard.no-strip{height:clamp(110px,20vh,200px)}.keyboard:before{content:"";background:linear-gradient(90deg, var(--lh), #fff 50%, var(--rh));opacity:.55;pointer-events:none;z-index:1;height:2px;position:absolute;top:-1px;left:0;right:0}.count-badge{z-index:3;color:#fff;background:radial-gradient(circle, color-mix(in srgb, var(--rh) 35%, transparent), transparent 70%);width:112px;height:112px;text-shadow:0 0 24px var(--rh);pointer-events:none;border-radius:50%;place-items:center;font-size:3.4rem;font-weight:800;animation:.4s ease-out pulse;display:grid;position:absolute;top:42%;left:50%;translate:-50% -50%}@keyframes pulse{0%{opacity:.4;scale:1.25}}.sheet-hint{z-index:2;color:var(--text-3);pointer-events:none;margin:0;font-size:.75rem;position:absolute;top:.7rem;right:1rem}.pick-bar{z-index:3;border-radius:var(--radius);border:1px solid var(--border-2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:calc(100% - 2rem);box-shadow:var(--shadow);background:#10101ae0;flex-wrap:wrap;align-items:baseline;gap:.35rem .9rem;padding:.6rem 1rem;font-size:.85rem;display:flex;position:absolute;bottom:.9rem;left:50%;translate:-50%}.pick-bar strong{font-size:1.15rem}.pick-bar span{color:var(--text-2)}.pick-bar .pb-finger{color:var(--c);font-weight:650}.pick-bar em{color:var(--text-3);font-style:normal;font-weight:500}.pick-bar .pb-hint{color:var(--text-3);flex-basis:100%;font-size:.75rem}.sheet{background:linear-gradient(#0b0b12,#0e0d17)}.sheet-scroll{overscroll-behavior:contain;align-items:center;padding:8px 0;display:flex;position:absolute;inset:0;overflow:auto}.sheet-inner{margin:auto 0}.sheet-inner svg{cursor:pointer;display:block;overflow:visible}.sheet-msg{text-align:center;color:var(--text-3);place-items:center;margin:0;padding:1rem;font-size:.9rem;display:grid;position:absolute;inset:0}.sheet svg [fill]:not([fill=none]){fill:#e6e6f0}.sheet svg [stroke]:not([stroke=none]){stroke:#e6e6f0}.sheet svg text:not([fill]){fill:#e6e6f0}.sheet svg .vf-stave [fill]:not([fill=none]),.sheet svg .vf-stave [stroke]:not([stroke=none]){fill:#5d5d78;stroke:#5d5d78}.sheet svg .play-r [fill]:not([fill=none]),.sheet svg text.play-r{fill:var(--rh)}.sheet svg .play-r [stroke]:not([stroke=none]){stroke:var(--rh)}.sheet svg .play-l [fill]:not([fill=none]),.sheet svg text.play-l{fill:var(--lh)}.sheet svg .play-l [stroke]:not([stroke=none]){stroke:var(--lh)}.sheet svg .pick [fill]:not([fill=none]),.sheet svg text.pick{fill:var(--gold)}.sheet svg .pick [stroke]:not([stroke=none]){stroke:var(--gold)}.sheet svg text.fg{font-family:var(--font);fill:#9ea2c4;pointer-events:none;font-size:12.5px;font-weight:700}.sheet svg text.fg.fixed{fill:var(--gold)}.sheet svg text.nn{font-family:var(--font);fill:#c3c5dc;pointer-events:none;font-size:10.5px;font-weight:600}.controls{padding:.7rem 1.1rem calc(.7rem + env(safe-area-inset-bottom));border-top:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0a10d9;flex-wrap:wrap;align-items:center;gap:.6rem 1.1rem;display:flex}.play-btn{color:#0b0b12;background:linear-gradient(135deg, var(--rh), var(--lh));width:54px;height:54px;box-shadow:0 0 28px -6px var(--rh);border:0;border-radius:50%;flex:none;place-items:center;transition:transform .12s,box-shadow .2s;display:grid}.play-btn:hover{transform:scale(1.05)}.play-btn .icon{margin-left:3px}.play-btn.playing .icon{margin-left:0}.play-btn.playing{box-shadow:0 0 0 4px color-mix(in srgb, var(--rh) 25%, transparent), 0 0 32px -4px var(--rh)}.tempo{flex:16rem;align-items:center;gap:.75rem;min-width:13rem;display:flex}.tempo label{color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:600}.tempo output{font-variant-numeric:tabular-nums;white-space:nowrap;min-width:7.6rem;font-size:.9rem;font-weight:650}input[type=range]{--fill:30%;appearance:none;cursor:pointer;background:0 0;flex:1;min-width:5rem;height:22px}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--lh), var(--rh) var(--fill), var(--surface-3) var(--fill));border-radius:999px;height:6px}input[type=range]::-moz-range-track{background:linear-gradient(90deg, var(--lh), var(--rh) var(--fill), var(--surface-3) var(--fill));border-radius:999px;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;box-shadow:0 0 0 4px color-mix(in srgb, var(--rh) 30%, transparent);background:#fff;border-radius:50%;margin-top:-6px}input[type=range]::-moz-range-thumb{width:18px;height:18px;box-shadow:0 0 0 4px color-mix(in srgb, var(--rh) 30%, transparent);background:#fff;border:0;border-radius:50%}.ctrl-group{align-items:center;gap:.35rem;display:flex}.glabel{color:var(--text-3);text-transform:uppercase;letter-spacing:.09em;margin-right:.2rem;font-size:.7rem;font-weight:650}.chip-toggle{border:1px solid var(--border);background:var(--surface);color:var(--text-3);border-radius:999px;align-items:center;gap:.35rem;padding:.38rem .75rem;font-size:.83rem;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.chip-toggle:hover{color:var(--text);border-color:var(--border-2)}.chip-toggle[aria-pressed=true]{color:var(--text);border-color:color-mix(in srgb, var(--rh) 55%, transparent);background:color-mix(in srgb, var(--rh) 16%, transparent)}#tLeft[aria-pressed=true]{border-color:color-mix(in srgb, var(--lh) 60%, transparent);background:color-mix(in srgb, var(--lh) 18%, transparent)}.seg{border:1px solid var(--border);background:var(--surface);border-radius:999px;gap:2px;margin-left:auto;padding:3px;display:inline-flex}.seg button{color:var(--text-3);white-space:nowrap;background:0 0;border:0;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .8rem;font-size:.83rem;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.seg button:hover{color:var(--text)}.seg button[aria-checked=true]{background:var(--surface-3);color:var(--text)}.seg-wide{border-radius:var(--radius-sm);margin:0;display:flex}.seg-wide button{border-radius:7px;flex:1;justify-content:center;padding:.5rem .4rem}.panel{z-index:20;border:1px solid var(--border-2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:min(360px,100vw - 1.5rem);box-shadow:var(--shadow);background:#0f0f18eb;border-radius:18px;padding:1.1rem 1.2rem 1.4rem;animation:.18s ease-out slide;position:fixed;top:.75rem;bottom:.75rem;right:.75rem;overflow-y:auto}@keyframes slide{0%{opacity:0;translate:16px}}.panel-head{justify-content:space-between;align-items:center;margin-bottom:.6rem;display:flex}.panel h2{margin:0;font-size:1.1rem}.field{border-top:1px solid var(--border);padding:.9rem 0}.field h3{text-transform:uppercase;letter-spacing:.1em;color:var(--text-3);margin:0 0 .6rem;font-size:.72rem;font-weight:650}.swatches{gap:.55rem;margin-bottom:.8rem;display:flex}.swatch{background:linear-gradient(135deg, var(--a) 50%, var(--b) 50%);width:40px;height:40px;box-shadow:0 0 0 1px var(--border-2);border:2px solid #0000;border-radius:50%}.swatch[aria-checked=true]{box-shadow:0 0 18px -4px var(--a);border-color:#fff}.pickers{gap:1rem;display:flex}.pickers label{color:var(--text-2);cursor:pointer;align-items:center;gap:.5rem;font-size:.85rem;display:flex}input[type=color]{border:1px solid var(--border-2);cursor:pointer;background:0 0;border-radius:9px;width:34px;height:34px;padding:0}input[type=color]::-webkit-color-swatch-wrapper{padding:3px}input[type=color]::-webkit-color-swatch{border:0;border-radius:6px}.switch{cursor:pointer;align-items:center;gap:.8rem;display:flex}.switch input{opacity:0;position:absolute}.switch .track{background:var(--surface-3);border-radius:999px;flex:none;width:44px;height:26px;transition:background .15s;position:relative}.switch .track:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:translate .15s;position:absolute;top:3px;left:3px}.switch input:checked+.track{background:linear-gradient(135deg, var(--rh), var(--lh))}.switch input:checked+.track:after{translate:18px}.switch input:focus-visible+.track{outline:2px solid var(--rh);outline-offset:2px}.switch-label{flex-direction:column;font-size:.92rem;font-weight:600;display:flex}.switch-label small{color:var(--text-3);font-size:.78rem;font-weight:450}.about p{color:var(--text-3);margin:0;font-size:.8rem}.empty{text-align:center;flex-direction:column;flex:1;align-items:center;gap:1.4rem;width:min(760px,100%);margin:0 auto;padding:clamp(2rem,8vh,5rem) 1.2rem 2rem;display:flex}.hero h2{letter-spacing:-.035em;background:linear-gradient(120deg, #fff 30%, var(--rh) 70%, var(--lh));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 .6rem;font-size:clamp(2rem,5.5vw,3.4rem);font-weight:800;line-height:1.05}.hero p{max-width:34rem;color:var(--text-2);margin:0 auto;font-size:1.04rem}.dropzone{border:1.5px dashed var(--border-2);cursor:pointer;background:linear-gradient(#ffffff0a,#ffffff04);border-radius:20px;flex-direction:column;align-items:center;gap:.5rem;width:100%;padding:2.4rem 1.2rem;transition:border-color .2s,background .2s;display:flex}.dropzone:hover{border-color:color-mix(in srgb, var(--rh) 70%, transparent);background:color-mix(in srgb, var(--rh) 6%, transparent)}.dropzone strong{font-size:1.2rem}.dropzone>span:not(.btn):not(.dz-icon){color:var(--text-3);font-size:.88rem}.dropzone .btn{margin-top:.6rem}.dz-icon{width:54px;height:54px;color:var(--rh);background:color-mix(in srgb, var(--rh) 14%, transparent);border-radius:16px;place-items:center;margin-bottom:.3rem;display:grid}.dz-icon .icon{width:26px;height:26px}.demos{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;font-size:.9rem;display:flex}.recent{text-align:left;width:100%}.recent h3{text-transform:uppercase;letter-spacing:.1em;color:var(--text-3);margin:0 0 .5rem;font-size:.72rem;font-weight:650}.recent ul{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.recent li{align-items:center;gap:.3rem;display:flex}.recent-item{text-align:left;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);flex:1;grid-template-columns:auto 1fr;align-items:center;column-gap:.75rem;min-width:0;padding:.6rem .8rem;transition:background .15s;display:grid}.recent-item:hover{background:var(--surface-2)}.recent-item .icon{color:var(--text-3);grid-row:span 2}.ri-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.ri-meta{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.foot{color:var(--text-3);margin-top:auto;font-size:.8rem}.foot a{color:var(--text-2);align-items:center;gap:.3rem;margin-left:.3rem;display:inline-flex}.dialog{border:1px solid var(--border-2);width:min(560px,100vw - 2rem);color:var(--text);box-shadow:var(--shadow);background:#11111b;border-radius:18px;padding:1.4rem 1.5rem}.dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009}.dialog h2{margin:0 0 .6rem;font-size:1.25rem}.dialog p,.dialog li{color:var(--text-2);font-size:.93rem}.dialog strong{color:var(--text)}.dialog ol{gap:.5rem;padding-left:1.2rem;display:grid}.dialog form{justify-content:flex-end;margin-top:1rem;display:flex}.beta{vertical-align:3px;letter-spacing:.06em;text-transform:uppercase;color:#0b0b12;background:linear-gradient(135deg, var(--rh), var(--lh));border-radius:999px;margin-left:.4rem;padding:.1rem .5rem;font-size:.68rem;font-weight:700;display:inline-block}.dialog .facts{gap:.4rem;margin:.6rem 0 1rem;padding-left:1.1rem;display:grid}.tnum{font-variant-numeric:tabular-nums}.spinner{border:2.5px solid var(--surface-3);border-top-color:var(--rh);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{rotate:360deg}}.dialog details.manual{border-top:1px solid var(--border);margin-top:.8rem;padding-top:.7rem}.dialog details.manual summary{cursor:pointer;color:var(--text-2);font-weight:600}.pdf-note{color:var(--text-3);margin:0;font-size:.82rem}.convert-view{flex:1;justify-content:center;align-items:center;padding:2rem 1.2rem}.cv-card{text-align:center;border:1px solid var(--border);width:min(520px,100%);box-shadow:var(--shadow);background:linear-gradient(#ffffff0d,#ffffff04);border-radius:22px;padding:2.2rem 1.6rem 1.8rem}.cv-card h2{letter-spacing:-.02em;margin:.4rem 0 .2rem;font-size:1.45rem}.cv-file{color:var(--text-3);overflow-wrap:anywhere;margin:0 0 1.2rem;font-size:.88rem}.cv-notes{border-bottom:2px solid color-mix(in srgb, var(--rh) 70%, #fff);width:168px;height:74px;box-shadow:0 12px 24px -14px var(--rh);margin:0 auto;position:relative;overflow:hidden}.cv-notes i{background:linear-gradient(180deg, color-mix(in srgb, var(--rh) 60%, #fff), var(--rh));width:18px;height:22px;box-shadow:0 0 14px -2px var(--rh);border-radius:6px;animation:1.8s linear infinite fall;position:absolute;top:-30px}.cv-notes i:first-child{animation-delay:0s;left:6px}.cv-notes i:nth-child(2){background:linear-gradient(180deg, color-mix(in srgb, var(--lh) 60%, #fff), var(--lh));height:34px;box-shadow:0 0 14px -2px var(--lh);animation-delay:.6s;left:34px}.cv-notes i:nth-child(3){animation-delay:1.1s;left:62px}.cv-notes i:nth-child(4){height:16px;animation-delay:.3s;left:90px}.cv-notes i:nth-child(5){background:linear-gradient(180deg, color-mix(in srgb, var(--lh) 60%, #fff), var(--lh));height:30px;box-shadow:0 0 14px -2px var(--lh);animation-delay:1.4s;left:118px}.cv-notes i:nth-child(6){animation-delay:.9s;left:146px}.cv-card.failed .cv-notes i{opacity:.35;animation-play-state:paused}@keyframes fall{to{translate:0 110px}}.cv-bar{background:var(--surface-3);border-radius:999px;max-width:320px;height:6px;margin:0 auto .9rem;overflow:hidden}.cv-bar i{background:linear-gradient(90deg, var(--lh), var(--rh));border-radius:999px;width:40%;height:100%;animation:1.6s ease-in-out infinite slidebar;display:block}@keyframes slidebar{0%{translate:-110%}to{translate:260%}}.cv-stage{margin:0 0 1.2rem;font-weight:600}.cv-stage .muted{margin-left:.3rem;font-weight:500}.cv-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem 1rem;display:flex}.cv-note{max-width:26rem;color:var(--text-3);margin:1.2rem auto 0;font-size:.82rem}.cv-error{border-radius:var(--radius-sm);color:#fecaca;background:#f8717114;border:1px solid #f8717173;margin:0 0 1.2rem;padding:.75rem .9rem;font-size:.9rem}.convert-pill{border:1px solid color-mix(in srgb, var(--rh) 50%, transparent);background:color-mix(in srgb, var(--rh) 12%, transparent);white-space:nowrap;border-radius:999px;align-items:center;gap:.5rem;max-width:16rem;padding:.42rem .85rem;font-size:.8rem;font-weight:600;display:inline-flex}.convert-pill span:last-child{text-overflow:ellipsis;overflow:hidden}.convert-pill .spinner{border-width:2px;width:14px;height:14px}.toast{align-items:center;gap:.9rem;display:flex}.toast[hidden]{display:none}.toast-action{color:#0b0b12;background:linear-gradient(135deg, var(--rh), var(--lh));border:0;border-radius:999px;flex:none;padding:.35rem .9rem;font-weight:700}.toast{z-index:30;border-radius:var(--radius);border:1px solid var(--border-2);max-width:calc(100vw - 2rem);box-shadow:var(--shadow);background:#1b1b28;padding:.65rem 1rem;font-size:.88rem;position:fixed;bottom:6.2rem;left:50%;translate:-50%}.toast.error{border-color:#f8717199}.drop-overlay{z-index:40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;background:#07070bbf;place-items:center;display:none;position:fixed;inset:0}.drop-overlay div{border:2px dashed var(--rh);border-radius:20px;align-items:center;gap:.8rem;padding:1.6rem 2.4rem;font-size:1.3rem;font-weight:700;display:flex}.app.dragging .drop-overlay{display:grid}@media (max-width:860px){.legend{display:none}.seg{margin-left:0}.tempo output{min-width:0}}@media (max-width:640px){.topbar{gap:.6rem;padding:.55rem .75rem}.brand span{display:none}.song{padding-left:.6rem}#openBtn span{display:none}#openBtn{padding:.5rem .65rem}.timeline,.controls{padding-left:.75rem;padding-right:.75rem}.controls{gap:.5rem .6rem}.tempo{flex-basis:calc(100% - 66px)}.tempo label,.ctrl-group .glabel,.chip-toggle .icon,.seg button span{display:none}.chip-toggle{padding:.34rem .6rem;font-size:.78rem}.sheet-hint{display:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (max-width:640px){.convert-pill{max-width:8.5rem;padding:.4rem .6rem}}