:root{--bg: #0f1119;--bg-glow: #161a29;--elev: #171a26;--elev-2: #1e2231;--elev-3: #262b3d;--line: rgba(255, 255, 255, .07);--line-warm: rgba(232, 168, 124, .18);--ink: #ece9e0;--ink-soft: #b9b8c2;--ink-dim: #7f8191;--ink-faint: #565869;--amber: #e8a87c;--amber-deep: #d68a56;--amber-soft: rgba(232, 168, 124, .12);--teal: #74b3a1;--teal-soft: rgba(116, 179, 161, .14);--rose: #d97a8c;--rose-soft: rgba(217, 122, 140, .14);--serif: "Noto Serif SC", "Songti SC", "STSong", Georgia, "Times New Roman", serif;--sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Segoe UI", "Microsoft YaHei", sans-serif;--mono: "SF Mono", ui-monospace, "JetBrains Mono", "Roboto Mono", Menlo, monospace;--r-sm: 8px;--r-md: 12px;--r-lg: 18px;--shadow: 0 12px 40px -12px rgba(0, 0, 0, .6);--shadow-sm: 0 4px 16px -6px rgba(0, 0, 0, .5)}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%}body{font-family:var(--sans);color:var(--ink);background:var(--bg);background-image:radial-gradient(1100px 700px at 78% -12%,rgba(232,168,124,.1),transparent 60%),radial-gradient(900px 620px at -8% 108%,rgba(116,179,161,.08),transparent 58%),linear-gradient(180deg,var(--bg-glow),var(--bg) 42%);background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;color:inherit}input,select,textarea{font-family:inherit}::selection{background:var(--amber-soft);color:var(--amber)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff17;border-radius:999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#e8a87c59;background-clip:padding-box}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:var(--elev-2);color:var(--ink-soft);padding:9px 16px;border-radius:var(--r-sm);font-size:.9rem;letter-spacing:.02em;transition:all .16s ease;white-space:nowrap}.btn:hover{border-color:var(--line-warm);color:var(--ink);background:var(--elev-3)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,var(--amber),var(--amber-deep));border-color:transparent;color:#241708;font-weight:600;box-shadow:0 6px 20px -8px #e8a87cb3}.btn-primary:hover{filter:brightness(1.06);background:linear-gradient(135deg,var(--amber),var(--amber-deep));color:#241708}.btn-ghost{background:transparent;border-color:transparent;color:var(--ink-dim)}.btn-ghost:hover{background:var(--elev-2);color:var(--ink);border-color:transparent}.btn-icon{width:38px;height:38px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;background:transparent;color:var(--ink-soft);transition:all .16s ease}.btn-icon:hover{background:var(--elev-2);color:var(--ink)}.field{width:100%;background:var(--elev);border:1px solid var(--line);color:var(--ink);padding:12px 14px;border-radius:var(--r-sm);font-size:.95rem;transition:border-color .16s ease,box-shadow .16s ease}.field::placeholder{color:var(--ink-faint)}.field:focus{outline:none;border-color:var(--amber);box-shadow:0 0 0 3px var(--amber-soft)}.label{display:block;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:8px}.card{background:linear-gradient(180deg,var(--elev),var(--bg-glow));border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow)}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.badge{display:inline-flex;align-items:center;font-size:.68rem;letter-spacing:.06em;padding:2px 8px;border-radius:999px;font-family:var(--mono)}.badge-original{background:var(--teal-soft);color:var(--teal)}.badge-accompaniment{background:var(--rose-soft);color:var(--rose)}.empty{text-align:center;color:var(--ink-faint);padding:64px 20px;font-size:.92rem;line-height:1.8}.empty .glyph{font-family:var(--serif);font-size:2.4rem;color:var(--ink-dim);display:block;margin-bottom:12px;opacity:.6}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.28);border-top-color:var(--amber);animation:spin .7s linear infinite;display:inline-block;box-shadow:0 0 10px -2px #e8a87c80}.btn-primary .spinner{border-color:#24170859;border-top-color:#241708;box-shadow:none}.btn:disabled:has(.spinner){opacity:.8}@keyframes spin{to{transform:rotate(360deg)}}.toast-host{position:fixed;top:22px;left:50%;transform:translate(-50%);z-index:1000;display:flex;flex-direction:column;gap:10px;align-items:center;pointer-events:none}.toast{background:var(--elev-3);border:1px solid var(--line-warm);color:var(--ink);padding:11px 20px;border-radius:var(--r-md);font-size:.9rem;box-shadow:var(--shadow);max-width:80vw}.toast.err{border-color:#d97a8c66;color:var(--rose)}.toast.ok{border-color:#74b3a159}.toast-enter-active,.toast-leave-active{transition:all .28s cubic-bezier(.2,.8,.2,1)}.toast-enter-from{opacity:0;transform:translateY(-14px)}.toast-leave-to{opacity:0;transform:translateY(-8px) scale(.96)}