:root {
  --rrra-reminder:#c9a227; --rrra-reminder-bg:rgba(201,162,39,.16);
  --rrra-reality:#3d7ea6; --rrra-reality-bg:rgba(61,126,166,.16);
  --rrra-reflection:#2d8f5f; --rrra-reflection-bg:rgba(45,143,95,.16);
  --rrra-action:#c47a3a; --rrra-action-bg:rgba(196,122,58,.16);
}
html.rrra5-on #clarity-door-rail.door-rail-rrra5 {
  display:flex!important; justify-content:space-around; gap:.35rem;
  padding:.45rem .4rem max(.5rem,env(safe-area-inset-bottom));
  background:linear-gradient(180deg,#0c1814,#08120e)!important;
  border-top:1px solid rgba(212,180,90,.35)!important;
  box-shadow:0 -6px 24px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
html.rrra5-on #clarity-door-rail .door-rail-btn {
  flex:1 1 0; min-width:0; max-width:6.2rem; border-radius:16px!important;
  padding:.48rem .18rem .42rem!important; position:relative;
  border:1px solid rgba(255,255,255,.08)!important;
  background:linear-gradient(165deg,rgba(255,255,255,.1),rgba(0,0,0,.25))!important;
  box-shadow:0 2px 0 rgba(255,255,255,.08) inset,0 -3px 6px rgba(0,0,0,.35) inset,0 4px 10px rgba(0,0,0,.25)!important;
  text-shadow:0 1px 1px rgba(0,0,0,.45);
  transition: box-shadow .2s ease, transform .15s ease, filter .2s ease;
}
html.rrra5-on #clarity-door-rail .door-rail-btn .dr-label { font-size:.78rem!important; font-weight:750!important; letter-spacing:.02em; line-height:1.15; }
html.rrra5-on #clarity-door-rail .door-rail-btn .dr-ico { font-size:1.2rem!important; line-height:1.15; }
html.rrra5-on #clarity-door-rail .dr-count { display:block; font-size:.58rem; opacity:.8; font-weight:600; }
/* Active tile — clear glow so user knows present tab */
html.rrra5-on #clarity-door-rail .door-rail-btn.active {
  transform: translateY(-2px);
  filter: brightness(1.08);
}
html.rrra5-on .rrra-rail-rem.active {
  box-shadow: 0 0 0 2px rgba(201,162,39,.75), 0 0 18px rgba(201,162,39,.45), 0 2px 0 rgba(255,230,150,.4) inset !important;
}
html.rrra5-on .rrra-rail-real.active {
  box-shadow: 0 0 0 2px rgba(61,126,166,.75), 0 0 18px rgba(61,126,166,.4), 0 2px 0 rgba(160,210,240,.35) inset !important;
}
html.rrra5-on .rrra-rail-refl.active {
  box-shadow: 0 0 0 2px rgba(45,143,95,.75), 0 0 18px rgba(45,143,95,.4), 0 2px 0 rgba(160,230,180,.35) inset !important;
}
html.rrra5-on .rrra-rail-act.active {
  box-shadow: 0 0 0 2px rgba(196,122,58,.75), 0 0 18px rgba(196,122,58,.4), 0 2px 0 rgba(250,190,130,.35) inset !important;
}
html.rrra5-on .rrra-rail-vault.active {
  box-shadow: 0 0 0 2px rgba(212,180,90,.7), 0 0 16px rgba(15,76,58,.5), 0 2px 0 rgba(200,230,210,.25) inset !important;
}
html.rrra5-on .rrra-rail-rem { color:#f0d98a!important; background:linear-gradient(165deg,rgba(201,162,39,.35),rgba(60,45,10,.55))!important; border-color:rgba(201,162,39,.45)!important; }
html.rrra5-on .rrra-rail-rem.active { box-shadow:0 0 0 2px rgba(201,162,39,.55),0 2px 0 rgba(255,230,150,.35) inset!important; }
html.rrra5-on .rrra-rail-real { color:#9fd0ea!important; background:linear-gradient(165deg,rgba(61,126,166,.38),rgba(15,35,50,.6))!important; border-color:rgba(61,126,166,.45)!important; }
html.rrra5-on .rrra-rail-real.active { box-shadow:0 0 0 2px rgba(61,126,166,.55),0 2px 0 rgba(160,210,240,.3) inset!important; }
html.rrra5-on .rrra-rail-refl { color:#9fe0b8!important; background:linear-gradient(165deg,rgba(45,143,95,.38),rgba(12,40,28,.6))!important; border-color:rgba(45,143,95,.45)!important; }
html.rrra5-on .rrra-rail-refl.active { box-shadow:0 0 0 2px rgba(45,143,95,.55),0 2px 0 rgba(160,230,180,.3) inset!important; }
html.rrra5-on .rrra-rail-act { color:#f0c49a!important; background:linear-gradient(165deg,rgba(196,122,58,.4),rgba(50,28,12,.6))!important; border-color:rgba(196,122,58,.45)!important; }
html.rrra5-on .rrra-rail-act.active { box-shadow:0 0 0 2px rgba(196,122,58,.55),0 2px 0 rgba(250,190,130,.3) inset!important; }
html.rrra5-on .rrra-rail-vault { color:#c5e0d4!important; background:linear-gradient(165deg,rgba(15,76,58,.55),rgba(6,24,18,.75))!important; border-color:rgba(212,180,90,.4)!important; }
html.rrra5-on .rrra-rail-vault.active { box-shadow:0 0 0 2px rgba(212,180,90,.5),0 2px 0 rgba(200,230,210,.2) inset!important; }
html.rrra5-on .nav-tabs, html.rrra5-on .mobile-bottom-nav { display:none!important; height:0!important; overflow:hidden!important; pointer-events:none!important; }
.tab-panel.rrra-hub { padding:.35rem .45rem 1.25rem!important; }
.rrra-hub-hero { border-radius:16px; padding:.85rem 1rem; margin:0 0 .75rem; border:1px solid rgba(255,255,255,.1); }
.rrra-hub-hero[data-rrra="reminder"] { background:linear-gradient(135deg,rgba(201,162,39,.18),rgba(20,28,22,.4)); color:#e8d48a; border-color:rgba(201,162,39,.35); }
.rrra-hub-hero[data-rrra="reality"] { background:linear-gradient(135deg,rgba(61,126,166,.2),rgba(16,24,32,.45)); color:#8ec4e0; border-color:rgba(61,126,166,.35); }
.rrra-hub-hero[data-rrra="reflection"] { background:linear-gradient(135deg,rgba(45,143,95,.2),rgba(14,28,20,.45)); color:#8fd4a8; border-color:rgba(45,143,95,.35); }
.rrra-hub-hero[data-rrra="action"] { background:linear-gradient(135deg,rgba(196,122,58,.2),rgba(28,20,14,.45)); color:#e8b888; border-color:rgba(196,122,58,.35); }
.rrra-hub-hero h2 { margin:0 0 .25rem!important; font-family:'Cormorant Garamond',serif!important; font-size:1.45rem!important; color:inherit!important; }
.rrra-hub-sub { font-size:.88rem; opacity:.92; line-height:1.45; margin:0; }
.rrra-hub-meta { margin-top:.4rem; font-size:.72rem; opacity:.8; font-weight:600; }
.rrra-hub-summary { font-size:.78rem; line-height:1.45; padding:.55rem .75rem; margin:0 0 .75rem; border-radius:12px; border:1px dashed rgba(255,255,255,.12); background:rgba(0,0,0,.15); color:var(--text-muted,#9aab9f); }
.rrra-legend { display:flex!important; flex-wrap:wrap; gap:.35rem; margin:0 0 .65rem; padding:.45rem .6rem; border-radius:12px; border:1px solid rgba(212,180,90,.28); background:rgba(0,0,0,.18); font-size:.7rem; }
.rrra-legend .rrra-legend-label { font-weight:700; opacity:.75; margin-right:.15rem; }
.rrra-legend .lg-rem { background:var(--rrra-reminder-bg); color:var(--rrra-reminder); border:1px solid rgba(201,162,39,.4); border-radius:999px; padding:.15rem .45rem; font-weight:650; }
.rrra-legend .lg-real { background:var(--rrra-reality-bg); color:var(--rrra-reality); border:1px solid rgba(61,126,166,.4); border-radius:999px; padding:.15rem .45rem; font-weight:650; }
.rrra-legend .lg-refl { background:var(--rrra-reflection-bg); color:var(--rrra-reflection); border:1px solid rgba(45,143,95,.4); border-radius:999px; padding:.15rem .45rem; font-weight:650; }
.rrra-legend .lg-act { background:var(--rrra-action-bg); color:var(--rrra-action); border:1px solid rgba(196,122,58,.4); border-radius:999px; padding:.15rem .45rem; font-weight:650; }
.tab-panel .card[data-rrra="reminder"] { border-left:4px solid var(--rrra-reminder)!important; }
.tab-panel .card[data-rrra="reality"] { border-left:4px solid var(--rrra-reality)!important; }
.tab-panel .card[data-rrra="reflection"] { border-left:4px solid var(--rrra-reflection)!important; }
.tab-panel .card[data-rrra="action"] { border-left:4px solid var(--rrra-action)!important; }
.rrra-badge { display:inline-flex!important; font-size:.62rem!important; font-weight:700!important; letter-spacing:.05em; text-transform:uppercase; padding:.14rem .5rem!important; border-radius:999px!important; margin-left:.4rem; border:1px solid transparent; }
.rrra-badge[data-rrra="reminder"] { background:var(--rrra-reminder-bg)!important; color:var(--rrra-reminder)!important; border-color:rgba(201,162,39,.45)!important; }
.rrra-badge[data-rrra="reality"] { background:var(--rrra-reality-bg)!important; color:var(--rrra-reality)!important; border-color:rgba(61,126,166,.45)!important; }
.rrra-badge[data-rrra="reflection"] { background:var(--rrra-reflection-bg)!important; color:var(--rrra-reflection)!important; border-color:rgba(45,143,95,.45)!important; }
.rrra-badge[data-rrra="action"] { background:var(--rrra-action-bg)!important; color:var(--rrra-action)!important; border-color:rgba(196,122,58,.45)!important; }
#meme-rrra-fetch-bar .mv-chip[data-rrra="reminder"] { border-color:rgba(201,162,39,.55); color:#c9a227; }
#meme-rrra-fetch-bar .mv-chip[data-rrra="reality"] { border-color:rgba(61,126,166,.55); color:#3d7ea6; }
#meme-rrra-fetch-bar .mv-chip[data-rrra="reflection"] { border-color:rgba(45,143,95,.55); color:#2d8f5f; }
#meme-rrra-fetch-bar .mv-chip[data-rrra="action"] { border-color:rgba(196,122,58,.55); color:#c47a3a; }
.tab-panel.rrra-hub.active { animation:rrraHubIn .25s ease; }
@keyframes rrraHubIn { from{opacity:0;transform:translateY(6px)} to{opacity:1;transform:none} }