{"id":254,"date":"2026-03-08T00:00:20","date_gmt":"2026-03-08T00:00:20","guid":{"rendered":"https:\/\/viewanonymous.com\/?page_id=254"},"modified":"2026-09-29T10:00:43","modified_gmt":"2026-09-29T10:00:43","slug":"account","status":"publish","type":"page","link":"https:\/\/viewanonymous.com\/tools\/reddit\/account\/","title":{"rendered":"Reddit Account Viewer \u2013 Check Profiles, Posts &amp; Activity Easily"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<style>\n.nsrac {width: 100vw;\n  max-width: none;\n  margin-left: calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n  margin-top: -8px;\n--ink: #fff8eb; --muted: #d4b98a; --dim: #9a7d52;\n  --panel: rgba(28, 20, 10, 0.93); --soft: rgba(255, 244, 220, 0.05);\n  --line: rgba(251, 191, 36, 0.32); --accent: #fbbf24; --accent-soft: rgba(251, 191, 36, 0.16);\n  --cool: #fcd34d; --cool-deep: #d97706; --danger: #ff6b7a; --ok: #3dd68c;\n  --radius: 18px; --shadow: 0 18px 42px rgba(12, 6, 2, 0.45);\n  --font: \"Outfit\", \"Segoe UI\", sans-serif; --gap: 14px;\n  box-sizing: border-box !important; font-family: var(--font); color: var(--ink); line-height: 1.5;\n  display: block; min-width: 0 !important;\n  background:\n    radial-gradient(ellipse 70% 48% at 80% 0%, rgba(251, 191, 36, 0.26), transparent 58%),\n    radial-gradient(ellipse 50% 40% at 8% 10%, rgba(217, 119, 6, 0.16), transparent 52%),\n    linear-gradient(158deg, #161008 0%, #24180c 48%, #2e1e10 100%);\n  position: relative; isolation: isolate; overflow-x: hidden !important; overflow-wrap: anywhere;\n}\n.nsrac *, .nsrac *::before, .nsrac *::after { box-sizing: border-box; }\n.nsrac h3 { color: var(--ink) !important; }\n.nsrac h2 { color: var(--ink) !important; }\n.nsrac :where(h1,h2,h3,p,ul,ol,li,label,span) { margin: 0; padding: 0; border: 0; font-weight: inherit; max-width: 100%; overflow-wrap: anywhere; }\n.nsrac :where(ul,ol) { list-style: none; }\n.nsrac img { max-width: 100%; height: auto; display: block; border: 0; }\n.nsrac a { color: var(--cool); text-decoration: none; }\n.nsrac a:hover { text-decoration: underline; }\n.nsrac-shell {width:100%;max-width:min(1200px,100%);margin-left: auto; margin-right: auto;padding: 65px clamp(8px, 2vw, 16px);min-width:0; display: flex; flex-direction: column; gap: var(--gap); container-type: inline-size; container-name: nsrac; }\n.nsrac-hero {\n  background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius);\n  box-shadow: var(--shadow); padding: clamp(18px, 3.5vw, 28px) clamp(14px, 3vw, 22px);\n  text-align: center; backdrop-filter: blur(14px); animation: nsrac-rise .45s ease both;\n}\n.nsrac-brand {\n  width: 52px; height: 52px; margin: 0 auto 12px; border-radius: 16px; display: inline-flex;\n  align-items: center; justify-content: center; color: #2a1a08; font-size: 1.35rem;\n  background: linear-gradient(145deg, #fcd34d, #fbbf24);\n  box-shadow: 0 10px 24px rgba(251, 191, 36, .35);\n}\n.nsrac .nsrac-hero__title {color:var(--ink)!important; font-size: clamp(1.35rem, 5vw, 2rem); font-weight: 800; letter-spacing: -.035em; margin-bottom: 8px; }\n.nsrac-hero__mark { color: var(--accent); background-image: linear-gradient(90deg, var(--accent), #fde68a); background-position: 0 100%; background-repeat: no-repeat; background-size: 100% 3px; padding-bottom: 2px; }\n.nsrac .nsrac-hero__lead { max-width: 36rem; margin: 0 auto 20px; color: var(--muted); font-size: clamp(.9rem, 2.4vw, 1rem); }\n.nsrac-tool { display: flex; flex-direction: column; gap: 12px; text-align: left; background: var(--soft); border: 1px solid rgba(255,255,255,.08); border-radius: 14px; padding: clamp(12px, 2.4vw, 16px); }\n.nsrac .nsrac-tool__label { font-size: .86rem; font-weight: 600; color: var(--muted); }\n.nsrac-field { position: relative; display: flex; align-items: center; }\n.nsrac .nsrac-field__input {\n  width: 100%; height: 52px; padding: 0 52px 0 16px !important; border-radius: 12px;\n  border: 1px solid rgba(255,255,255,.12) !important; background: rgba(12, 8, 4, .55) !important;\n  color: var(--ink) !important; font: 500 16px var(--font); outline: none;\n}\n.nsrac .nsrac-field__input:focus { border-color: rgba(251,191,36,.55) !important; box-shadow: 0 0 0 3px var(--accent-soft); }\n.nsrac .nsrac-field__input::placeholder { color: var(--dim); }\n.nsrac .nsrac-field__paste {\n  position: absolute; right: 6px; top: 50%; transform: translateY(-50%); width: 40px; height: 40px;\n  border: 0 !important; border-radius: 10px; background: transparent !important; color: var(--muted) !important; cursor: pointer;\n}\n.nsrac .nsrac-field__paste:hover { color: var(--accent) !important; background: var(--accent-soft) !important; }\n.nsrac .nsrac-btn {\n  display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 100%; height: 50px;\n  border: 0 !important; border-radius: 12px; font: 700 .98rem var(--font); cursor: pointer;\n  transition: transform .2s, box-shadow .2s, opacity .2s; text-decoration: none; appearance: none;\n}\n.nsrac .nsrac-btn--primary { background: linear-gradient(135deg, #fbbf24, #d97706) !important; color: #2a1a08 !important; box-shadow: 0 10px 22px rgba(251,191,36,.32); }\n.nsrac .nsrac-btn--primary:hover { transform: translateY(-1px); }\n.nsrac .nsrac-btn:disabled { opacity: .55; cursor: wait; transform: none !important; }\n.nsrac .nsrac-btn--ghost { background: rgba(255,255,255,.06) !important; color: var(--ink) !important; border: 1px solid rgba(255,255,255,.12) !important; }\n.nsrac .nsrac-btn--sm { height: 38px; font-size: .82rem !important; flex: 1 1 120px; }\n.nsrac-alert { display: none; gap: 8px; align-items: flex-start; padding: 10px 12px; border-radius: 10px; font-size: .88rem; font-weight: 500; }\n.nsrac-alert.is-visible { display: flex; }\n.nsrac-alert--error { background: rgba(255,107,122,.12); border: 1px solid rgba(255,107,122,.35); color: #ffb4bc; }\n.nsrac-alert--ok { background: rgba(61,214,140,.12); border: 1px solid rgba(61,214,140,.35); color: #9aecc0; }\n.nsrac-hint { font-size: .8rem; color: var(--dim); text-align: center; }\n.nsrac-skeleton { display: none; background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius); padding: 14px; box-shadow: var(--shadow); }\n.nsrac-skeleton.is-active { display: block; animation: nsrac-rise .35s ease both; }\n.nsrac-sk { background: linear-gradient(90deg, rgba(255,255,255,.06), rgba(251,191,36,.16), rgba(255,255,255,.06)); background-size: 200% 100%; animation: nsrac-shimmer 1.2s ease infinite; border-radius: 10px; height: 14px; margin-bottom: 10px; }\n.nsrac-result { display: none; animation: nsrac-rise .45s ease both; }\n.nsrac-result.is-visible { display: block; }\n.nsrac-panel { background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); padding: clamp(14px, 3vw, 20px); }\n.nsrac-top { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; margin-bottom: 16px; }\n.nsrac-avatar {\n  width: 72px; height: 72px; border-radius: 18px; display: inline-flex; align-items: center; justify-content: center;\n  background: linear-gradient(145deg, #fcd34d, #fbbf24); color: #2a1a08; font-size: 1.6rem; border: 2px solid rgba(251,191,36,.4);\n}\n.nsrac .nsrac-name {color:var(--ink)!important; font-size: clamp(1.15rem, 3vw, 1.45rem); font-weight: 800; }\n.nsrac .nsrac-handle { color: var(--muted); font-weight: 600; }\n.nsrac-grid { display: grid; grid-template-columns: 1fr; gap: 10px; margin-bottom: 14px; }\n@container nsrac (min-width: 640px) { .nsrac-grid { grid-template-columns: repeat(3, minmax(0,1fr)); } }\n.nsrac-card { padding: 14px; border-radius: 14px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08); }\n.nsrac .nsrac-card__lbl { font-size: .75rem; font-weight: 700; color: var(--dim); text-transform: uppercase; letter-spacing: .04em; margin-bottom: 6px; }\n.nsrac .nsrac-card__val { font-size: 1.35rem; font-weight: 800; letter-spacing: -.02em; }\n.nsrac .nsrac-card__sub { font-size: .82rem; color: var(--muted); margin-top: 4px; }\n.nsrac-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }\n.nsrac-chip { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 999px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); color: var(--muted); font-size: .78rem; font-weight: 600; }\n.nsrac-chip i { color: var(--accent); }\n.nsrac .nsrac-section { font-size: .82rem; font-weight: 700; color: var(--muted); text-transform: uppercase; letter-spacing: .04em; margin: 4px 0 10px; }\n.nsrac-list { display: flex; flex-direction: column; gap: 8px; }\n.nsrac-row { display: flex; flex-direction: column; gap: 6px; padding: 12px; border-radius: 12px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08); }\n.nsrac .nsrac-row__title {color: var(--ink) !important; font-size: .95rem; font-weight: 700; }\n.nsrac-row__meta { display: flex; flex-wrap: wrap; gap: 8px; font-size: .75rem; color: var(--dim); font-weight: 600; }\n.nsrac-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }\n.nsrac-actions .nsrac-btn { flex: 1 1 140px; height: 44px; font-size: .9rem !important; }\n@keyframes nsrac-rise { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }\n@keyframes nsrac-shimmer { 0% { background-position: 100% 0; } 100% { background-position: -100% 0; } }\n\n\/* --- Codex CSS updates --- *\/\n.nsrac {\n  width: 100vw;\n  max-width: none;\n  margin: -8px calc(50% - 50vw) 0;\n  --ink: #f8fafc;\n  --muted: #b7c4d8;\n  --dim: #7f91ab;\n  --panel: rgba(12, 20, 38, 0.78);\n  --soft: rgba(255, 255, 255, 0.055);\n  --line: rgba(130, 161, 255, 0.22);\n  --accent: #7c9cff;\n  --accent-soft: rgba(124, 156, 255, 0.2);\n  --cool: #9eb6ff;\n  --cool-deep: #536dff;\n  --danger: #ff7189;\n  --ok: #42d7a0;\n  --radius: 20px;\n  --shadow: 0 22px 55px rgba(2, 8, 23, 0.42);\n  --font: \"Outfit\", \"Segoe UI\", Arial, sans-serif;\n  --gap: 18px;\n  box-sizing: border-box !important;\n  position: relative;\n  isolation: isolate;\n  display: block;\n  min-width: 0 !important;\n  overflow-x: hidden !important;\n  overflow-wrap: anywhere;\n  color: var(--ink);\n  font-family: var(--font);\n  line-height: 1.5;\n  background:\n    radial-gradient(ellipse 72% 58% at 92% -8%, rgba(93, 118, 255, 0.38), transparent 60%),\n    radial-gradient(ellipse 52% 45% at 5% 8%, rgba(37, 207, 183, 0.16), transparent 62%),\n    linear-gradient(145deg, #07101f 0%, #111c35 48%, #171342 100%);\n}\n\n.nsrac *,\n.nsrac *::before,\n.nsrac *::after {\n  box-sizing: border-box;\n}\n\n.nsrac h3,\n.nsrac h2 {\n  color: var(--ink) !important;\n}\n\n.nsrac :where(h1, h2, h3, p, ul, ol, li, label, span) {\n  max-width: 100%;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-weight: inherit;\n  overflow-wrap: anywhere;\n}\n\n.nsrac :where(ul, ol) {\n  list-style: none;\n}\n\n.nsrac img {\n  display: block;\n  max-width: 100%;\n  height: auto;\n  border: 0;\n}\n\n.nsrac a {\n  color: var(--cool);\n  text-decoration: none;\n  transition: color 0.2s ease;\n}\n\n.nsrac a:hover {\n  color: #d6e1ff;\n  text-decoration: underline;\n}\n\n.nsrac-shell {\n  width: 100%;\n  max-width: min(1200px, 100%);\n  min-width: 0;\n  margin-right: auto;\n  margin-left: auto;\n  padding: clamp(32px, 6vw, 72px) clamp(14px, 3vw, 26px);\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap);\n  container-type: inline-size;\n  container-name: nsrac;\n}\n\n.nsrac-hero {\n  position: relative;\n  overflow: hidden;\n  padding: clamp(22px, 4vw, 36px) clamp(16px, 4vw, 34px);\n  text-align: center;\n  background: linear-gradient(135deg, rgba(24, 37, 65, 0.9), rgba(11, 19, 38, 0.82));\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  box-shadow: var(--shadow), inset 0 1px 0 rgba(255, 255, 255, 0.08);\n  backdrop-filter: blur(18px);\n  animation: nsrac-rise 0.45s ease both;\n}\n\n.nsrac-hero::before {\n  position: absolute;\n  top: -90px;\n  right: -60px;\n  width: 220px;\n  height: 220px;\n  content: \"\";\n  pointer-events: none;\n  background: radial-gradient(circle, rgba(137, 159, 255, 0.22), transparent 68%);\n}\n\n.nsrac-brand {\n  position: relative;\n  z-index: 1;\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 14px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  color: #ffffff;\n  font-size: 1.4rem;\n  border: 1px solid rgba(255, 255, 255, 0.28);\n  border-radius: 18px;\n  background: linear-gradient(135deg, #98b1ff, #6574ff 48%, #a65dff);\n  box-shadow: 0 14px 30px rgba(89, 106, 255, 0.42);\n}\n\n.nsrac .nsrac-hero__title {\n  position: relative;\n  z-index: 1;\n  margin-bottom: 10px;\n  color: var(--ink) !important;\n  font-size: clamp(1.45rem, 5vw, 2.25rem);\n  font-weight: 800;\n  letter-spacing: -0.045em;\n}\n\n.nsrac-hero__mark {\n  padding-bottom: 3px;\n  color: #b6c6ff;\n  background-image: linear-gradient(90deg, #7c9cff, #5eead4, #a78bfa);\n  background-position: 0 100%;\n  background-repeat: no-repeat;\n  background-size: 100% 3px;\n}\n\n.nsrac .nsrac-hero__lead {\n  position: relative;\n  z-index: 1;\n  max-width: 40rem;\n  margin: 0 auto 22px;\n  color: var(--muted);\n  font-size: clamp(0.92rem, 2.4vw, 1.03rem);\n}\n\n.nsrac-tool {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 13px;\n  padding: clamp(13px, 2.6vw, 18px);\n  text-align: left;\n  background: rgba(3, 10, 27, 0.36);\n  border: 1px solid rgba(203, 216, 255, 0.12);\n  border-radius: 16px;\n}\n\n.nsrac .nsrac-tool__label {\n  color: #d8e2f2;\n  font-size: 0.86rem;\n  font-weight: 650;\n}\n\n.nsrac-field {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n.nsrac .nsrac-field__input {\n  width: 100%;\n  height: 54px;\n  padding: 0 54px 0 17px !important;\n  color: var(--ink) !important;\n  font: 500 16px var(--font);\n  outline: none;\n  background: rgba(4, 11, 26, 0.72) !important;\n  border: 1px solid rgba(183, 201, 235, 0.17) !important;\n  border-radius: 13px;\n  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.035);\n  transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;\n}\n\n.nsrac .nsrac-field__input:hover {\n  border-color: rgba(158, 182, 255, 0.34) !important;\n}\n\n.nsrac .nsrac-field__input:focus {\n  background: rgba(6, 15, 35, 0.9) !important;\n  border-color: rgba(124, 156, 255, 0.85) !important;\n  box-shadow: 0 0 0 4px var(--accent-soft), inset 0 1px 1px rgba(255, 255, 255, 0.05);\n}\n\n.nsrac .nsrac-field__input::placeholder {\n  color: var(--dim);\n  opacity: 1;\n}\n\n.nsrac .nsrac-field__paste {\n  position: absolute;\n  top: 50%;\n  right: 7px;\n  width: 40px;\n  height: 40px;\n  padding: 0;\n  color: var(--muted) !important;\n  cursor: pointer;\n  background: transparent !important;\n  border: 0 !important;\n  border-radius: 10px;\n  transform: translateY(-50%);\n  transition: color 0.2s ease, background 0.2s ease, transform 0.2s ease;\n}\n\n.nsrac .nsrac-field__paste:hover {\n  color: #dfe7ff !important;\n  background: var(--accent-soft) !important;\n}\n\n.nsrac .nsrac-field__paste:active {\n  transform: translateY(-50%) scale(0.94);\n}\n\n.nsrac .nsrac-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 52px;\n  gap: 8px;\n  padding: 0 18px;\n  color: var(--ink) !important;\n  font: 750 0.98rem var(--font);\n  text-decoration: none;\n  cursor: pointer;\n  appearance: none;\n  border: 0 !important;\n  border-radius: 13px;\n  outline: none;\n  transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease, border-color 0.2s ease;\n}\n\n.nsrac .nsrac-btn--primary {\n  color: #ffffff !important;\n  background: linear-gradient(135deg, #7394ff 0%, #5d65f5 50%, #8e5de8 100%) !important;\n  box-shadow: 0 12px 25px rgba(77, 96, 238, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.24);\n}\n\n.nsrac .nsrac-btn--primary:hover {\n  filter: brightness(1.08);\n  box-shadow: 0 16px 30px rgba(77, 96, 238, 0.48), inset 0 1px 0 rgba(255, 255, 255, 0.3);\n  transform: translateY(-2px);\n}\n\n.nsrac .nsrac-btn:active {\n  transform: translateY(0) scale(0.985);\n}\n\n.nsrac .nsrac-btn:focus-visible {\n  box-shadow: 0 0 0 4px rgba(150, 177, 255, 0.4);\n}\n\n.nsrac .nsrac-btn:disabled {\n  cursor: wait;\n  opacity: 0.55;\n  filter: saturate(0.65);\n  transform: none !important;\n}\n\n.nsrac .nsrac-btn--ghost {\n  color: #dce5f5 !important;\n  background: rgba(255, 255, 255, 0.055) !important;\n  border: 1px solid rgba(193, 210, 245, 0.17) !important;\n  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045);\n}\n\n.nsrac .nsrac-btn--ghost:hover {\n  background: rgba(139, 163, 255, 0.12) !important;\n  border-color: rgba(157, 182, 255, 0.38) !important;\n  transform: translateY(-2px);\n}\n\n.nsrac .nsrac-btn--sm {\n  flex: 1 1 120px;\n  height: 40px;\n  font-size: 0.82rem !important;\n}\n\n.nsrac-alert {\n  display: none;\n  align-items: flex-start;\n  gap: 9px;\n  padding: 12px 13px;\n  font-size: 0.88rem;\n  font-weight: 550;\n  border-radius: 12px;\n}\n\n.nsrac-alert.is-visible {\n  display: flex;\n  animation: nsrac-rise 0.3s ease both;\n}\n\n.nsrac-alert--error {\n  color: #ffd0d8;\n  background: rgba(255, 89, 117, 0.12);\n  border: 1px solid rgba(255, 113, 137, 0.42);\n}\n\n.nsrac-alert--ok {\n  color: #b5f5d9;\n  background: rgba(66, 215, 160, 0.12);\n  border: 1px solid rgba(66, 215, 160, 0.4);\n}\n\n.nsrac-hint {\n  color: var(--dim);\n  font-size: 0.8rem;\n  text-align: center;\n}\n\n.nsrac-skeleton {\n  display: none;\n  padding: clamp(15px, 3vw, 20px);\n  background: var(--panel);\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  box-shadow: var(--shadow);\n}\n\n.nsrac-skeleton.is-active {\n  display: block;\n  animation: nsrac-rise 0.35s ease both;\n}\n\n.nsrac-sk {\n  height: 14px;\n  margin-bottom: 11px;\n  background: linear-gradient(90deg, rgba(255, 255, 255, 0.045), rgba(133, 160, 255, 0.28), rgba(255, 255, 255, 0.045));\n  background-size: 200% 100%;\n  border-radius: 10px;\n  animation: nsrac-shimmer 1.2s ease infinite;\n}\n\n.nsrac-result {\n  display: none;\n  animation: nsrac-rise 0.45s ease both;\n}\n\n.nsrac-result.is-visible {\n  display: block;\n}\n\n.nsrac-panel {\n  padding: clamp(16px, 3vw, 24px);\n  background: linear-gradient(145deg, rgba(20, 33, 59, 0.9), rgba(10, 18, 37, 0.82));\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  box-shadow: var(--shadow), inset 0 1px 0 rgba(255, 255, 255, 0.055);\n  backdrop-filter: blur(16px);\n}\n\n.nsrac-top {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 15px;\n  margin-bottom: 18px;\n}\n\n.nsrac-avatar {\n  width: 74px;\n  height: 74px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex: 0 0 auto;\n  color: #fff;\n  font-size: 1.65rem;\n  background: linear-gradient(135deg, #91acff, #6370fc 52%, #a666f5);\n  border: 2px solid rgba(184, 202, 255, 0.35);\n  border-radius: 20px;\n  box-shadow: 0 12px 24px rgba(67, 85, 214, 0.3);\n}\n\n.nsrac .nsrac-name {\n  color: var(--ink) !important;\n  font-size: clamp(1.18rem, 3vw, 1.55rem);\n  font-weight: 800;\n  letter-spacing: -0.035em;\n}\n\n.nsrac .nsrac-handle {\n  color: var(--muted);\n  font-weight: 600;\n}\n\n.nsrac-grid {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 11px;\n  margin-bottom: 16px;\n}\n\n@container nsrac (min-width: 640px) {\n  .nsrac-grid {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n}\n\n.nsrac-card {\n  min-width: 0;\n  padding: 15px;\n  background: linear-gradient(145deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.035));\n  border: 1px solid rgba(201, 215, 246, 0.12);\n  border-radius: 15px;\n  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);\n  transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease;\n}\n\n.nsrac-card:hover {\n  background: rgba(132, 157, 255, 0.1);\n  border-color: rgba(158, 182, 255, 0.3);\n  transform: translateY(-2px);\n}\n\n.nsrac .nsrac-card__lbl {\n  margin-bottom: 6px;\n  color: var(--dim);\n  font-size: 0.75rem;\n  font-weight: 750;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n}\n\n.nsrac .nsrac-card__val {\n  color: var(--ink);\n  font-size: 1.4rem;\n  font-weight: 800;\n  letter-spacing: -0.03em;\n}\n\n.nsrac .nsrac-card__sub {\n  margin-top: 4px;\n  color: var(--muted);\n  font-size: 0.82rem;\n}\n\n.nsrac-chips {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-bottom: 16px;\n}\n\n.nsrac-chip {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  max-width: 100%;\n  padding: 6px 10px;\n  color: #cbd7ea;\n  font-size: 0.78rem;\n  font-weight: 650;\n  background: rgba(132, 157, 255, 0.09);\n  border: 1px solid rgba(170, 192, 255, 0.16);\n  border-radius: 999px;\n}\n\n.nsrac-chip i {\n  color: #aabaff;\n}\n\n.nsrac .nsrac-section {\n  margin: 5px 0 11px;\n  color: var(--muted);\n  font-size: 0.82rem;\n  font-weight: 750;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n}\n\n.nsrac-list {\n  display: flex;\n  flex-direction: column;\n  gap: 9px;\n}\n\n.nsrac-row {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  padding: 13px;\n  background: rgba(255, 255, 255, 0.045);\n  border: 1px solid rgba(201, 215, 246, 0.11);\n  border-radius: 13px;\n  transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;\n}\n\n.nsrac-row:hover {\n  background: rgba(126, 153, 255, 0.1);\n  border-color: rgba(158, 182, 255, 0.28);\n  transform: translateX(2px);\n}\n\n.nsrac .nsrac-row__title {\n  color: var(--ink) !important;\n  font-size: 0.95rem;\n  font-weight: 700;\n}\n\n.nsrac-row__meta {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  color: var(--dim);\n  font-size: 0.75rem;\n  font-weight: 600;\n}\n\n.nsrac-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 9px;\n  margin-top: 16px;\n}\n\n.nsrac-actions .nsrac-btn {\n  flex: 1 1 140px;\n  height: 45px;\n  font-size: 0.9rem !important;\n}\n\n.nsrac .fa-brands,\n.nsrac .fa-clipboard,\n.nsrac .fa-id-card,\n.nsrac .fa-magnifying-glass,\n.nsrac .fa-reddit-alien,\n.nsrac .fa-regular,\n.nsrac .fa-solid {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex: 0 0 auto;\n  line-height: 1;\n}\n\n@keyframes nsrac-rise {\n  from {\n    opacity: 0;\n    transform: translateY(14px);\n  }\n\n  to {\n    opacity: 1;\n    transform: none;\n  }\n}\n\n@keyframes nsrac-shimmer {\n  0% {\n    background-position: 100% 0;\n  }\n\n  100% {\n    background-position: -100% 0;\n  }\n}\n\n@media (max-width: 520px) {\n  .nsrac-shell {\n    padding: 24px 12px 38px;\n    gap: 14px;\n  }\n\n  .nsrac-hero,\n  .nsrac-panel {\n    border-radius: 17px;\n  }\n\n  .nsrac-hero {\n    padding: 22px 14px;\n  }\n\n  .nsrac-brand {\n    width: 50px;\n    height: 50px;\n    margin-bottom: 12px;\n    border-radius: 16px;\n  }\n\n  .nsrac-top {\n    align-items: flex-start;\n    gap: 12px;\n  }\n\n  .nsrac-avatar {\n    width: 62px;\n    height: 62px;\n    font-size: 1.4rem;\n    border-radius: 17px;\n  }\n\n  .nsrac-card,\n  .nsrac-row {\n    padding: 12px;\n  }\n\n  .nsrac-actions {\n    flex-direction: column;\n  }\n\n  .nsrac-actions .nsrac-btn,\n  .nsrac .nsrac-btn--sm {\n    width: 100%;\n    flex-basis: auto;\n  }\n\n  .nsrac-chip {\n    font-size: 0.74rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .nsrac *,\n  .nsrac *::before,\n  .nsrac *::after {\n    scroll-behavior: auto !important;\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n<\/style>\n<!-- New Social Reddit Account Viewer -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n\n<div class=\"nsrac\" id=\"nsrac-root\" data-nsrac-ready=\"0\">\n  <div class=\"nsrac-shell\">\n    <section class=\"nsrac-hero\" aria-labelledby=\"nsrac-title\">\n      <div class=\"nsrac-brand\" aria-hidden=\"true\"><i class=\"fa-solid fa-id-card\"><\/i><\/div>\n<h1 class=\"nsrac-hero__title\" id=\"nsrac-title\">Reddit Account Viewer \u2013 Check Profiles, Posts &amp;amp; Activity Easily<\/h1>\n<p class=\"nsrac-hero__lead\">Inspect a public Reddit account \u2014 post volume, comment volume, ups, and recent activity at a glance.<\/p>\n<div class=\"nsrac-tool\">\n        <label class=\"nsrac-tool__label\" for=\"nsrac-input\">Username or profile URL<\/label>\n        <div class=\"nsrac-field\">\n          <input class=\"nsrac-field__input\" id=\"nsrac-input\" type=\"text\" placeholder=\"username or https:\/\/www.reddit.com\/user\/...\" autocomplete=\"off\" spellcheck=\"false\">\n          <button type=\"button\" class=\"nsrac-field__paste\" id=\"nsrac-paste\" aria-label=\"Paste from clipboard\"><i class=\"fa-regular fa-clipboard\"><\/i><\/button>\n        <\/div>\n        <button type=\"button\" class=\"nsrac-btn nsrac-btn--primary\" id=\"xrespond-tools-turnstile\"><i class=\"fa-solid fa-magnifying-glass\"><\/i><span>View Account<\/span><\/button>\n        <div class=\"nsrac-alert\" id=\"nsrac-alert\" role=\"alert\"><\/div>\n<p class=\"nsrac-hint\">Same user overview API \u2014 focused on account analytics<\/p>\n      <\/div>\n    <\/section>\n\n    <div class=\"nsrac-skeleton\" id=\"nsrac-skeleton\" aria-hidden=\"true\">\n      <div class=\"nsrac-sk\" style=\"height:70px\"><\/div>\n<div class=\"nsrac-sk\" style=\"width:60%\"><\/div>\n<div class=\"nsrac-sk\" style=\"width:40%\"><\/div>\n    <\/div>\n\n    <section class=\"nsrac-result\" id=\"nsrac-result\" aria-live=\"polite\">\n      <div class=\"nsrac-panel\">\n        <div class=\"nsrac-top\">\n          <div class=\"nsrac-avatar\" aria-hidden=\"true\"><i class=\"fa-brands fa-reddit-alien\"><\/i><\/div>\n<div>\n            <h2 class=\"nsrac-name\" id=\"nsrac-name\">\u2014<\/h2>\n<p class=\"nsrac-handle\" id=\"nsrac-handle\">u\/user<\/p>\n          <\/div>\n        <\/div>\n<div class=\"nsrac-grid\" id=\"nsrac-grid\"><\/div>\n<div class=\"nsrac-chips\" id=\"nsrac-chips\"><\/div>\n<p class=\"nsrac-section\">Recent posts<\/p>\n<div class=\"nsrac-list\" id=\"nsrac-list\"><\/div>\n<div class=\"nsrac-actions\" id=\"nsrac-actions\"><\/div>\n      <\/div>\n    <\/section>\n  <\/div>\n<\/div><!-- [et_pb_line_break_holder] -->    <link rel=\"canonical\" href=\"\">\r\n      \r\n      <!-- Google Fonts - Premium Typography -->\r\n      <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n      <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\r\n      <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@300;400;500;600;700&family=Manrope:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n      \r\n      <!-- Bootstrap CSS -->\r\n      <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\">\r\n      <!-- Boxicons -->\r\n      <link href=\"https:\/\/unpkg.com\/boxicons@2.1.4\/css\/boxicons.min.css\" rel=\"stylesheet\">\r\n      <!-- AOS Animation -->\r\n      <link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\">\r\n      \r\n  \r\n  <style id=\"vvvebjs-styles\">\r\n      html{\r\n          overflow-x: hidden;\r\n      }\r\n  \r\n      :root {\r\n              --rduv-primary-color: #8A66FF;\r\n              --rduv-secondary-color: #6A4FE0;\r\n              --rduv-dark-color: #000000;\r\n              --rduv-light-color: #FFFFFF;\r\n              --rduv-gray-color: #F5F3FF;\r\n              --rduv-muted-on-light: #555555;\r\n              --rduv-primary-hover: #7758F0;\r\n              --rduv-secondary-hover: #9B85FF;\r\n              --rduv-section-padding: 100px 0;\r\n          }\r\n          \r\n\/*           body {\r\n              font-family: 'Manrope', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n              scroll-behavior: smooth;\r\n              overflow-x: hidden;\r\n              background-color: var(--rduv-light-color);\r\n              color: var(--rduv-dark-color);\r\n          }\r\n      \r\n      h1, h2, h3, h4, h5, h6 {\r\n          font-family: 'Manrope', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n          font-weight: 800;\r\n          letter-spacing: -0.02em;\r\n      } *\/\r\n     \r\n      \/* Reddit-style Hero Section *\/\r\n      .rduv-hero-section {\r\n              padding: var(--rduv-section-padding);\r\n              text-align: center;\r\n              background-color: var(--rduv-light-color);\r\n          }\r\n          \r\n          .rduv-hero-content {\r\n              position: relative;\r\n              z-index: 1;\r\n          }\r\n          \r\n          .rduv-hero-section h1 {\r\n              font-size: 3.5rem;\r\n              font-weight: 800;\r\n              margin-bottom: 1.5rem;\r\n              color: var(--rduv-dark-color);\r\n              -webkit-text-fill-color: var(--rduv-dark-color);\r\n              background: none;\r\n              -webkit-background-clip: unset;\r\n              background-clip: unset;\r\n          }\r\n\r\n          .rduv-hero-section h1 .va-accent {\r\n              color: var(--rduv-primary-color);\r\n              -webkit-text-fill-color: var(--rduv-primary-color);\r\n          }\r\n          \r\n          .rduv-hero-section p {\r\n              font-size: 1.25rem;\r\n              max-width: 700px;\r\n              margin: 0 auto 2rem;\r\n              font-weight: 500;\r\n              color: var(--rduv-muted-on-light);\r\n          }\r\n          \r\n          \/* Work Process \u2014 white \/ lavender (logo-style content) *\/\r\n          .rduv-work-process-section {\r\n              padding: var(--rduv-section-padding);\r\n              background: linear-gradient(180deg, #faf9ff 0%, #F5F3FF 45%, #f0ecff 100%);\r\n              color: var(--rduv-dark-color);\r\n      position: relative;\r\n      overflow: hidden;\r\n              border-top: 1px solid rgba(138, 102, 255, 0.12);\r\n              border-bottom: 1px solid rgba(138, 102, 255, 0.1);\r\n    }\r\n    \r\n          .rduv-work-process-section::before {\r\n      content: '';\r\n      position: absolute;\r\n              top: 0;\r\n              left: 0;\r\n              width: 100%;\r\n              height: 100%;\r\n              background: radial-gradient(ellipse 85% 55% at 50% 0%, rgba(138, 102, 255, 0.09) 0%, transparent 58%);\r\n      pointer-events: none;\r\n    }\r\n    \r\n          .rduv-work-process-section .rduv-light-title {\r\n              color: var(--rduv-dark-color);\r\n          }\r\n\r\n          .rduv-work-process-section .rduv-light-title::after {\r\n              background: linear-gradient(to right, var(--rduv-primary-color), var(--rduv-secondary-color));\r\n          }\r\n\r\n          .rduv-work-process-section .rduv-light-subtitle {\r\n              color: var(--rduv-muted-on-light);\r\n          }\r\n\r\n          .rduv-work-process-section .rduv-process-step {\r\n              background: #ffffff;\r\n              border: 1px solid rgba(138, 102, 255, 0.2);\r\n              box-shadow: 0 10px 28px rgba(138, 102, 255, 0.08);\r\n          }\r\n\r\n          .rduv-work-process-section .rduv-process-step:hover {\r\n              transform: translateY(-10px);\r\n              background: #ffffff;\r\n              box-shadow: 0 16px 36px rgba(138, 102, 255, 0.14);\r\n          }\r\n\r\n          .rduv-work-process-section h4.text-white {\r\n              color: var(--rduv-dark-color) !important;\r\n          }\r\n          \r\n          .rduv-work-process-content {\r\n              position: relative;\r\n              z-index: 1;\r\n          }\r\n          \r\n          .rduv-process-step {\r\n              text-align: center;\r\n              padding: 30px 20px;\r\n              position: relative;\r\n              z-index: 1;\r\n              background: rgba(255,255,255,0.1);\r\n              backdrop-filter: blur(10px);\r\n              border-radius: 16px;\r\n              margin: 15px;\r\n              border: 1px solid rgba(255,255,255,0.2);\r\n              transition: all 0.3s ease;\r\n          }\r\n          \r\n          .rduv-process-step:hover {\r\n              transform: translateY(-10px);\r\n              background: rgba(255,255,255,0.15);\r\n              box-shadow: 0 15px 30px rgba(0,0,0,0.2);\r\n          }\r\n          \r\n          .rduv-step-number {\r\n              width: 60px;\r\n              height: 60px;\r\n              background: white;\r\n              background: linear-gradient(45deg, var(--rduv-primary-color), var(--rduv-secondary-color));\r\n              color: white;\r\n              border-radius: 50%;\r\n              display: flex;\r\n              align-items: center;\r\n              justify-content: center;\r\n              font-weight: 700;\r\n              margin: 0 auto 20px;\r\n              font-size: 1.5rem;\r\n              box-shadow: 0 5px 15px rgba(0,0,0,0.1);\r\n          }\r\n          \r\n          \/* Features Section *\/\r\n          .rduv-features-section {\r\n              padding: var(--rduv-section-padding);\r\n              background: white;\r\n          }\r\n          \r\n          .rduv-feature-card {\r\n              padding: 40px 30px;\r\n              border-radius: 16px;\r\n              background: white;\r\n              box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\r\n              margin-bottom: 30px;\r\n              transition: all 0.3s ease;\r\n              border: 1px solid rgba(0,0,0,0.05);\r\n              height: 100%;\r\n              position: relative;\r\n              overflow: hidden;\r\n          }\r\n          \r\n          .rduv-feature-card::before {\r\n      content: '';\r\n      position: absolute;\r\n              top: 0;\r\n              left: 0;\r\n              width: 4px;\r\n              height: 100%;\r\n              background: linear-gradient(to bottom, var(--rduv-primary-color), var(--rduv-secondary-color));\r\n              transition: all 0.3s ease;\r\n          }\r\n          \r\n          .rduv-feature-card:hover {\r\n              transform: translateY(-10px);\r\n              box-shadow: 0 15px 40px rgba(0,0,0,0.1);\r\n          }\r\n          \r\n          .rduv-feature-card:hover::before {\r\n              width: 100%;\r\n              opacity: 0.1;\r\n          }\r\n          \r\n          .rduv-feature-icon {\r\n              width: 70px;\r\n              height: 70px;\r\n              border-radius: 20px;\r\n              display: flex;\r\n      align-items: center;\r\n              justify-content: center;\r\n              margin-bottom: 25px;\r\n              background: linear-gradient(45deg, var(--rduv-primary-color), var(--rduv-secondary-color));\r\n              color: white;\r\n              font-size: 1.8rem;\r\n              transition: all 0.3s ease;\r\n          }\r\n          \r\n          .rduv-feature-card:hover .rduv-feature-icon {\r\n              transform: rotate(15deg) scale(1.1);\r\n              background: linear-gradient(45deg, var(--rduv-primary-hover), var(--rduv-secondary-hover));\r\n          }\r\n          \r\n          \/* Why Choose Section *\/\r\n          .rduv-why-choose-section {\r\n              padding: var(--rduv-section-padding);\r\n              background: #f9f9f9;\r\n          }\r\n          \r\n          .rduv-why-choose-image {\r\n              border-radius: 16px;\r\n              overflow: hidden;\r\n              box-shadow: 0 20px 40px rgba(0,0,0,0.1);\r\n              transform: perspective(1000px) rotateY(-5deg);\r\n              transition: all 0.5s ease;\r\n          }\r\n          \r\n          .rduv-why-choose-image:hover {\r\n              transform: perspective(1000px) rotateY(0deg);\r\n          }\r\n          \r\n          .rduv-benefit-item {\r\n              display: flex;\r\n              align-items: flex-start;\r\n              margin-bottom: 20px;\r\n              padding: 15px;\r\n              border-radius: 12px;\r\n              background: white;\r\n              box-shadow: 0 5px 15px rgba(0,0,0,0.03);\r\n              transition: all 0.3s ease;\r\n          }\r\n          \r\n          .rduv-benefit-item:hover {\r\n              transform: translateX(10px);\r\n              box-shadow: 0 10px 25px rgba(0,0,0,0.1);\r\n          }\r\n          \r\n          .rduv-benefit-icon {\r\n              width: 40px;\r\n              height: 40px;\r\n              border-radius: 12px;\r\n              display: flex;\r\n              align-items: center;\r\n              justify-content: center;\r\n              margin-right: 15px;\r\n              background: linear-gradient(45deg, var(--rduv-primary-color), var(--rduv-secondary-color));\r\n              color: white;\r\n              font-size: 1.2rem;\r\n              flex-shrink: 0;\r\n          }\r\n          \r\n          \/* FAQ Section *\/\r\n          .rduv-faq-section {\r\n              padding: var(--rduv-section-padding);\r\n              background: white;\r\n          }\r\n          \r\n          .rduv-accordion-item {\r\n              border: none;\r\n              border-radius: 12px !important;\r\n              overflow: hidden;\r\n              margin-bottom: 15px;\r\n              box-shadow: 0 5px 15px rgba(0,0,0,0.05);\r\n          }\r\n          \r\n          .rduv-accordion-button {\r\n      font-weight: 600;\r\n              color: var(--rduv-dark-color);\r\n              padding: 20px 25px;\r\n              background: white;\r\n              box-shadow: none;\r\n              border-radius: 12px 12px 0 0 !important;\r\n          }\r\n          \r\n          .rduv-accordion-button:not(.collapsed) {\r\n              background: white;\r\n              color: var(--rduv-primary-color);\r\n              box-shadow: none;\r\n          }\r\n          \r\n          .rduv-accordion-button:focus {\r\n              box-shadow: none;\r\n              border-color: rgba(138, 102, 255, 0.35);\r\n          }\r\n          \r\n          .rduv-accordion-button::after {\r\n              background-image: url(\"data:image\/svg+xml,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 16 16' fill='%238A66FF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'\/%3e%3c\/svg%3e\");\r\n          }\r\n          \r\n          .rduv-accordion-body {\r\n              padding: 25px;\r\n              color: #666;\r\n          }\r\n          \r\n          \/* Section Titles *\/\r\n          .rduv-section-title {\r\n      font-weight: 800;\r\n              color: var(--rduv-dark-color);\r\n              margin-bottom: 1.5rem;\r\n      position: relative;\r\n              display: inline-block;\r\n          }\r\n          \r\n          .rduv-section-title::after {\r\n              content: '';\r\n              position: absolute;\r\n              bottom: -10px;\r\n              left: 0;\r\n              width: 60px;\r\n              height: 4px;\r\n              background: linear-gradient(to right, var(--rduv-primary-color), var(--rduv-secondary-color));\r\n              border-radius: 2px;\r\n          }\r\n          \r\n          .rduv-light-title {\r\n              color: white;\r\n          }\r\n          \r\n          .rduv-light-title::after {\r\n              background: white;\r\n          }\r\n          \r\n          .rduv-section-subtitle {\r\n              color: #666;\r\n              max-width: 700px;\r\n              margin: 0 auto 3rem;\r\n      font-size: 1.1rem;\r\n          }\r\n          \r\n          .rduv-light-subtitle {\r\n              color: rgba(255,255,255,0.8);\r\n          }\r\n          \r\n          \/* Responsive Design *\/\r\n          @media (max-width: 991px) {\r\n              :root {\r\n                  --rduv-section-padding: 80px 0;\r\n              }\r\n              \r\n              .rduv-hero-section h1 {\r\n                  font-size: 2.8rem;\r\n              }\r\n              \r\n              .rduv-process-step::before {\r\n                  display: none;\r\n              }\r\n          }\r\n          \r\n          @media (max-width: 767px) {\r\n              :root {\r\n                  --rduv-section-padding: 70px 0;\r\n              }\r\n              \r\n              .rduv-hero-section {\r\n                  padding: 100px 0 60px;\r\n              }\r\n              \r\n              .rduv-hero-section h1 {\r\n                  font-size: 2.2rem;\r\n              }\r\n              \r\n              .rduv-hero-section p {\r\n                  font-size: 1rem;\r\n              }\r\n              \r\n              .rduv-section-title {\r\n                  font-size: 1.8rem;\r\n              }\r\n          }\r\n          \r\n          \/* Animation *\/\r\n          @keyframes rduv-float {\r\n              0% { transform: translateY(0px); }\r\n              50% { transform: translateY(-15px); }\r\n              100% { transform: translateY(0px); }\r\n          }\r\n          \r\n          .rduv-floating-element {\r\n              animation: rduv-float 6s ease-in-out infinite;\r\n          }\r\n          \r\n          \/* Custom Scrollbar *\/\r\n          ::-webkit-scrollbar {\r\n              width: 8px;\r\n          }\r\n          \r\n          ::-webkit-scrollbar-track {\r\n              background: #f1f1f1;\r\n          }\r\n          \r\n          ::-webkit-scrollbar-thumb {\r\n              background: linear-gradient(var(--rduv-primary-color), var(--rduv-secondary-color));\r\n              border-radius: 10px;\r\n          }\r\n          \r\n          ::-webkit-scrollbar-thumb:hover {\r\n              background: linear-gradient(var(--rduv-primary-hover), var(--rduv-secondary-hover));\r\n          }\r\n        \r\n  \r\n  <\/style>\r\n  <!-- tools -->\r\n  <style>\r\n  \r\n      :root {\r\n          --primary-color: #8A66FF;\r\n          --primary-light: #A385FF;\r\n          --primary-dark: #6A4FE0;\r\n          --secondary-color: #6A4FE0;\r\n          --secondary-light: #8A66FF;\r\n          --secondary-dark: #5238c4;\r\n          --accent-color: #8A66FF;\r\n          --accent-light: #A385FF;\r\n          --accent-dark: #6A4FE0;\r\n          --warning-color: #D4A017;\r\n          --warning-light: #E8B84A;\r\n          --danger-color: #EF4444;\r\n          --danger-light: #F87171;\r\n          --success-color: #22C55E;\r\n          --success-light: #4ADE80;\r\n          --bg-primary: #111016;\r\n          --bg-secondary: #18181f;\r\n          --bg-tertiary: #22222c;\r\n          --bg-card: #1c1c24;\r\n          --glass-bg: rgba(138, 102, 255, 0.08);\r\n          --glass-border: rgba(138, 102, 255, 0.22);\r\n          --text-primary: #FFFFFF;\r\n          --text-secondary: #CCCCCC;\r\n          --text-muted: #999999;\r\n          --text-accent: #8A66FF;\r\n          --shadow-sm: 0 2px 8px rgba(138, 102, 255, 0.12);\r\n          --shadow-md: 0 4px 16px rgba(138, 102, 255, 0.16);\r\n          --shadow-lg: 0 8px 32px rgba(138, 102, 255, 0.2);\r\n          --shadow-xl: 0 16px 48px rgba(138, 102, 255, 0.22);\r\n          --gradient-primary: linear-gradient(135deg, #8A66FF, #6A4FE0);\r\n          --gradient-secondary: linear-gradient(135deg, #2c2c36, #8A66FF);\r\n          --gradient-accent: linear-gradient(135deg, #8A66FF, #A385FF);\r\n      }\r\n  \r\n      .rduv-hero-tools-section {\r\n          font-family: 'Manrope', 'Inter', sans-serif;\r\n          background-color: #111016;\r\n          background-image:\r\n              radial-gradient(circle at 22% 18%, rgba(138, 102, 255, 0.18) 0%, transparent 46%),\r\n              radial-gradient(circle at 88% 82%, rgba(106, 79, 224, 0.12) 0%, transparent 44%),\r\n              linear-gradient(168deg, #16141f 0%, #111016 50%, #14121c 100%);\r\n          padding: 80px 0;\r\n          line-height: 1.6;\r\n          color: var(--text-primary);\r\n          overflow-x: hidden;\r\n\/*           margin-top: 3rem; *\/\r\n          border-bottom: 1px solid rgba(138, 102, 255, 0.22);\r\n      }\r\n  \r\n      .custom-rduv-container {\r\n          max-width: 1400px;\r\n          margin: 0 auto;\r\n          padding: 20px;\r\n          position: relative;\r\n      }\r\n  \r\n      .header {\r\n      text-align: center;\r\n          margin-bottom: 40px;\r\n          padding: 40px 0;\r\n          animation: slideInDown 1s ease-out;\r\n      }\r\n  \r\n      .logo {\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          gap: 20px;\r\n          margin-bottom: 25px;\r\n          flex-wrap: wrap;\r\n      }\r\n  \r\n      .logo-icon {\r\n          width: 80px;\r\n          height: 80px;\r\n          background: var(--gradient-primary);\r\n          border-radius: 20px;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          color: white;\r\n          font-size: 36px;\r\n      font-weight: 800;\r\n          box-shadow: var(--shadow-lg);\r\n          animation: float 3s ease-in-out infinite;\r\n          position: relative;\r\n          overflow: hidden;\r\n      }\r\n  \r\n      .logo-icon::before {\r\n          content: '';\r\n          position: absolute;\r\n          top: -50%;\r\n          left: -50%;\r\n          width: 200%;\r\n          height: 200%;\r\n          background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.1), transparent);\r\n          transform: rotate(45deg);\r\n          animation: shine 3s infinite;\r\n      }\r\n  \r\n      .reddit-badge {\r\n          background: var(--gradient-secondary);\r\n          color: white;\r\n          padding: 8px 16px;\r\n          border-radius: 25px;\r\n          font-size: 14px;\r\n          font-weight: 700;\r\n          box-shadow: var(--shadow-md);\r\n          animation: pulse 2s infinite;\r\n      }\r\n  \r\n      .logo-text {\r\n          font-size: clamp(2.5rem, 6vw, 4rem);\r\n          font-weight: 800;\r\n          font-family: 'Manrope', 'Inter', sans-serif;\r\n          color: #FFFFFF;\r\n          -webkit-text-fill-color: #FFFFFF;\r\n          background: none;\r\n          -webkit-background-clip: unset;\r\n          background-clip: unset;\r\n          letter-spacing: -0.03em;\r\n      }\r\n\r\n      .logo-text .va-accent {\r\n          color: #8A66FF;\r\n          -webkit-text-fill-color: #8A66FF;\r\n      }\r\n  \r\n      .subtitle {\r\n          color: var(--text-secondary);\r\n          font-size: 18px;\r\n          font-weight: 600;\r\n          margin-bottom: 30px;\r\n          max-width: 700px;\r\n          margin-left: auto;\r\n          margin-right: auto;\r\n      }\r\n  \r\n      .features-grid {\r\n      display: grid;\r\n          grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n          gap: 20px;\r\n          margin-bottom: 40px;\r\n      }\r\n  \r\n      .feature-card {\r\n          background: var(--bg-card);\r\n          border: 1px solid var(--glass-border);\r\n          padding: 15px;\r\n          border-radius: 16px;\r\n      text-align: center;\r\n          transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n      position: relative;\r\n      overflow: hidden;\r\n      }\r\n  \r\n      .feature-card::before {\r\n      content: '';\r\n      position: absolute;\r\n          top: 0;\r\n          left: -100%;\r\n          width: 100%;\r\n          height: 100%;\r\n          background: linear-gradient(90deg, transparent, rgba(138, 102, 255, 0.12), transparent);\r\n          transition: left 0.5s;\r\n      }\r\n  \r\n      .feature-card:hover::before {\r\n          left: 100%;\r\n      }\r\n  \r\n      .feature-card:hover {\r\n          transform: translateY(-5px);\r\n          box-shadow: var(--shadow-lg);\r\n          border-color: var(--primary-color);\r\n      }\r\n  \r\n      .feature-icon {\r\n          width: 40px;\r\n          height: 40px;\r\n          background: var(--gradient-primary);\r\n          border-radius: 50%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n          margin: 0 auto 10px;\r\n          font-size: 20px;\r\n          color: white;\r\n      }\r\n  \r\n      .feature-title {\r\n          font-weight: 700;\r\n          color: var(--text-primary);\r\n          margin-bottom: 8px;\r\n          font-size: 14px;\r\n      }\r\n  \r\n      .search-container {\r\n          background: var(--bg-secondary);\r\n          border: 1px solid var(--glass-border);\r\n          padding: 30px;\r\n          border-radius: 24px;\r\n          box-shadow: var(--shadow-xl);\r\n          margin-bottom: 40px;\r\n          animation: slideInUp 1s ease-out 0.2s both;\r\n          position: relative;\r\n          overflow: hidden;\r\n      }\r\n  \r\n      .search-container::before {\r\n          content: '';\r\n          position: absolute;\r\n          top: 0;\r\n          left: 0;\r\n          right: 0;\r\n          height: 4px;\r\n          background: var(--gradient-primary);\r\n      }\r\n  \r\n      .search-form {\r\n          display: flex;\r\n          gap: 15px;\r\n          margin-bottom: 20px;\r\n          position: relative;\r\n      }\r\n  \r\n      .search-input {\r\n          flex: 1 !important;\r\n          padding: 15px 20px !important;\r\n          border: 2px solid rgba(138, 102, 255, 0.28) !important;\r\n          border-radius: 16px !important;\r\n          font-size: 14px !important;\r\n          font-weight: 500 !important;\r\n          background: #1A1A22 !important;\r\n          transition: all 0.3s ease !important;\r\n          outline: none !important;\r\n          color: var(--text-primary) !important;\r\n          font-family: inherit !important;\r\n      }\r\n  \r\n      .search-input:focus {\r\n          border-color: var(--primary-color);\r\n          box-shadow: 0 0 0 4px rgba(138, 102, 255, 0.18);\r\n          transform: translateY(-2px);\r\n      }\r\n  \r\n      .search-input::placeholder {\r\n          color: var(--text-muted);\r\n          font-weight: 400;\r\n      }\r\n  \r\n      .search-btn {\r\n          padding: 15px 30px;\r\n          background: var(--gradient-primary);\r\n          color: white;\r\n          border: none;\r\n          border-radius: 16px;\r\n          font-size: 14px;\r\n      font-weight: 700;\r\n          cursor: pointer;\r\n          transition: all 0.3s ease;\r\n          min-width: 150px;\r\n          position: relative;\r\n          overflow: hidden;\r\n          box-shadow: var(--shadow-md);\r\n          font-family: inherit;\r\n      }\r\n  \r\n      .search-btn::before {\r\n          content: '';\r\n          position: absolute;\r\n          top: 0;\r\n          left: -100%;\r\n          width: 100%;\r\n          height: 100%;\r\n          background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\r\n          transition: left 0.5s;\r\n      }\r\n  \r\n      .search-btn:hover::before {\r\n          left: 100%;\r\n      }\r\n  \r\n      .search-btn:hover:not(:disabled) {\r\n          transform: translateY(-3px);\r\n          box-shadow: var(--shadow-lg);\r\n      }\r\n  \r\n      .search-btn:disabled {\r\n          opacity: 0.6;\r\n          cursor: not-allowed;\r\n          transform: none;\r\n      }\r\n  \r\n      .user-info {\r\n          background: var(--bg-secondary);\r\n          border: 1px solid var(--glass-border);\r\n          padding: 30px;\r\n          border-radius: 24px;\r\n          box-shadow: var(--shadow-xl);\r\n          margin-bottom: 40px;\r\n          display: none;\r\n          animation: slideInDown 0.8s ease-out;\r\n          position: relative;\r\n          overflow: hidden;\r\n      }\r\n  \r\n      .user-info::before {\r\n          content: '';\r\n          position: absolute;\r\n          top: 0;\r\n          left: 0;\r\n          right: 0;\r\n          height: 4px;\r\n          background: var(--gradient-secondary);\r\n      }\r\n  \r\n      .user-header {\r\n          display: flex;\r\n      align-items: center;\r\n          gap: 25px;\r\n          margin-bottom: 25px;\r\n      }\r\n  \r\n      .user-avatar {\r\n          width: 80px;\r\n          height: 80px;\r\n          border-radius: 50%;\r\n          background: var(--gradient-primary);\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          font-size: 2.5rem;\r\n          color: white;\r\n          font-weight: 900;\r\n          box-shadow: var(--shadow-lg);\r\n          position: relative;\r\n          overflow: hidden;\r\n      }\r\n  \r\n      .user-avatar::before {\r\n          content: '';\r\n          position: absolute;\r\n          top: -50%;\r\n          left: -50%;\r\n          width: 200%;\r\n          height: 200%;\r\n          background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.1), transparent);\r\n          transform: rotate(45deg);\r\n          animation: shine 4s infinite;\r\n      }\r\n  \r\n      .user-details h2 {\r\n          font-size: 2rem;\r\n          color: var(--text-primary);\r\n          margin-bottom: 8px;\r\n          font-weight: 900;\r\n      }\r\n  \r\n      .user-description {\r\n          color: var(--text-secondary);\r\n          font-size: 16px;\r\n          font-weight: 500;\r\n      }\r\n  \r\n      .user-stats {\r\n      display: grid;\r\n          grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\r\n          gap: 20px;\r\n          margin-top: 25px;\r\n      }\r\n  \r\n      .stat-card {\r\n          background: var(--bg-card);\r\n          border: 1px solid var(--glass-border);\r\n          padding: 20px;\r\n          border-radius: 20px;\r\n      text-align: center;\r\n          transition: all 0.3s ease;\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n    \r\n      .stat-card::before {\r\n      content: '';\r\n      position: absolute;\r\n          top: 0;\r\n          left: 0;\r\n          right: 0;\r\n      height: 3px;\r\n          background: var(--gradient-accent);\r\n    }\r\n    \r\n      .stat-card:hover {\r\n      transform: translateY(-5px);\r\n      box-shadow: var(--shadow-md);\r\n    }\r\n    \r\n      .stat-number {\r\n          font-size: 1.8rem;\r\n          font-weight: 900;\r\n          color: var(--primary-color);\r\n          margin-bottom: 6px;\r\n      }\r\n  \r\n      .stat-label {\r\n          font-size: 0.9rem;\r\n          color: var(--text-secondary);\r\n          font-weight: 600;\r\n      }\r\n  \r\n      .posts-section {\r\n          display: none;\r\n      }\r\n  \r\n      .section-title {\r\n          color: var(--text-primary);\r\n          font-size: 2rem;\r\n          font-weight: 900;\r\n          margin-bottom: 30px;\r\n          text-align: center;\r\n          background: var(--bg-secondary);\r\n          border: 1px solid var(--glass-border);\r\n          padding: 20px;\r\n          border-radius: 20px;\r\n          position: relative;\r\n          overflow: hidden;\r\n      }\r\n  \r\n      .section-title::before {\r\n          content: '';\r\n          position: absolute;\r\n          top: 0;\r\n          left: 0;\r\n          right: 0;\r\n          height: 4px;\r\n          background: var(--gradient-accent);\r\n      }\r\n  \r\n      .posts-grid {\r\n          display: grid;\r\n          grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));\r\n          gap: 25px;\r\n      }\r\n  \r\n      .post-card {\r\n          background: var(--bg-secondary);\r\n          border: 1px solid var(--glass-border);\r\n          border-radius: 20px;\r\n          padding: 20px;\r\n          box-shadow: var(--shadow-xl);\r\n          transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n          position: relative;\r\n          overflow: hidden;\r\n          animation: slideUp 0.6s ease forwards;\r\n          display: flex;\r\n          flex-direction: column;\r\n          height: 100%;\r\n      }\r\n  \r\n      .post-card::before {\r\n          content: '';\r\n          position: absolute;\r\n          top: 0;\r\n          left: 0;\r\n          right: 0;\r\n          height: 4px;\r\n          background: var(--gradient-primary);\r\n          border-radius: 20px 20px 0 0;\r\n      }\r\n  \r\n      .post-card:hover {\r\n          transform: translateY(-10px);\r\n          box-shadow: 0 20px 40px rgba(138, 102, 255, 0.22);\r\n          border-color: var(--primary-color);\r\n      }\r\n  \r\n      .post-header {\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: space-between;\r\n          margin-bottom: 15px;\r\n          padding-bottom: 15px;\r\n          border-bottom: 2px solid var(--bg-tertiary);\r\n      }\r\n  \r\n      .subreddit-info {\r\n          display: flex;\r\n          align-items: center;\r\n          gap: 10px;\r\n          flex-wrap: wrap;\r\n      }\r\n  \r\n      .subreddit-badge {\r\n          background: var(--gradient-primary);\r\n          color: white;\r\n          padding: 6px 12px;\r\n          border-radius: 20px;\r\n          font-size: 0.8rem;\r\n      font-weight: 700;\r\n          box-shadow: var(--shadow-sm);\r\n      }\r\n  \r\n      .post-type {\r\n          background: var(--gradient-secondary);\r\n          color: white;\r\n          padding: 4px 10px;\r\n          border-radius: 15px;\r\n          font-size: 0.7rem;\r\n          font-weight: 600;\r\n          text-transform: capitalize;\r\n      }\r\n  \r\n      .post-meta {\r\n          font-size: 0.8rem;\r\n          color: var(--text-muted);\r\n          font-weight: 500;\r\n          text-align: right;\r\n      }\r\n  \r\n      .post-badges {\r\n          display: flex;\r\n          flex-wrap: wrap;\r\n          gap: 8px;\r\n          margin-bottom: 15px;\r\n      }\r\n  \r\n      .badge {\r\n          padding: 4px 10px;\r\n          border-radius: 12px;\r\n          font-size: 0.7rem;\r\n          font-weight: 600;\r\n          color: white;\r\n          text-transform: uppercase;\r\n          letter-spacing: 0.5px;\r\n      }\r\n  \r\n      .badge.admin { background: var(--gradient-accent); }\r\n      .badge.stickied { background: var(--gradient-secondary); }\r\n      .badge.archived { background: linear-gradient(135deg, #6B7280, #4B5563); }\r\n      .badge.locked { background: var(--gradient-accent); }\r\n      .badge.nsfw { background: linear-gradient(135deg, #7C3AED, #5B21B6); }\r\n  \r\n      .post-title {\r\n          font-size: 1.4rem;\r\n          font-weight: 700;\r\n          margin-bottom: 15px;\r\n          color: var(--text-primary);\r\n          line-height: 1.4;\r\n      }\r\n  \r\n      .post-content {\r\n          margin-bottom: 20px;\r\n          flex-grow: 1;\r\n      }\r\n  \r\n      .post-text {\r\n          color: var(--text-secondary);\r\n          line-height: 1.6;\r\n          margin-bottom: 15px;\r\n          font-weight: 400;\r\n          font-size: 14px;\r\n      }\r\n  \r\n      .media-container {\r\n          margin: 15px 0;\r\n          border-radius: 16px;\r\n      overflow: hidden;\r\n          position: relative;\r\n          box-shadow: var(--shadow-md);\r\n          background: #000;\r\n      }\r\n  \r\n      .image-preview {\r\n          width: 100%;\r\n          max-height: 300px;\r\n          object-fit: cover;\r\n          cursor: pointer;\r\n          transition: transform 0.3s ease;\r\n      }\r\n  \r\n      .image-preview:hover {\r\n          transform: scale(1.02);\r\n      }\r\n  \r\n      .video-container {\r\n          position: relative;\r\n          width: 100%;\r\n          background: #000;\r\n          border-radius: 16px;\r\n          overflow: hidden;\r\n      }\r\n  \r\n      .video-player {\r\n          width: 100%;\r\n          height: 250px;\r\n          border-radius: 16px;\r\n      }\r\n  \r\n      .media-controls {\r\n          display: flex;\r\n          gap: 10px;\r\n          margin-top: 15px;\r\n          flex-wrap: wrap;\r\n          align-items: center;\r\n      }\r\n  \r\n      .control-btn {\r\n          display: flex;\r\n          align-items: center;\r\n          gap: 8px;\r\n          padding: 10px 18px;\r\n          border: none;\r\n          border-radius: 12px;\r\n          cursor: pointer;\r\n          font-size: 0.9rem;\r\n          font-weight: 600;\r\n          transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n          font-family: inherit;\r\n          position: relative;\r\n          overflow: hidden;\r\n      }\r\n  \r\n      .control-btn::before {\r\n          content: '';\r\n          position: absolute;\r\n          top: 0;\r\n          left: -100%;\r\n          width: 100%;\r\n          height: 100%;\r\n          background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\r\n          transition: left 0.5s;\r\n      }\r\n  \r\n      .control-btn:hover::before {\r\n          left: 100%;\r\n      }\r\n  \r\n      .stream-audio-btn {\r\n          background: var(--gradient-secondary);\r\n          color: white;\r\n          box-shadow: var(--shadow-md);\r\n      }\r\n  \r\n      .stream-audio-btn:hover {\r\n          transform: translateY(-3px);\r\n          box-shadow: var(--shadow-lg);\r\n      }\r\n  \r\n      .stream-audio-btn:disabled {\r\n          opacity: 0.6;\r\n          cursor: not-allowed;\r\n          transform: none;\r\n      }\r\n  \r\n      .stream-audio-btn.loading {\r\n          background: linear-gradient(135deg, #6B7280, #4B5563);\r\n      }\r\n  \r\n      .download-btn {\r\n          background: var(--gradient-accent);\r\n          color: white;\r\n          box-shadow: var(--shadow-md);\r\n      }\r\n  \r\n      .download-btn:hover {\r\n          transform: translateY(-3px);\r\n          box-shadow: var(--shadow-lg);\r\n      }\r\n  \r\n      .download-btn:disabled {\r\n          opacity: 0.6;\r\n          cursor: not-allowed;\r\n          transform: none;\r\n      }\r\n  \r\n      .download-btn.downloading {\r\n          background: var(--gradient-primary);\r\n      }\r\n  \r\n      .external-link {\r\n          display: inline-flex;\r\n          align-items: center;\r\n          gap: 8px;\r\n          background: var(--gradient-primary);\r\n          color: white;\r\n          padding: 10px 18px;\r\n          border-radius: 12px;\r\n          text-decoration: none;\r\n          margin-top: 15px;\r\n          transition: all 0.3s ease;\r\n          font-weight: 600;\r\n          box-shadow: var(--shadow-sm);\r\n          font-size: 0.9rem;\r\n      }\r\n  \r\n      .external-link:hover {\r\n          transform: translateY(-3px);\r\n          box-shadow: var(--shadow-md);\r\n      }\r\n  \r\n      .post-stats {\r\n          display: grid;\r\n          grid-template-columns: repeat(2, 1fr);\r\n          gap: 10px;\r\n          margin-top: auto;\r\n          padding-top: 15px;\r\n          border-top: 2px solid var(--bg-tertiary);\r\n      }\r\n  \r\n      .stat-item {\r\n          display: flex;\r\n          flex-direction: column;\r\n          align-items: center;\r\n          gap: 6px;\r\n          padding: 12px;\r\n          background: var(--bg-card);\r\n          border: 1px solid var(--glass-border);\r\n          border-radius: 15px;\r\n      text-align: center;\r\n          transition: all 0.3s ease;\r\n      position: relative;\r\n          overflow: hidden;\r\n    }\r\n    \r\n      .stat-item::before {\r\n      content: '';\r\n      position: absolute;\r\n          top: 0;\r\n          left: 0;\r\n          right: 0;\r\n          height: 2px;\r\n          background: var(--gradient-accent);\r\n      }\r\n  \r\n      .stat-item:hover {\r\n          transform: translateY(-3px);\r\n          box-shadow: var(--shadow-sm);\r\n      }\r\n  \r\n      .stat-value {\r\n          font-weight: 900;\r\n          font-size: 1.2rem;\r\n      }\r\n  \r\n      .stat-label {\r\n          font-size: 0.8rem;\r\n          color: var(--text-muted);\r\n          font-weight: 600;\r\n          text-transform: capitalize;\r\n      }\r\n  \r\n      .upvotes .stat-value { color: var(--primary-color); }\r\n      .comments .stat-value { color: var(--secondary-color); }\r\n  \r\n      .loading {\r\n          text-align: center;\r\n          padding: 40px;\r\n          color: var(--text-primary);\r\n          font-size: 1.1rem;\r\n          display: none;\r\n      }\r\n  \r\n      .spinner {\r\n          border: 4px solid var(--bg-tertiary);\r\n          border-top: 4px solid var(--primary-color);\r\n      border-radius: 50%;\r\n          width: 50px;\r\n          height: 50px;\r\n          animation: spin 1s linear infinite;\r\n          margin: 20px auto;\r\n      }\r\n  \r\n      .error-message {\r\n          background: rgba(239, 68, 68, 0.1);\r\n          border: 1px solid rgba(239, 68, 68, 0.2);\r\n          color: var(--danger-color);\r\n          padding: 20px;\r\n          border-radius: 16px;\r\n          text-align: center;\r\n          margin: 20px 0;\r\n          font-weight: 600;\r\n          display: none;\r\n          font-size: 14px;\r\n      }\r\n  \r\n      .modal {\r\n          display: none;\r\n          position: fixed;\r\n          z-index: 1000;\r\n          left: 0;\r\n          top: 0;\r\n          width: 100%;\r\n          height: 100%;\r\n          background-color: rgba(0, 0, 0, 0.95);\r\n          animation: fadeIn 0.3s ease;\r\n      }\r\n  \r\n      .modal-content {\r\n          position: absolute;\r\n          top: 50%;\r\n          left: 50%;\r\n          transform: translate(-50%, -50%);\r\n          max-width: 90%;\r\n          max-height: 90%;\r\n      }\r\n  \r\n      .modal img {\r\n          width: 100%;\r\n          height: auto;\r\n          border-radius: 20px;\r\n      }\r\n  \r\n      .close {\r\n          position: absolute;\r\n          top: 20px;\r\n          right: 40px;\r\n          color: #f1f1f1;\r\n          font-size: 45px;\r\n          font-weight: bold;\r\n          cursor: pointer;\r\n          z-index: 1001;\r\n      }\r\n  \r\n      .close:hover {\r\n          color: var(--primary-color);\r\n      }\r\n  \r\n      \/* Download Progress *\/\r\n      .download-progress {\r\n          position: fixed;\r\n          bottom: 25px;\r\n          right: 25px;\r\n          background: var(--bg-secondary);\r\n          border: 1px solid var(--glass-border);\r\n          border-radius: 20px;\r\n          padding: 25px;\r\n          min-width: 350px;\r\n          box-shadow: var(--shadow-xl);\r\n          z-index: 1000;\r\n          display: none;\r\n          color: var(--text-primary);\r\n      }\r\n  \r\n      .download-progress.show {\r\n          display: block;\r\n          animation: slideInRight 0.4s ease-out;\r\n      }\r\n  \r\n      .progress-header {\r\n      display: flex;\r\n          justify-content: space-between;\r\n          align-items: center;\r\n          margin-bottom: 15px;\r\n      }\r\n  \r\n      .progress-text {\r\n          font-weight: 700;\r\n          font-size: 14px;\r\n          color: var(--text-primary);\r\n      }\r\n  \r\n      .cancel-btn {\r\n          background: rgba(239, 68, 68, 0.1);\r\n          border: 1px solid rgba(239, 68, 68, 0.2);\r\n          color: var(--danger-color);\r\n          padding: 8px 16px;\r\n          border-radius: 8px;\r\n          font-size: 12px;\r\n          cursor: pointer;\r\n          transition: all 0.3s ease;\r\n          font-weight: 600;\r\n      }\r\n  \r\n      .cancel-btn:hover {\r\n          background: rgba(239, 68, 68, 0.15);\r\n      }\r\n  \r\n      .progress-bar-container {\r\n      width: 100%;\r\n          height: 12px;\r\n          background: var(--bg-tertiary);\r\n          border-radius: 6px;\r\n          overflow: hidden;\r\n          margin-bottom: 12px;\r\n          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);\r\n      }\r\n  \r\n      .progress-bar-fill {\r\n          height: 100%;\r\n          background: var(--gradient-primary);\r\n          border-radius: 6px;\r\n          width: 0%;\r\n          transition: width 0.3s ease;\r\n          box-shadow: 0 2px 8px rgba(138, 102, 255, 0.35);\r\n      }\r\n  \r\n      .progress-details {\r\n      display: flex;\r\n      justify-content: space-between;\r\n          font-size: 12px;\r\n          color: var(--text-secondary);\r\n          font-weight: 500;\r\n      }\r\n  \r\n      .expand-btn {\r\n          background: var(--gradient-primary);\r\n          color: white;\r\n          border: none;\r\n          padding: 8px 16px;\r\n          border-radius: 12px;\r\n      cursor: pointer;\r\n          font-size: 0.8rem;\r\n      font-weight: 600;\r\n          margin-top: 10px;\r\n          transition: all 0.3s ease;\r\n          font-family: inherit;\r\n      }\r\n  \r\n      .expand-btn:hover {\r\n          transform: translateY(-2px);\r\n          box-shadow: var(--shadow-sm);\r\n      }\r\n  \r\n      .video-play-overlay {\r\n          position: absolute;\r\n          top: 50%;\r\n          left: 50%;\r\n          transform: translate(-50%, -50%);\r\n          background: rgba(0, 0, 0, 0.7);\r\n          border: none;\r\n      border-radius: 50%;\r\n          width: 50px;\r\n          height: 50px;\r\n          color: white;\r\n          font-size: 20px;\r\n          cursor: pointer;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          transition: all 0.3s ease;\r\n          z-index: 5;\r\n      }\r\n  \r\n      .video-play-overlay:hover {\r\n          background: rgba(0, 0, 0, 0.9);\r\n          transform: translate(-50%, -50%) scale(1.1);\r\n      }\r\n  \r\n      .video-play-overlay.hidden {\r\n          display: none;\r\n      }\r\n  \r\n      .new-search-btn {\r\n          background: var(--gradient-accent) !important;\r\n          min-width: 130px;\r\n      }\r\n  \r\n      @keyframes float {\r\n          0%, 100% { transform: translateY(0px) scale(1); }\r\n          50% { transform: translateY(-10px) scale(1.02); }\r\n      }\r\n  \r\n      @keyframes shine {\r\n          0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }\r\n          100% { transform: translateX(100%) translateY(100%) rotate(45deg); }\r\n      }\r\n  \r\n      @keyframes slideInDown {\r\n          from { opacity: 0; transform: translateY(-30px); }\r\n          to { opacity: 1; transform: translateY(0); }\r\n      }\r\n  \r\n      @keyframes slideInUp {\r\n          from { opacity: 0; transform: translateY(30px); }\r\n          to { opacity: 1; transform: translateY(0); }\r\n      }\r\n  \r\n      @keyframes slideInRight {\r\n          from { opacity: 0; transform: translateX(100%); }\r\n          to { opacity: 1; transform: translateX(0); }\r\n      }\r\n  \r\n      @keyframes slideUp {\r\n          from {\r\n              opacity: 0;\r\n              transform: translateY(40px);\r\n          }\r\n          to {\r\n              opacity: 1;\r\n              transform: translateY(0);\r\n          }\r\n      }\r\n  \r\n      @keyframes spin {\r\n          0% { transform: rotate(0deg); }\r\n          100% { transform: rotate(360deg); }\r\n      }\r\n  \r\n      @keyframes pulse {\r\n          0%, 100% { transform: scale(1); }\r\n          50% { transform: scale(1.05); }\r\n      }\r\n  \r\n      @keyframes fadeIn {\r\n          from { opacity: 0; }\r\n          to { opacity: 1; }\r\n      }\r\n  \r\n      \/* Video Loading Overlay *\/\r\n      .video-loading-overlay {\r\n          position: absolute;\r\n          top: 0;\r\n          left: 0;\r\n          right: 0;\r\n          bottom: 0;\r\n          background: rgba(0, 0, 0, 0.8);\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          flex-direction: column;\r\n          color: white;\r\n          font-weight: 600;\r\n          z-index: 10;\r\n      }\r\n  \r\n      .video-loading-spinner {\r\n          width: 30px;\r\n          height: 30px;\r\n          border: 3px solid rgba(255, 255, 255, 0.3);\r\n          border-top: 3px solid white;\r\n          border-radius: 50%;\r\n          animation: spin 1s linear infinite;\r\n          margin-bottom: 10px;\r\n      }\r\n  \r\n    @media (max-width: 1200px) {\r\n          .posts-grid {\r\n              grid-template-columns: 1fr;\r\n          }\r\n  \r\n          .features-grid {\r\n              grid-template-columns: repeat(2, 1fr);\r\n          }\r\n      }\r\n  \r\n    @media (max-width: 768px) {\r\n          .features-grid {\r\n              grid-template-columns: 1fr;\r\n          }\r\n  \r\n          .user-stats {\r\n              grid-template-columns: repeat(2, 1fr);\r\n          }\r\n  \r\n          .post-stats {\r\n              grid-template-columns: repeat(2, 1fr);\r\n              gap: 8px;\r\n          }\r\n  \r\n          .media-controls {\r\n              flex-direction: column;\r\n          }\r\n  \r\n          .control-btn {\r\n              width: 100%;\r\n              justify-content: center;\r\n          }\r\n  \r\n          .search-form {\r\n              flex-direction: column;\r\n          }\r\n      }\r\n  \r\n      @media (max-width: 480px) {\r\n          .post-stats {\r\n              grid-template-columns: 1fr;\r\n          }\r\n  \r\n          .user-stats {\r\n              grid-template-columns: 1fr;\r\n          }\r\n  \r\n          .custom-rduv-container {\r\n              padding: 15px;\r\n          }\r\n  \r\n          .search-container,\r\n          .user-info,\r\n          .post-card {\r\n              padding: 20px;\r\n          }\r\n  \r\n          .posts-grid {\r\n              grid-template-columns: 1fr;\r\n          }\r\n      }\r\n  <\/style>\r\n <body data-aos-easing=\"ease-in-out\" data-aos-duration=\"800\" data-aos-delay=\"0\" data-new-gr-c-s-check-loaded=\"14.1249.0\" data-gr-ext-installed=\"\" data-new-gr-c-s-loaded=\"14.1223.0\" class=\"\" style=\"\">\r\n  \r\n      <!-- Hero tools -->\r\n  <!-- Work Process Section -->\r\n  <section class=\"rduv-work-process-section\" id=\"how-it-works\">\r\n      <div class=\"container rduv-work-process-content\">\r\n          <div class=\"text-center mb-5\" data-aos=\"fade-up\">\r\n              <h2 class=\"rduv-section-title rduv-light-title\">How Our Reddit Account Viewer Works<\/h2>\r\n              <p class=\"rduv-section-subtitle rduv-light-subtitle\">View Reddit accounts anonymously with just 3 simple steps<\/p>\r\n          <\/div>\r\n    \r\n          <div class=\"row\">\r\n              <div class=\"col-md-4\" data-aos=\"fade-up\" data-aos-delay=\"50\">\r\n                  <div class=\"rduv-process-step\">\r\n                      <div class=\"rduv-step-number\">1<\/div>\r\n                      <h4 class=\"text-white\">Enter Account Username<\/h4>\r\n                      <p class=\"rduv-light-subtitle\">Enter the Reddit username for the account you want to view<\/p>\r\n            <\/div>\r\n          <\/div>\r\n    \r\n              <div class=\"col-md-4\" data-aos=\"fade-up\" data-aos-delay=\"150\">\r\n                  <div class=\"rduv-process-step\">\r\n                      <div class=\"rduv-step-number\">2<\/div>\r\n                      <h4 class=\"text-white\">Process Account Data<\/h4>\r\n                      <p class=\"rduv-light-subtitle\">Our system retrieves account data without connecting to Reddit<\/p>\r\n            <\/div>\r\n          <\/div>\r\n    \r\n              <div class=\"col-md-4\" data-aos=\"fade-up\" data-aos-delay=\"250\">\r\n                  <div class=\"rduv-process-step\">\r\n                      <div class=\"rduv-step-number\">3<\/div>\r\n                      <h4 class=\"text-white\">View Full Account<\/h4>\r\n                      <p class=\"rduv-light-subtitle\">See all account details anonymously without leaving any trace<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n  <\/section>\r\n  \r\n  <!-- Features Section -->\r\n  <section class=\"rduv-features-section\">\r\n      <div class=\"container\">\r\n          <div class=\"text-center mb-5\" data-aos=\"fade-up\">\r\n              <h2 class=\"rduv-section-title\">Key Features<\/h2>\r\n              <p class=\"rduv-section-subtitle\">Our Reddit Account Viewer offers powerful features for anonymous browsing<\/p>\r\n        <\/div>\r\n          \r\n          <div class=\"row\">\r\n              <div class=\"col-lg-4 mb-4\" data-aos=\"fade-up\" data-aos-delay=\"50\">\r\n                  <div class=\"rduv-feature-card\">\r\n                      <div class=\"rduv-feature-icon\">\r\n                          <i class=\"bx bx-user\"><\/i>\r\n              <\/div>\r\n                      <h4>Complete Anonymity<\/h4>\r\n                      <p>View Reddit accounts without revealing your identity or account<\/p>\r\n            <\/div>\r\n          <\/div>\r\n    \r\n              <div class=\"col-lg-4 mb-4\" data-aos=\"fade-up\" data-aos-delay=\"150\">\r\n                  <div class=\"rduv-feature-card\">\r\n                      <div class=\"rduv-feature-icon\">\r\n                          <i class=\"bx bx-shield\"><\/i>\r\n              <\/div>\r\n                      <h4>No Tracking<\/h4>\r\n                      <p>Reddit won't track your account views or recommend similar users<\/p>\r\n            <\/div>\r\n          <\/div>\r\n    \r\n              <div class=\"col-lg-4 mb-4\" data-aos=\"fade-up\" data-aos-delay=\"250\">\r\n                  <div class=\"rduv-feature-card\">\r\n                      <div class=\"rduv-feature-icon\">\r\n                          <i class=\"bx bx-history\"><\/i>\r\n              <\/div>\r\n                      <h4>Full Activity History<\/h4>\r\n                      <p>Access all posts, comments, and activity (when available)<\/p>\r\n            <\/div>\r\n          <\/div>\r\n    \r\n              <div class=\"col-lg-4 mb-5\" data-aos=\"fade-up\" data-aos-delay=\"50\">\r\n                  <div class=\"rduv-feature-card\">\r\n                      <div class=\"rduv-feature-icon\">\r\n                          <i class=\"bx bx-search-alt\"><\/i>\r\n              <\/div>\r\n                      <h4>Search Functionality<\/h4>\r\n                      <p>Quickly find specific content in account's activity history<\/p>\r\n            <\/div>\r\n          <\/div>\r\n    \r\n              <div class=\"col-lg-4 mb-5\" data-aos=\"fade-up\" data-aos-delay=\"150\">\r\n                  <div class=\"rduv-feature-card\">\r\n                      <div class=\"rduv-feature-icon\">\r\n                          <i class=\"bx bx-time\"><\/i>\r\n                      <\/div>\r\n                      <h4>No History<\/h4>\r\n                      <p>Your viewing activity isn't stored in your browser history<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    \r\n              <div class=\"col-lg-4 mb-5\" data-aos=\"fade-up\" data-aos-delay=\"250\">\r\n                  <div class=\"rduv-feature-card\">\r\n                      <div class=\"rduv-feature-icon\">\r\n                          <i class=\"bx bx-devices\"><\/i>\r\n        <\/div>\r\n                      <h4>Cross-Platform<\/h4>\r\n                      <p>Works on all devices - desktop, tablet, and mobile<\/p>\r\n                  <\/div>\r\n              <\/div>\r\n          <\/div>\r\n      <\/div>\r\n  <\/section>\r\n  \r\n  <!-- Why Choose Section -->\r\n  <section class=\"rduv-why-choose-section\">\r\n      <div class=\"container\">\r\n          <div class=\"row align-items-center\">\r\n              <div class=\"col-lg-6 mb-5 mb-lg-0\" data-aos=\"fade-right\">\r\n                  <div class=\"rduv-why-choose-image rduv-floating-element\">\r\n                      <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Reddit_Account_Viewer.webp\" alt=\"Reddit Account Viewer\" class=\"img-fluid rounded-3\">\r\n            <\/div>\r\n          <\/div>\r\n              <div class=\"col-lg-6\" data-aos=\"fade-left\">\r\n                  <h2 class=\"rduv-section-title mb-4\">Why Choose Our Reddit Account Viewer?<\/h2>\r\n                  <p class=\"mb-4\">Our tool provides the most private way to browse Reddit accounts without leaving any trace. Whether you're researching users, analyzing activity, or valuing your privacy, we make anonymous account viewing simple and efficient.<\/p>\r\n                  \r\n                  <div class=\"rduv-benefit-item\">\r\n                      <div class=\"rduv-benefit-icon\">\r\n                          <i class=\"bx bx-check\"><\/i>\r\n            <\/div>\r\n                      <div>\r\n                          <h5 class=\"mb-1\">No account needed<\/h5>\r\n                          <p class=\"mb-0\">View accounts without logging in or having a Reddit account<\/p>\r\n                      <\/div>\r\n          <\/div>\r\n    \r\n                  <div class=\"rduv-benefit-item\">\r\n                      <div class=\"rduv-benefit-icon\">\r\n                          <i class=\"bx bx-check\"><\/i>\r\n            <\/div>\r\n                      <div>\r\n                          <h5 class=\"mb-1\">Bypass limitations<\/h5>\r\n                          <p class=\"mb-0\">View accounts beyond Reddit's display limits<\/p>\r\n                      <\/div>\r\n          <\/div>\r\n    \r\n                  <div class=\"rduv-benefit-item\">\r\n                      <div class=\"rduv-benefit-icon\">\r\n                          <i class=\"bx bx-check\"><\/i>\r\n            <\/div>\r\n                      <div>\r\n                          <h5 class=\"mb-1\">Fast and reliable<\/h5>\r\n                          <p class=\"mb-0\">Get account data instantly with our optimized system<\/p>\r\n                      <\/div>\r\n          <\/div>\r\n    \r\n                  <div class=\"rduv-benefit-item\">\r\n                      <div class=\"rduv-benefit-icon\">\r\n                          <i class=\"bx bx-check\"><\/i>\r\n        <\/div>\r\n                      <div>\r\n                          <h5 class=\"mb-1\">Privacy focused<\/h5>\r\n                          <p class=\"mb-0\">No cookies, no tracking, no history stored<\/p>\r\n      <\/div>\r\n                  <\/div>\r\n              <\/div>\r\n          <\/div>\r\n      <\/div>\r\n  <\/section>\r\n  \r\n  <!-- FAQ Section -->\r\n  <section class=\"rduv-faq-section\">\r\n      <div class=\"container\">\r\n          <div class=\"text-center mb-5\" data-aos=\"fade-up\">\r\n              <h2 class=\"rduv-section-title\">Frequently Asked Questions<\/h2>\r\n              <p class=\"rduv-section-subtitle\">Find answers to common questions about our Reddit Account Viewer<\/p>\r\n          <\/div>\r\n          \r\n          <div class=\"row justify-content-center\">\r\n              <div class=\"col-lg-8\">\r\n                  <div class=\"accordion\" id=\"rduv-faqAccordion\">\r\n                      <div class=\"rduv-accordion-item mb-3\" data-aos=\"fade-up\" data-aos-delay=\"50\">\r\n                          <h3 class=\"accordion-header\" id=\"rduv-heading1\">\r\n                              <button class=\"rduv-accordion-button\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#rduv-collapse1\" aria-expanded=\"true\" aria-controls=\"rduv-collapse1\">\r\n                                  Is viewing Reddit accounts anonymously legal?\r\n                              <\/button>\r\n                          <\/h3>\r\n                          <div id=\"rduv-collapse1\" class=\"accordion-collapse collapse show\" aria-labelledby=\"rduv-heading1\" data-bs-parent=\"#rduv-faqAccordion\">\r\n                              <div class=\"rduv-accordion-body\">\r\n                                  Yes, our tool is completely legal to use. It only allows you to view publicly available Reddit accounts through our private viewer. We don't access private data or bypass any security measures.\r\n                              <\/div>\r\n                          <\/div>\r\n        <\/div>\r\n    \r\n                      <div class=\"rduv-accordion-item mb-3\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                          <h3 class=\"accordion-header\" id=\"rduv-heading2\">\r\n                              <button class=\"rduv-accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#rduv-collapse2\" aria-expanded=\"false\" aria-controls=\"rduv-collapse2\">\r\n                                  Can I view private or deleted accounts?\r\n            <\/button>\r\n                          <\/h3>\r\n                          <div id=\"rduv-collapse2\" class=\"accordion-collapse collapse\" aria-labelledby=\"rduv-heading2\" data-bs-parent=\"#rduv-faqAccordion\">\r\n                              <div class=\"rduv-accordion-body\">\r\n                                  Our tool respects Reddit's privacy settings. We can only show accounts and content that are set to public. For private or deleted accounts, the information won't be available.\r\n                              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n    \r\n                      <div class=\"rduv-accordion-item mb-3\" data-aos=\"fade-up\" data-aos-delay=\"150\">\r\n                          <h3 class=\"accordion-header\" id=\"rduv-heading3\">\r\n                              <button class=\"rduv-accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#rduv-collapse3\" aria-expanded=\"false\" aria-controls=\"rduv-collapse3\">\r\n                                  Will the account owner know I viewed their account?\r\n            <\/button>\r\n                          <\/h3>\r\n                          <div id=\"rduv-collapse3\" class=\"accordion-collapse collapse\" aria-labelledby=\"rduv-heading3\" data-bs-parent=\"#rduv-faqAccordion\">\r\n                              <div class=\"rduv-accordion-body\">\r\n                                  No, when you view through our anonymous viewer, your visit won't be counted in Reddit's statistics and the account owner won't know you viewed their account.\r\n                              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n    \r\n                      <div class=\"rduv-accordion-item mb-3\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                          <h3 class=\"accordion-header\" id=\"rduv-heading4\">\r\n                              <button class=\"rduv-accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#rduv-collapse4\" aria-expanded=\"false\" aria-controls=\"rduv-collapse4\">\r\n                                  Do I need to install any software?\r\n            <\/button>\r\n                          <\/h3>\r\n                          <div id=\"rduv-collapse4\" class=\"accordion-collapse collapse\" aria-labelledby=\"rduv-heading4\" data-bs-parent=\"#rduv-faqAccordion\">\r\n                              <div class=\"rduv-accordion-body\">\r\n                                  No, our Reddit Account Viewer is completely web-based. You don't need to download or install any software. Simply visit our website, enter the username, and view accounts anonymously.\r\n                              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n    \r\n                      <div class=\"rduv-accordion-item mb-3\" data-aos=\"fade-up\" data-aos-delay=\"250\">\r\n                          <h3 class=\"accordion-header\" id=\"rduv-heading5\">\r\n                              <button class=\"rduv-accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#rduv-collapse5\" aria-expanded=\"false\" aria-controls=\"rduv-collapse5\">\r\n                                  Can I see deleted or removed content?\r\n            <\/button>\r\n                          <\/h3>\r\n                          <div id=\"rduv-collapse5\" class=\"accordion-collapse collapse\" aria-labelledby=\"rduv-heading5\" data-bs-parent=\"#rduv-faqAccordion\">\r\n                              <div class=\"rduv-accordion-body\">\r\n                                  Our current version shows only currently available content. For viewing deleted or removed content, you would need to use specialized archival services that may have limitations.\r\n            <\/div>\r\n          <\/div>\r\n                      <\/div>\r\n                  <\/div>\r\n              <\/div>\r\n          <\/div>\r\n      <\/div>\r\n  <\/section>\r\n  \r\n    <!-- Footer -->\r\n    \r\n  \r\n  <!-- Copyright Section -->\r\n  \r\n  \r\n  \r\n  \r\n   <!-- Reddit User Viewer js -->\r\n        <!-- Scripts -->\r\n      <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/js\/bootstrap.bundle.min.js\"><\/script>\r\n      <script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\r\n  \r\n    \r\n    <!-- Vvveb Common Js -->\r\n    <script id=\"popper-js\" src=\"..\/js\/popper.min.js\"><\/script>\r\n    <!-- <script src=\"\/js\/bootstrap.min.js\"><\/script> -->\r\n    <!-- <script src=\"\/js\/bootstrap.bundle.min.js\"><\/script> -->\r\n    <script id=\"bootstrap-js\" src=\"..\/js\/bootstrap.min.js\"><\/script>\r\n    <!-- Vvveb Ajax Common Js -->\r\n    <script id=\"app-js\" src=\"..\/js\/app.js\"><\/script>\r\n  \r\n    <!-- Animation -->\r\n  \r\n    <link rel=\"stylesheet\" href=\"..\/js\/aos.css\">\r\n    <noscript>\r\n      <style type=\"text\/css\">\r\n        [data-aos] {\r\n          opacity: 1 !important;\r\n          transform: translate(0) scale(1) !important;\r\n        }\r\n      <\/style>\r\n    <\/noscript>\r\n  \r\n    <script src=\"..\/js\/aos.js\"><\/script>\r\n    <script src=\"..\/js\/theme.js\"><\/script>\r\n  \r\n    <script>\r\n          \/\/ Initialize AOS animation\r\n          AOS.init({\r\n              duration: 800,\r\n              easing: 'ease-in-out',\r\n              once: true\r\n          });\r\n          \r\n          \/\/ Smooth scrolling for anchor links\r\n          document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n              anchor.addEventListener('click', function (e) {\r\n                  e.preventDefault();\r\n                  document.querySelector(this.getAttribute('href')).scrollIntoView({\r\n                      behavior: 'smooth'\r\n                  });\r\n              });\r\n          });\r\n  <\/script>\r\n  \r\n  <grammarly-desktop-integration data-grammarly-shadow-root=\"true\"><\/grammarly-desktop-integration><grammarly-desktop-integration data-grammarly-shadow-root=\"true\"><\/grammarly-desktop-integration>\r\n  <script defer=\"\" src=\"https:\/\/static.cloudflareinsights.com\/beacon.min.js\/vcd15cbe7772f49c399c6a5babf22c1241717689176015\" integrity=\"sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==\" data-cf-beacon=\"{\"version\":\"2024.11.0\",\"token\":\"786b797d7952407aac48ed2776a3a826\",\"r\":1,\"server_timing\":{\"name\":{\"cfCacheStatus\":true,\"cfEdge\":true,\"cfExtPri\":true,\"cfL4\":true,\"cfOrigin\":true,\"cfSpeedBrain\":true},\"location_startswith\":null}}\" crossorigin=\"anonymous\"><\/script>\r\n  <script defer=\"\" src=\"https:\/\/static.cloudflareinsights.com\/beacon.min.js\/v8c78df7c7c0f484497ecbca7046644da1771523124516\" integrity=\"sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==\" data-cf-beacon=\"{\"version\":\"2024.11.0\",\"token\":\"786b797d7952407aac48ed2776a3a826\",\"r\":1,\"server_timing\":{\"name\":{\"cfCacheStatus\":true,\"cfEdge\":true,\"cfExtPri\":true,\"cfL4\":true,\"cfOrigin\":true,\"cfSpeedBrain\":true},\"location_startswith\":null}}\" crossorigin=\"anonymous\"><\/script>\r\n  [\/et_pb_fullwidth_code][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p><style>\n.nsrac {width: 100vw;\n  max-width: none;\n  margin-left: calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n  margin-top: -8px;\n--ink: #fff8eb; --muted: #d4b98a; --dim: #9a7d52;\n  --panel: rgba(28, 20, 10, 0.93); --soft: rgba(255, 244, 220, 0.05);\n  --line: rgba(251, 191, 36, 0.32); --accent: #fbbf24; --accent-soft: rgba(251, 191, 36, 0.16);\n  --cool: #fcd34d; --cool-deep: #d97706; --danger: #ff6b7a; --ok: #3dd68c;\n  --radius: 18px; --shadow: 0 18px 42px rgba(12, 6, 2, 0.45);\n  --font: \"Outfit\", \"Segoe UI\", sans-serif; --gap: 14px;\n  box-sizing: border-box !important; font-family: var(--font); color: var(--ink); line-height: 1.5;\n  display: block; min-width: 0 !important;\n  background:\n    radial-gradient(ellipse 70% 48% at 80% 0%, rgba(251, 191, 36, 0.26), transparent 58%),\n    radial-gradient(ellipse 50% 40% at 8% 10%, rgba(217, 119, 6, 0.16), transparent 52%),\n    linear-gradient(158deg, #161008 0%, #24180c 48%, #2e1e10 100%);\n  position: relative; isolation: isolate; overflow-x: hidden !important; overflow-wrap: anywhere;\n}\n.nsrac *, .nsrac *::before, .nsrac *::after { box-sizing: border-box; }\n.nsrac h3 { color: var(--ink) !important; }\n.nsrac h2 { color: var(--ink) !important; }\n.nsrac :where(h1,h2,h3,p,ul,ol,li,label,span) { margin: 0; padding: 0; border: 0; font-weight: inherit; max-width: 100%; overflow-wrap: anywhere; }\n.nsrac :where(ul,ol) { list-style: none; }\n.nsrac img { max-width: 100%; height: auto; display: block; border: 0; }\n.nsrac a { color: var(--cool); text-decoration: none; }\n.nsrac a:hover { text-decoration: underline; }\n.nsrac-shell {width:100%;max-width:min(1200px,100%);margin-left: auto; margin-right: auto;padding: 65px clamp(8px, 2vw, 16px);min-width:0; display: flex; flex-direction: column; gap: var(--gap); container-type: inline-size; container-name: nsrac; }\n.nsrac-hero {\n  background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius);\n  box-shadow: var(--shadow); padding: clamp(18px, 3.5vw, 28px) clamp(14px, 3vw, 22px);\n  text-align: center; backdrop-filter: blur(14px); animation: nsrac-rise .45s ease both;\n}\n.nsrac-brand {\n  width: 52px; height: 52px; margin: 0 auto 12px; border-radius: 16px; display: inline-flex;\n  align-items: center; justify-content: center; color: #2a1a08; font-size: 1.35rem;\n  background: linear-gradient(145deg, #fcd34d, #fbbf24);\n  box-shadow: 0 10px 24px rgba(251, 191, 36, .35);\n}\n.nsrac .nsrac-hero__title {color:var(--ink)!important; font-size: clamp(1.35rem, 5vw, 2rem); font-weight: 800; letter-spacing: -.035em; margin-bottom: 8px; }\n.nsrac-hero__mark { color: var(--accent); background-image: linear-gradient(90deg, var(--accent), #fde68a); background-position: 0 100%; background-repeat: no-repeat; background-size: 100% 3px; padding-bottom: 2px; }\n.nsrac .nsrac-hero__lead { max-width: 36rem; margin: 0 auto 20px; color: var(--muted); font-size: clamp(.9rem, 2.4vw, 1rem); }\n.nsrac-tool { display: flex; flex-direction: column; gap: 12px; text-align: left; background: var(--soft); border: 1px solid rgba(255,255,255,.08); border-radius: 14px; padding: clamp(12px, 2.4vw, 16px); }\n.nsrac .nsrac-tool__label { font-size: .86rem; font-weight: 600; color: var(--muted); }\n.nsrac-field { position: relative; display: flex; align-items: center; }\n.nsrac .nsrac-field__input {\n  width: 100%; height: 52px; padding: 0 52px 0 16px !important; border-radius: 12px;\n  border: 1px solid rgba(255,255,255,.12) !important; background: rgba(12, 8, 4, .55) !important;\n  color: var(--ink) !important; font: 500 16px var(--font); outline: none;\n}\n.nsrac .nsrac-field__input:focus { border-color: rgba(251,191,36,.55) !important; box-shadow: 0 0 0 3px var(--accent-soft); }\n.nsrac .nsrac-field__input::placeholder { color: var(--dim); }\n.nsrac .nsrac-field__paste {\n  position: absolute; right: 6px; top: 50%; transform: translateY(-50%); width: 40px; height: 40px;\n  border: 0 !important; border-radius: 10px; background: transparent !important; color: var(--muted) !important; cursor: pointer;\n}\n.nsrac .nsrac-field__paste:hover { color: var(--accent) !important; background: var(--accent-soft) !important; }\n.nsrac .nsrac-btn {\n  display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 100%; height: 50px;\n  border: 0 !important; border-radius: 12px; font: 700 .98rem var(--font); cursor: pointer;\n  transition: transform .2s, box-shadow .2s, opacity .2s; text-decoration: none; appearance: none;\n}\n.nsrac .nsrac-btn--primary { background: linear-gradient(135deg, #fbbf24, #d97706) !important; color: #2a1a08 !important; box-shadow: 0 10px 22px rgba(251,191,36,.32); }\n.nsrac .nsrac-btn--primary:hover { transform: translateY(-1px); }\n.nsrac .nsrac-btn:disabled { opacity: .55; cursor: wait; transform: none !important; }\n.nsrac .nsrac-btn--ghost { background: rgba(255,255,255,.06) !important; color: var(--ink) !important; border: 1px solid rgba(255,255,255,.12) !important; }\n.nsrac .nsrac-btn--sm { height: 38px; font-size: .82rem !important; flex: 1 1 120px; }\n.nsrac-alert { display: none; gap: 8px; align-items: flex-start; padding: 10px 12px; border-radius: 10px; font-size: .88rem; font-weight: 500; }\n.nsrac-alert.is-visible { display: flex; }\n.nsrac-alert--error { background: rgba(255,107,122,.12); border: 1px solid rgba(255,107,122,.35); color: #ffb4bc; }\n.nsrac-alert--ok { background: rgba(61,214,140,.12); border: 1px solid rgba(61,214,140,.35); color: #9aecc0; }\n.nsrac-hint { font-size: .8rem; color: var(--dim); text-align: center; }\n.nsrac-skeleton { display: none; background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius); padding: 14px; box-shadow: var(--shadow); }\n.nsrac-skeleton.is-active { display: block; animation: nsrac-rise .35s ease both; }\n.nsrac-sk { background: linear-gradient(90deg, rgba(255,255,255,.06), rgba(251,191,36,.16), rgba(255,255,255,.06)); background-size: 200% 100%; animation: nsrac-shimmer 1.2s ease infinite; border-radius: 10px; height: 14px; margin-bottom: 10px; }\n.nsrac-result { display: none; animation: nsrac-rise .45s ease both; }\n.nsrac-result.is-visible { display: block; }\n.nsrac-panel { background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); padding: clamp(14px, 3vw, 20px); }\n.nsrac-top { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; margin-bottom: 16px; }\n.nsrac-avatar {\n  width: 72px; height: 72px; border-radius: 18px; display: inline-flex; align-items: center; justify-content: center;\n  background: linear-gradient(145deg, #fcd34d, #fbbf24); color: #2a1a08; font-size: 1.6rem; border: 2px solid rgba(251,191,36,.4);\n}\n.nsrac .nsrac-name {color:var(--ink)!important; font-size: clamp(1.15rem, 3vw, 1.45rem); font-weight: 800; }\n.nsrac .nsrac-handle { color: var(--muted); font-weight: 600; }\n.nsrac-grid { display: grid; grid-template-columns: 1fr; gap: 10px; margin-bottom: 14px; }\n@container nsrac (min-width: 640px) { .nsrac-grid { grid-template-columns: repeat(3, minmax(0,1fr)); } }\n.nsrac-card { padding: 14px; border-radius: 14px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08); }\n.nsrac .nsrac-card__lbl { font-size: .75rem; font-weight: 700; color: var(--dim); text-transform: uppercase; letter-spacing: .04em; margin-bottom: 6px; }\n.nsrac .nsrac-card__val { font-size: 1.35rem; font-weight: 800; letter-spacing: -.02em; }\n.nsrac .nsrac-card__sub { font-size: .82rem; color: var(--muted); margin-top: 4px; }\n.nsrac-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }\n.nsrac-chip { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 999px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); color: var(--muted); font-size: .78rem; font-weight: 600; }\n.nsrac-chip i { color: var(--accent); }\n.nsrac .nsrac-section { font-size: .82rem; font-weight: 700; color: var(--muted); text-transform: uppercase; letter-spacing: .04em; margin: 4px 0 10px; }\n.nsrac-list { display: flex; flex-direction: column; gap: 8px; }\n.nsrac-row { display: flex; flex-direction: column; gap: 6px; padding: 12px; border-radius: 12px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08); }\n.nsrac .nsrac-row__title {color: var(--ink) !important; font-size: .95rem; font-weight: 700; }\n.nsrac-row__meta { display: flex; flex-wrap: wrap; gap: 8px; font-size: .75rem; color: var(--dim); font-weight: 600; }\n.nsrac-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }\n.nsrac-actions .nsrac-btn { flex: 1 1 140px; height: 44px; font-size: .9rem !important; }\n@keyframes nsrac-rise { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }\n@keyframes nsrac-shimmer { 0% { background-position: 100% 0; } 100% { background-position: -100% 0; } }\n\n\/* --- Codex CSS updates --- *\/\n.nsrac {\n  width: 100vw;\n  max-width: none;\n  margin: -8px calc(50% - 50vw) 0;\n  --ink: #f8fafc;\n  --muted: #b7c4d8;\n  --dim: #7f91ab;\n  --panel: rgba(12, 20, 38, 0.78);\n  --soft: rgba(255, 255, 255, 0.055);\n  --line: rgba(130, 161, 255, 0.22);\n  --accent: #7c9cff;\n  --accent-soft: rgba(124, 156, 255, 0.2);\n  --cool: #9eb6ff;\n  --cool-deep: #536dff;\n  --danger: #ff7189;\n  --ok: #42d7a0;\n  --radius: 20px;\n  --shadow: 0 22px 55px rgba(2, 8, 23, 0.42);\n  --font: \"Outfit\", \"Segoe UI\", Arial, sans-serif;\n  --gap: 18px;\n  box-sizing: border-box !important;\n  position: relative;\n  isolation: isolate;\n  display: block;\n  min-width: 0 !important;\n  overflow-x: hidden !important;\n  overflow-wrap: anywhere;\n  color: var(--ink);\n  font-family: var(--font);\n  line-height: 1.5;\n  background:\n    radial-gradient(ellipse 72% 58% at 92% -8%, rgba(93, 118, 255, 0.38), transparent 60%),\n    radial-gradient(ellipse 52% 45% at 5% 8%, rgba(37, 207, 183, 0.16), transparent 62%),\n    linear-gradient(145deg, #07101f 0%, #111c35 48%, #171342 100%);\n}\n\n.nsrac *,\n.nsrac *::before,\n.nsrac *::after {\n  box-sizing: border-box;\n}\n\n.nsrac h3,\n.nsrac h2 {\n  color: var(--ink) !important;\n}\n\n.nsrac :where(h1, h2, h3, p, ul, ol, li, label, span) {\n  max-width: 100%;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-weight: inherit;\n  overflow-wrap: anywhere;\n}\n\n.nsrac :where(ul, ol) {\n  list-style: none;\n}\n\n.nsrac img {\n  display: block;\n  max-width: 100%;\n  height: auto;\n  border: 0;\n}\n\n.nsrac a {\n  color: var(--cool);\n  text-decoration: none;\n  transition: color 0.2s ease;\n}\n\n.nsrac a:hover {\n  color: #d6e1ff;\n  text-decoration: underline;\n}\n\n.nsrac-shell {\n  width: 100%;\n  max-width: min(1200px, 100%);\n  min-width: 0;\n  margin-right: auto;\n  margin-left: auto;\n  padding: clamp(32px, 6vw, 72px) clamp(14px, 3vw, 26px);\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap);\n  container-type: inline-size;\n  container-name: nsrac;\n}\n\n.nsrac-hero {\n  position: relative;\n  overflow: hidden;\n  padding: clamp(22px, 4vw, 36px) clamp(16px, 4vw, 34px);\n  text-align: center;\n  background: linear-gradient(135deg, rgba(24, 37, 65, 0.9), rgba(11, 19, 38, 0.82));\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  box-shadow: var(--shadow), inset 0 1px 0 rgba(255, 255, 255, 0.08);\n  backdrop-filter: blur(18px);\n  animation: nsrac-rise 0.45s ease both;\n}\n\n.nsrac-hero::before {\n  position: absolute;\n  top: -90px;\n  right: -60px;\n  width: 220px;\n  height: 220px;\n  content: \"\";\n  pointer-events: none;\n  background: radial-gradient(circle, rgba(137, 159, 255, 0.22), transparent 68%);\n}\n\n.nsrac-brand {\n  position: relative;\n  z-index: 1;\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 14px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  color: #ffffff;\n  font-size: 1.4rem;\n  border: 1px solid rgba(255, 255, 255, 0.28);\n  border-radius: 18px;\n  background: linear-gradient(135deg, #98b1ff, #6574ff 48%, #a65dff);\n  box-shadow: 0 14px 30px rgba(89, 106, 255, 0.42);\n}\n\n.nsrac .nsrac-hero__title {\n  position: relative;\n  z-index: 1;\n  margin-bottom: 10px;\n  color: var(--ink) !important;\n  font-size: clamp(1.45rem, 5vw, 2.25rem);\n  font-weight: 800;\n  letter-spacing: -0.045em;\n}\n\n.nsrac-hero__mark {\n  padding-bottom: 3px;\n  color: #b6c6ff;\n  background-image: linear-gradient(90deg, #7c9cff, #5eead4, #a78bfa);\n  background-position: 0 100%;\n  background-repeat: no-repeat;\n  background-size: 100% 3px;\n}\n\n.nsrac .nsrac-hero__lead {\n  position: relative;\n  z-index: 1;\n  max-width: 40rem;\n  margin: 0 auto 22px;\n  color: var(--muted);\n  font-size: clamp(0.92rem, 2.4vw, 1.03rem);\n}\n\n.nsrac-tool {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 13px;\n  padding: clamp(13px, 2.6vw, 18px);\n  text-align: left;\n  background: rgba(3, 10, 27, 0.36);\n  border: 1px solid rgba(203, 216, 255, 0.12);\n  border-radius: 16px;\n}\n\n.nsrac .nsrac-tool__label {\n  color: #d8e2f2;\n  font-size: 0.86rem;\n  font-weight: 650;\n}\n\n.nsrac-field {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n.nsrac .nsrac-field__input {\n  width: 100%;\n  height: 54px;\n  padding: 0 54px 0 17px !important;\n  color: var(--ink) !important;\n  font: 500 16px var(--font);\n  outline: none;\n  background: rgba(4, 11, 26, 0.72) !important;\n  border: 1px solid rgba(183, 201, 235, 0.17) !important;\n  border-radius: 13px;\n  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.035);\n  transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;\n}\n\n.nsrac .nsrac-field__input:hover {\n  border-color: rgba(158, 182, 255, 0.34) !important;\n}\n\n.nsrac .nsrac-field__input:focus {\n  background: rgba(6, 15, 35, 0.9) !important;\n  border-color: rgba(124, 156, 255, 0.85) !important;\n  box-shadow: 0 0 0 4px var(--accent-soft), inset 0 1px 1px rgba(255, 255, 255, 0.05);\n}\n\n.nsrac .nsrac-field__input::placeholder {\n  color: var(--dim);\n  opacity: 1;\n}\n\n.nsrac .nsrac-field__paste {\n  position: absolute;\n  top: 50%;\n  right: 7px;\n  width: 40px;\n  height: 40px;\n  padding: 0;\n  color: var(--muted) !important;\n  cursor: pointer;\n  background: transparent !important;\n  border: 0 !important;\n  border-radius: 10px;\n  transform: translateY(-50%);\n  transition: color 0.2s ease, background 0.2s ease, transform 0.2s ease;\n}\n\n.nsrac .nsrac-field__paste:hover {\n  color: #dfe7ff !important;\n  background: var(--accent-soft) !important;\n}\n\n.nsrac .nsrac-field__paste:active {\n  transform: translateY(-50%) scale(0.94);\n}\n\n.nsrac .nsrac-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 52px;\n  gap: 8px;\n  padding: 0 18px;\n  color: var(--ink) !important;\n  font: 750 0.98rem var(--font);\n  text-decoration: none;\n  cursor: pointer;\n  appearance: none;\n  border: 0 !important;\n  border-radius: 13px;\n  outline: none;\n  transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease, border-color 0.2s ease;\n}\n\n.nsrac .nsrac-btn--primary {\n  color: #ffffff !important;\n  background: linear-gradient(135deg, #7394ff 0%, #5d65f5 50%, #8e5de8 100%) !important;\n  box-shadow: 0 12px 25px rgba(77, 96, 238, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.24);\n}\n\n.nsrac .nsrac-btn--primary:hover {\n  filter: brightness(1.08);\n  box-shadow: 0 16px 30px rgba(77, 96, 238, 0.48), inset 0 1px 0 rgba(255, 255, 255, 0.3);\n  transform: translateY(-2px);\n}\n\n.nsrac .nsrac-btn:active {\n  transform: translateY(0) scale(0.985);\n}\n\n.nsrac .nsrac-btn:focus-visible {\n  box-shadow: 0 0 0 4px rgba(150, 177, 255, 0.4);\n}\n\n.nsrac .nsrac-btn:disabled {\n  cursor: wait;\n  opacity: 0.55;\n  filter: saturate(0.65);\n  transform: none !important;\n}\n\n.nsrac .nsrac-btn--ghost {\n  color: #dce5f5 !important;\n  background: rgba(255, 255, 255, 0.055) !important;\n  border: 1px solid rgba(193, 210, 245, 0.17) !important;\n  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045);\n}\n\n.nsrac .nsrac-btn--ghost:hover {\n  background: rgba(139, 163, 255, 0.12) !important;\n  border-color: rgba(157, 182, 255, 0.38) !important;\n  transform: translateY(-2px);\n}\n\n.nsrac .nsrac-btn--sm {\n  flex: 1 1 120px;\n  height: 40px;\n  font-size: 0.82rem !important;\n}\n\n.nsrac-alert {\n  display: none;\n  align-items: flex-start;\n  gap: 9px;\n  padding: 12px 13px;\n  font-size: 0.88rem;\n  font-weight: 550;\n  border-radius: 12px;\n}\n\n.nsrac-alert.is-visible {\n  display: flex;\n  animation: nsrac-rise 0.3s ease both;\n}\n\n.nsrac-alert--error {\n  color: #ffd0d8;\n  background: rgba(255, 89, 117, 0.12);\n  border: 1px solid rgba(255, 113, 137, 0.42);\n}\n\n.nsrac-alert--ok {\n  color: #b5f5d9;\n  background: rgba(66, 215, 160, 0.12);\n  border: 1px solid rgba(66, 215, 160, 0.4);\n}\n\n.nsrac-hint {\n  color: var(--dim);\n  font-size: 0.8rem;\n  text-align: center;\n}\n\n.nsrac-skeleton {\n  display: none;\n  padding: clamp(15px, 3vw, 20px);\n  background: var(--panel);\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  box-shadow: var(--shadow);\n}\n\n.nsrac-skeleton.is-active {\n  display: block;\n  animation: nsrac-rise 0.35s ease both;\n}\n\n.nsrac-sk {\n  height: 14px;\n  margin-bottom: 11px;\n  background: linear-gradient(90deg, rgba(255, 255, 255, 0.045), rgba(133, 160, 255, 0.28), rgba(255, 255, 255, 0.045));\n  background-size: 200% 100%;\n  border-radius: 10px;\n  animation: nsrac-shimmer 1.2s ease infinite;\n}\n\n.nsrac-result {\n  display: none;\n  animation: nsrac-rise 0.45s ease both;\n}\n\n.nsrac-result.is-visible {\n  display: block;\n}\n\n.nsrac-panel {\n  padding: clamp(16px, 3vw, 24px);\n  background: linear-gradient(145deg, rgba(20, 33, 59, 0.9), rgba(10, 18, 37, 0.82));\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  box-shadow: var(--shadow), inset 0 1px 0 rgba(255, 255, 255, 0.055);\n  backdrop-filter: blur(16px);\n}\n\n.nsrac-top {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 15px;\n  margin-bottom: 18px;\n}\n\n.nsrac-avatar {\n  width: 74px;\n  height: 74px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex: 0 0 auto;\n  color: #fff;\n  font-size: 1.65rem;\n  background: linear-gradient(135deg, #91acff, #6370fc 52%, #a666f5);\n  border: 2px solid rgba(184, 202, 255, 0.35);\n  border-radius: 20px;\n  box-shadow: 0 12px 24px rgba(67, 85, 214, 0.3);\n}\n\n.nsrac .nsrac-name {\n  color: var(--ink) !important;\n  font-size: clamp(1.18rem, 3vw, 1.55rem);\n  font-weight: 800;\n  letter-spacing: -0.035em;\n}\n\n.nsrac .nsrac-handle {\n  color: var(--muted);\n  font-weight: 600;\n}\n\n.nsrac-grid {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 11px;\n  margin-bottom: 16px;\n}\n\n@container nsrac (min-width: 640px) {\n  .nsrac-grid {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n}\n\n.nsrac-card {\n  min-width: 0;\n  padding: 15px;\n  background: linear-gradient(145deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.035));\n  border: 1px solid rgba(201, 215, 246, 0.12);\n  border-radius: 15px;\n  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);\n  transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease;\n}\n\n.nsrac-card:hover {\n  background: rgba(132, 157, 255, 0.1);\n  border-color: rgba(158, 182, 255, 0.3);\n  transform: translateY(-2px);\n}\n\n.nsrac .nsrac-card__lbl {\n  margin-bottom: 6px;\n  color: var(--dim);\n  font-size: 0.75rem;\n  font-weight: 750;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n}\n\n.nsrac .nsrac-card__val {\n  color: var(--ink);\n  font-size: 1.4rem;\n  font-weight: 800;\n  letter-spacing: -0.03em;\n}\n\n.nsrac .nsrac-card__sub {\n  margin-top: 4px;\n  color: var(--muted);\n  font-size: 0.82rem;\n}\n\n.nsrac-chips {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-bottom: 16px;\n}\n\n.nsrac-chip {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  max-width: 100%;\n  padding: 6px 10px;\n  color: #cbd7ea;\n  font-size: 0.78rem;\n  font-weight: 650;\n  background: rgba(132, 157, 255, 0.09);\n  border: 1px solid rgba(170, 192, 255, 0.16);\n  border-radius: 999px;\n}\n\n.nsrac-chip i {\n  color: #aabaff;\n}\n\n.nsrac .nsrac-section {\n  margin: 5px 0 11px;\n  color: var(--muted);\n  font-size: 0.82rem;\n  font-weight: 750;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n}\n\n.nsrac-list {\n  display: flex;\n  flex-direction: column;\n  gap: 9px;\n}\n\n.nsrac-row {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  padding: 13px;\n  background: rgba(255, 255, 255, 0.045);\n  border: 1px solid rgba(201, 215, 246, 0.11);\n  border-radius: 13px;\n  transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;\n}\n\n.nsrac-row:hover {\n  background: rgba(126, 153, 255, 0.1);\n  border-color: rgba(158, 182, 255, 0.28);\n  transform: translateX(2px);\n}\n\n.nsrac .nsrac-row__title {\n  color: var(--ink) !important;\n  font-size: 0.95rem;\n  font-weight: 700;\n}\n\n.nsrac-row__meta {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  color: var(--dim);\n  font-size: 0.75rem;\n  font-weight: 600;\n}\n\n.nsrac-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 9px;\n  margin-top: 16px;\n}\n\n.nsrac-actions .nsrac-btn {\n  flex: 1 1 140px;\n  height: 45px;\n  font-size: 0.9rem !important;\n}\n\n.nsrac .fa-brands,\n.nsrac .fa-clipboard,\n.nsrac .fa-id-card,\n.nsrac .fa-magnifying-glass,\n.nsrac .fa-reddit-alien,\n.nsrac .fa-regular,\n.nsrac .fa-solid {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex: 0 0 auto;\n  line-height: 1;\n}\n\n@keyframes nsrac-rise {\n  from {\n    opacity: 0;\n    transform: translateY(14px);\n  }\n\n  to {\n    opacity: 1;\n    transform: none;\n  }\n}\n\n@keyframes nsrac-shimmer {\n  0% {\n    background-position: 100% 0;\n  }\n\n  100% {\n    background-position: -100% 0;\n  }\n}\n\n@media (max-width: 520px) {\n  .nsrac-shell {\n    padding: 24px 12px 38px;\n    gap: 14px;\n  }\n\n  .nsrac-hero,\n  .nsrac-panel {\n    border-radius: 17px;\n  }\n\n  .nsrac-hero {\n    padding: 22px 14px;\n  }\n\n  .nsrac-brand {\n    width: 50px;\n    height: 50px;\n    margin-bottom: 12px;\n    border-radius: 16px;\n  }\n\n  .nsrac-top {\n    align-items: flex-start;\n    gap: 12px;\n  }\n\n  .nsrac-avatar {\n    width: 62px;\n    height: 62px;\n    font-size: 1.4rem;\n    border-radius: 17px;\n  }\n\n  .nsrac-card,\n  .nsrac-row {\n    padding: 12px;\n  }\n\n  .nsrac-actions {\n    flex-direction: column;\n  }\n\n  .nsrac-actions .nsrac-btn,\n  .nsrac .nsrac-btn--sm {\n    width: 100%;\n    flex-basis: auto;\n  }\n\n  .nsrac-chip {\n    font-size: 0.74rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .nsrac *,\n  .nsrac *::before,\n  .nsrac *::after {\n    scroll-behavior: auto !important;\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n<\/style>\n<!-- New Social Reddit Account Viewer -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n\n<div class=\"nsrac\" id=\"nsrac-root\" data-nsrac-ready=\"0\">\n  <div class=\"nsrac-shell\">\n    <section class=\"nsrac-hero\" aria-labelledby=\"nsrac-title\">\n      <div class=\"nsrac-brand\" aria-hidden=\"true\"><i class=\"fa-solid fa-id-card\"><\/i><\/div>\n<h1 class=\"nsrac-hero__title\" id=\"nsrac-title\">Reddit Account Viewer \u2013 Check Profiles, Posts &amp;amp; Activity Easily<\/h1>\n<p class=\"nsrac-hero__lead\">Inspect a public Reddit account \u2014 post volume, comment volume, ups, and recent activity at a glance.<\/p>\n<div class=\"nsrac-tool\">\n        <label class=\"nsrac-tool__label\" for=\"nsrac-input\">Username or profile URL<\/label>\n        <div class=\"nsrac-field\">\n          <input class=\"nsrac-field__input\" id=\"nsrac-input\" type=\"text\" placeholder=\"username or https:\/\/www.reddit.com\/user\/...\" autocomplete=\"off\" spellcheck=\"false\">\n          <button type=\"button\" class=\"nsrac-field__paste\" id=\"nsrac-paste\" aria-label=\"Paste from clipboard\"><i class=\"fa-regular fa-clipboard\"><\/i><\/button>\n        <\/div>\n        <button type=\"button\" class=\"nsrac-btn nsrac-btn--primary\" id=\"xrespond-tools-turnstile\"><i class=\"fa-solid fa-magnifying-glass\"><\/i><span>View Account<\/span><\/button>\n        <div class=\"nsrac-alert\" id=\"nsrac-alert\" role=\"alert\"><\/div>\n<p class=\"nsrac-hint\">Same user overview API \u2014 focused on account analytics<\/p>\n      <\/div>\n    <\/section>\n\n    <div class=\"nsrac-skeleton\" id=\"nsrac-skeleton\" aria-hidden=\"true\">\n      <div class=\"nsrac-sk\" style=\"height:70px\"><\/div>\n<div class=\"nsrac-sk\" style=\"width:60%\"><\/div>\n<div class=\"nsrac-sk\" style=\"width:40%\"><\/div>\n    <\/div>\n\n    <section class=\"nsrac-result\" id=\"nsrac-result\" aria-live=\"polite\">\n      <div class=\"nsrac-panel\">\n        <div class=\"nsrac-top\">\n          <div class=\"nsrac-avatar\" aria-hidden=\"true\"><i class=\"fa-brands fa-reddit-alien\"><\/i><\/div>\n<div>\n            <h2 class=\"nsrac-name\" id=\"nsrac-name\">\u2014<\/h2>\n<p class=\"nsrac-handle\" id=\"nsrac-handle\">u\/user<\/p>\n          <\/div>\n        <\/div>\n<div class=\"nsrac-grid\" id=\"nsrac-grid\"><\/div>\n<div class=\"nsrac-chips\" id=\"nsrac-chips\"><\/div>\n<p class=\"nsrac-section\">Recent posts<\/p>\n<div class=\"nsrac-list\" id=\"nsrac-list\"><\/div>\n<div class=\"nsrac-actions\" id=\"nsrac-actions\"><\/div>\n      <\/div>\n    <\/section>\n  <\/div>\n<\/div>    <link rel=\"canonical\" href=\"\">\r\n      \r\n      <!-- Google Fonts - Premium Typography -->\r\n      <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n      <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\r\n      <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@300;400;500;600;700&family=Manrope:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n      \r\n      <!-- Bootstrap CSS -->\r\n      <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\">\r\n      <!-- Boxicons -->\r\n      <link href=\"https:\/\/unpkg.com\/boxicons@2.1.4\/css\/boxicons.min.css\" rel=\"stylesheet\">\r\n      <!-- AOS Animation -->\r\n      <link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\">\r\n      \r\n  \r\n  <style id=\"vvvebjs-styles\">\r\n      html{\r\n          overflow-x: hidden;\r\n      }\r\n  \r\n      :root {\r\n              --rduv-primary-color: #8A66FF;\r\n              --rduv-secondary-color: #6A4FE0;\r\n              --rduv-dark-color: #000000;\r\n              --rduv-light-color: #FFFFFF;\r\n              --rduv-gray-color: #F5F3FF;\r\n              --rduv-muted-on-light: #555555;\r\n              --rduv-primary-hover: #7758F0;\r\n              --rduv-secondary-hover: #9B85FF;\r\n              --rduv-section-padding: 100px 0;\r\n          }\r\n          \r\n\/*           body {\r\n              font-family: 'Manrope', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n              scroll-behavior: smooth;\r\n              overflow-x: hidden;\r\n              background-color: var(--rduv-light-color);\r\n              color: var(--rduv-dark-color);\r\n          }\r\n      \r\n      h1, h2, h3, h4, h5, h6 {\r\n          font-family: 'Manrope', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n          font-weight: 800;\r\n          letter-spacing: -0.02em;\r\n      } *\/\r\n     \r\n      \/* Reddit-style Hero Section *\/\r\n      .rduv-hero-section {\r\n              padding: var(--rduv-section-padding);\r\n              text-align: center;\r\n              background-color: var(--rduv-light-color);\r\n          }\r\n          \r\n          .rduv-hero-content {\r\n              position: relative;\r\n              z-index: 1;\r\n          }\r\n          \r\n          .rduv-hero-section h1 {\r\n              font-size: 3.5rem;\r\n              font-weight: 800;\r\n              margin-bottom: 1.5rem;\r\n              color: var(--rduv-dark-color);\r\n              -webkit-text-fill-color: var(--rduv-dark-color);\r\n              background: none;\r\n              -webkit-background-clip: unset;\r\n              background-clip: unset;\r\n          }\r\n\r\n          .rduv-hero-section h1 .va-accent {\r\n              color: var(--rduv-primary-color);\r\n              -webkit-text-fill-color: var(--rduv-primary-color);\r\n          }\r\n          \r\n          .rduv-hero-section p {\r\n              font-size: 1.25rem;\r\n              max-width: 700px;\r\n              margin: 0 auto 2rem;\r\n              font-weight: 500;\r\n              color: var(--rduv-muted-on-light);\r\n          }\r\n          \r\n          \/* Work Process \u2014 white \/ lavender (logo-style content) *\/\r\n          .rduv-work-process-section {\r\n              padding: var(--rduv-section-padding);\r\n              background: linear-gradient(180deg, #faf9ff 0%, #F5F3FF 45%, #f0ecff 100%);\r\n              color: var(--rduv-dark-color);\r\n      position: relative;\r\n      overflow: hidden;\r\n              border-top: 1px solid rgba(138, 102, 255, 0.12);\r\n              border-bottom: 1px solid rgba(138, 102, 255, 0.1);\r\n    }\r\n    \r\n          .rduv-work-process-section::before {\r\n      content: '';\r\n      position: absolute;\r\n              top: 0;\r\n              left: 0;\r\n              width: 100%;\r\n              height: 100%;\r\n              background: radial-gradient(ellipse 85% 55% at 50% 0%, rgba(138, 102, 255, 0.09) 0%, transparent 58%);\r\n      pointer-events: none;\r\n    }\r\n    \r\n          .rduv-work-process-section .rduv-light-title {\r\n              color: var(--rduv-dark-color);\r\n          }\r\n\r\n          .rduv-work-process-section .rduv-light-title::after {\r\n              background: linear-gradient(to right, var(--rduv-primary-color), var(--rduv-secondary-color));\r\n          }\r\n\r\n          .rduv-work-process-section .rduv-light-subtitle {\r\n              color: var(--rduv-muted-on-light);\r\n          }\r\n\r\n          .rduv-work-process-section .rduv-process-step {\r\n              background: #ffffff;\r\n              border: 1px solid rgba(138, 102, 255, 0.2);\r\n              box-shadow: 0 10px 28px rgba(138, 102, 255, 0.08);\r\n          }\r\n\r\n          .rduv-work-process-section .rduv-process-step:hover {\r\n              transform: translateY(-10px);\r\n              background: #ffffff;\r\n              box-shadow: 0 16px 36px rgba(138, 102, 255, 0.14);\r\n          }\r\n\r\n          .rduv-work-process-section h4.text-white {\r\n              color: var(--rduv-dark-color) !important;\r\n          }\r\n          \r\n          .rduv-work-process-content {\r\n              position: relative;\r\n              z-index: 1;\r\n          }\r\n          \r\n          .rduv-process-step {\r\n              text-align: center;\r\n              padding: 30px 20px;\r\n              position: relative;\r\n              z-index: 1;\r\n              background: rgba(255,255,255,0.1);\r\n              backdrop-filter: blur(10px);\r\n              border-radius: 16px;\r\n              margin: 15px;\r\n              border: 1px solid rgba(255,255,255,0.2);\r\n              transition: all 0.3s ease;\r\n          }\r\n          \r\n          .rduv-process-step:hover {\r\n              transform: translateY(-10px);\r\n              background: rgba(255,255,255,0.15);\r\n              box-shadow: 0 15px 30px rgba(0,0,0,0.2);\r\n          }\r\n          \r\n          .rduv-step-number {\r\n              width: 60px;\r\n              height: 60px;\r\n              background: white;\r\n              background: linear-gradient(45deg, var(--rduv-primary-color), var(--rduv-secondary-color));\r\n              color: white;\r\n              border-radius: 50%;\r\n              display: flex;\r\n              align-items: center;\r\n              justify-content: center;\r\n              font-weight: 700;\r\n              margin: 0 auto 20px;\r\n              font-size: 1.5rem;\r\n              box-shadow: 0 5px 15px rgba(0,0,0,0.1);\r\n          }\r\n          \r\n          \/* Features Section *\/\r\n          .rduv-features-section {\r\n              padding: var(--rduv-section-padding);\r\n              background: white;\r\n          }\r\n          \r\n          .rduv-feature-card {\r\n              padding: 40px 30px;\r\n              border-radius: 16px;\r\n              background: white;\r\n              box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\r\n              margin-bottom: 30px;\r\n              transition: all 0.3s ease;\r\n              border: 1px solid rgba(0,0,0,0.05);\r\n              height: 100%;\r\n              position: relative;\r\n              overflow: hidden;\r\n          }\r\n          \r\n          .rduv-feature-card::before {\r\n      content: '';\r\n      position: absolute;\r\n              top: 0;\r\n              left: 0;\r\n              width: 4px;\r\n              height: 100%;\r\n              background: linear-gradient(to bottom, var(--rduv-primary-color), var(--rduv-secondary-color));\r\n              transition: all 0.3s ease;\r\n          }\r\n          \r\n          .rduv-feature-card:hover {\r\n              transform: translateY(-10px);\r\n              box-shadow: 0 15px 40px rgba(0,0,0,0.1);\r\n          }\r\n          \r\n          .rduv-feature-card:hover::before {\r\n              width: 100%;\r\n              opacity: 0.1;\r\n          }\r\n          \r\n          .rduv-feature-icon {\r\n              width: 70px;\r\n              height: 70px;\r\n              border-radius: 20px;\r\n              display: flex;\r\n      align-items: center;\r\n              justify-content: center;\r\n              margin-bottom: 25px;\r\n              background: linear-gradient(45deg, var(--rduv-primary-color), var(--rduv-secondary-color));\r\n              color: white;\r\n              font-size: 1.8rem;\r\n              transition: all 0.3s ease;\r\n          }\r\n          \r\n          .rduv-feature-card:hover .rduv-feature-icon {\r\n              transform: rotate(15deg) scale(1.1);\r\n              background: linear-gradient(45deg, var(--rduv-primary-hover), var(--rduv-secondary-hover));\r\n          }\r\n          \r\n          \/* Why Choose Section *\/\r\n          .rduv-why-choose-section {\r\n              padding: var(--rduv-section-padding);\r\n              background: #f9f9f9;\r\n          }\r\n          \r\n          .rduv-why-choose-image {\r\n              border-radius: 16px;\r\n              overflow: hidden;\r\n              box-shadow: 0 20px 40px rgba(0,0,0,0.1);\r\n              transform: perspective(1000px) rotateY(-5deg);\r\n              transition: all 0.5s ease;\r\n          }\r\n          \r\n          .rduv-why-choose-image:hover {\r\n              transform: perspective(1000px) rotateY(0deg);\r\n          }\r\n          \r\n          .rduv-benefit-item {\r\n              display: flex;\r\n              align-items: flex-start;\r\n              margin-bottom: 20px;\r\n              padding: 15px;\r\n              border-radius: 12px;\r\n              background: white;\r\n              box-shadow: 0 5px 15px rgba(0,0,0,0.03);\r\n              transition: all 0.3s ease;\r\n          }\r\n          \r\n          .rduv-benefit-item:hover {\r\n              transform: translateX(10px);\r\n              box-shadow: 0 10px 25px rgba(0,0,0,0.1);\r\n          }\r\n          \r\n          .rduv-benefit-icon {\r\n              width: 40px;\r\n              height: 40px;\r\n              border-radius: 12px;\r\n              display: flex;\r\n              align-items: center;\r\n              justify-content: center;\r\n              margin-right: 15px;\r\n              background: linear-gradient(45deg, var(--rduv-primary-color), var(--rduv-secondary-color));\r\n              color: white;\r\n              font-size: 1.2rem;\r\n              flex-shrink: 0;\r\n          }\r\n          \r\n          \/* FAQ Section *\/\r\n          .rduv-faq-section {\r\n              padding: var(--rduv-section-padding);\r\n              background: white;\r\n          }\r\n          \r\n          .rduv-accordion-item {\r\n              border: none;\r\n              border-radius: 12px !important;\r\n              overflow: hidden;\r\n              margin-bottom: 15px;\r\n              box-shadow: 0 5px 15px rgba(0,0,0,0.05);\r\n          }\r\n          \r\n          .rduv-accordion-button {\r\n      font-weight: 600;\r\n              color: var(--rduv-dark-color);\r\n              padding: 20px 25px;\r\n              background: white;\r\n              box-shadow: none;\r\n              border-radius: 12px 12px 0 0 !important;\r\n          }\r\n          \r\n          .rduv-accordion-button:not(.collapsed) {\r\n              background: white;\r\n              color: var(--rduv-primary-color);\r\n              box-shadow: none;\r\n          }\r\n          \r\n          .rduv-accordion-button:focus {\r\n              box-shadow: none;\r\n              border-color: rgba(138, 102, 255, 0.35);\r\n          }\r\n          \r\n          .rduv-accordion-button::after {\r\n              background-image: url(\"data:image\/svg+xml,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 16 16' fill='%238A66FF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'\/%3e%3c\/svg%3e\");\r\n          }\r\n          \r\n          .rduv-accordion-body {\r\n              padding: 25px;\r\n              color: #666;\r\n          }\r\n          \r\n          \/* Section Titles *\/\r\n          .rduv-section-title {\r\n      font-weight: 800;\r\n              color: var(--rduv-dark-color);\r\n              margin-bottom: 1.5rem;\r\n      position: relative;\r\n              display: inline-block;\r\n          }\r\n          \r\n          .rduv-section-title::after {\r\n              content: '';\r\n              position: absolute;\r\n              bottom: -10px;\r\n              left: 0;\r\n              width: 60px;\r\n              height: 4px;\r\n              background: linear-gradient(to right, var(--rduv-primary-color), var(--rduv-secondary-color));\r\n              border-radius: 2px;\r\n          }\r\n          \r\n          .rduv-light-title {\r\n              color: white;\r\n          }\r\n          \r\n          .rduv-light-title::after {\r\n              background: white;\r\n          }\r\n          \r\n          .rduv-section-subtitle {\r\n              color: #666;\r\n              max-width: 700px;\r\n              margin: 0 auto 3rem;\r\n      font-size: 1.1rem;\r\n          }\r\n          \r\n          .rduv-light-subtitle {\r\n              color: rgba(255,255,255,0.8);\r\n          }\r\n          \r\n          \/* Responsive Design *\/\r\n          @media (max-width: 991px) {\r\n              :root {\r\n                  --rduv-section-padding: 80px 0;\r\n              }\r\n              \r\n              .rduv-hero-section h1 {\r\n                  font-size: 2.8rem;\r\n              }\r\n              \r\n              .rduv-process-step::before {\r\n                  display: none;\r\n              }\r\n          }\r\n          \r\n          @media (max-width: 767px) {\r\n              :root {\r\n                  --rduv-section-padding: 70px 0;\r\n              }\r\n              \r\n              .rduv-hero-section {\r\n                  padding: 100px 0 60px;\r\n              }\r\n              \r\n              .rduv-hero-section h1 {\r\n                  font-size: 2.2rem;\r\n              }\r\n              \r\n              .rduv-hero-section p {\r\n                  font-size: 1rem;\r\n              }\r\n              \r\n              .rduv-section-title {\r\n                  font-size: 1.8rem;\r\n              }\r\n          }\r\n          \r\n          \/* Animation *\/\r\n          @keyframes rduv-float {\r\n              0% { transform: translateY(0px); }\r\n              50% { transform: translateY(-15px); }\r\n              100% { transform: translateY(0px); }\r\n          }\r\n          \r\n          .rduv-floating-element {\r\n              animation: rduv-float 6s ease-in-out infinite;\r\n          }\r\n          \r\n          \/* Custom Scrollbar *\/\r\n          ::-webkit-scrollbar {\r\n              width: 8px;\r\n          }\r\n          \r\n          ::-webkit-scrollbar-track {\r\n              background: #f1f1f1;\r\n          }\r\n          \r\n          ::-webkit-scrollbar-thumb {\r\n              background: linear-gradient(var(--rduv-primary-color), var(--rduv-secondary-color));\r\n              border-radius: 10px;\r\n          }\r\n          \r\n          ::-webkit-scrollbar-thumb:hover {\r\n              background: linear-gradient(var(--rduv-primary-hover), var(--rduv-secondary-hover));\r\n          }\r\n        \r\n  \r\n  <\/style>\r\n  <!-- tools -->\r\n  <style>\r\n  \r\n      :root {\r\n          --primary-color: #8A66FF;\r\n          --primary-light: #A385FF;\r\n          --primary-dark: #6A4FE0;\r\n          --secondary-color: #6A4FE0;\r\n          --secondary-light: #8A66FF;\r\n          --secondary-dark: #5238c4;\r\n          --accent-color: #8A66FF;\r\n          --accent-light: #A385FF;\r\n          --accent-dark: #6A4FE0;\r\n          --warning-color: #D4A017;\r\n          --warning-light: #E8B84A;\r\n          --danger-color: #EF4444;\r\n          --danger-light: #F87171;\r\n          --success-color: #22C55E;\r\n          --success-light: #4ADE80;\r\n          --bg-primary: #111016;\r\n          --bg-secondary: #18181f;\r\n          --bg-tertiary: #22222c;\r\n          --bg-card: #1c1c24;\r\n          --glass-bg: rgba(138, 102, 255, 0.08);\r\n          --glass-border: rgba(138, 102, 255, 0.22);\r\n          --text-primary: #FFFFFF;\r\n          --text-secondary: #CCCCCC;\r\n          --text-muted: #999999;\r\n          --text-accent: #8A66FF;\r\n          --shadow-sm: 0 2px 8px rgba(138, 102, 255, 0.12);\r\n          --shadow-md: 0 4px 16px rgba(138, 102, 255, 0.16);\r\n          --shadow-lg: 0 8px 32px rgba(138, 102, 255, 0.2);\r\n          --shadow-xl: 0 16px 48px rgba(138, 102, 255, 0.22);\r\n          --gradient-primary: linear-gradient(135deg, #8A66FF, #6A4FE0);\r\n          --gradient-secondary: linear-gradient(135deg, #2c2c36, #8A66FF);\r\n          --gradient-accent: linear-gradient(135deg, #8A66FF, #A385FF);\r\n      }\r\n  \r\n      .rduv-hero-tools-section {\r\n          font-family: 'Manrope', 'Inter', sans-serif;\r\n          background-color: #111016;\r\n          background-image:\r\n              radial-gradient(circle at 22% 18%, rgba(138, 102, 255, 0.18) 0%, transparent 46%),\r\n              radial-gradient(circle at 88% 82%, rgba(106, 79, 224, 0.12) 0%, transparent 44%),\r\n              linear-gradient(168deg, #16141f 0%, #111016 50%, #14121c 100%);\r\n          padding: 80px 0;\r\n          line-height: 1.6;\r\n          color: var(--text-primary);\r\n          overflow-x: hidden;\r\n\/*           margin-top: 3rem; *\/\r\n          border-bottom: 1px solid rgba(138, 102, 255, 0.22);\r\n      }\r\n  \r\n      .custom-rduv-container {\r\n          max-width: 1400px;\r\n          margin: 0 auto;\r\n          padding: 20px;\r\n          position: relative;\r\n      }\r\n  \r\n      .header {\r\n      text-align: center;\r\n          margin-bottom: 40px;\r\n          padding: 40px 0;\r\n          animation: slideInDown 1s ease-out;\r\n      }\r\n  \r\n      .logo {\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          gap: 20px;\r\n          margin-bottom: 25px;\r\n          flex-wrap: wrap;\r\n      }\r\n  \r\n      .logo-icon {\r\n          width: 80px;\r\n          height: 80px;\r\n          background: var(--gradient-primary);\r\n          border-radius: 20px;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          color: white;\r\n          font-size: 36px;\r\n      font-weight: 800;\r\n          box-shadow: var(--shadow-lg);\r\n          animation: float 3s ease-in-out infinite;\r\n          position: relative;\r\n          overflow: hidden;\r\n      }\r\n  \r\n      .logo-icon::before {\r\n          content: '';\r\n          position: absolute;\r\n          top: -50%;\r\n          left: -50%;\r\n          width: 200%;\r\n          height: 200%;\r\n          background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.1), transparent);\r\n          transform: rotate(45deg);\r\n          animation: shine 3s infinite;\r\n      }\r\n  \r\n      .reddit-badge {\r\n          background: var(--gradient-secondary);\r\n          color: white;\r\n          padding: 8px 16px;\r\n          border-radius: 25px;\r\n          font-size: 14px;\r\n          font-weight: 700;\r\n          box-shadow: var(--shadow-md);\r\n          animation: pulse 2s infinite;\r\n      }\r\n  \r\n      .logo-text {\r\n          font-size: clamp(2.5rem, 6vw, 4rem);\r\n          font-weight: 800;\r\n          font-family: 'Manrope', 'Inter', sans-serif;\r\n          color: #FFFFFF;\r\n          -webkit-text-fill-color: #FFFFFF;\r\n          background: none;\r\n          -webkit-background-clip: unset;\r\n          background-clip: unset;\r\n          letter-spacing: -0.03em;\r\n      }\r\n\r\n      .logo-text .va-accent {\r\n          color: #8A66FF;\r\n          -webkit-text-fill-color: #8A66FF;\r\n      }\r\n  \r\n      .subtitle {\r\n          color: var(--text-secondary);\r\n          font-size: 18px;\r\n          font-weight: 600;\r\n          margin-bottom: 30px;\r\n          max-width: 700px;\r\n          margin-left: auto;\r\n          margin-right: auto;\r\n      }\r\n  \r\n      .features-grid {\r\n      display: grid;\r\n          grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n          gap: 20px;\r\n          margin-bottom: 40px;\r\n      }\r\n  \r\n      .feature-card {\r\n          background: var(--bg-card);\r\n          border: 1px solid var(--glass-border);\r\n          padding: 15px;\r\n          border-radius: 16px;\r\n      text-align: center;\r\n          transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n      position: relative;\r\n      overflow: hidden;\r\n      }\r\n  \r\n      .feature-card::before {\r\n      content: '';\r\n      position: absolute;\r\n          top: 0;\r\n          left: -100%;\r\n          width: 100%;\r\n          height: 100%;\r\n          background: linear-gradient(90deg, transparent, rgba(138, 102, 255, 0.12), transparent);\r\n          transition: left 0.5s;\r\n      }\r\n  \r\n      .feature-card:hover::before {\r\n          left: 100%;\r\n      }\r\n  \r\n      .feature-card:hover {\r\n          transform: translateY(-5px);\r\n          box-shadow: var(--shadow-lg);\r\n          border-color: var(--primary-color);\r\n      }\r\n  \r\n      .feature-icon {\r\n          width: 40px;\r\n          height: 40px;\r\n          background: var(--gradient-primary);\r\n          border-radius: 50%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n          margin: 0 auto 10px;\r\n          font-size: 20px;\r\n          color: white;\r\n      }\r\n  \r\n      .feature-title {\r\n          font-weight: 700;\r\n          color: var(--text-primary);\r\n          margin-bottom: 8px;\r\n          font-size: 14px;\r\n      }\r\n  \r\n      .search-container {\r\n          background: var(--bg-secondary);\r\n          border: 1px solid var(--glass-border);\r\n          padding: 30px;\r\n          border-radius: 24px;\r\n          box-shadow: var(--shadow-xl);\r\n          margin-bottom: 40px;\r\n          animation: slideInUp 1s ease-out 0.2s both;\r\n          position: relative;\r\n          overflow: hidden;\r\n      }\r\n  \r\n      .search-container::before {\r\n          content: '';\r\n          position: absolute;\r\n          top: 0;\r\n          left: 0;\r\n          right: 0;\r\n          height: 4px;\r\n          background: var(--gradient-primary);\r\n      }\r\n  \r\n      .search-form {\r\n          display: flex;\r\n          gap: 15px;\r\n          margin-bottom: 20px;\r\n          position: relative;\r\n      }\r\n  \r\n      .search-input {\r\n          flex: 1 !important;\r\n          padding: 15px 20px !important;\r\n          border: 2px solid rgba(138, 102, 255, 0.28) !important;\r\n          border-radius: 16px !important;\r\n          font-size: 14px !important;\r\n          font-weight: 500 !important;\r\n          background: #1A1A22 !important;\r\n          transition: all 0.3s ease !important;\r\n          outline: none !important;\r\n          color: var(--text-primary) !important;\r\n          font-family: inherit !important;\r\n      }\r\n  \r\n      .search-input:focus {\r\n          border-color: var(--primary-color);\r\n          box-shadow: 0 0 0 4px rgba(138, 102, 255, 0.18);\r\n          transform: translateY(-2px);\r\n      }\r\n  \r\n      .search-input::placeholder {\r\n          color: var(--text-muted);\r\n          font-weight: 400;\r\n      }\r\n  \r\n      .search-btn {\r\n          padding: 15px 30px;\r\n          background: var(--gradient-primary);\r\n          color: white;\r\n          border: none;\r\n          border-radius: 16px;\r\n          font-size: 14px;\r\n      font-weight: 700;\r\n          cursor: pointer;\r\n          transition: all 0.3s ease;\r\n          min-width: 150px;\r\n          position: relative;\r\n          overflow: hidden;\r\n          box-shadow: var(--shadow-md);\r\n          font-family: inherit;\r\n      }\r\n  \r\n      .search-btn::before {\r\n          content: '';\r\n          position: absolute;\r\n          top: 0;\r\n          left: -100%;\r\n          width: 100%;\r\n          height: 100%;\r\n          background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\r\n          transition: left 0.5s;\r\n      }\r\n  \r\n      .search-btn:hover::before {\r\n          left: 100%;\r\n      }\r\n  \r\n      .search-btn:hover:not(:disabled) {\r\n          transform: translateY(-3px);\r\n          box-shadow: var(--shadow-lg);\r\n      }\r\n  \r\n      .search-btn:disabled {\r\n          opacity: 0.6;\r\n          cursor: not-allowed;\r\n          transform: none;\r\n      }\r\n  \r\n      .user-info {\r\n          background: var(--bg-secondary);\r\n          border: 1px solid var(--glass-border);\r\n          padding: 30px;\r\n          border-radius: 24px;\r\n          box-shadow: var(--shadow-xl);\r\n          margin-bottom: 40px;\r\n          display: none;\r\n          animation: slideInDown 0.8s ease-out;\r\n          position: relative;\r\n          overflow: hidden;\r\n      }\r\n  \r\n      .user-info::before {\r\n          content: '';\r\n          position: absolute;\r\n          top: 0;\r\n          left: 0;\r\n          right: 0;\r\n          height: 4px;\r\n          background: var(--gradient-secondary);\r\n      }\r\n  \r\n      .user-header {\r\n          display: flex;\r\n      align-items: center;\r\n          gap: 25px;\r\n          margin-bottom: 25px;\r\n      }\r\n  \r\n      .user-avatar {\r\n          width: 80px;\r\n          height: 80px;\r\n          border-radius: 50%;\r\n          background: var(--gradient-primary);\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          font-size: 2.5rem;\r\n          color: white;\r\n          font-weight: 900;\r\n          box-shadow: var(--shadow-lg);\r\n          position: relative;\r\n          overflow: hidden;\r\n      }\r\n  \r\n      .user-avatar::before {\r\n          content: '';\r\n          position: absolute;\r\n          top: -50%;\r\n          left: -50%;\r\n          width: 200%;\r\n          height: 200%;\r\n          background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.1), transparent);\r\n          transform: rotate(45deg);\r\n          animation: shine 4s infinite;\r\n      }\r\n  \r\n      .user-details h2 {\r\n          font-size: 2rem;\r\n          color: var(--text-primary);\r\n          margin-bottom: 8px;\r\n          font-weight: 900;\r\n      }\r\n  \r\n      .user-description {\r\n          color: var(--text-secondary);\r\n          font-size: 16px;\r\n          font-weight: 500;\r\n      }\r\n  \r\n      .user-stats {\r\n      display: grid;\r\n          grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\r\n          gap: 20px;\r\n          margin-top: 25px;\r\n      }\r\n  \r\n      .stat-card {\r\n          background: var(--bg-card);\r\n          border: 1px solid var(--glass-border);\r\n          padding: 20px;\r\n          border-radius: 20px;\r\n      text-align: center;\r\n          transition: all 0.3s ease;\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n    \r\n      .stat-card::before {\r\n      content: '';\r\n      position: absolute;\r\n          top: 0;\r\n          left: 0;\r\n          right: 0;\r\n      height: 3px;\r\n          background: var(--gradient-accent);\r\n    }\r\n    \r\n      .stat-card:hover {\r\n      transform: translateY(-5px);\r\n      box-shadow: var(--shadow-md);\r\n    }\r\n    \r\n      .stat-number {\r\n          font-size: 1.8rem;\r\n          font-weight: 900;\r\n          color: var(--primary-color);\r\n          margin-bottom: 6px;\r\n      }\r\n  \r\n      .stat-label {\r\n          font-size: 0.9rem;\r\n          color: var(--text-secondary);\r\n          font-weight: 600;\r\n      }\r\n  \r\n      .posts-section {\r\n          display: none;\r\n      }\r\n  \r\n      .section-title {\r\n          color: var(--text-primary);\r\n          font-size: 2rem;\r\n          font-weight: 900;\r\n          margin-bottom: 30px;\r\n          text-align: center;\r\n          background: var(--bg-secondary);\r\n          border: 1px solid var(--glass-border);\r\n          padding: 20px;\r\n          border-radius: 20px;\r\n          position: relative;\r\n          overflow: hidden;\r\n      }\r\n  \r\n      .section-title::before {\r\n          content: '';\r\n          position: absolute;\r\n          top: 0;\r\n          left: 0;\r\n          right: 0;\r\n          height: 4px;\r\n          background: var(--gradient-accent);\r\n      }\r\n  \r\n      .posts-grid {\r\n          display: grid;\r\n          grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));\r\n          gap: 25px;\r\n      }\r\n  \r\n      .post-card {\r\n          background: var(--bg-secondary);\r\n          border: 1px solid var(--glass-border);\r\n          border-radius: 20px;\r\n          padding: 20px;\r\n          box-shadow: var(--shadow-xl);\r\n          transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n          position: relative;\r\n          overflow: hidden;\r\n          animation: slideUp 0.6s ease forwards;\r\n          display: flex;\r\n          flex-direction: column;\r\n          height: 100%;\r\n      }\r\n  \r\n      .post-card::before {\r\n          content: '';\r\n          position: absolute;\r\n          top: 0;\r\n          left: 0;\r\n          right: 0;\r\n          height: 4px;\r\n          background: var(--gradient-primary);\r\n          border-radius: 20px 20px 0 0;\r\n      }\r\n  \r\n      .post-card:hover {\r\n          transform: translateY(-10px);\r\n          box-shadow: 0 20px 40px rgba(138, 102, 255, 0.22);\r\n          border-color: var(--primary-color);\r\n      }\r\n  \r\n      .post-header {\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: space-between;\r\n          margin-bottom: 15px;\r\n          padding-bottom: 15px;\r\n          border-bottom: 2px solid var(--bg-tertiary);\r\n      }\r\n  \r\n      .subreddit-info {\r\n          display: flex;\r\n          align-items: center;\r\n          gap: 10px;\r\n          flex-wrap: wrap;\r\n      }\r\n  \r\n      .subreddit-badge {\r\n          background: var(--gradient-primary);\r\n          color: white;\r\n          padding: 6px 12px;\r\n          border-radius: 20px;\r\n          font-size: 0.8rem;\r\n      font-weight: 700;\r\n          box-shadow: var(--shadow-sm);\r\n      }\r\n  \r\n      .post-type {\r\n          background: var(--gradient-secondary);\r\n          color: white;\r\n          padding: 4px 10px;\r\n          border-radius: 15px;\r\n          font-size: 0.7rem;\r\n          font-weight: 600;\r\n          text-transform: capitalize;\r\n      }\r\n  \r\n      .post-meta {\r\n          font-size: 0.8rem;\r\n          color: var(--text-muted);\r\n          font-weight: 500;\r\n          text-align: right;\r\n      }\r\n  \r\n      .post-badges {\r\n          display: flex;\r\n          flex-wrap: wrap;\r\n          gap: 8px;\r\n          margin-bottom: 15px;\r\n      }\r\n  \r\n      .badge {\r\n          padding: 4px 10px;\r\n          border-radius: 12px;\r\n          font-size: 0.7rem;\r\n          font-weight: 600;\r\n          color: white;\r\n          text-transform: uppercase;\r\n          letter-spacing: 0.5px;\r\n      }\r\n  \r\n      .badge.admin { background: var(--gradient-accent); }\r\n      .badge.stickied { background: var(--gradient-secondary); }\r\n      .badge.archived { background: linear-gradient(135deg, #6B7280, #4B5563); }\r\n      .badge.locked { background: var(--gradient-accent); }\r\n      .badge.nsfw { background: linear-gradient(135deg, #7C3AED, #5B21B6); }\r\n  \r\n      .post-title {\r\n          font-size: 1.4rem;\r\n          font-weight: 700;\r\n          margin-bottom: 15px;\r\n          color: var(--text-primary);\r\n          line-height: 1.4;\r\n      }\r\n  \r\n      .post-content {\r\n          margin-bottom: 20px;\r\n          flex-grow: 1;\r\n      }\r\n  \r\n      .post-text {\r\n          color: var(--text-secondary);\r\n          line-height: 1.6;\r\n          margin-bottom: 15px;\r\n          font-weight: 400;\r\n          font-size: 14px;\r\n      }\r\n  \r\n      .media-container {\r\n          margin: 15px 0;\r\n          border-radius: 16px;\r\n      overflow: hidden;\r\n          position: relative;\r\n          box-shadow: var(--shadow-md);\r\n          background: #000;\r\n      }\r\n  \r\n      .image-preview {\r\n          width: 100%;\r\n          max-height: 300px;\r\n          object-fit: cover;\r\n          cursor: pointer;\r\n          transition: transform 0.3s ease;\r\n      }\r\n  \r\n      .image-preview:hover {\r\n          transform: scale(1.02);\r\n      }\r\n  \r\n      .video-container {\r\n          position: relative;\r\n          width: 100%;\r\n          background: #000;\r\n          border-radius: 16px;\r\n          overflow: hidden;\r\n      }\r\n  \r\n      .video-player {\r\n          width: 100%;\r\n          height: 250px;\r\n          border-radius: 16px;\r\n      }\r\n  \r\n      .media-controls {\r\n          display: flex;\r\n          gap: 10px;\r\n          margin-top: 15px;\r\n          flex-wrap: wrap;\r\n          align-items: center;\r\n      }\r\n  \r\n      .control-btn {\r\n          display: flex;\r\n          align-items: center;\r\n          gap: 8px;\r\n          padding: 10px 18px;\r\n          border: none;\r\n          border-radius: 12px;\r\n          cursor: pointer;\r\n          font-size: 0.9rem;\r\n          font-weight: 600;\r\n          transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n          font-family: inherit;\r\n          position: relative;\r\n          overflow: hidden;\r\n      }\r\n  \r\n      .control-btn::before {\r\n          content: '';\r\n          position: absolute;\r\n          top: 0;\r\n          left: -100%;\r\n          width: 100%;\r\n          height: 100%;\r\n          background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\r\n          transition: left 0.5s;\r\n      }\r\n  \r\n      .control-btn:hover::before {\r\n          left: 100%;\r\n      }\r\n  \r\n      .stream-audio-btn {\r\n          background: var(--gradient-secondary);\r\n          color: white;\r\n          box-shadow: var(--shadow-md);\r\n      }\r\n  \r\n      .stream-audio-btn:hover {\r\n          transform: translateY(-3px);\r\n          box-shadow: var(--shadow-lg);\r\n      }\r\n  \r\n      .stream-audio-btn:disabled {\r\n          opacity: 0.6;\r\n          cursor: not-allowed;\r\n          transform: none;\r\n      }\r\n  \r\n      .stream-audio-btn.loading {\r\n          background: linear-gradient(135deg, #6B7280, #4B5563);\r\n      }\r\n  \r\n      .download-btn {\r\n          background: var(--gradient-accent);\r\n          color: white;\r\n          box-shadow: var(--shadow-md);\r\n      }\r\n  \r\n      .download-btn:hover {\r\n          transform: translateY(-3px);\r\n          box-shadow: var(--shadow-lg);\r\n      }\r\n  \r\n      .download-btn:disabled {\r\n          opacity: 0.6;\r\n          cursor: not-allowed;\r\n          transform: none;\r\n      }\r\n  \r\n      .download-btn.downloading {\r\n          background: var(--gradient-primary);\r\n      }\r\n  \r\n      .external-link {\r\n          display: inline-flex;\r\n          align-items: center;\r\n          gap: 8px;\r\n          background: var(--gradient-primary);\r\n          color: white;\r\n          padding: 10px 18px;\r\n          border-radius: 12px;\r\n          text-decoration: none;\r\n          margin-top: 15px;\r\n          transition: all 0.3s ease;\r\n          font-weight: 600;\r\n          box-shadow: var(--shadow-sm);\r\n          font-size: 0.9rem;\r\n      }\r\n  \r\n      .external-link:hover {\r\n          transform: translateY(-3px);\r\n          box-shadow: var(--shadow-md);\r\n      }\r\n  \r\n      .post-stats {\r\n          display: grid;\r\n          grid-template-columns: repeat(2, 1fr);\r\n          gap: 10px;\r\n          margin-top: auto;\r\n          padding-top: 15px;\r\n          border-top: 2px solid var(--bg-tertiary);\r\n      }\r\n  \r\n      .stat-item {\r\n          display: flex;\r\n          flex-direction: column;\r\n          align-items: center;\r\n          gap: 6px;\r\n          padding: 12px;\r\n          background: var(--bg-card);\r\n          border: 1px solid var(--glass-border);\r\n          border-radius: 15px;\r\n      text-align: center;\r\n          transition: all 0.3s ease;\r\n      position: relative;\r\n          overflow: hidden;\r\n    }\r\n    \r\n      .stat-item::before {\r\n      content: '';\r\n      position: absolute;\r\n          top: 0;\r\n          left: 0;\r\n          right: 0;\r\n          height: 2px;\r\n          background: var(--gradient-accent);\r\n      }\r\n  \r\n      .stat-item:hover {\r\n          transform: translateY(-3px);\r\n          box-shadow: var(--shadow-sm);\r\n      }\r\n  \r\n      .stat-value {\r\n          font-weight: 900;\r\n          font-size: 1.2rem;\r\n      }\r\n  \r\n      .stat-label {\r\n          font-size: 0.8rem;\r\n          color: var(--text-muted);\r\n          font-weight: 600;\r\n          text-transform: capitalize;\r\n      }\r\n  \r\n      .upvotes .stat-value { color: var(--primary-color); }\r\n      .comments .stat-value { color: var(--secondary-color); }\r\n  \r\n      .loading {\r\n          text-align: center;\r\n          padding: 40px;\r\n          color: var(--text-primary);\r\n          font-size: 1.1rem;\r\n          display: none;\r\n      }\r\n  \r\n      .spinner {\r\n          border: 4px solid var(--bg-tertiary);\r\n          border-top: 4px solid var(--primary-color);\r\n      border-radius: 50%;\r\n          width: 50px;\r\n          height: 50px;\r\n          animation: spin 1s linear infinite;\r\n          margin: 20px auto;\r\n      }\r\n  \r\n      .error-message {\r\n          background: rgba(239, 68, 68, 0.1);\r\n          border: 1px solid rgba(239, 68, 68, 0.2);\r\n          color: var(--danger-color);\r\n          padding: 20px;\r\n          border-radius: 16px;\r\n          text-align: center;\r\n          margin: 20px 0;\r\n          font-weight: 600;\r\n          display: none;\r\n          font-size: 14px;\r\n      }\r\n  \r\n      .modal {\r\n          display: none;\r\n          position: fixed;\r\n          z-index: 1000;\r\n          left: 0;\r\n          top: 0;\r\n          width: 100%;\r\n          height: 100%;\r\n          background-color: rgba(0, 0, 0, 0.95);\r\n          animation: fadeIn 0.3s ease;\r\n      }\r\n  \r\n      .modal-content {\r\n          position: absolute;\r\n          top: 50%;\r\n          left: 50%;\r\n          transform: translate(-50%, -50%);\r\n          max-width: 90%;\r\n          max-height: 90%;\r\n      }\r\n  \r\n      .modal img {\r\n          width: 100%;\r\n          height: auto;\r\n          border-radius: 20px;\r\n      }\r\n  \r\n      .close {\r\n          position: absolute;\r\n          top: 20px;\r\n          right: 40px;\r\n          color: #f1f1f1;\r\n          font-size: 45px;\r\n          font-weight: bold;\r\n          cursor: pointer;\r\n          z-index: 1001;\r\n      }\r\n  \r\n      .close:hover {\r\n          color: var(--primary-color);\r\n      }\r\n  \r\n      \/* Download Progress *\/\r\n      .download-progress {\r\n          position: fixed;\r\n          bottom: 25px;\r\n          right: 25px;\r\n          background: var(--bg-secondary);\r\n          border: 1px solid var(--glass-border);\r\n          border-radius: 20px;\r\n          padding: 25px;\r\n          min-width: 350px;\r\n          box-shadow: var(--shadow-xl);\r\n          z-index: 1000;\r\n          display: none;\r\n          color: var(--text-primary);\r\n      }\r\n  \r\n      .download-progress.show {\r\n          display: block;\r\n          animation: slideInRight 0.4s ease-out;\r\n      }\r\n  \r\n      .progress-header {\r\n      display: flex;\r\n          justify-content: space-between;\r\n          align-items: center;\r\n          margin-bottom: 15px;\r\n      }\r\n  \r\n      .progress-text {\r\n          font-weight: 700;\r\n          font-size: 14px;\r\n          color: var(--text-primary);\r\n      }\r\n  \r\n      .cancel-btn {\r\n          background: rgba(239, 68, 68, 0.1);\r\n          border: 1px solid rgba(239, 68, 68, 0.2);\r\n          color: var(--danger-color);\r\n          padding: 8px 16px;\r\n          border-radius: 8px;\r\n          font-size: 12px;\r\n          cursor: pointer;\r\n          transition: all 0.3s ease;\r\n          font-weight: 600;\r\n      }\r\n  \r\n      .cancel-btn:hover {\r\n          background: rgba(239, 68, 68, 0.15);\r\n      }\r\n  \r\n      .progress-bar-container {\r\n      width: 100%;\r\n          height: 12px;\r\n          background: var(--bg-tertiary);\r\n          border-radius: 6px;\r\n          overflow: hidden;\r\n          margin-bottom: 12px;\r\n          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);\r\n      }\r\n  \r\n      .progress-bar-fill {\r\n          height: 100%;\r\n          background: var(--gradient-primary);\r\n          border-radius: 6px;\r\n          width: 0%;\r\n          transition: width 0.3s ease;\r\n          box-shadow: 0 2px 8px rgba(138, 102, 255, 0.35);\r\n      }\r\n  \r\n      .progress-details {\r\n      display: flex;\r\n      justify-content: space-between;\r\n          font-size: 12px;\r\n          color: var(--text-secondary);\r\n          font-weight: 500;\r\n      }\r\n  \r\n      .expand-btn {\r\n          background: var(--gradient-primary);\r\n          color: white;\r\n          border: none;\r\n          padding: 8px 16px;\r\n          border-radius: 12px;\r\n      cursor: pointer;\r\n          font-size: 0.8rem;\r\n      font-weight: 600;\r\n          margin-top: 10px;\r\n          transition: all 0.3s ease;\r\n          font-family: inherit;\r\n      }\r\n  \r\n      .expand-btn:hover {\r\n          transform: translateY(-2px);\r\n          box-shadow: var(--shadow-sm);\r\n      }\r\n  \r\n      .video-play-overlay {\r\n          position: absolute;\r\n          top: 50%;\r\n          left: 50%;\r\n          transform: translate(-50%, -50%);\r\n          background: rgba(0, 0, 0, 0.7);\r\n          border: none;\r\n      border-radius: 50%;\r\n          width: 50px;\r\n          height: 50px;\r\n          color: white;\r\n          font-size: 20px;\r\n          cursor: pointer;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          transition: all 0.3s ease;\r\n          z-index: 5;\r\n      }\r\n  \r\n      .video-play-overlay:hover {\r\n          background: rgba(0, 0, 0, 0.9);\r\n          transform: translate(-50%, -50%) scale(1.1);\r\n      }\r\n  \r\n      .video-play-overlay.hidden {\r\n          display: none;\r\n      }\r\n  \r\n      .new-search-btn {\r\n          background: var(--gradient-accent) !important;\r\n          min-width: 130px;\r\n      }\r\n  \r\n      @keyframes float {\r\n          0%, 100% { transform: translateY(0px) scale(1); }\r\n          50% { transform: translateY(-10px) scale(1.02); }\r\n      }\r\n  \r\n      @keyframes shine {\r\n          0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }\r\n          100% { transform: translateX(100%) translateY(100%) rotate(45deg); }\r\n      }\r\n  \r\n      @keyframes slideInDown {\r\n          from { opacity: 0; transform: translateY(-30px); }\r\n          to { opacity: 1; transform: translateY(0); }\r\n      }\r\n  \r\n      @keyframes slideInUp {\r\n          from { opacity: 0; transform: translateY(30px); }\r\n          to { opacity: 1; transform: translateY(0); }\r\n      }\r\n  \r\n      @keyframes slideInRight {\r\n          from { opacity: 0; transform: translateX(100%); }\r\n          to { opacity: 1; transform: translateX(0); }\r\n      }\r\n  \r\n      @keyframes slideUp {\r\n          from {\r\n              opacity: 0;\r\n              transform: translateY(40px);\r\n          }\r\n          to {\r\n              opacity: 1;\r\n              transform: translateY(0);\r\n          }\r\n      }\r\n  \r\n      @keyframes spin {\r\n          0% { transform: rotate(0deg); }\r\n          100% { transform: rotate(360deg); }\r\n      }\r\n  \r\n      @keyframes pulse {\r\n          0%, 100% { transform: scale(1); }\r\n          50% { transform: scale(1.05); }\r\n      }\r\n  \r\n      @keyframes fadeIn {\r\n          from { opacity: 0; }\r\n          to { opacity: 1; }\r\n      }\r\n  \r\n      \/* Video Loading Overlay *\/\r\n      .video-loading-overlay {\r\n          position: absolute;\r\n          top: 0;\r\n          left: 0;\r\n          right: 0;\r\n          bottom: 0;\r\n          background: rgba(0, 0, 0, 0.8);\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          flex-direction: column;\r\n          color: white;\r\n          font-weight: 600;\r\n          z-index: 10;\r\n      }\r\n  \r\n      .video-loading-spinner {\r\n          width: 30px;\r\n          height: 30px;\r\n          border: 3px solid rgba(255, 255, 255, 0.3);\r\n          border-top: 3px solid white;\r\n          border-radius: 50%;\r\n          animation: spin 1s linear infinite;\r\n          margin-bottom: 10px;\r\n      }\r\n  \r\n    @media (max-width: 1200px) {\r\n          .posts-grid {\r\n              grid-template-columns: 1fr;\r\n          }\r\n  \r\n          .features-grid {\r\n              grid-template-columns: repeat(2, 1fr);\r\n          }\r\n      }\r\n  \r\n    @media (max-width: 768px) {\r\n          .features-grid {\r\n              grid-template-columns: 1fr;\r\n          }\r\n  \r\n          .user-stats {\r\n              grid-template-columns: repeat(2, 1fr);\r\n          }\r\n  \r\n          .post-stats {\r\n              grid-template-columns: repeat(2, 1fr);\r\n              gap: 8px;\r\n          }\r\n  \r\n          .media-controls {\r\n              flex-direction: column;\r\n          }\r\n  \r\n          .control-btn {\r\n              width: 100%;\r\n              justify-content: center;\r\n          }\r\n  \r\n          .search-form {\r\n              flex-direction: column;\r\n          }\r\n      }\r\n  \r\n      @media (max-width: 480px) {\r\n          .post-stats {\r\n              grid-template-columns: 1fr;\r\n          }\r\n  \r\n          .user-stats {\r\n              grid-template-columns: 1fr;\r\n          }\r\n  \r\n          .custom-rduv-container {\r\n              padding: 15px;\r\n          }\r\n  \r\n          .search-container,\r\n          .user-info,\r\n          .post-card {\r\n              padding: 20px;\r\n          }\r\n  \r\n          .posts-grid {\r\n              grid-template-columns: 1fr;\r\n          }\r\n      }\r\n  <\/style>\r\n <body data-aos-easing=\"ease-in-out\" data-aos-duration=\"800\" data-aos-delay=\"0\" data-new-gr-c-s-check-loaded=\"14.1249.0\" data-gr-ext-installed=\"\" data-new-gr-c-s-loaded=\"14.1223.0\" class=\"\" style=\"\">\r\n  \r\n      <!-- Hero tools -->\r\n  <!-- Work Process Section -->\r\n  <section class=\"rduv-work-process-section\" id=\"how-it-works\">\r\n      <div class=\"container rduv-work-process-content\">\r\n          <div class=\"text-center mb-5\" data-aos=\"fade-up\">\r\n              <h2 class=\"rduv-section-title rduv-light-title\">How Our Reddit Account Viewer Works<\/h2>\r\n              <p class=\"rduv-section-subtitle rduv-light-subtitle\">View Reddit accounts anonymously with just 3 simple steps<\/p>\r\n          <\/div>\r\n    \r\n          <div class=\"row\">\r\n              <div class=\"col-md-4\" data-aos=\"fade-up\" data-aos-delay=\"50\">\r\n                  <div class=\"rduv-process-step\">\r\n                      <div class=\"rduv-step-number\">1<\/div>\r\n                      <h4 class=\"text-white\">Enter Account Username<\/h4>\r\n                      <p class=\"rduv-light-subtitle\">Enter the Reddit username for the account you want to view<\/p>\r\n            <\/div>\r\n          <\/div>\r\n    \r\n              <div class=\"col-md-4\" data-aos=\"fade-up\" data-aos-delay=\"150\">\r\n                  <div class=\"rduv-process-step\">\r\n                      <div class=\"rduv-step-number\">2<\/div>\r\n                      <h4 class=\"text-white\">Process Account Data<\/h4>\r\n                      <p class=\"rduv-light-subtitle\">Our system retrieves account data without connecting to Reddit<\/p>\r\n            <\/div>\r\n          <\/div>\r\n    \r\n              <div class=\"col-md-4\" data-aos=\"fade-up\" data-aos-delay=\"250\">\r\n                  <div class=\"rduv-process-step\">\r\n                      <div class=\"rduv-step-number\">3<\/div>\r\n                      <h4 class=\"text-white\">View Full Account<\/h4>\r\n                      <p class=\"rduv-light-subtitle\">See all account details anonymously without leaving any trace<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n  <\/section>\r\n  \r\n  <!-- Features Section -->\r\n  <section class=\"rduv-features-section\">\r\n      <div class=\"container\">\r\n          <div class=\"text-center mb-5\" data-aos=\"fade-up\">\r\n              <h2 class=\"rduv-section-title\">Key Features<\/h2>\r\n              <p class=\"rduv-section-subtitle\">Our Reddit Account Viewer offers powerful features for anonymous browsing<\/p>\r\n        <\/div>\r\n          \r\n          <div class=\"row\">\r\n              <div class=\"col-lg-4 mb-4\" data-aos=\"fade-up\" data-aos-delay=\"50\">\r\n                  <div class=\"rduv-feature-card\">\r\n                      <div class=\"rduv-feature-icon\">\r\n                          <i class=\"bx bx-user\"><\/i>\r\n              <\/div>\r\n                      <h4>Complete Anonymity<\/h4>\r\n                      <p>View Reddit accounts without revealing your identity or account<\/p>\r\n            <\/div>\r\n          <\/div>\r\n    \r\n              <div class=\"col-lg-4 mb-4\" data-aos=\"fade-up\" data-aos-delay=\"150\">\r\n                  <div class=\"rduv-feature-card\">\r\n                      <div class=\"rduv-feature-icon\">\r\n                          <i class=\"bx bx-shield\"><\/i>\r\n              <\/div>\r\n                      <h4>No Tracking<\/h4>\r\n                      <p>Reddit won't track your account views or recommend similar users<\/p>\r\n            <\/div>\r\n          <\/div>\r\n    \r\n              <div class=\"col-lg-4 mb-4\" data-aos=\"fade-up\" data-aos-delay=\"250\">\r\n                  <div class=\"rduv-feature-card\">\r\n                      <div class=\"rduv-feature-icon\">\r\n                          <i class=\"bx bx-history\"><\/i>\r\n              <\/div>\r\n                      <h4>Full Activity History<\/h4>\r\n                      <p>Access all posts, comments, and activity (when available)<\/p>\r\n            <\/div>\r\n          <\/div>\r\n    \r\n              <div class=\"col-lg-4 mb-5\" data-aos=\"fade-up\" data-aos-delay=\"50\">\r\n                  <div class=\"rduv-feature-card\">\r\n                      <div class=\"rduv-feature-icon\">\r\n                          <i class=\"bx bx-search-alt\"><\/i>\r\n              <\/div>\r\n                      <h4>Search Functionality<\/h4>\r\n                      <p>Quickly find specific content in account's activity history<\/p>\r\n            <\/div>\r\n          <\/div>\r\n    \r\n              <div class=\"col-lg-4 mb-5\" data-aos=\"fade-up\" data-aos-delay=\"150\">\r\n                  <div class=\"rduv-feature-card\">\r\n                      <div class=\"rduv-feature-icon\">\r\n                          <i class=\"bx bx-time\"><\/i>\r\n                      <\/div>\r\n                      <h4>No History<\/h4>\r\n                      <p>Your viewing activity isn't stored in your browser history<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    \r\n              <div class=\"col-lg-4 mb-5\" data-aos=\"fade-up\" data-aos-delay=\"250\">\r\n                  <div class=\"rduv-feature-card\">\r\n                      <div class=\"rduv-feature-icon\">\r\n                          <i class=\"bx bx-devices\"><\/i>\r\n        <\/div>\r\n                      <h4>Cross-Platform<\/h4>\r\n                      <p>Works on all devices - desktop, tablet, and mobile<\/p>\r\n                  <\/div>\r\n              <\/div>\r\n          <\/div>\r\n      <\/div>\r\n  <\/section>\r\n  \r\n  <!-- Why Choose Section -->\r\n  <section class=\"rduv-why-choose-section\">\r\n      <div class=\"container\">\r\n          <div class=\"row align-items-center\">\r\n              <div class=\"col-lg-6 mb-5 mb-lg-0\" data-aos=\"fade-right\">\r\n                  <div class=\"rduv-why-choose-image rduv-floating-element\">\r\n                      <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Reddit_Account_Viewer.webp\" alt=\"Reddit Account Viewer\" class=\"img-fluid rounded-3\">\r\n            <\/div>\r\n          <\/div>\r\n              <div class=\"col-lg-6\" data-aos=\"fade-left\">\r\n                  <h2 class=\"rduv-section-title mb-4\">Why Choose Our Reddit Account Viewer?<\/h2>\r\n                  <p class=\"mb-4\">Our tool provides the most private way to browse Reddit accounts without leaving any trace. Whether you're researching users, analyzing activity, or valuing your privacy, we make anonymous account viewing simple and efficient.<\/p>\r\n                  \r\n                  <div class=\"rduv-benefit-item\">\r\n                      <div class=\"rduv-benefit-icon\">\r\n                          <i class=\"bx bx-check\"><\/i>\r\n            <\/div>\r\n                      <div>\r\n                          <h5 class=\"mb-1\">No account needed<\/h5>\r\n                          <p class=\"mb-0\">View accounts without logging in or having a Reddit account<\/p>\r\n                      <\/div>\r\n          <\/div>\r\n    \r\n                  <div class=\"rduv-benefit-item\">\r\n                      <div class=\"rduv-benefit-icon\">\r\n                          <i class=\"bx bx-check\"><\/i>\r\n            <\/div>\r\n                      <div>\r\n                          <h5 class=\"mb-1\">Bypass limitations<\/h5>\r\n                          <p class=\"mb-0\">View accounts beyond Reddit's display limits<\/p>\r\n                      <\/div>\r\n          <\/div>\r\n    \r\n                  <div class=\"rduv-benefit-item\">\r\n                      <div class=\"rduv-benefit-icon\">\r\n                          <i class=\"bx bx-check\"><\/i>\r\n            <\/div>\r\n                      <div>\r\n                          <h5 class=\"mb-1\">Fast and reliable<\/h5>\r\n                          <p class=\"mb-0\">Get account data instantly with our optimized system<\/p>\r\n                      <\/div>\r\n          <\/div>\r\n    \r\n                  <div class=\"rduv-benefit-item\">\r\n                      <div class=\"rduv-benefit-icon\">\r\n                          <i class=\"bx bx-check\"><\/i>\r\n        <\/div>\r\n                      <div>\r\n                          <h5 class=\"mb-1\">Privacy focused<\/h5>\r\n                          <p class=\"mb-0\">No cookies, no tracking, no history stored<\/p>\r\n      <\/div>\r\n                  <\/div>\r\n              <\/div>\r\n          <\/div>\r\n      <\/div>\r\n  <\/section>\r\n  \r\n  <!-- FAQ Section -->\r\n  <section class=\"rduv-faq-section\">\r\n      <div class=\"container\">\r\n          <div class=\"text-center mb-5\" data-aos=\"fade-up\">\r\n              <h2 class=\"rduv-section-title\">Frequently Asked Questions<\/h2>\r\n              <p class=\"rduv-section-subtitle\">Find answers to common questions about our Reddit Account Viewer<\/p>\r\n          <\/div>\r\n          \r\n          <div class=\"row justify-content-center\">\r\n              <div class=\"col-lg-8\">\r\n                  <div class=\"accordion\" id=\"rduv-faqAccordion\">\r\n                      <div class=\"rduv-accordion-item mb-3\" data-aos=\"fade-up\" data-aos-delay=\"50\">\r\n                          <h3 class=\"accordion-header\" id=\"rduv-heading1\">\r\n                              <button class=\"rduv-accordion-button\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#rduv-collapse1\" aria-expanded=\"true\" aria-controls=\"rduv-collapse1\">\r\n                                  Is viewing Reddit accounts anonymously legal?\r\n                              <\/button>\r\n                          <\/h3>\r\n                          <div id=\"rduv-collapse1\" class=\"accordion-collapse collapse show\" aria-labelledby=\"rduv-heading1\" data-bs-parent=\"#rduv-faqAccordion\">\r\n                              <div class=\"rduv-accordion-body\">\r\n                                  Yes, our tool is completely legal to use. It only allows you to view publicly available Reddit accounts through our private viewer. We don't access private data or bypass any security measures.\r\n                              <\/div>\r\n                          <\/div>\r\n        <\/div>\r\n    \r\n                      <div class=\"rduv-accordion-item mb-3\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                          <h3 class=\"accordion-header\" id=\"rduv-heading2\">\r\n                              <button class=\"rduv-accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#rduv-collapse2\" aria-expanded=\"false\" aria-controls=\"rduv-collapse2\">\r\n                                  Can I view private or deleted accounts?\r\n            <\/button>\r\n                          <\/h3>\r\n                          <div id=\"rduv-collapse2\" class=\"accordion-collapse collapse\" aria-labelledby=\"rduv-heading2\" data-bs-parent=\"#rduv-faqAccordion\">\r\n                              <div class=\"rduv-accordion-body\">\r\n                                  Our tool respects Reddit's privacy settings. We can only show accounts and content that are set to public. For private or deleted accounts, the information won't be available.\r\n                              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n    \r\n                      <div class=\"rduv-accordion-item mb-3\" data-aos=\"fade-up\" data-aos-delay=\"150\">\r\n                          <h3 class=\"accordion-header\" id=\"rduv-heading3\">\r\n                              <button class=\"rduv-accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#rduv-collapse3\" aria-expanded=\"false\" aria-controls=\"rduv-collapse3\">\r\n                                  Will the account owner know I viewed their account?\r\n            <\/button>\r\n                          <\/h3>\r\n                          <div id=\"rduv-collapse3\" class=\"accordion-collapse collapse\" aria-labelledby=\"rduv-heading3\" data-bs-parent=\"#rduv-faqAccordion\">\r\n                              <div class=\"rduv-accordion-body\">\r\n                                  No, when you view through our anonymous viewer, your visit won't be counted in Reddit's statistics and the account owner won't know you viewed their account.\r\n                              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n    \r\n                      <div class=\"rduv-accordion-item mb-3\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                          <h3 class=\"accordion-header\" id=\"rduv-heading4\">\r\n                              <button class=\"rduv-accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#rduv-collapse4\" aria-expanded=\"false\" aria-controls=\"rduv-collapse4\">\r\n                                  Do I need to install any software?\r\n            <\/button>\r\n                          <\/h3>\r\n                          <div id=\"rduv-collapse4\" class=\"accordion-collapse collapse\" aria-labelledby=\"rduv-heading4\" data-bs-parent=\"#rduv-faqAccordion\">\r\n                              <div class=\"rduv-accordion-body\">\r\n                                  No, our Reddit Account Viewer is completely web-based. You don't need to download or install any software. Simply visit our website, enter the username, and view accounts anonymously.\r\n                              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n    \r\n                      <div class=\"rduv-accordion-item mb-3\" data-aos=\"fade-up\" data-aos-delay=\"250\">\r\n                          <h3 class=\"accordion-header\" id=\"rduv-heading5\">\r\n                              <button class=\"rduv-accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#rduv-collapse5\" aria-expanded=\"false\" aria-controls=\"rduv-collapse5\">\r\n                                  Can I see deleted or removed content?\r\n            <\/button>\r\n                          <\/h3>\r\n                          <div id=\"rduv-collapse5\" class=\"accordion-collapse collapse\" aria-labelledby=\"rduv-heading5\" data-bs-parent=\"#rduv-faqAccordion\">\r\n                              <div class=\"rduv-accordion-body\">\r\n                                  Our current version shows only currently available content. For viewing deleted or removed content, you would need to use specialized archival services that may have limitations.\r\n            <\/div>\r\n          <\/div>\r\n                      <\/div>\r\n                  <\/div>\r\n              <\/div>\r\n          <\/div>\r\n      <\/div>\r\n  <\/section>\r\n  \r\n    <!-- Footer -->\r\n    \r\n  \r\n  <!-- Copyright Section -->\r\n  \r\n  \r\n  \r\n  \r\n   <!-- Reddit User Viewer js -->\r\n        <!-- Scripts -->\r\n      <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/js\/bootstrap.bundle.min.js\"><\/script>\r\n      <script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\r\n  \r\n    \r\n    <!-- Vvveb Common Js -->\r\n    <script id=\"popper-js\" src=\"..\/js\/popper.min.js\"><\/script>\r\n    <!-- <script src=\"\/js\/bootstrap.min.js\"><\/script> -->\r\n    <!-- <script src=\"\/js\/bootstrap.bundle.min.js\"><\/script> -->\r\n    <script id=\"bootstrap-js\" src=\"..\/js\/bootstrap.min.js\"><\/script>\r\n    <!-- Vvveb Ajax Common Js -->\r\n    <script id=\"app-js\" src=\"..\/js\/app.js\"><\/script>\r\n  \r\n    <!-- Animation -->\r\n  \r\n    <link rel=\"stylesheet\" href=\"..\/js\/aos.css\">\r\n    <noscript>\r\n      <style type=\"text\/css\">\r\n        [data-aos] {\r\n          opacity: 1 !important;\r\n          transform: translate(0) scale(1) !important;\r\n        }\r\n      <\/style>\r\n    <\/noscript>\r\n  \r\n    <script src=\"..\/js\/aos.js\"><\/script>\r\n    <script src=\"..\/js\/theme.js\"><\/script>\r\n  \r\n    <script>\r\n          \/\/ Initialize AOS animation\r\n          AOS.init({\r\n              duration: 800,\r\n              easing: 'ease-in-out',\r\n              once: true\r\n          });\r\n          \r\n          \/\/ Smooth scrolling for anchor links\r\n          document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n              anchor.addEventListener('click', function (e) {\r\n                  e.preventDefault();\r\n                  document.querySelector(this.getAttribute('href')).scrollIntoView({\r\n                      behavior: 'smooth'\r\n                  });\r\n              });\r\n          });\r\n  <\/script>\r\n  \r\n  <grammarly-desktop-integration data-grammarly-shadow-root=\"true\"><\/grammarly-desktop-integration><grammarly-desktop-integration data-grammarly-shadow-root=\"true\"><\/grammarly-desktop-integration>\r\n  <script defer=\"\" src=\"https:\/\/static.cloudflareinsights.com\/beacon.min.js\/vcd15cbe7772f49c399c6a5babf22c1241717689176015\" integrity=\"sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==\" data-cf-beacon=\"{\"version\":\"2024.11.0\",\"token\":\"786b797d7952407aac48ed2776a3a826\",\"r\":1,\"server_timing\":{\"name\":{\"cfCacheStatus\":true,\"cfEdge\":true,\"cfExtPri\":true,\"cfL4\":true,\"cfOrigin\":true,\"cfSpeedBrain\":true},\"location_startswith\":null}}\" crossorigin=\"anonymous\"><\/script>\r\n  <script defer=\"\" src=\"https:\/\/static.cloudflareinsights.com\/beacon.min.js\/v8c78df7c7c0f484497ecbca7046644da1771523124516\" integrity=\"sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==\" data-cf-beacon=\"{\"version\":\"2024.11.0\",\"token\":\"786b797d7952407aac48ed2776a3a826\",\"r\":1,\"server_timing\":{\"name\":{\"cfCacheStatus\":true,\"cfEdge\":true,\"cfExtPri\":true,\"cfL4\":true,\"cfOrigin\":true,\"cfSpeedBrain\":true},\"location_startswith\":null}}\" crossorigin=\"anonymous\"><\/script>\r\n  <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":264,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-254","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/pages\/254","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/comments?post=254"}],"version-history":[{"count":6,"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/pages\/254\/revisions"}],"predecessor-version":[{"id":1008,"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/pages\/254\/revisions\/1008"}],"up":[{"embeddable":true,"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/pages\/264"}],"wp:attachment":[{"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/media?parent=254"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}