:root { color-scheme: dark; }
html, body { margin: 0; background: var(--bg, #0a0a0b); color: var(--text, #fff);
  font-family: -apple-system, BlinkMacSystemFont, 'Noto Sans SC', sans-serif; min-height: 100dvh; }
.create { max-width: 540px; margin: 0 auto; padding: 64px 24px; display: flex; flex-direction: column; gap: 18px; }
.logo { font: 700 48px/1 'Noto Sans SC'; letter-spacing: -0.04em; margin: 0; }
.pink { background: linear-gradient(160deg, #ff5470 0%, #c4133a 100%); -webkit-background-clip: text; color: transparent; }
.lead { color: var(--text-2, rgba(255,255,255,0.74)); font-size: 15px; line-height: 1.5; margin: 0 0 8px; }
textarea { width: 100%; min-height: 96px; padding: 14px;
  background: var(--surface, #1a1a1c); color: #fff; border: 1px solid var(--hairline, rgba(255,255,255,0.08));
  border-radius: 14px; font: 500 15px/1.4 monospace; resize: vertical; box-sizing: border-box; }
textarea:focus { outline: 2px solid var(--pink, #fa2d48); }
.btn { display: block; text-align: center; padding: 13px 20px; border-radius: 999px;
  font: 600 15px/1 'Noto Sans SC'; border: 0; cursor: pointer; text-decoration: none; color: #fff;
  background: rgba(255,255,255,0.08); }
.btn.primary { background: var(--pink, #fa2d48); box-shadow: 0 10px 30px -6px rgba(250,45,72,0.55); }
.btn[disabled] { opacity: .5; cursor: not-allowed; }
#result { margin-top: 16px; padding: 16px; background: var(--surface, #1a1a1c); border-radius: 14px;
  display: flex; flex-direction: column; gap: 12px; }
.meta-row { display: flex; gap: 12px; align-items: center; }
#result-cover { width: 52px; height: 52px; border-radius: 8px; background: var(--surface-2, #242427); object-fit: cover; }
.result-title { font: 600 15px/1.25 'Noto Sans SC'; }
.result-artist { font-size: 12px; color: var(--text-3, rgba(255,255,255,0.5)); }
.link-row { display: flex; gap: 8px; align-items: center; }
.link-row code { flex: 1; padding: 10px 12px; background: var(--surface-2, #242427); border-radius: 8px;
  font: 500 13px/1 monospace; word-break: break-all; }
.err { color: #ff8a8a; font-size: 13px; }