:root, :root[data-theme="dark"]{--bg:#141611;--ground:#141611;--panel:#1d2019;--panel-2:#191c16;--text:#f1f2e9;--ink:#f1f2e9;--muted:#b1b6a6;--line:#454b3c;--lime:#c3f45c;--accent:#c3f45c;--accent-ink:#141611;--body:system-ui,-apple-system,"Segoe UI",sans-serif;--display:system-ui,-apple-system,"Segoe UI",sans-serif;--mono:ui-monospace,monospace;--rd-space:clamp(16px,4vw,40px);color-scheme:dark}
body{font-family:var(--body);background:var(--ground);color:var(--ink)}
.rd-header,.rd-footer{box-sizing:border-box;max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;padding:24px 0;font:500 14px/1.5 var(--body);color:var(--ink)}
body:not([data-rd-app]) .rd-header,body:not([data-rd-app]) .rd-footer{width:calc(100% - 2 * var(--rd-space))}
.rd-header{border-bottom:1px solid var(--line)}.rd-footer{border-top:1px solid var(--line);margin-top:40px;padding-block:32px}.rd-footer>span{color:var(--muted)}
.rd-header nav,.rd-footer nav{display:flex;align-items:center;flex-wrap:wrap;gap:16px}.rd-header a,.rd-footer a{text-decoration:none}.rd-header a:not(.rd-button),.rd-footer a{color:inherit}.rd-header a:hover,.rd-footer a:hover{color:var(--lime)}
.rd-brand{display:inline-flex;align-items:center;gap:10px;font-size:22px;font-weight:750;letter-spacing:-1px}.rd-brand img{display:block;flex:none}
.rd-button,.button,.btn.accent{background:var(--lime);color:var(--ground);border-radius:8px;font-weight:700}.rd-button{display:inline-flex;padding:10px 16px}.rd-header .rd-button:hover{color:var(--ground);filter:brightness(1.08)}
:focus-visible{outline:3px solid var(--lime);outline-offset:4px}
input,select,textarea,button{font-family:inherit}:where(body:not([data-rd-app="betasplash"])) input:not([type=checkbox]):not([type=range]):not([type=file]),:where(body:not([data-rd-app="betasplash"])) select,:where(body:not([data-rd-app="betasplash"])) textarea{background-color:var(--panel);color:var(--ink);border-color:var(--line)}
.rd-storage{color:var(--muted);font:400 13px/1.6 var(--body);max-width:1240px;margin:24px auto}.rd-storage a{text-decoration:underline}
.rd-apps{padding-block:20px 50px}.rd-apps h2{font-size:24px;margin-bottom:20px}.rd-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.rd-card{display:block;padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.rd-card h3{color:var(--lime);font-size:21px;margin:0 0 10px}.rd-card p{color:var(--muted);line-height:1.6;margin:0}
@media(max-width:640px){.rd-header,.rd-footer{gap:16px;padding-block:20px}.rd-header nav{gap:12px;font-size:13px}.rd-header .rd-button{padding:9px 12px}.rd-cards{grid-template-columns:1fr}.rd-footer nav{gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Long voice names must shrink inside the mix toolbar on narrow screens. */
[data-rd-app="stickbeats"] .tools label{min-width:0;max-width:100%}
[data-rd-app="stickbeats"] .tools select{min-width:0;width:100%;max-width:100%}
/* Betasplash reads these tokens itself; only the shared header and footer need its page width. */
[data-rd-app="betasplash"] .rd-header,[data-rd-app="betasplash"] .rd-footer,[data-rd-app="betasplash"] .rd-storage{width:calc(100% - 2 * var(--rd-space))}

.rd-lead{color:var(--muted);max-width:640px;margin:-8px 0 24px;line-height:1.6}
.rd-cards .rd-card{display:flex;flex-direction:column;gap:0;transition:border-color .15s}.rd-cards .rd-card:hover{border-color:var(--lime)}
.rd-card h3 a{color:inherit}.rd-card h3 a:hover{text-decoration:underline}
.rd-badge{align-self:flex-start;margin-bottom:14px;padding:3px 10px;border:1px solid var(--lime);border-radius:999px;color:var(--lime);font:600 11px/1.5 var(--mono);letter-spacing:.06em;text-transform:uppercase}
.rd-card-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:20px}
.rd-link{display:inline-flex;padding:8px 14px;border:1px solid var(--line);border-radius:8px;font:600 14px/1.4 var(--body);color:var(--ink);text-decoration:none}.rd-link:hover{border-color:var(--lime);color:var(--lime)}
.rd-link.primary{background:var(--lime);border-color:var(--lime);color:var(--ground)}.rd-link.primary:hover{filter:brightness(1.08);color:var(--ground)}