/* COPYRIGHT © 2026 STRIPPERGRAM ™ BY STRIPPER RATES ™ */
:root {
  --sr-bg: #0a0a0a;
  --sr-card: #111;
  --sr-text: #e8e8e8;
  --sr-muted: #9a9a9a;
  --sr-accent: #c9a0dc;
  --sr-rose: #b76e79;
  --sr-radius: 12px;
}
.sr-app { background: var(--sr-bg); color: var(--sr-text); padding: 1rem; border-radius: var(--sr-radius); }
.sr-heading { color: var(--sr-accent); font-weight: 600; }
.sr-muted { color: var(--sr-muted); }
.sr-btn { background: var(--sr-accent); color: #0a0a0a; border: none; border-radius: 8px; padding: 0.4rem 0.8rem; cursor: pointer; }
.sr-btn:focus-visible { outline: 2px solid var(--sr-rose); }

.sr-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 0.75rem; }
.sr-card { background: var(--sr-card); border: 1px solid rgba(201,160,220,.35); border-radius: var(--sr-radius); padding: 0.75rem; }
.sr-nav { list-style: none; padding: 0; display: flex; gap: 0.5rem; flex-wrap: wrap; }
.sr-nav a { color: var(--sr-accent); }
.sr-card input, .sr-card textarea { background: #1a1a1a; border: 1px solid rgba(201,160,220,.35); color: #fff; border-radius: 8px; padding: 0.4rem; width: 100%; margin: 0.25rem 0; box-sizing: border-box; }