:root{
  --rs-accent:#7c83ff;--rs-accent2:#d56cff;--rs-glass:rgba(12,14,22,.72);--rs-glass-line:rgba(255,255,255,.11);--rs-glow:rgba(124,131,255,.22);
  --rs-ease:cubic-bezier(.2,.8,.2,1);--rs-fast:160ms;--rs-med:240ms;--rs-slow:420ms;
}
html{scroll-behavior:smooth}body{opacity:0;transform:translateY(7px);filter:blur(4px);transition:opacity .3s var(--rs-ease),transform .3s var(--rs-ease),filter .3s var(--rs-ease)}body.rs-ready{opacity:1;transform:none;filter:none}body.rs-leaving{opacity:0;transform:translateY(-5px);filter:blur(4px)}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at var(--rs-mx,75%) var(--rs-my,18%),var(--rs-ambient,rgba(124,131,255,.12)),transparent 32%);transition:background .8s ease}
.rs-sticky-nav{position:sticky!important;top:10px!important;z-index:1000!important;background:var(--rs-glass)!important;backdrop-filter:blur(18px) saturate(1.25)!important;-webkit-backdrop-filter:blur(18px) saturate(1.25)!important;border:1px solid var(--rs-glass-line)!important;border-radius:18px!important;box-shadow:0 14px 40px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.05)!important;transition:transform .25s var(--rs-ease),background .25s ease,padding .25s var(--rs-ease)!important}
.rs-sticky-nav.rs-compact{transform:translateY(-3px) scale(.992);background:rgba(9,11,17,.82)!important}
.rs-interactive{transition:transform var(--rs-fast) var(--rs-ease),border-color var(--rs-fast) ease,box-shadow var(--rs-fast) ease,filter var(--rs-fast) ease!important;will-change:transform}.rs-interactive:hover{transform:translateY(-2px);border-color:rgba(160,170,255,.35)!important;box-shadow:0 9px 24px rgba(0,0,0,.24),0 0 0 1px rgba(124,131,255,.08)!important}.rs-interactive:active{transform:translateY(0) scale(.985)}
.rs-stagger{opacity:0;transform:translateY(10px) scale(.985);animation:rs-in .42s var(--rs-ease) forwards;animation-delay:var(--rs-delay,0ms)}@keyframes rs-in{to{opacity:1;transform:none}}
.rs-skeleton{position:relative;overflow:hidden;background:#161925!important;color:transparent!important;border-color:#23283a!important}.rs-skeleton::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent);animation:rs-shimmer 1.25s linear infinite}@keyframes rs-shimmer{to{transform:translateX(100%)}}
#rs-toast-stack{position:fixed;right:18px;bottom:18px;z-index:99999;display:flex;flex-direction:column;gap:9px;pointer-events:none}.rs-toast{min-width:260px;max-width:min(420px,calc(100vw - 36px));display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;padding:11px 13px;border-radius:16px;background:rgba(13,15,24,.94);border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 55px rgba(0,0,0,.42);backdrop-filter:blur(16px);animation:rs-toast-in .32s var(--rs-ease) both;pointer-events:auto}.rs-toast.out{animation:rs-toast-out .24s ease forwards}.rs-toast-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:rgba(124,131,255,.15);color:#b7bcff;font-weight:900}.rs-toast.success .rs-toast-icon{background:rgba(74,222,128,.14);color:#74e8a0}.rs-toast.error .rs-toast-icon{background:rgba(251,113,133,.14);color:#ff9aab}.rs-toast b{display:block;font-size:13px}.rs-toast small{display:block;color:#9499aa;margin-top:2px;font-size:11px;line-height:1.35}@keyframes rs-toast-in{from{opacity:0;transform:translateX(16px) scale(.96)}}@keyframes rs-toast-out{to{opacity:0;transform:translateX(18px) scale(.97)}}
#rs-cursor,#rs-cursor-dot{position:fixed;pointer-events:none;z-index:999999;border-radius:50%;mix-blend-mode:screen}#rs-cursor{width:28px;height:28px;border:1px solid rgba(180,185,255,.58);transform:translate(-50%,-50%);transition:width .15s ease,height .15s ease,border-color .15s ease,background .15s ease}#rs-cursor-dot{width:4px;height:4px;background:#fff;box-shadow:0 0 10px #8490ff;transform:translate(-50%,-50%)}body.rs-cursor-hover #rs-cursor{width:42px;height:42px;background:rgba(124,131,255,.1);border-color:rgba(205,209,255,.8)}
#rs-settings-panel{position:fixed;inset:0;z-index:99998;display:none;place-items:center;background:rgba(0,0,0,.66);padding:18px}#rs-settings-panel.open{display:grid}.rs-settings-card{width:min(640px,100%);max-height:88vh;overflow:auto;background:#0e1119;border:1px solid #2c3141;border-radius:22px;padding:20px;box-shadow:0 30px 90px rgba(0,0,0,.5)}.rs-settings-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.rs-settings-head h2{margin:0}.rs-setting{display:grid;grid-template-columns:1fr minmax(150px,240px);align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.07)}.rs-setting:last-child{border-bottom:0}.rs-setting label b{display:block;font-size:13px}.rs-setting label span{display:block;color:#8d92a4;font-size:11px;margin-top:3px}.rs-setting input[type=range]{width:100%;accent-color:var(--rs-accent)}.rs-setting select,.rs-setting button{background:#151925;color:#eef0f8;border:1px solid #303649;border-radius:11px;padding:9px 11px}.rs-setting button{cursor:pointer}
.rs-audio-pill{position:fixed;left:14px;bottom:14px;z-index:9000;display:flex;align-items:center;gap:7px;padding:8px 10px;border-radius:999px;background:rgba(10,12,19,.72);border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(12px);font:700 11px/1 system-ui;color:#aeb3c4;cursor:pointer}.rs-audio-pill i{width:7px;height:7px;border-radius:50%;background:#636b85}.rs-audio-pill.on i{background:#7ee7ba;box-shadow:0 0 10px rgba(126,231,186,.6)}
.rs-page-current{background:rgba(124,131,255,.16)!important;border-color:rgba(124,131,255,.3)!important;color:#fff!important}
.rs-parallax{transform-style:preserve-3d;will-change:transform}.rs-ambient-cover{position:absolute;inset:-18%;background:var(--rs-cover-bg);background-size:cover;background-position:center;filter:blur(50px) saturate(1.45) brightness(.35);opacity:.36;z-index:-1;transition:background-image .55s ease,opacity .55s ease}
.rs-glow-pulse{animation:rs-glow 1.8s ease-in-out infinite}@keyframes rs-glow{50%{filter:brightness(1.15) saturate(1.22)}}
.rs-confetti{position:fixed;z-index:99997;width:7px;height:11px;pointer-events:none;border-radius:2px;animation:rs-confetti 900ms cubic-bezier(.17,.67,.37,1) forwards}@keyframes rs-confetti{to{transform:translate(var(--x),var(--y)) rotate(var(--r));opacity:0}}
.rs-rank{font-weight:1000;letter-spacing:-.06em;background:linear-gradient(135deg,#fff,#a7b0ff,#df7dff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px rgba(124,131,255,.25))}
body.rs-theme-neon{--rs-accent:#5ef0ff;--rs-accent2:#ef57ff;--rs-ambient:rgba(94,240,255,.12)}body.rs-theme-frutiger{--rs-accent:#62d7ff;--rs-accent2:#79ef8f;--rs-ambient:rgba(90,220,255,.13);background-image:radial-gradient(circle at 80% 0,rgba(91,228,255,.1),transparent 28%),radial-gradient(circle at 10% 100%,rgba(98,235,141,.08),transparent 30%)}body.rs-theme-mono{--rs-accent:#e9e9ed;--rs-accent2:#9d9da5;--rs-ambient:rgba(255,255,255,.06);filter:grayscale(.1)}body.rs-theme-y2k{--rs-accent:#ff8ee5;--rs-accent2:#9ceeff;--rs-ambient:rgba(255,142,229,.11)}body.rs-theme-cyber{--rs-accent:#ccff00;--rs-accent2:#39d9ff;--rs-ambient:rgba(204,255,0,.07)}body.rs-theme-soft{--rs-accent:#b9a7ff;--rs-accent2:#ffb8d7;--rs-ambient:rgba(185,167,255,.13)}
html.rs-reduced-motion *,html.rs-reduced-motion *::before,html.rs-reduced-motion *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}html.rs-performance .rs-parallax,html.rs-performance #rs-cursor,html.rs-performance #rs-cursor-dot{display:none!important}html.rs-performance *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}html.rs-performance .cosmetic-particles{display:none!important}
@media(pointer:coarse),(max-width:780px){#rs-cursor,#rs-cursor-dot{display:none!important}.rs-setting{grid-template-columns:1fr}.rs-audio-pill{bottom:10px;left:10px}.rs-interactive:hover{transform:none}}

/* =========================================================
   RHYTHM SLIDE — STRUCTURAL THEME PACKS
   Themes change layout language, materials, typography,
   component geometry and interaction feel, not just colors.
   ========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@600;700;800;900&family=Orbitron:wght@500;700;800;900&family=Space+Grotesk:wght@500;600;700&family=Playfair+Display:wght@600;700;800&family=Rubik:wght@500;600;700;800;900&display=swap');

body[class*="rs-theme-"] :is(.app,.shell,.nx-main,.container){transition:max-width .35s var(--rs-ease),padding .35s var(--rs-ease)}
body[class*="rs-theme-"] :is(.panel,.card,.item,.day,.stat,.user-card,.feed-item,.profile,.directory,.modal-card,.rs-settings-card,.gd-card,.level-card,.selector-item){transition:border-radius .28s var(--rs-ease),background .28s ease,border-color .28s ease,box-shadow .28s ease,clip-path .28s ease,padding .28s var(--rs-ease)}
body[class*="rs-theme-"] :is(.btn,.pill,.chip,button,.gd-btn,input,select,.field){transition:border-radius .24s var(--rs-ease),background .24s ease,border-color .24s ease,box-shadow .24s ease,transform .18s var(--rs-ease)}

/* ---------- NEON: floating sci-fi panels ---------- */
body.rs-theme-neon{
  --rs-accent:#58edff;--rs-accent2:#ef57ff;--rs-glass:rgba(5,9,18,.78);--rs-glass-line:rgba(91,239,255,.18);--rs-ambient:rgba(72,228,255,.14);
  font-family:"Space Grotesk",Inter,system-ui,sans-serif!important;
  background-color:#030710!important;
  background-image:linear-gradient(rgba(84,235,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(84,235,255,.025) 1px,transparent 1px),radial-gradient(circle at 20% -10%,rgba(0,218,255,.14),transparent 30%),radial-gradient(circle at 92% 80%,rgba(238,53,255,.10),transparent 30%)!important;
  background-size:42px 42px,42px 42px,auto,auto!important;
}
body.rs-theme-neon :is(.app,.shell,.nx-main){width:min(1320px,calc(100% - 32px))!important}
body.rs-theme-neon .rs-sticky-nav{border-radius:12px!important;border:1px solid rgba(80,232,255,.24)!important;box-shadow:0 0 0 1px rgba(238,87,255,.05),0 18px 60px rgba(0,0,0,.48),0 0 34px rgba(51,221,255,.07)!important;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}
body.rs-theme-neon :is(.panel,.card,.item,.day,.stat,.user-card,.feed-item,.profile,.directory,.gd-card,.level-card){border-radius:10px!important;background:linear-gradient(145deg,rgba(11,17,29,.94),rgba(5,9,17,.92))!important;border-color:rgba(77,221,255,.14)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 14px 34px rgba(0,0,0,.27)!important}
body.rs-theme-neon :is(.btn,.pill,.chip,.gd-btn,button:not(.rs-audio-pill)){border-radius:7px!important;text-transform:uppercase;letter-spacing:.055em;font-weight:800!important;border-color:rgba(85,225,255,.20)!important;background:linear-gradient(180deg,rgba(18,31,47,.95),rgba(7,14,25,.95))!important}
body.rs-theme-neon :is(.btn,.pill,.chip,.gd-btn,button):hover{box-shadow:0 0 18px rgba(78,227,255,.12),inset 0 0 14px rgba(238,87,255,.045)!important}
body.rs-theme-neon :is(input,select,.field){border-radius:6px!important;background:#060c16!important;border-color:rgba(91,231,255,.18)!important}
body.rs-theme-neon :is(h1,.hero h1){font-family:"Orbitron",sans-serif!important;letter-spacing:-.045em!important;text-transform:uppercase}
body.rs-theme-neon .stat{border-left:2px solid rgba(87,235,255,.35)!important}
body.rs-theme-neon .rs-page-current{box-shadow:inset 0 -2px 0 #59edff,0 0 18px rgba(89,237,255,.10)!important}

/* ---------- FRUTIGER: glossy Aqua / nature UI ---------- */
body.rs-theme-frutiger{
  --rs-accent:#29aef1;--rs-accent2:#68d970;--rs-glass:rgba(235,250,255,.74);--rs-glass-line:rgba(255,255,255,.75);--rs-ambient:rgba(67,193,255,.18);
  color:#17314a!important;font-family:"Nunito",system-ui,sans-serif!important;
  background-color:#78d8ff!important;
  background-image:radial-gradient(ellipse at 12% 5%,rgba(255,255,255,.92) 0 7%,transparent 24%),radial-gradient(ellipse at 76% 4%,rgba(255,255,255,.68) 0 6%,transparent 22%),linear-gradient(180deg,#6bd4ff 0%,#caefff 48%,#8ce378 49%,#52c765 100%)!important;
  background-attachment:fixed!important;
}
body.rs-theme-frutiger::after{background:radial-gradient(circle at var(--rs-mx,65%) var(--rs-my,20%),rgba(255,255,255,.38),transparent 26%)!important}
body.rs-theme-frutiger :is(.app,.shell,.nx-main){width:min(1180px,calc(100% - 28px))!important;padding-top:12px!important}
body.rs-theme-frutiger .rs-sticky-nav{border-radius:28px!important;background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(213,244,255,.72))!important;border:2px solid rgba(255,255,255,.92)!important;box-shadow:0 8px 20px rgba(24,105,145,.18),inset 0 2px 0 rgba(255,255,255,1),inset 0 -2px 4px rgba(34,142,198,.11)!important;color:#143957!important}
body.rs-theme-frutiger .rs-sticky-nav a{color:#174463!important}
body.rs-theme-frutiger :is(.panel,.card,.item,.day,.stat,.user-card,.feed-item,.profile,.directory,.gd-card,.level-card,.modal-card){border-radius:24px!important;background:linear-gradient(180deg,rgba(255,255,255,.91),rgba(229,248,255,.82))!important;border:2px solid rgba(255,255,255,.92)!important;color:#183b55!important;box-shadow:0 9px 22px rgba(24,100,145,.14),inset 0 2px 0 rgba(255,255,255,.95),inset 0 -3px 7px rgba(34,149,204,.08)!important}
body.rs-theme-frutiger :is(.panel,.card,.item,.day,.stat,.user-card,.feed-item,.profile,.directory) :is(.muted,.sub,p,span){color:#56758b}
body.rs-theme-frutiger :is(.btn,.pill,.chip,.gd-btn,button:not(.rs-audio-pill)){border-radius:999px!important;color:#11435e!important;background:linear-gradient(180deg,#fff 0%,#e3f8ff 48%,#b9ecff 52%,#e8fbff 100%)!important;border:2px solid rgba(255,255,255,.92)!important;box-shadow:0 3px 7px rgba(30,118,160,.16),inset 0 1px 0 #fff!important;font-family:"Nunito",sans-serif!important;font-weight:900!important}
body.rs-theme-frutiger :is(.btn.primary,.chip.active,.rs-page-current){background:linear-gradient(180deg,#afff9e,#5ddc6b 52%,#39bf58 53%,#81ec80)!important;color:#124624!important;border-color:#d6ffd0!important;box-shadow:0 4px 12px rgba(32,143,68,.25),inset 0 2px 0 rgba(255,255,255,.72)!important}
body.rs-theme-frutiger :is(input,select,.field){border-radius:18px!important;color:#183b55!important;background:rgba(255,255,255,.86)!important;border:2px solid rgba(255,255,255,.96)!important;box-shadow:inset 0 2px 5px rgba(29,126,170,.10)!important}
body.rs-theme-frutiger :is(h1,.hero h1){font-family:"Nunito",sans-serif!important;color:#fff!important;text-shadow:0 2px 0 rgba(22,111,160,.20),0 5px 16px rgba(18,104,153,.28)!important;font-weight:1000!important}
body.rs-theme-frutiger .stat{background:linear-gradient(180deg,#fff,#e9faff)!important;border-radius:19px!important}
body.rs-theme-frutiger .badge{background:linear-gradient(180deg,#fff,#def7ff)!important;color:#24516a!important;border-color:#fff!important;border-radius:999px!important}
body.rs-theme-frutiger .rs-settings-card{background:linear-gradient(180deg,#f7fdff,#dff7ff)!important;color:#173c57!important;border:2px solid #fff!important;border-radius:28px!important}

/* ---------- MONO: editorial / typographic / austere ---------- */
body.rs-theme-mono{
  --rs-accent:#f4f4f4;--rs-accent2:#868686;--rs-glass:rgba(12,12,12,.96);--rs-glass-line:#3a3a3a;--rs-ambient:rgba(255,255,255,.035);
  font-family:"Space Grotesk",Arial,sans-serif!important;background:#0a0a0a!important;color:#f2f2f2!important;filter:none!important;
  background-image:linear-gradient(90deg,transparent 0 49.92%,rgba(255,255,255,.025) 50%,transparent 50.08%)!important;
}
body.rs-theme-mono :is(.app,.shell,.nx-main){width:min(1120px,calc(100% - 40px))!important}
body.rs-theme-mono .rs-sticky-nav{border-radius:0!important;background:#0e0e0e!important;border:1px solid #4a4a4a!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body.rs-theme-mono :is(.panel,.card,.item,.day,.stat,.user-card,.feed-item,.profile,.directory,.gd-card,.level-card,.modal-card){border-radius:0!important;background:#101010!important;border:1px solid #353535!important;box-shadow:none!important}
body.rs-theme-mono :is(.panel,.directory,.profile){border-top:3px solid #e8e8e8!important}
body.rs-theme-mono :is(.btn,.pill,.chip,.gd-btn,button:not(.rs-audio-pill)){border-radius:0!important;background:#111!important;border:1px solid #555!important;color:#eee!important;text-transform:uppercase;letter-spacing:.09em;font:700 11px/1 "Space Grotesk",sans-serif!important;box-shadow:none!important}
body.rs-theme-mono :is(.btn.primary,.chip.active,.rs-page-current){background:#f3f3f3!important;color:#090909!important;border-color:#fff!important}
body.rs-theme-mono :is(input,select,.field){border-radius:0!important;background:#080808!important;color:#f1f1f1!important;border:0!important;border-bottom:1px solid #767676!important;box-shadow:none!important}
body.rs-theme-mono :is(h1,.hero h1){font-family:"Playfair Display",serif!important;font-weight:700!important;letter-spacing:-.055em!important;text-transform:none!important}
body.rs-theme-mono .stat{padding:18px 8px!important;border-left:0!important;border-right:0!important;text-align:left}
body.rs-theme-mono .stat b{font-family:"Playfair Display",serif!important;font-size:28px!important}
body.rs-theme-mono .rs-interactive:hover{transform:translateX(3px)!important;box-shadow:none!important;border-color:#8c8c8c!important}
body.rs-theme-mono .rs-settings-card{border-radius:0!important;background:#0c0c0c!important;border:1px solid #555!important;box-shadow:18px 18px 0 #000!important}

/* ---------- Y2K: chrome / translucent plastic / compact ---------- */
body.rs-theme-y2k{
  --rs-accent:#ff7ddd;--rs-accent2:#8edfff;--rs-glass:rgba(40,33,57,.72);--rs-glass-line:rgba(255,224,250,.36);--rs-ambient:rgba(255,120,222,.14);
  font-family:"Rubik",system-ui,sans-serif!important;background:#120d1c!important;
  background-image:radial-gradient(circle at 15% 15%,rgba(255,101,218,.18),transparent 28%),radial-gradient(circle at 88% 8%,rgba(91,215,255,.17),transparent 25%),repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.008) 3px 4px)!important;
}
body.rs-theme-y2k :is(.app,.shell,.nx-main){width:min(1220px,calc(100% - 24px))!important}
body.rs-theme-y2k .rs-sticky-nav{border-radius:999px!important;padding-left:12px!important;padding-right:12px!important;background:linear-gradient(180deg,rgba(80,65,102,.9),rgba(27,21,39,.91))!important;border:2px solid rgba(255,216,247,.28)!important;box-shadow:inset 0 2px 0 rgba(255,255,255,.16),0 10px 36px rgba(0,0,0,.38),0 0 25px rgba(255,104,217,.07)!important}
body.rs-theme-y2k :is(.panel,.card,.item,.day,.stat,.user-card,.feed-item,.profile,.directory,.gd-card,.level-card){border-radius:16px 28px 16px 28px!important;background:linear-gradient(155deg,rgba(65,50,83,.9),rgba(26,20,39,.94))!important;border:2px solid rgba(255,219,249,.15)!important;box-shadow:inset 1px 1px 0 rgba(255,255,255,.11),inset -2px -2px 0 rgba(0,0,0,.20),0 10px 24px rgba(0,0,0,.25)!important}
body.rs-theme-y2k :is(.btn,.pill,.chip,.gd-btn,button:not(.rs-audio-pill)){border-radius:999px!important;background:linear-gradient(180deg,#67556f 0%,#332740 48%,#1b1425 52%,#493452 100%)!important;border:1px solid rgba(255,216,250,.34)!important;color:#ffeafa!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 2px 7px rgba(0,0,0,.35)!important;text-shadow:0 1px 0 rgba(0,0,0,.6)}
body.rs-theme-y2k :is(.btn.primary,.chip.active,.rs-page-current){background:linear-gradient(180deg,#ffdff9 0%,#ff8bdd 42%,#c34ab0 52%,#ff9ee3 100%)!important;color:#35102d!important;border-color:#fff1fc!important;text-shadow:none!important}
body.rs-theme-y2k :is(input,select,.field){border-radius:999px!important;background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.035))!important;border:1px solid rgba(255,220,249,.24)!important;padding-left:16px!important}
body.rs-theme-y2k :is(h1,.hero h1){font-family:"Rubik",sans-serif!important;font-weight:900!important;letter-spacing:-.075em!important;text-shadow:2px 2px 0 rgba(98,226,255,.25),-2px -1px 0 rgba(255,104,220,.22)!important}
body.rs-theme-y2k .stat:nth-child(odd){transform:rotate(-.35deg)}body.rs-theme-y2k .stat:nth-child(even){transform:rotate(.35deg)}
body.rs-theme-y2k .badge{border-radius:999px!important;background:linear-gradient(180deg,#453652,#21192c)!important;border-color:#66506f!important}

/* ---------- CYBER: harsh HUD / terminal / acid ---------- */
body.rs-theme-cyber{
  --rs-accent:#cfff00;--rs-accent2:#39d9ff;--rs-glass:rgba(4,8,7,.90);--rs-glass-line:rgba(207,255,0,.27);--rs-ambient:rgba(204,255,0,.075);
  font-family:"Orbitron",system-ui,sans-serif!important;background:#030705!important;color:#eaffc5!important;
  background-image:linear-gradient(rgba(207,255,0,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(207,255,0,.035) 1px,transparent 1px),linear-gradient(135deg,transparent 0 72%,rgba(57,217,255,.035) 72% 73%,transparent 73%)!important;background-size:28px 28px,28px 28px,100% 100%!important;
}
body.rs-theme-cyber :is(.app,.shell,.nx-main){width:min(1380px,calc(100% - 30px))!important}
body.rs-theme-cyber .rs-sticky-nav{border-radius:0!important;background:rgba(3,10,7,.94)!important;border:1px solid rgba(207,255,0,.34)!important;border-left:5px solid #cfff00!important;box-shadow:0 0 22px rgba(207,255,0,.07)!important;clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,0 100%)}
body.rs-theme-cyber :is(.panel,.card,.item,.day,.stat,.user-card,.feed-item,.profile,.directory,.gd-card,.level-card){border-radius:0!important;background:linear-gradient(135deg,rgba(5,15,10,.96),rgba(2,7,6,.98))!important;border:1px solid rgba(178,222,0,.22)!important;border-left:3px solid rgba(207,255,0,.52)!important;box-shadow:none!important;clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,0 100%)}
body.rs-theme-cyber :is(.btn,.pill,.chip,.gd-btn,button:not(.rs-audio-pill)){border-radius:0!important;background:#07100a!important;border:1px solid rgba(207,255,0,.40)!important;color:#d9ff35!important;text-transform:uppercase!important;letter-spacing:.095em!important;font:700 10px/1.1 "Orbitron",sans-serif!important;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px))}
body.rs-theme-cyber :is(.btn.primary,.chip.active,.rs-page-current){background:#cfff00!important;color:#071000!important;border-color:#eaff9b!important;box-shadow:0 0 16px rgba(207,255,0,.18)!important}
body.rs-theme-cyber :is(input,select,.field){border-radius:0!important;background:#020806!important;color:#ddff70!important;border:1px solid rgba(207,255,0,.28)!important;font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important}
body.rs-theme-cyber :is(h1,.hero h1){font-family:"Orbitron",sans-serif!important;text-transform:uppercase!important;letter-spacing:-.035em!important;color:#dcff50!important;text-shadow:0 0 18px rgba(207,255,0,.16)!important}
body.rs-theme-cyber .stat{position:relative;padding-top:21px!important}body.rs-theme-cyber .stat::before{content:"STAT//";position:absolute;top:6px;left:10px;color:rgba(207,255,0,.42);font-size:7px;letter-spacing:.15em}
body.rs-theme-cyber .rs-interactive:hover{transform:translate(2px,-2px)!important;box-shadow:-3px 3px 0 rgba(57,217,255,.20)!important}
body.rs-theme-cyber .rs-settings-card{border-radius:0!important;background:#030a06!important;border:1px solid #729600!important;border-left:5px solid #cfff00!important}

/* ---------- SOFT: airy, plush, pastel ---------- */
body.rs-theme-soft{
  --rs-accent:#afa1ff;--rs-accent2:#ffafd2;--rs-glass:rgba(31,29,46,.74);--rs-glass-line:rgba(226,219,255,.14);--rs-ambient:rgba(185,167,255,.15);
  font-family:"Nunito",system-ui,sans-serif!important;background:#11101a!important;
  background-image:radial-gradient(circle at 16% 4%,rgba(184,166,255,.17),transparent 31%),radial-gradient(circle at 83% 14%,rgba(255,173,211,.12),transparent 28%),radial-gradient(circle at 46% 100%,rgba(134,220,255,.08),transparent 32%)!important;
}
body.rs-theme-soft :is(.app,.shell,.nx-main){width:min(1140px,calc(100% - 32px))!important;padding-top:20px!important}
body.rs-theme-soft .rs-sticky-nav{border-radius:28px!important;padding:12px 15px!important;background:rgba(31,29,46,.72)!important;border:1px solid rgba(230,225,255,.12)!important;box-shadow:0 18px 48px rgba(3,3,8,.24),inset 0 1px 0 rgba(255,255,255,.055)!important}
body.rs-theme-soft :is(.panel,.card,.item,.day,.stat,.user-card,.feed-item,.profile,.directory,.gd-card,.level-card,.modal-card){border-radius:26px!important;background:linear-gradient(145deg,rgba(37,34,54,.88),rgba(23,22,36,.91))!important;border:1px solid rgba(224,218,255,.10)!important;box-shadow:0 14px 34px rgba(4,4,10,.20),inset 0 1px 0 rgba(255,255,255,.045)!important}
body.rs-theme-soft :is(.panel,.profile,.directory){padding-top:2px}
body.rs-theme-soft :is(.btn,.pill,.chip,.gd-btn,button:not(.rs-audio-pill)){border-radius:17px!important;background:linear-gradient(180deg,rgba(68,62,94,.86),rgba(43,39,65,.88))!important;border:1px solid rgba(222,214,255,.12)!important;color:#eeeaff!important;font-family:"Nunito",sans-serif!important;font-weight:900!important;box-shadow:0 5px 14px rgba(4,4,10,.14)!important}
body.rs-theme-soft :is(.btn.primary,.chip.active,.rs-page-current){background:linear-gradient(135deg,#c7baff,#ffbbd7)!important;color:#312948!important;border-color:rgba(255,255,255,.42)!important}
body.rs-theme-soft :is(input,select,.field){border-radius:18px!important;background:rgba(20,19,31,.72)!important;border:1px solid rgba(222,214,255,.12)!important;padding-left:15px!important}
body.rs-theme-soft :is(h1,.hero h1){font-family:"Nunito",sans-serif!important;font-weight:1000!important;letter-spacing:-.065em!important}
body.rs-theme-soft .stat{padding:17px!important;text-align:center}.rs-theme-soft .stat b{font-size:23px!important}
body.rs-theme-soft .badge{border-radius:14px!important;background:rgba(75,67,101,.42)!important;border-color:rgba(224,216,255,.10)!important}
body.rs-theme-soft .rs-interactive:hover{transform:translateY(-3px) scale(1.006)!important;box-shadow:0 17px 34px rgba(4,4,10,.25),0 0 0 1px rgba(198,184,255,.08)!important}
body.rs-theme-soft .rs-settings-card{border-radius:30px!important;background:linear-gradient(145deg,#252238,#171623)!important;border-color:rgba(226,218,255,.14)!important}

/* Theme-specific settings panel language */
body.rs-theme-frutiger #rs-settings-panel{background:rgba(45,136,180,.30)!important}
body.rs-theme-y2k #rs-settings-panel{background:rgba(30,18,39,.72)!important}
body.rs-theme-cyber #rs-settings-panel{background:rgba(0,4,2,.86)!important}
body.rs-theme-mono #rs-settings-panel{background:rgba(0,0,0,.86)!important}
body.rs-theme-soft #rs-settings-panel{background:rgba(16,13,25,.68)!important}

/* Keep gameplay readable: themes skin chrome, not hit geometry. */
body.rs-gameplay-active :is(#game-area,.game-area,.note,.dodge-note,.judgement,.combo-display){font-family:Inter,system-ui,sans-serif!important}

@media(max-width:780px){
  body.rs-theme-frutiger :is(.app,.shell,.nx-main),body.rs-theme-mono :is(.app,.shell,.nx-main),body.rs-theme-cyber :is(.app,.shell,.nx-main),body.rs-theme-soft :is(.app,.shell,.nx-main),body.rs-theme-y2k :is(.app,.shell,.nx-main),body.rs-theme-neon :is(.app,.shell,.nx-main){width:min(100% - 16px,100%)!important}
  body.rs-theme-frutiger .rs-sticky-nav,body.rs-theme-y2k .rs-sticky-nav{border-radius:20px!important}
  body.rs-theme-cyber .rs-sticky-nav{clip-path:none!important}
}