:root{--color-bg:#faf7f0;--color-surface:#fff;--color-surface-alt:#f3efe4;--color-border:#e5dfd0;--color-border-strong:#d3cab5;--color-ink:#1a1a18;--color-ink-muted:#6b6358;--color-ink-faint:#a39a89;--color-accent:#c1440e;--color-accent-ink:#fff;--color-chord:#1565c0;--color-danger:#b3261e;--color-success:#2e7d32;--color-accent-hover:#a23a0c;--color-danger-hover:#962017;--font-ui:-apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Code", Consolas, monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-md:1rem;--text-lg:1.15rem;--text-xl:1.4rem;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--focus-ring:0 0 0 3px #c1440e59}[data-theme=dark]{--color-bg:#15140f;--color-surface:#211f18;--color-surface-alt:#292619;--color-border:#322f25;--color-border-strong:#423e30;--color-ink:#f2ede1;--color-ink-muted:#a89e8c;--color-ink-faint:#6e6757;--color-accent:#ff7a30;--color-accent-ink:#15140f;--color-chord:#5aa9ff;--color-danger:#ff6b5e;--color-success:#6fcf73;--color-accent-hover:#ff8f52;--color-danger-hover:#ff8276;--focus-ring:0 0 0 3px #ff7a3066}body{background:var(--color-bg);color:var(--color-ink);font-family:var(--font-ui);font-size:var(--text-base);margin:0;line-height:1.5}::selection{background:var(--color-accent);color:var(--color-accent-ink)}.btn{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);font-family:var(--font-ui);font-size:var(--text-sm);cursor:pointer;background:var(--color-accent);color:var(--color-accent-ink);border:1px solid #0000;padding:.5rem 1rem;font-weight:500;transition:background-color .15s,transform 50ms;display:inline-flex}.btn:hover{background:var(--color-accent-hover)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.btn-outline{color:var(--color-accent);border-color:var(--color-accent);background:0 0}.btn-outline:hover{background:var(--color-surface-alt)}.btn-quiet{color:var(--color-ink-muted);background:0 0;border-color:#0000}.btn-quiet:hover{color:var(--color-ink);background:var(--color-surface-alt)}.btn-danger{color:var(--color-danger);border-color:var(--color-danger);background:0 0}.btn-danger:hover{background:var(--color-danger);color:var(--color-accent-ink)}.btn-icon{border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);width:1.8rem;height:1.8rem;color:var(--color-ink-muted);font-size:var(--text-sm);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-icon:hover{background:var(--color-surface-alt);color:var(--color-ink)}.btn-icon.danger:hover{background:var(--color-danger);color:var(--color-accent-ink);border-color:var(--color-danger)}.field{gap:var(--space-1);flex-direction:column;display:flex}.field-label{font-size:var(--text-sm);color:var(--color-ink-muted);font-weight:600}.field-hint{font-size:var(--text-xs);color:var(--color-ink-faint);margin:0}.field-hint code,.text-code{background:var(--color-surface-alt);border-radius:var(--radius-sm);font-family:var(--font-mono);padding:.05rem .3rem}.input,.textarea,.select{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font-size:var(--text-base);font-family:var(--font-ui);background:var(--color-surface);color:var(--color-ink);padding:.45rem .6rem}.input:focus,.textarea:focus,.select:focus{box-shadow:var(--focus-ring);border-color:var(--color-accent);outline:none}.textarea{resize:vertical}.textarea-mono{font-family:var(--font-mono);font-size:var(--text-sm)}.fieldset{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3)}.fieldset>legend{font-size:var(--text-sm);color:var(--color-ink-muted);font-weight:600}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.banner{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);flex-direction:column;display:flex}.banner-warning{border:1px solid var(--color-accent);background:var(--color-surface-alt)}.list-dense{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.list-dense th{text-align:left;border-bottom:1px solid var(--color-border);cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:600;font-size:var(--text-xs);color:var(--color-ink-muted);padding:.4rem .6rem}.list-dense td{border-bottom:1px solid var(--color-border);font-size:var(--text-sm);vertical-align:middle;color:var(--color-ink);padding:.4rem .6rem}.list-dense tr:hover td{background:var(--color-surface-alt)}.badge{font-size:var(--text-xs);border-radius:999px;align-items:center;padding:.1rem .45rem;font-weight:600;display:inline-flex}.badge-accent{background:var(--color-surface-alt);color:var(--color-accent)}.badge-pdf{color:var(--color-danger);background:#b3261e1f}.badge-txt{color:var(--color-chord);background:#1565c01f}[data-theme=dark] .badge-pdf{background:#ff6b5e2e}[data-theme=dark] .badge-txt{background:#5aa9ff2e}.text-error{color:var(--color-danger);font-size:var(--text-sm);margin:0}.text-success{color:var(--color-success);font-size:var(--text-sm);margin:0}.text-muted{color:var(--color-ink-muted)}.text-faint{color:var(--color-ink-faint)}.lyrics{font-family:var(--font-mono);font-size:var(--text-md);white-space:pre-wrap;margin:0;line-height:1.6}.lyrics-chord{color:var(--color-chord);font-weight:600}.lyrics-word{color:var(--color-ink);font-family:var(--font-ui)}