:root{
  --ro-radius: 16px;
  --ro-shadow: 0 8px 24px rgba(0,0,0,.06);
}
body{ background: #f6f7fb; }
.ro-card{ border:0; border-radius:var(--ro-radius); box-shadow:var(--ro-shadow); }
.ro-badge{ font-weight:600; letter-spacing:.2px; }
.ro-mono{ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
.ro-small{ font-size:.925rem; }
.ro-divider{ height:1px; background: rgba(0,0,0,.06); margin:.75rem 0; }
.ro-toast{ position:fixed; right:18px; bottom:18px; z-index:9999; min-width:220px; border-radius:14px; box-shadow:var(--ro-shadow); }
.ro-artwork{ width:56px; height:56px; border-radius:12px; object-fit:cover; background:#e9ecef; }
.ro-suggest{ border:1px solid rgba(0,0,0,.08); border-radius:14px; padding:10px; background:#fff; }
.ro-suggest-item{ padding:8px 6px; border-bottom:1px solid rgba(0,0,0,.06); }
.ro-suggest-item:last-child{ border-bottom:0; }