:root{--mm-bg: #FAFAFA;--mm-fg: #0F172A;--mm-muted: #F1F5F9;--mm-muted-fg: #64748B;--mm-ink-soft: #475569;--mm-accent: #0052FF;--mm-accent-2: #4D7CFF;--mm-card: #FFFFFF;--mm-border: #E2E8F0;--mm-grad: linear-gradient(135deg, #0052FF, #4D7CFF);--mm-grad-btn: linear-gradient(135deg, #0052FF 30%, #4D7CFF 150%);--ease-out: cubic-bezier(.2, .7, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}.btn{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;box-sizing:border-box;border-radius:12px;border:1px solid transparent;font:600 15px/1 Lato,system-ui,sans-serif;letter-spacing:-.005em;text-decoration:none;white-space:nowrap;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .38s var(--ease-spring),box-shadow .22s var(--ease-out),background-color .18s ease-out,color .18s ease-out,border-color .18s ease-out,filter .18s ease-out,max-width .32s var(--ease-out)}.btn svg{flex:none}.btn:after{content:"";position:absolute;left:50%;top:50%;width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:50%;background:currentColor;opacity:0;transform:scale(14);pointer-events:none;z-index:-1;transition:transform .64s var(--ease-out),opacity .76s var(--ease-out)}.btn:active:not(:disabled):after{transform:scale(0);opacity:.2;transition:0s}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn:active:not(:disabled){transform:translateY(1px) scale(.97);transition:transform 90ms var(--ease-out),box-shadow 90ms ease-out,filter 90ms ease-out,background-color 90ms}.btn:focus-visible{outline:2px solid #0052FF;outline-offset:2px}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none;filter:none}.btn:disabled:after{display:none}.btn .arrow{transition:transform .22s var(--ease-out)}.btn:hover .arrow{transform:translate(4px)}.btn-lg{min-height:52px;padding:0 26px;font-size:16px;border-radius:12px}.btn-sm{min-height:44px;padding:0 14px;font-size:14px}.btn-icon{width:44px;padding:0}.btn-block{width:100%}.btn-primary,.btn-primary:hover{color:#fff}.btn-primary{background:var(--mm-grad-btn);box-shadow:0 1px 3px #0000000f}.btn-primary:hover:not(:disabled){box-shadow:0 6px 18px #0052ff4d}.btn-primary:active:not(:disabled){filter:brightness(.9) saturate(1.1);box-shadow:inset 0 2px 5px #0f172a47}.btn-secondary,.btn-secondary:hover{color:#0f172a}.btn-secondary{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px #0000000f}.btn-secondary:hover:not(:disabled){border-color:#cbd5e1;box-shadow:0 10px 15px #00000014}.btn-secondary:active:not(:disabled){background:#f1f5f9;box-shadow:inset 0 1px 3px #0f172a24}.btn-ghost{background:transparent;color:#475569}.btn-ghost:hover:not(:disabled){background:#f1f5f9;color:#0f172a;transform:none}.btn-ghost:active:not(:disabled){background:#e2e8f0}.btn-dark,.btn-dark:hover{color:#f1f5f9}.btn-dark{background:#ffffff0f;border-color:#ffffff24}.btn-dark:hover:not(:disabled){background:#ffffff1c;border-color:#ffffff3d;box-shadow:0 10px 20px #0000004d}.btn-dark:active:not(:disabled){background:#ffffff0a}.btn-hold,.btn-hold:hover{color:#b91c1c}.btn-hold{background:#fff;border-color:#fecaca}.btn-hold:hover:not(:disabled){border-color:#fca5a5;box-shadow:0 6px 16px #b91c1c29}.btn-hold.is-holding{transform:scale(.97);transition:transform .12s var(--ease-out)}.btn-hold.is-done{animation:mm-shake .42s var(--ease-out)}.hold-over{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;box-sizing:border-box;border:1px solid #B91C1C;border-radius:inherit;display:flex;align-items:center;justify-content:inherit;gap:inherit;padding:inherit;background:#b91c1c;color:#fff;pointer-events:none;white-space:nowrap}.btn-expand{max-width:44px;padding:0 13px;justify-content:flex-start}.btn-expand .lbl{opacity:0;transition:opacity .18s ease-out}.btn-expand:hover,.btn-expand:focus-visible,.btn-expand.is-holding,.btn-expand.is-done{max-width:190px}.btn-expand:hover .lbl,.btn-expand:focus-visible .lbl,.btn-expand.is-holding .lbl,.btn-expand.is-done .lbl{opacity:1}.btn-play{position:relative;width:64px;height:64px;border-radius:50%;border:0;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:#fff;flex:none;background:var(--mm-grad);box-shadow:0 8px 24px #0052ff59;transition:transform .42s var(--ease-spring),box-shadow .22s var(--ease-out),filter .16s;-webkit-tap-highlight-color:transparent}.btn-play:hover{transform:scale(1.06);box-shadow:0 12px 30px #0052ff73}.btn-play:active{transform:scale(.9);filter:brightness(.9);transition:transform 90ms var(--ease-out),filter 90ms}.btn-play:focus-visible{outline:2px solid #4D7CFF;outline-offset:4px}.btn-play:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #4D7CFF;opacity:0;pointer-events:none}.btn-play.is-playing:before{animation:mm-ring 1.8s var(--ease-out) infinite}.seg{display:inline-flex;gap:4px;padding:4px;border-radius:12px;background:#f1f5f9;flex-wrap:wrap}.seg-btn{min-height:40px;padding:0 14px;border:0;border-radius:9px;background:transparent;cursor:pointer;font:600 14px/1 Lato,system-ui,sans-serif;color:#475569;display:inline-flex;align-items:center;gap:8px;transition:background-color .18s,color .18s,box-shadow .22s var(--ease-out),transform .32s var(--ease-spring)}.seg-btn:hover{color:#0f172a}.seg-btn:active{transform:scale(.95);transition-duration:80ms}.seg-btn:focus-visible{outline:2px solid #0052FF;outline-offset:1px}.seg-btn[aria-pressed=true]{background:#fff;color:#0f172a;box-shadow:0 1px 3px #00000014,0 4px 10px #0f172a0f}.seg-dark{background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.seg-dark .seg-btn{color:#cbd5e1;min-height:36px}.seg-dark .seg-btn:hover{color:#fff}.seg-dark .seg-btn[aria-pressed=true]{background:#0052ff;color:#fff;box-shadow:0 4px 14px #0052ff59}.chip{min-height:36px;padding:0 12px;border-radius:9999px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font:600 13px/1 Lato,system-ui,sans-serif;background:transparent;color:#cbd5e1;border:1px solid rgba(255,255,255,.18);transition:background-color .18s,color .18s,border-color .18s,transform .32s var(--ease-spring)}.chip:hover{border-color:#ffffff5c;color:#fff}.chip:active{transform:scale(.94);transition-duration:80ms}.chip:focus-visible{outline:2px solid #4D7CFF;outline-offset:2px}.chip[aria-pressed=true]{background:#4d7cff2e;border-color:#4d7cff;color:#fff}.switch{position:relative;width:44px;height:26px;border-radius:9999px;border:0;padding:0;cursor:pointer;flex:none;background:#cbd5e1;transition:background-color .2s ease-out}.switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .36s var(--ease-spring),width .16s ease-out}.switch:active:after{width:25px}.switch[aria-checked=true]{background:#0052ff}.switch[aria-checked=true]:after{transform:translate(18px)}.switch[aria-checked=true]:active:after{transform:translate(13px)}.switch:focus-visible{outline:2px solid #0052FF;outline-offset:2px}.switch-dark{background:#ffffff2e}.input{width:100%;box-sizing:border-box;min-height:48px;padding:0 14px;border-radius:8px;border:1px solid #E2E8F0;background:#fff;color:#0f172a;font:400 16px/1.4 Lato,system-ui,sans-serif;transition:border-color .16s ease-out,box-shadow .2s ease-out}.input::placeholder{color:#64748b}.input:hover{border-color:#cbd5e1}.input:focus{outline:none;border-color:#0052ff;box-shadow:0 0 0 4px #0052ff24}.input.is-invalid{border-color:#dc2626;box-shadow:0 0 0 4px #dc26261f}textarea.input{padding:14px;min-height:360px;resize:vertical;line-height:1.7}.drop{transition:border-color .18s,background-color .18s,transform .32s var(--ease-spring);cursor:pointer}.drop:hover,.drop.is-over{border-color:#0052ff;background:#f5f8ff}.drop.is-over{transform:scale(1.01)}.drop:focus-within{outline:2px solid #0052FF;outline-offset:2px}.range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:24px;background:transparent;cursor:pointer;margin:0}.range::-webkit-slider-runnable-track{height:6px;border-radius:9999px;background:linear-gradient(90deg,#4D7CFF var(--p, 0%),rgba(255,255,255,.16) var(--p, 0%))}.range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;margin-top:-6px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #00000059;transition:transform .26s var(--ease-spring)}.range:hover::-webkit-slider-thumb{transform:scale(1.15)}.range:active::-webkit-slider-thumb{transform:scale(1.35)}.range::-moz-range-track{height:6px;border-radius:9999px;background:#ffffff29}.range::-moz-range-progress{height:6px;border-radius:9999px;background:#4d7cff}.range::-moz-range-thumb{width:18px;height:18px;border:0;border-radius:50%;background:#fff;box-shadow:0 2px 8px #00000059}.range:focus-visible{outline:2px solid #4D7CFF;outline-offset:4px;border-radius:9999px}.pill-label{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;padding:7px 14px;border-radius:9999px;border:1px solid #E2E8F0;background:#fff;color:#0052ff;font:500 12px/1.2 JetBrains Mono,ui-monospace,monospace;letter-spacing:.15em;text-transform:uppercase}.pill-label:before{content:"";width:6px;height:6px;border-radius:50%;background:#0052ff;animation:mm-pulse 2s infinite}.pill-label-dark{background:#ffffff0d;border-color:#ffffff24;color:#4d7cff}.pill-label-dark:before{background:#4d7cff}.status{display:inline-flex;align-items:center;gap:8px;min-height:30px;padding:0 12px;border-radius:9999px;font:600 13px/1 Lato,system-ui,sans-serif;white-space:nowrap}.status-dot{width:8px;height:8px;border-radius:50%;flex:none}.status-dot.is-live{animation:mm-pulse 2s infinite}.row{transition:transform .24s var(--ease-out),box-shadow .24s var(--ease-out),border-color .2s}.row:hover{transform:translateY(-2px);box-shadow:0 20px 25px #00000014;border-color:#cbd5e1}.row-wrap{display:grid;grid-template-rows:1fr;transition:grid-template-rows .34s var(--ease-out),opacity .26s ease-out,transform .34s var(--ease-out)}.row-wrap>div{min-height:0}.row-wrap.is-leaving{grid-template-rows:0fr;opacity:0;transform:translate(40px)}.row-wrap.is-leaving>div{overflow:hidden}.bar{position:relative;overflow:hidden;height:6px;border-radius:9999px;background:#e2e8f0}.bar-fill{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:var(--mm-grad);transition:width .6s var(--ease-out)}.bar-shine:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);animation:mm-shimmer 1.4s ease-in-out infinite}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;box-sizing:border-box;animation:mm-spin .7s linear infinite;flex:none}.bob{animation:mm-bob 4.6s ease-in-out infinite}.pop-in{animation:mm-pop .42s var(--ease-spring) both}.tip-a{animation:mm-tip-a .46s var(--ease-out) both}.tip-b{animation:mm-tip-b .46s var(--ease-out) both}.spin-once{animation:mm-spin .9s var(--ease-out)}.tip-timer-a,.tip-timer-b{transform-origin:left center}.tip-timer-a{animation:mm-timer-a 8s linear both}.tip-timer-b{animation:mm-timer-b 8s linear both}@keyframes mm-timer-a{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes mm-timer-b{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.ring-slow{animation:mm-spin 60s linear infinite}.lyr-track{transition:transform .62s var(--ease-out);will-change:transform}.lyr-line{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:76px;padding:0 16px;box-sizing:border-box;border:0;background:none;cursor:pointer;white-space:nowrap;color:#94a3b8;font:700 clamp(22px,3vw,40px)/1.1 Lato,system-ui,sans-serif;letter-spacing:-.02em;transform:scale(.72);opacity:.85;border-radius:16px;transition:transform .52s var(--ease-out),opacity .32s ease-out,color .32s ease-out,background-color .2s}.lyr-line:hover{color:#cbd5e1;background:#ffffff08}.lyr-line:focus-visible{outline:2px solid #4D7CFF;outline-offset:-2px}.lyr-line.is-active{transform:scale(1);opacity:1;color:#fff}.lyr-line.is-past{color:#64748b;opacity:.9}.lyr-line.is-flagged .w{text-decoration:underline dashed rgba(245,158,11,.7);text-underline-offset:8px;text-decoration-thickness:2px}.w{display:inline-block;margin:0 .13em;transition:color .14s ease-out,transform .26s var(--ease-spring),opacity .2s}.w-up{color:#94a3b8}.w-sung{color:#fff}.w-now{color:#4d7cff;transform:translateY(-3px) scale(1.06)}.w-wipe{color:transparent;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,#FFFFFF var(--p, 0%),#94A3B8 var(--p, 0%))}.w-hidden{opacity:.1}.w-shown{color:#fff;animation:mm-pop .36s var(--ease-spring) both}.flag-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#f59e0b29;color:#fbbf24;font:700 16px/1 Lato,sans-serif;flex:none}.m-svg *{transform-box:fill-box;transform-origin:center}.m-blink{animation:mm-blink 4.8s infinite}.m-look{animation:mm-look 2.6s ease-in-out infinite}.m-sing{animation:mm-sing .46s ease-in-out infinite}.m-note{animation:mm-float 2.4s ease-out infinite;opacity:0}.m-note.d2{animation-delay:1.2s}.m-hop{animation:mm-hop 1.1s var(--ease-spring) infinite}.m-tilt{animation:mm-tilt 3.2s ease-in-out infinite}.m-breathe{animation:mm-breathe 3.6s ease-in-out infinite}@keyframes mm-spin{to{transform:rotate(360deg)}}@keyframes mm-pulse{0%{box-shadow:0 0 #0052ff73}70%{box-shadow:0 0 0 8px #0052ff00}to{box-shadow:0 0 #0052ff00}}@keyframes mm-ring{0%{transform:scale(1);opacity:.6}to{transform:scale(1.55);opacity:0}}@keyframes mm-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes mm-pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:1}}@keyframes mm-tip-a{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes mm-tip-b{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes mm-shimmer{0%{transform:translate(-120%)}to{transform:translate(320%)}}@keyframes mm-shake{0%,to{transform:none}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}@keyframes mm-blink{0%,91%,to{transform:scaleY(1)}94%{transform:scaleY(.08)}97%{transform:scaleY(1)}}@keyframes mm-look{0%,to{transform:translate(-3px)}50%{transform:translate(3px)}}@keyframes mm-sing{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}@keyframes mm-float{0%{transform:translate(0) rotate(0);opacity:0}20%{opacity:1}to{transform:translate(8px,-22px) rotate(12deg);opacity:0}}@keyframes mm-hop{0%,to{transform:translateY(0)}40%{transform:translateY(-8px)}}@keyframes mm-tilt{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes mm-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes mm-demo-up{0%,30%{transform:translateY(1px) scale(.97)}48%{transform:translateY(-4px) scale(1.02)}62%,to{transform:translateY(-2px) scale(1)}}@keyframes mm-demo-ripple{0%,30%{transform:scale(0);opacity:.22}to{transform:scale(14);opacity:0}}.demo-up{animation:mm-demo-up 1.8s var(--ease-out) infinite}.demo-up:after{animation:mm-demo-ripple 1.8s var(--ease-out) infinite}.is-hover{transform:translateY(-2px)}.btn-primary.is-hover{box-shadow:0 6px 18px #0052ff4d}.btn-secondary.is-hover{border-color:#cbd5e1;box-shadow:0 10px 15px #00000014}.btn-hold.is-hover{border-color:#fca5a5;box-shadow:0 6px 16px #b91c1c29}.is-down{transform:translateY(1px) scale(.97)}.btn-primary.is-down{filter:brightness(.9) saturate(1.1);box-shadow:inset 0 2px 5px #0f172a47}.btn-secondary.is-down{background:#f1f5f9;box-shadow:inset 0 1px 3px #0f172a24}.btn-play.is-hover{transform:scale(1.06)}.btn-play.is-down{transform:scale(.9);filter:brightness(.9)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}:root{--bg: #FAFAFA;--text: #0F172A;--muted-bg: #F1F5F9;--muted: #64748B;--ink-soft: #475569;--accent: #0052FF;--accent-2: #4D7CFF;--accent-bg: #E6EEFF;--line: #E2E8F0;--panel: #FFFFFF;--warn: #B45309;--warn-bg: #FEF3C7;--danger: #B91C1C;--danger-bg: #FEF2F2;--display: Lato, system-ui, -apple-system, "Segoe UI", sans-serif;--font: Lato, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: "JetBrains Mono", ui-monospace, Consolas, monospace;--gradient: linear-gradient(135deg, #0052FF, #4D7CFF);color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{color:#0040cc}a.btn,a.btn:hover{text-decoration:none}a.btn-primary,a.btn-primary:hover{color:#fff}h1,h2,h3{margin:0;font-family:var(--display);font-weight:700;letter-spacing:-.02em;text-wrap:balance}h1{font-size:clamp(40px,5vw,60px);line-height:1.05}h2{font-size:clamp(28px,3.5vw,40px);line-height:1.15}h3{font-size:24px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.muted{color:var(--muted)}.small-text{font-size:13px;line-height:1.4}.lead{margin:0;font-size:18px;line-height:1.7;color:var(--muted);max-width:52ch}.grad{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.mono-label{font-family:var(--mono);font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}.error{color:var(--danger);background:var(--danger-bg);border:1px solid #FECACA;border-radius:12px;padding:10px 14px;margin:0}.field-error{margin:0;color:var(--danger);font-size:14px;font-weight:500}.warning{color:var(--warn);background:var(--warn-bg);border:1px solid #FCD34D;border-radius:12px;padding:10px 14px;margin:0}.stack-8,.stack-12,.stack-14,.stack-16{display:flex;flex-direction:column}.stack-8{gap:8px}.stack-12{gap:12px}.stack-14{gap:14px}.stack-16{gap:16px}.stack-12 p,.stack-14 p,.stack-16 p{margin:0}.row-gap{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.row-gap.between{justify-content:space-between;gap:16px}.row-gap p{margin:0;max-width:460px;font-size:15px;line-height:1.6}.lbl{font-size:14px;font-weight:600}.shell{min-height:100%;display:flex;flex-direction:column}body:has(.shell-player){background:#0f172a}.shell-player{height:100%;background:#0f172a;color:#f1f5f9}.shell-player main{flex:1;min-height:0}.shell-player .topbar{display:none}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px max(32px,calc((100vw - 1200px)/2 + 32px));background:#fafafae0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.topbar nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.brand{display:inline-flex;align-items:center;gap:12px;color:var(--text)}.brand:hover{color:var(--text)}.brand-name{font-family:var(--display);font-size:22px;letter-spacing:-.01em}.logo-mark{width:36px;height:36px;border-radius:12px;background:var(--gradient);display:inline-flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 14px #0052ff40}.who{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border:1px solid var(--line);border-radius:9999px;background:#fff;font-family:var(--mono);font-size:12px;color:var(--ink-soft)}.page{max-width:1000px;margin:0 auto;padding:48px 32px 96px;display:flex;flex-direction:column;gap:28px}.page.wide{max-width:1200px}.page.narrow{max-width:560px}.page-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px}.back-link{align-self:flex-start;margin-left:-14px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 4px 6px #00000012}.empty-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;padding:56px 32px 64px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 4px 6px #00000012}.empty-card .lead{max-width:460px}.input,input,select,textarea{width:100%;min-height:44px;padding:10px 14px;background:#fff;color:var(--text);border:1px solid var(--line);border-radius:8px;font:inherit;transition:border-color .18s,box-shadow .18s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}textarea{resize:vertical;font-family:var(--mono);font-size:14px}input[type=checkbox],input[type=radio]{width:auto;min-height:0;accent-color:var(--accent)}.input.is-invalid{border-color:#dc2626}.login{min-height:100%;background:var(--bg)}.login-wrap{max-width:1200px;margin:0 auto;padding:32px 32px 72px;display:flex;flex-direction:column;gap:56px}.login-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.login-main{display:flex;flex-wrap:wrap;gap:64px;align-items:center}.hero{flex:1.1 1 480px;min-width:0;display:flex;flex-direction:column;gap:28px;align-items:flex-start}.hero h1{font-size:clamp(44px,6vw,80px)}.features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.features li{display:flex;align-items:center;gap:14px;font-weight:500}.feat-ic{width:40px;height:40px;border-radius:12px;background:var(--muted-bg);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;flex:none}.login-card-wrap{flex:.9 1 380px;min-width:0;position:relative;padding-top:76px}.login-mascot{position:absolute;top:0;right:48px;z-index:2}.login-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:40px;box-shadow:0 20px 25px #0000001a;display:flex;flex-direction:column;gap:28px}.login-card form,.login-card .stack-8{gap:8px}.songs{display:flex;flex-direction:column;gap:12px}.summary{padding-bottom:12px;border-bottom:1px solid var(--line)}.song{display:flex;flex-wrap:wrap;align-items:center;gap:20px;padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 4px 6px #00000012}.cover{width:56px;height:56px;border-radius:12px;background:var(--gradient);color:#fff;display:inline-flex;align-items:center;justify-content:center;flex:none}.cover.yt{background:var(--muted-bg);color:var(--accent)}.song-main{flex:1 1 240px;min-width:0;display:flex;flex-direction:column;gap:6px}.song-title{font-size:18px;font-weight:600;letter-spacing:-.01em;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-title:hover{color:var(--accent)}.song-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;color:var(--muted)}.lang{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.1em;padding:3px 8px;border-radius:6px;background:var(--muted-bg);color:var(--ink-soft)}.song-status{flex:0 0 210px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.actions{display:flex;align-items:center;gap:6px;margin-left:auto}.btn-danger-ico:hover:not(:disabled){color:var(--danger);background:var(--danger-bg)}.proc{display:flex;flex-wrap:wrap;gap:32px;align-items:flex-start}.proc-main{flex:1.1 1 520px;min-width:0;display:flex;flex-direction:column;gap:24px}.proc-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 4px 6px #00000012;display:flex;flex-direction:column;gap:24px}.steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.steps li{position:relative;display:flex;align-items:center;gap:16px;padding-bottom:20px;color:var(--muted)}.steps li:last-child{padding-bottom:0}.steps li:not(:last-child):before{content:"";position:absolute;left:19px;top:44px;bottom:4px;width:2px;border-radius:2px;background:var(--line)}.steps li.past:not(:last-child):before{background:var(--accent)}.step-dot{width:40px;height:40px;border-radius:50%;background:var(--muted-bg);display:inline-flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:14px;font-weight:700;color:var(--ink-soft);flex:none}.step-label{font-size:17px;font-weight:600;letter-spacing:-.01em}.steps li.past .step-dot{background:var(--gradient);color:#fff;box-shadow:0 4px 14px #0052ff40}.steps li.past .step-label{color:var(--text)}.steps li.current .step-dot{background:#fff;border:2px solid var(--accent);color:var(--accent)}.steps li.current .step-label{color:var(--accent)}.fail-card{display:flex;flex-direction:column;gap:12px;padding:24px;border-radius:16px;background:var(--danger-bg);border:1px solid #FECACA;color:#991b1b}.fail-card strong{font-size:20px;font-weight:600;color:#7f1d1d}.proc-aside{flex:.9 1 420px;min-width:0;position:relative;overflow:hidden;background:#0f172a;color:#f1f5f9;border-radius:16px;padding:32px;box-shadow:0 20px 25px #0000001a;background-image:radial-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:32px 32px;display:flex;flex-direction:column;align-items:center;gap:28px}.mascot-disc{position:relative;width:240px;height:240px;display:flex;align-items:center;justify-content:center}.mascot-disc .ring-slow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1.5px dashed rgba(77,124,255,.55)}.mascot-disc .disc-bg{position:absolute;top:18px;right:18px;bottom:18px;left:18px;border-radius:50%;background:#f1f5f9;box-shadow:0 0 0 8px #ffffff0a,0 20px 40px #00000059}.disc-mascot{position:relative}.say{max-width:360px;padding:14px 20px;border-radius:16px;background:#fff;color:var(--text);font-size:17px;font-weight:600;line-height:1.45;text-align:center;box-shadow:0 10px 15px #0003}.row{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.page.form .row{gap:16px}.grow{flex:1 1 200px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:14px;font-size:14px}.field>span{color:var(--ink-soft);font-weight:600}.opt{display:flex;align-items:center;gap:8px;color:var(--ink-soft);font-weight:500}.page.form{background:#fff;border:1px solid var(--line);border-radius:16px;padding:32px;box-shadow:0 4px 6px #00000012;margin:32px auto;width:calc(100% - 64px);max-width:1100px}.editor{display:grid;grid-template-columns:1fr 1fr;gap:16px}.preview{background:var(--muted-bg);border:1px solid var(--line);border-radius:8px;padding:10px 14px;height:100%;min-height:200px;max-height:420px;overflow:auto}.preview p{margin:2px 0}.preview .gap{height:12px}.preview .warn{color:var(--warn)}.preview em{font-size:12px}.player{position:relative;height:100%;display:flex;flex-direction:column;width:100%;padding:0 32px;background-image:radial-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:32px 32px}.player-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.08)}.player-title{display:flex;align-items:center;gap:16px;min-width:0}.player-title h2{color:#fff;font-size:30px;line-height:1.1}.player-title .muted{color:#94a3b8;font-size:14px}.player .error,.player .warning{margin-top:12px}.stage{flex:1;min-height:0;display:flex;gap:24px;padding:12px 0}.stage.with-sheet .lyrics-col{flex:1 1 45%}.sheet{flex:0 1 520px;min-width:0;display:flex;flex-direction:column;background:#fff;color:#0f172a;border-radius:16px;box-shadow:0 20px 25px #0000004d;overflow:hidden;position:relative}.sheet-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 16px;background:var(--muted-bg);color:var(--text);border-bottom:1px solid var(--line)}.sheet-tools-toggle{position:absolute;top:8px;right:22px;z-index:5}.sheet-bar.sub{font-size:13px;padding:8px 16px;color:var(--ink-soft)}.time-input{width:64px;padding:4px 8px;text-align:center;min-height:32px}.sheet>p{padding:8px 12px;margin:0;color:var(--ink-soft)}.sheet-scroll{flex:1;min-height:0;overflow-y:scroll;overflow-x:hidden}.sheet-host{position:relative;cursor:pointer}.sheet.horizontal .sheet-scroll{overflow-x:auto;overflow-y:hidden}.stage.sheet-below{flex-direction:column;gap:12px}.stage.sheet-below .lyrics-col{flex:1 1 0;min-height:0}.stage.sheet-below .sheet{flex:0 0 38%;min-height:180px}.stage:fullscreen{background:#0f172a;padding:16px}.sheet-host svg{display:block}.lyrics-col{flex:1;min-width:0;min-height:0;position:relative;display:flex;border-radius:16px;overflow:hidden}.lyrics-col.yt{background:#000}.yt-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.yt-bg iframe{width:100%;height:100%;border:0;pointer-events:none}.lyrics-col.yt:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(15,23,42,var(--yt-dim, .62));pointer-events:none}.lyrics-col.yt .lyrics{position:relative;z-index:1;text-shadow:0 1px 6px rgba(0,0,0,.9)}.lyrics{flex:1;min-width:0;min-height:0;overflow-y:auto;text-align:center;padding:0 12px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent;-webkit-mask-image:linear-gradient(transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(transparent,#000 12%,#000 88%,transparent)}.lyrics .pad{height:45vh}.lyrics .gap{height:22px}.lyrics .gap.sec{height:56px;display:grid;place-items:center}.count{font-family:var(--display);font-size:32px;color:#fff;width:64px;height:64px;border-radius:50%;background:var(--gradient);display:grid;place-items:center;box-shadow:0 8px 24px #0052ff59}.line{position:relative;margin:6px 0;font-size:clamp(22px,3.4vw,34px);font-weight:700;letter-spacing:-.02em;color:#64748b;cursor:pointer;transition:color .2s,transform .2s}.line.past{color:#64748b}.line.active{color:#fff;transform:scale(1.03)}.line.flagged{text-decoration:underline dashed rgba(245,158,11,.7);text-underline-offset:8px}.flag{display:inline-grid;place-items:center;width:18px;height:18px;margin-right:8px;border-radius:50%;background:#f59e0b;color:#0f172a;font-size:12px;font-weight:800;vertical-align:middle}.line .w{display:inline;margin:0}.w:hover{text-decoration:underline;text-decoration-color:var(--accent-2)}.line.active .w.st{color:#94a3b8}.line.active .w.sung{color:#fff}.line.active .w.now{color:var(--accent-2)}.line.active .w.wipe{background:linear-gradient(90deg,#fff var(--p),#94A3B8 var(--p));-webkit-background-clip:text;background-clip:text;color:transparent;transition:none}.line.active .w.hidden{opacity:.12;color:#fff}.line.active .w.shown{opacity:1;color:#fff}.options{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:10px 0;font-size:14px;color:#cbd5e1}.options .opt{color:#cbd5e1}.options select{width:auto;min-height:36px;padding:4px 10px;background:#ffffff0f;color:#f1f5f9;border-color:#ffffff24}.options select option{color:#0f172a}.options .muted{color:#94a3b8}.controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 0 20px;border-top:1px solid rgba(255,255,255,.08)}.seek{flex:1 1 160px;padding:0;min-height:0;border:0;box-shadow:none;background:transparent;accent-color:var(--accent-2)}.time{font-family:var(--mono);font-variant-numeric:tabular-nums;color:#94a3b8;font-size:13px}.offset{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px;color:#cbd5e1}@media (max-width: 900px){.stage.with-sheet{flex-direction:column;gap:12px}.stage.with-sheet .lyrics-col{flex:1 1 40%}.sheet{flex:1 1 60%}.player{padding:0 16px}}@media (max-width: 700px){.topbar{padding:12px 16px}.page{padding:32px 16px 64px}.login-wrap{padding:24px 16px 48px;gap:32px}.login-card{padding:28px 20px}.login-mascot{right:16px}.page.form{padding:20px;width:calc(100% - 32px)}.editor{grid-template-columns:1fr}.song-status{flex-basis:100%}.actions{margin-left:0}.controls{gap:8px}.seek{order:5;flex-basis:100%}.offset{order:6;width:100%;justify-content:space-between}}.summary{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.summary .hint{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--muted);padding-bottom:12px}.summary .mono-label{padding-bottom:12px}.song .actions .btn-hold{min-height:44px}.tip-card{position:relative;align-self:stretch;display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.tip-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.tip-kind{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:#4d7cff}.tip-count{font-family:var(--mono);font-size:12px;color:#94a3b8}.tip-body{min-height:84px;display:flex;flex-direction:column;gap:8px}.tip-body p{margin:0;font-size:17px;line-height:1.6;color:#f1f5f9}.tip-by{font-size:14px;color:#94a3b8}.tip-foot{display:flex;align-items:center;gap:14px}.tip-track{flex:1;height:3px;border-radius:9999px;background:#ffffff1a;overflow:hidden}.tip-track>span{display:block;height:100%;background:#4d7cff;border-radius:9999px}.proc-aside .pill-label{align-self:flex-start}.player-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;font-size:14px;color:#94a3b8}.meta-chip{font-family:var(--mono);font-size:12px;padding:4px 10px;border-radius:9999px;background:#4d7cff24;color:#a5bdff}.meta-chip.busy{display:inline-flex;align-items:center;gap:8px;background:#ffffff0f;color:#cbd5e1}.meta-chip.busy .spinner{color:#4d7cff}.analyzing{align-self:center;margin-top:16px;max-width:760px;display:flex;align-items:center;gap:16px;padding:10px 20px 10px 10px;border-radius:16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12)}.analyzing-disc{width:64px;height:64px;border-radius:50%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;flex:none}.analyzing>div{display:flex;flex-direction:column;gap:4px;min-width:0}.analyzing strong{font-size:15px;font-weight:600;color:#fff}.analyzing span{font-size:14px;line-height:1.5;color:#cbd5e1}.analyzing b{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.15em;color:#4d7cff;margin-right:6px}.sheet-title{font-size:15px;font-weight:700;margin-right:auto}.sheet-bar .opt{gap:8px;font-size:14px;color:var(--ink-soft)}.sheet-bar .offset{color:var(--ink-soft)}.songform{min-height:100%;display:flex;flex-direction:column}.songform main.page{flex:1;padding-bottom:48px}.form-intro{max-width:720px}.form-cols{display:flex;flex-wrap:wrap;gap:24px;align-items:stretch}.form-cols>.form-card{flex:1 1 400px;min-width:0}.form-cols>.form-card:first-child{flex-basis:520px}.form-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 4px 6px #00000012;display:flex;flex-direction:column;gap:20px}.form-card-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.form-step{display:flex;align-items:center;gap:14px}.form-step h2{font-family:var(--font);font-size:20px;font-weight:600;letter-spacing:-.01em;line-height:1.3}.form-step span:not(.step-n){font-size:14px;color:var(--muted)}.step-n{width:32px;height:32px;border-radius:10px;background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;flex:none}.file-chip{display:flex;align-items:center;gap:14px;padding:14px 14px 14px 16px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 1px 3px #0000000f}.file-chip.muted-bg{background:var(--muted-bg);border-color:transparent;box-shadow:none}.file-chip>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.file-chip strong{font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-chip span:not(.file-ic){font-size:14px;color:var(--muted)}.file-ic{width:44px;height:44px;border-radius:12px;background:var(--gradient);color:#fff;display:inline-flex;align-items:center;justify-content:center;flex:none}.dropzone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:196px;padding:24px;border:2px dashed #CBD5E1;border-radius:16px;text-align:center}.sr-file{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;min-height:0;padding:0;border:0}.drop-ic{width:52px;height:52px;border-radius:12px;background:var(--muted-bg);color:var(--accent);display:inline-flex;align-items:center;justify-content:center}.drop-t{font-size:16px;font-weight:600}.drop-link{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.opt-note{font-weight:400}.lyric-cols{display:flex;flex-wrap:wrap;gap:20px}.lyric-col{flex:1 1 380px;min-width:0}.lyric-area{min-height:420px}.lyric-preview{height:420px;overflow:auto;padding:16px;border-radius:12px;background:var(--muted-bg);display:flex;flex-direction:column;gap:2px}.lyric-empty{margin:auto;font-size:15px;color:var(--ink-soft)}.sec-head{display:flex;align-items:center;gap:10px;margin:12px 0 6px;font-family:var(--mono);font-size:11px;letter-spacing:.15em;color:var(--accent)}.sec-head:first-child{margin-top:0}.sec-rule{flex:1;height:1px;background:#cbd5e1}.lyric-row{display:flex;align-items:center;gap:12px;padding:6px 10px;border-radius:8px}.lyric-row.warn{background:#fef3c7}.lyric-n{width:22px;flex:none;font-family:var(--mono);font-size:12px;color:var(--ink-soft);text-align:right}.lyric-t{flex:1;min-width:0;font-size:15px;line-height:1.5}.lyric-row.warn .lyric-t{color:#78350f}.warn-badge{flex:none;font-size:12px;font-weight:600;padding:3px 8px;border-radius:9999px;background:#fde68a;color:#78350f}.form-warn{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:12px;background:#fffbeb;border:1px solid #FDE68A;color:#78350f;font-size:15px;line-height:1.5}.form-warn svg{flex:none;margin-top:1px}.submit-bar{position:sticky;bottom:0;z-index:10;background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line)}.submit-inner{max-width:1200px;margin:0 auto;padding:16px 32px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.ready{display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:500}.ready-dot{width:8px;height:8px;border-radius:50%}@media (max-width: 700px){.submit-inner{padding:12px 16px}.form-card{padding:20px}}.beatbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 0;color:#cbd5e1;font-size:13px}.beats{display:flex;gap:6px}.beat{width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#94a3b8;font-family:var(--mono);font-size:12px;cursor:pointer;transition:background .08s,transform .08s}.beat.down{border-color:#4d7cffb3}.beat.on{background:var(--accent-2);color:#fff;border-color:var(--accent-2);transform:scale(1.15)}.beat-label{font-family:var(--mono);font-size:12px;margin-left:4px}.beat-go{display:flex;gap:6px;margin-left:auto}.beat-go input{width:72px;min-height:32px;padding:2px 8px;background:#ffffff0f;color:#f1f5f9;border-color:#ffffff24}.info-edit{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;padding:12px 14px;margin:8px 0;border-radius:12px;background:#ffffff0f;color:#cbd5e1}.info-edit .opt{display:flex;flex-direction:column;align-items:flex-start;gap:4px;font-size:12px}.info-edit input,.info-edit select{width:140px;min-height:34px;padding:4px 8px;background:#ffffff0f;color:#f1f5f9;border-color:#ffffff24}.info-edit select option{color:#0f172a}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0f172a99;display:grid;place-items:center;padding:16px}.modal{width:min(860px,100%);max-height:88vh;display:flex;flex-direction:column;background:var(--panel);color:var(--text);border-radius:16px;box-shadow:0 24px 64px #00000059}.modal-head{padding:18px 20px 8px;display:flex;flex-direction:column;gap:4px}.modal-body{overflow:auto;padding:4px 20px}.modal-foot{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:14px 20px;border-top:1px solid var(--line)}.trow{display:grid;grid-template-columns:28px 1fr 84px auto 84px auto auto;gap:6px;align-items:center;padding:4px 0;border-bottom:1px solid var(--line)}.trow input{min-height:32px;padding:2px 6px}.tn{font-family:var(--mono);font-size:12px;color:var(--ink-soft);text-align:right}.ttext{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.modal .btn-dark{background:var(--muted-bg);color:var(--text)}.dl{position:relative;display:inline-block}.dl summary{list-style:none;cursor:pointer}.dl summary::-webkit-details-marker{display:none}.dl-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:20;min-width:260px;display:flex;flex-direction:column;padding:6px;border-radius:12px;background:var(--panel);box-shadow:0 12px 32px #0000004d}.dl-menu a{padding:8px 12px;border-radius:8px;color:var(--text);font-size:14px}.dl-menu a:hover{background:var(--accent-bg)}@media (max-width: 640px){.trow{grid-template-columns:24px 1fr 70px 70px auto}.trow .btn:not(:last-child){display:none}}.beatboxes.side{position:absolute;left:14px;top:50%;transform:translateY(-50%);z-index:2;display:flex;flex-direction:row;align-items:center;gap:12px}.bline{display:flex;flex-direction:row;align-items:center;gap:12px}.badj{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;padding:6px 8px;border-radius:10px;background:#0f172ad9;color:#e2e8f0;font-size:12px}.bbox.picked{outline:2px solid #FF9F1C;outline-offset:2px}.bbox.adjusted:after{content:"";position:absolute;top:3px;right:3px;width:6px;height:6px;border-radius:50%;background:#ff9f1c}.bcol{display:flex;flex-direction:column;gap:8px}.brow{display:flex;align-items:center;gap:4px}.prevbar,.nextbar{opacity:.5}.prevbar .bbox,.nextbar .bbox{width:26px;height:26px;font-size:11px;border-radius:7px}.bbox{cursor:pointer;padding:0}.sbox{width:11px;height:11px;padding:0;border:0;border-radius:3px;background:#ffffff2e;cursor:pointer;transition:background .1s,transform .1s}.sbox.passed{background:#4d7cff8c}.sbox.cur{background:#fff;transform:scale(1.35);box-shadow:0 0 10px #fffc}.bbox{position:relative;width:38px;height:38px;border-radius:10px;overflow:hidden;display:grid;place-items:center;background:#ffffff12;border:1px solid rgba(255,255,255,.16);color:#94a3b8;font-family:var(--mono);font-size:14px;transition:transform .12s,background .12s,box-shadow .12s}.bbox b{position:relative;z-index:1;font-weight:700}.bbox.down{border-color:#4d7cffb3}.bbox.passed{background:#4d7cff38;color:#c7d6ff}.bbox.cur{background:var(--accent-2);color:#fff;border-color:#fff;transform:scale(1.18);box-shadow:0 0 22px #4d7cffd9}.bbox.cur.down{background:#ff9f1c;border-color:#fff;box-shadow:0 0 24px #ff9f1cd9}.bfill{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff47;transform-origin:bottom}.beatboxes.live .bbox.cur{animation:bpop .35s ease-out}@keyframes bpop{0%{transform:scale(1.5)}to{transform:scale(1.18)}}@media (max-width: 640px){.beatboxes.side{left:6px;gap:5px}.bbox{width:28px;height:28px;font-size:12px}}.modal-title{display:flex;justify-content:space-between;align-items:center}.tabs{display:flex;gap:4px;margin-top:10px;border-bottom:1px solid var(--line)}.tab{border:0;background:none;padding:8px 14px;font:inherit;font-weight:700;color:var(--muted);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-1px}.tab.on{color:var(--accent);border-bottom-color:var(--accent)}.modal-panel{display:flex;flex-direction:column;min-height:0;flex:1}.modal-panel[hidden]{display:none}.lyrics-edit{width:100%;min-height:320px}.info-grid{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px}.info-grid .opt,.beat-field .opt{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--ink-soft)}.info-grid input,.info-grid select,.beat-field input{width:150px}.beat-field{display:flex;align-items:flex-end;gap:12px;padding:8px 0 12px}.lyrics-stage{flex:1;min-width:0;min-height:0;position:relative;display:flex;flex-direction:column;padding:28px;z-index:1}.lyrics-stage.with-beats{padding-left:190px}.lyrics-stage.v-top{justify-content:flex-start}.lyrics-stage.v-center{justify-content:center}.lyrics-stage.v-bottom{justify-content:flex-end}.lyrics-stage.h-left{align-items:flex-start;text-align:left}.lyrics-stage.h-center{align-items:center;text-align:center}.lyrics-stage.h-right{align-items:flex-end;text-align:right}.lyrics-stage .count{position:absolute;top:20px;left:50%;transform:translate(-50%)}.lyrics-stage .line{font-size:clamp(26px,4.4vw,52px)}.lyrics-stage .line.past{color:#94a3b8}.lyrics-stage .line.active{transform:none}.lyrics-col.yt .lyrics-stage{text-shadow:0 1px 6px rgba(0,0,0,.9)}.stage-body.fx-fade>.line,.lyrics.fx-fade .line.active{animation:fxFade .5s ease-out}.stage-body.fx-slide>.line,.lyrics.fx-slide .line.active{animation:fxSlide .45s cubic-bezier(.2,.8,.2,1)}.stage-body.fx-zoom>.line,.lyrics.fx-zoom .line.active{animation:fxZoom .45s cubic-bezier(.2,.8,.2,1)}.stage-body.fx-blur>.line,.lyrics.fx-blur .line.active{animation:fxBlur .55s ease-out}.stage-body.fx-flip>.line,.lyrics.fx-flip .line.active{animation:fxFlip .55s ease-out;transform-origin:50% 100%}@keyframes fxFade{0%{opacity:0}}@keyframes fxSlide{0%{opacity:0;transform:translateY(28px)}}@keyframes fxZoom{0%{opacity:0;transform:scale(.78)}}@keyframes fxBlur{0%{opacity:0;filter:blur(14px)}}@keyframes fxFlip{0%{opacity:0;transform:perspective(600px) rotateX(-75deg)}}@media (max-width: 640px){.lyrics-stage.with-beats{padding-left:120px}}.resets{display:flex;flex-direction:column;gap:8px;align-items:flex-start;margin-top:8px}.reset-row{display:flex;gap:8px;align-items:center}.reset-row input{width:120px}.player-body{flex:1;min-height:0;display:flex;gap:16px}.player-body>.stage{flex:1;min-width:0}.tools-side{flex:0 0 320px;min-height:0;overflow-y:auto;margin:12px 0;padding:14px;border-radius:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:14px;scrollbar-width:thin}.tools-side .options{flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:10px;padding:0}.tools-side .options .opt{display:flex;align-items:center;justify-content:space-between;gap:10px}.tools-side .options .opt:has(input[type=checkbox]){justify-content:flex-start}.tools-side .options select{width:170px}.tools-side .beatbar{padding:12px 0 0;border-top:1px solid rgba(255,255,255,.1)}.tools-side .beat-go{margin-left:0}@media (max-width: 900px){.player-body{flex-direction:column}.tools-side{flex:0 0 auto;max-height:40vh}}.tools-side .side-offset{order:-1;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.line{font-family:var(--lyr-font, inherit);font-size:calc(clamp(22px,3.4vw,34px) * var(--lyr-size, 1))}.lyrics-stage .line{font-size:calc(clamp(26px,4.4vw,52px) * var(--lyr-size, 1))}.line,.line.past{color:var(--lyr-dim, #64748B)}.lyrics-stage .line.past{color:var(--lyr-dim, #94A3B8)}.line.active{color:var(--lyr-color, #fff)}.line.active .w.st{color:var(--lyr-dim, #94A3B8)}.line.active .w.sung,.line.active .w.shown{color:var(--lyr-color, #fff)}.line.active .w.wipe{background:linear-gradient(90deg,var(--lyr-color, #fff) var(--p),var(--lyr-dim, #94A3B8) var(--p));-webkit-background-clip:text;background-clip:text;color:transparent}.countline{cursor:default;margin:0;font-variant-numeric:tabular-nums;animation:fxZoom .4s cubic-bezier(.2,.8,.2,1)}.w.wfx{display:inline-block}.w.wfx-fade.wnow{animation:wFade .4s ease-out}.w.wfx-jump.wnow{animation:wJump .35s ease-out}.w.wfx-pop.wnow{animation:wPop .35s ease-out}.w.wfx-drop.wnow{animation:wDrop .4s cubic-bezier(.2,.8,.2,1)}.w.wfx-glow.wnow{text-shadow:0 0 14px currentColor}.w.wfx-wobble.wnow{animation:wWobble .4s ease-in-out}@keyframes wFade{0%{opacity:0}}@keyframes wJump{0%,to{transform:translateY(0)}40%{transform:translateY(-.35em)}}@keyframes wPop{0%,to{transform:scale(1)}50%{transform:scale(1.35)}}@keyframes wDrop{0%{opacity:0;transform:translateY(-.6em)}}@keyframes wWobble{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}.tg{border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff08}.tg>summary{list-style:none;cursor:pointer;padding:10px 14px;font-weight:700;color:#f1f5f9;display:flex;justify-content:space-between;align-items:center}.tg>summary::-webkit-details-marker{display:none}.tg>summary:after{content:"+";color:#94a3b8;font-weight:400;font-size:18px}.tg[open]>summary:after{content:"−"}.tg-body{display:flex;flex-direction:column;gap:10px;padding:4px 14px 14px;font-size:14px;color:#cbd5e1}.tg-body .opt{display:flex;align-items:center;justify-content:space-between;gap:10px}.tg-body .opt:has(input[type=checkbox]){justify-content:flex-start}.tg-body select{width:170px;min-height:36px;padding:4px 10px;background:#ffffff0f;color:#f1f5f9;border-color:#ffffff24}.tg-body select option{color:#0f172a}.tg-body input[type=range]{width:170px}.color-pick{display:flex;align-items:center;gap:8px}.color-pick input{width:44px;height:32px;padding:0;border:0;background:none}.tools-side .side-offset{order:0;border-bottom:0;padding-bottom:0}.m-svg.m-click{animation:mClick .6s cubic-bezier(.3,1.6,.5,1);transform-origin:50% 90%}@keyframes mClick{0%{transform:none}25%{transform:scale(1.15,.8) translateY(6px)}55%{transform:scale(.9,1.15) translateY(-18px) rotate(-8deg)}80%{transform:scale(1.05,.95) rotate(6deg)}to{transform:none}}.m-spark{animation:mSpark .6s ease-out both}.m-spark.s2{--dx: -26px;--dy: -14px}.m-spark.s1{--dx: 0px;--dy: -24px}.m-spark.s3{--dx: 26px;--dy: -14px}@keyframes mSpark{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(var(--dx),var(--dy))}}.m-chew{animation:mChew .45s ease-in-out infinite}@keyframes mChew{0%,to{transform:scaleY(1)}50%{transform:scaleY(.45)}}.m-eat{animation:mEat 2.4s ease-in-out infinite}@keyframes mEat{0%,to{transform:translate(0)}35%,65%{transform:translate(-17px,-14px) scale(.9)}}.m-crumb{animation:mCrumb 1.2s ease-in infinite}.m-crumb.d2{animation-delay:.5s}@keyframes mCrumb{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(14px)}}.m-pix{animation:mPix 1.1s steps(4) infinite}@keyframes mPix{0%{transform:translate(0)}25%{transform:translate(8px)}50%{transform:translate(8px,-2px)}75%{transform:translate(14px,1px)}to{transform:translate(0)}}.m-bobber{animation:mBobber 2.2s ease-in-out infinite}@keyframes mBobber{0%,55%,to{transform:translateY(0)}65%,75%{transform:translateY(5px)}}.lyrics-stage .line.micro{font-size:calc(clamp(34px,6vw,72px) * var(--lyr-size, 1))}.lyrics-stage .line.micro-word{font-size:calc(clamp(64px,14vw,180px) * var(--lyr-size, 1))}.tbar{position:sticky;top:0;z-index:5;background:var(--bg, #0f172a);padding:8px 0 10px;border-bottom:1px solid var(--line)}.tbar-top{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px}.tbar-time{font-variant-numeric:tabular-nums;font-size:13px}.tbar-sel{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;opacity:.8}.tbar-zoom{display:flex;align-items:center;gap:4px;font-size:12px}.tbar-track{position:relative;height:44px;border-radius:8px;background:#94a3b826;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.tbar-seg{position:absolute;top:14px;height:16px;border-radius:4px;background:#94a3b859;pointer-events:none}.tbar-seg.on{background:#6366f18c}.tbar-tick{position:absolute;top:8px;width:2px;height:28px;background:#ffffff59;pointer-events:none}.tbar-tick.on{background:var(--accent-2, #38bdf8)}.tbar-head{position:absolute;top:0;width:2px;height:100%;background:#f43f5e;pointer-events:none}.tbar-handle{position:absolute;top:2px;width:12px;height:40px;margin-left:-6px;border-radius:4px;background:var(--accent-2, #38bdf8);cursor:ew-resize;z-index:2}.tbar-handle.end{background:#f59e0b}.trow.on{background:#6366f12e}.trow .ttext{cursor:pointer}.wrow{padding-left:16px;opacity:.92}.fx-pool{display:grid;grid-template-columns:1fr 1fr;gap:2px 8px;margin:-2px 0 6px}.lyrics-col.yt .lyrics,.lyrics-col.yt .lyrics-stage{opacity:var(--lyr-opacity, 1)}.lyrics-col:fullscreen{border-radius:0}.yt-link{margin-left:8px;vertical-align:middle;min-height:0;padding:4px 6px}.lyrics-col{flex-direction:column}.lyrics-col>.lyrics,.lyrics-col>.lyrics-stage{flex:1 1 0;min-height:0}.badj{align-self:center}.beatline{flex-shrink:0;width:100%;padding:8px 12px 12px;z-index:3;position:relative;display:flex;flex-direction:column;gap:6px}.bl-row{position:relative}.bl-scroll{display:flex;align-items:stretch;overflow-x:auto;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-x;scrollbar-width:none;-ms-overflow-style:none;border-radius:10px}.bl-scroll::-webkit-scrollbar{display:none}.bl-scroll.with-lyr{padding-bottom:20px}.bl-scroll:active{cursor:grabbing}.bl-bar{display:flex;flex:none}.bl-bar+.bl-bar{border-left:4px solid #64748B}.bl-tile{position:relative;flex:none;height:50px;border-radius:0;background:#f8f8f8;border:0;border-right:1px solid #D9D9D9;color:#64748b;font-family:var(--mono);font-size:14px;cursor:pointer;padding:0;transition:background .25s,color .25s,transform .25s,box-shadow .25s}.bl-tile:hover{background:#edf2ff}.bl-bar:last-child .bl-tile:last-child{border-right:0}.bl-tile small{position:absolute;top:2px;left:4px;font-size:9px;opacity:.7}.bl-tile.cur{background:var(--accent-2);color:#fff;transform:scale(1.12);z-index:2;box-shadow:0 0 18px #4d7cffd9;animation:blpop .35s ease-out}.bl-tile.cur.down{background:#ff9f1c;box-shadow:0 0 18px #ff9f1cd9}.bl-tile.picked{outline:2px solid #FF9F1C;outline-offset:-2px}.bl-tile.adjusted:after{content:"";position:absolute;top:3px;right:3px;width:6px;height:6px;border-radius:50%;background:#ff9f1c}.bl-lyr{position:absolute;left:3px;top:100%;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font);font-size:12px;font-weight:600;color:#cbd5e1;text-align:left;pointer-events:none}.bl-follow{position:absolute;right:8px;top:50%;transform:translateY(-50%) scale(.6);opacity:0;pointer-events:none;z-index:4;width:36px;height:36px;border-radius:50%;border:0;background:var(--accent-2);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 10px #0006;transition:opacity .2s,transform .2s}.bl-follow.show{opacity:1;transform:translateY(-50%) scale(1);pointer-events:auto}@keyframes blpop{0%{transform:scale(.9)}60%{transform:scale(1.22)}to{transform:scale(1.12)}}.prevbar,.nextbar{display:none}.lyrics{overflow-x:hidden}.lyrics-stage,.stage-body{overflow-x:clip;max-width:100%}.player,.player-body,.stage{overflow-x:clip}.lyrics-col,.lyrics-col .line,.lyrics-col .w{cursor:pointer}.wadj{position:absolute;left:50%;bottom:76px;transform:translate(-50%);z-index:4;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;max-width:92%;padding:6px 10px;border-radius:10px;background:#0f172aeb;color:#e2e8f0;font-size:12px;cursor:default}.wadj-t{flex-basis:100%;text-align:center;opacity:.85}.w.wpicked{outline:2px solid #FF9F1C;outline-offset:2px;border-radius:4px}.line.finished{opacity:0;transition:opacity .35s ease-out;pointer-events:none}.edit-dock{flex:0 0 460px;min-height:0;margin:12px 0;display:flex}.modal.docked{width:100%;max-height:none;height:100%;box-shadow:none;border:1px solid rgba(255,255,255,.08)}.modal.docked .trow{grid-template-columns:24px 1fr 70px 70px}.modal.docked .trow .btn{grid-column:auto}.modal.docked .modal-body{overflow-x:hidden}@media (max-width: 900px){.edit-dock{flex:0 0 auto;max-height:60vh}}.btn-ico{width:32px;min-width:32px;padding:0;display:inline-grid;place-items:center}.modal.docked .trow{grid-template-columns:24px 1fr 64px 32px 64px 32px 32px 32px}.tfocus{display:flex;align-items:center;gap:8px;padding:6px 0}.tline{border-bottom:1px solid var(--line)}.tline.now .tline-head{box-shadow:inset 3px 0 #4d7cff}.tline.on{background:#6366f11f}.tline-head{display:grid;grid-template-columns:28px 1fr auto auto;gap:8px;align-items:center;padding:8px 4px;cursor:pointer}.tline-text{font-size:14px;white-space:normal;overflow-wrap:anywhere}.tline-range{font-family:var(--mono);font-size:12px;color:var(--ink-soft);white-space:nowrap}.tline-edit{padding:4px 0 10px 28px}.tline-edit .trow.tedit{grid-template-columns:84px auto 84px auto auto;justify-content:start;border-bottom:0}.modal.docked .tline-edit .trow.tedit{grid-template-columns:76px 32px 76px 32px 32px}.modal.docked .tline-edit .trow.wrow{grid-template-columns:1fr 64px 32px 64px 32px 32px}.modal.docked .tline-edit .wrow .tn{display:none}.te{border-top:1px solid rgba(255,255,255,.08);padding:8px 0 6px;flex:0 0 auto}.te-bar{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:13px;color:#94a3b8}.te-bar .btn:disabled{opacity:.35}.te-status.saving{color:#fbbf24}.te-status.error{color:#f87171}.te-status.saved{color:#86efac}.te-hint{flex:1;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.te-time{font-family:var(--mono);font-variant-numeric:tabular-nums}.te-scroll{position:relative;overflow-x:auto;overflow-y:hidden;background:#00000040;border:1px solid rgba(255,255,255,.08);border-radius:8px}.te-inner{position:relative}.te-canvas{position:absolute;top:0;cursor:pointer}.te-line{position:absolute;border-radius:8px;background:#6366f124}.te-line.drag{box-shadow:0 0 0 2px #fff;z-index:2}.te-lh{height:13px;line-height:13px;padding:0 8px;font-size:9px;color:#ffffffb3;background:#6366f159;border-radius:8px 8px 0 0;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.te-line.odd .te-lh{background:#ec489959}.te-lg{position:absolute;top:0;bottom:0;width:5px;cursor:ew-resize;touch-action:none;background:#ffffff40}.te-lg.l{left:0;border-radius:8px 0 0 8px}.te-lg.r{right:0;border-radius:0 8px 8px 0}.te-line.odd{background:#ec48991f}.te-line i-unused{position:absolute;left:4px;top:-1px;font-size:9px;font-style:normal;color:#ffffff59}.te-word{position:absolute;box-sizing:border-box;display:flex;align-items:center;background:#4f46e5;color:#fff;border-radius:5px;font-size:12px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;overflow:hidden}.te-word.on{background:#ec4899}.te-word.drag{cursor:grabbing;box-shadow:0 0 0 2px #fff;z-index:3}.te-t{flex:1;min-width:0;padding:0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.te-h{position:absolute;top:0;bottom:0;cursor:ew-resize;background:#ffffff2e}.te-h.l{left:0}.te-h.r{right:0}.te-head{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#f97316;pointer-events:none;z-index:4}.te-sel{display:flex;align-items:center;gap:12px;margin-bottom:6px;font-size:13px;color:#cbd5e1}.te-sel label{display:flex;align-items:center;gap:6px}.te-sel select{width:auto;min-height:30px;padding:2px 8px;background:#ffffff0f;color:#f1f5f9;border-color:#ffffff24}.te-sel select option{color:#0f172a}.te-word.sel{box-shadow:0 0 0 2px #fbbf24;z-index:2}.te-word.brk{border-left:3px solid #F97316}.te-word.join{border-left:3px dotted #94A3B8}.te-word.hasfx:after{content:"º6";position:absolute;right:9px;top:0;font-size:9px;color:#fde68a;pointer-events:none}