{"id":267,"date":"2026-03-09T00:00:47","date_gmt":"2026-03-09T00:00:47","guid":{"rendered":"https:\/\/viewanonymous.com\/?page_id=267"},"modified":"2026-09-29T10:03:01","modified_gmt":"2026-09-29T10:03:01","slug":"page","status":"publish","type":"page","link":"https:\/\/viewanonymous.com\/tools\/reddit\/page\/","title":{"rendered":"Reddit Page Viewer &#8211; View Reddit Pages Anonymously"},"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.nsrpg {width: 100vw;\n  max-width: none;\n  margin-left: calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n  margin-top: -8px;\n--ink: #f3f2ff; --muted: #b0acc8; --dim: #7c7894;\n  --panel: rgba(16, 14, 32, 0.93); --soft: rgba(255, 255, 255, 0.05);\n  --line: rgba(129, 140, 248, 0.32); --accent: #818cf8; --accent-soft: rgba(129, 140, 248, 0.16);\n  --cool: #a5b4fc; --cool-deep: #6366f1; --danger: #ff6b7a; --ok: #3dd68c;\n  --radius: 18px; --shadow: 0 18px 42px rgba(6, 4, 18, 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 12% 0%, rgba(129, 140, 248, 0.28), transparent 58%),\n    radial-gradient(ellipse 50% 40% at 92% 8%, rgba(99, 102, 241, 0.14), transparent 52%),\n    linear-gradient(158deg, #0c0a18 0%, #16142a 48%, #1e1a38 100%);\n  position: relative; isolation: isolate; overflow-x: hidden !important; overflow-wrap: anywhere;\n}\n.nsrpg *, .nsrpg *::before, .nsrpg *::after { box-sizing: border-box; }\n.nsrpg h3 { color: var(--ink) !important; }\n.nsrpg h2 { color: var(--ink) !important; }\n.nsrpg :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.nsrpg :where(ul,ol) { list-style: none; }\n.nsrpg img { max-width: 100%; height: auto; display: block; border: 0; }\n.nsrpg a { color: var(--cool); text-decoration: none; }\n.nsrpg a:hover { text-decoration: underline; }\n.nsrpg-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: nsrpg; }\n.nsrpg-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: nsrpg-rise .45s ease both;\n}\n.nsrpg-brand {\n  width: 52px; height: 52px; margin: 0 auto 12px; border-radius: 16px; display: inline-flex;\n  align-items: center; justify-content: center; color: #fff; font-size: 1.35rem;\n  background: linear-gradient(145deg, #818cf8, #6366f1);\n  box-shadow: 0 10px 24px rgba(129, 140, 248, .35);\n}\n.nsrpg .nsrpg-hero__title {color:var(--ink)!important; font-size: clamp(1.35rem, 5vw, 2rem); font-weight: 800; letter-spacing: -.035em; margin-bottom: 8px; }\n.nsrpg-hero__mark { color: var(--accent); background-image: linear-gradient(90deg, var(--accent), #c7d2fe); background-position: 0 100%; background-repeat: no-repeat; background-size: 100% 3px; padding-bottom: 2px; }\n.nsrpg .nsrpg-hero__lead { max-width: 36rem; margin: 0 auto 20px; color: var(--muted); font-size: clamp(.9rem, 2.4vw, 1rem); }\n.nsrpg-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.nsrpg .nsrpg-tool__label { font-size: .86rem; font-weight: 600; color: var(--muted); }\n.nsrpg-field { position: relative; display: flex; align-items: center; }\n.nsrpg .nsrpg-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(8, 6, 18, .55) !important;\n  color: var(--ink) !important; font: 500 16px var(--font); outline: none;\n}\n.nsrpg .nsrpg-field__input:focus { border-color: rgba(129,140,248,.55) !important; box-shadow: 0 0 0 3px var(--accent-soft); }\n.nsrpg .nsrpg-field__input::placeholder { color: var(--dim); }\n.nsrpg .nsrpg-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.nsrpg .nsrpg-field__paste:hover { color: var(--accent) !important; background: var(--accent-soft) !important; }\n.nsrpg .nsrpg-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.nsrpg .nsrpg-btn--primary { background: linear-gradient(135deg, #818cf8, #6366f1) !important; color: #fff !important; box-shadow: 0 10px 22px rgba(129,140,248,.32); }\n.nsrpg .nsrpg-btn--primary:hover { transform: translateY(-1px); }\n.nsrpg .nsrpg-btn:disabled { opacity: .55; cursor: wait; transform: none !important; }\n.nsrpg .nsrpg-btn--ghost { background: rgba(255,255,255,.06) !important; color: var(--ink) !important; border: 1px solid rgba(255,255,255,.12) !important; }\n.nsrpg .nsrpg-btn--sm { height: 36px; font-size: .8rem !important; width: auto; padding: 0 12px !important; }\n.nsrpg-alert { display: none; gap: 8px; align-items: flex-start; padding: 10px 12px; border-radius: 10px; font-size: .88rem; font-weight: 500; }\n.nsrpg-alert.is-visible { display: flex; }\n.nsrpg-alert--error { background: rgba(255,107,122,.12); border: 1px solid rgba(255,107,122,.35); color: #ffb4bc; }\n.nsrpg-alert--ok { background: rgba(61,214,140,.12); border: 1px solid rgba(61,214,140,.35); color: #9aecc0; }\n.nsrpg-hint { font-size: .8rem; color: var(--dim); text-align: center; }\n.nsrpg-skeleton { display: none; background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius); padding: 14px; box-shadow: var(--shadow); }\n.nsrpg-skeleton.is-active { display: block; animation: nsrpg-rise .35s ease both; }\n.nsrpg-sk { background: linear-gradient(90deg, rgba(255,255,255,.06), rgba(129,140,248,.16), rgba(255,255,255,.06)); background-size: 200% 100%; animation: nsrpg-shimmer 1.2s ease infinite; border-radius: 10px; }\n.nsrpg-skeleton__block { height: 110px; margin-bottom: 12px; }\n.nsrpg-skeleton__line { height: 14px; margin-bottom: 10px; }\n.nsrpg-skeleton__line--lg { width: 55%; } .nsrpg-skeleton__line--md { width: 35%; }\n.nsrpg-result { display: none; animation: nsrpg-rise .45s ease both; }\n.nsrpg-result.is-visible { display: block; }\n.nsrpg-panel { background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; }\n.nsrpg-cover { height: 92px; background: linear-gradient(135deg, rgba(129,140,248,.45), rgba(99,102,241,.2)); }\n.nsrpg-page { padding: clamp(14px, 3vw, 20px); }\n.nsrpg-head { display: flex; gap: 12px; align-items: center; margin-top: -36px; margin-bottom: 12px; flex-wrap: wrap; }\n.nsrpg-avatar {\n  width: 72px; height: 72px; border-radius: 18px; display: inline-flex; align-items: center; justify-content: center;\n  background: linear-gradient(145deg, #818cf8, #6366f1); color: #fff; font-size: 1.5rem;\n  border: 4px solid #16142a; box-shadow: 0 8px 20px rgba(0,0,0,.35);\n}\n.nsrpg .nsrpg-profile__name {color:var(--ink)!important; font-size: clamp(1.15rem, 3.2vw, 1.45rem); font-weight: 800; letter-spacing: -.02em; }\n.nsrpg .nsrpg-profile__url { font-size: .84rem; color: var(--muted); font-weight: 600; }\n.nsrpg-stats { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; margin-bottom: 14px; }\n@container nsrpg (min-width: 560px) { .nsrpg-stats { grid-template-columns: repeat(4, minmax(0,1fr)); } }\n.nsrpg-stat { padding: 12px; border-radius: 12px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08); text-align: center; }\n.nsrpg .nsrpg-stat__val { display: block; font-size: 1.15rem; font-weight: 800; }\n.nsrpg .nsrpg-stat__lbl { display: block; font-size: .75rem; color: var(--dim); font-weight: 600; margin-top: 2px; }\n.nsrpg-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }\n.nsrpg-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.nsrpg-chip i { color: var(--accent); }\n.nsrpg .nsrpg-section { font-size: .82rem; font-weight: 700; color: var(--muted); text-transform: uppercase; letter-spacing: .04em; margin: 4px 0 10px; }\n.nsrpg-timeline { display: flex; flex-direction: column; gap: 10px; }\n.nsrpg-item { padding: 12px; border-radius: 12px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08); display: flex; flex-direction: column; gap: 6px; }\n.nsrpg-item--comment { border-left: 3px solid var(--accent); }\n.nsrpg .nsrpg-item__kind { font-size: .72rem; font-weight: 700; color: var(--accent); text-transform: uppercase; letter-spacing: .04em; }\n.nsrpg .nsrpg-item__title {color: var(--ink) !important; font-size: .96rem; font-weight: 700; }\n.nsrpg-item__text { color: var(--muted); font-size: .86rem; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; white-space: pre-wrap; }\n.nsrpg-item__meta { display: flex; flex-wrap: wrap; gap: 8px; font-size: .75rem; color: var(--dim); font-weight: 600; }\n.nsrpg-empty { display: none; text-align: center; padding: 28px 12px; color: var(--muted); }\n.nsrpg-empty.is-visible { display: block; }\n@keyframes nsrpg-rise { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }\n@keyframes nsrpg-shimmer { 0% { background-position: 100% 0; } 100% { background-position: -100% 0; } }\n\n\/* --- Codex CSS updates --- *\/\n.nsrpg {\n  width: 100vw;\n  max-width: none;\n  margin-left: calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n  margin-top: -8px;\n  --ink: #f8f8ff;\n  --muted: #c0bed5;\n  --dim: #928fa9;\n  --panel: rgba(20, 18, 42, 0.78);\n  --soft: rgba(255, 255, 255, 0.055);\n  --line: rgba(167, 139, 250, 0.28);\n  --accent: #a78bfa;\n  --accent-soft: rgba(167, 139, 250, 0.18);\n  --cool: #c4b5fd;\n  --cool-deep: #7c3aed;\n  --danger: #ff7185;\n  --ok: #40d99a;\n  --radius: 22px;\n  --shadow: 0 22px 55px rgba(5, 4, 20, 0.42);\n  --font: \"Outfit\", \"Segoe UI\", sans-serif;\n  --gap: 18px;\n  box-sizing: border-box !important;\n  font-family: var(--font);\n  color: var(--ink);\n  line-height: 1.5;\n  display: block;\n  min-width: 0 !important;\n  background:\n    radial-gradient(ellipse 75% 54% at 8% -8%, rgba(139, 92, 246, 0.34), transparent 60%),\n    radial-gradient(ellipse 55% 46% at 98% 5%, rgba(59, 130, 246, 0.2), transparent 56%),\n    radial-gradient(ellipse 60% 40% at 46% 100%, rgba(236, 72, 153, 0.1), transparent 65%),\n    linear-gradient(145deg, #0a0919 0%, #15122d 48%, #1d1737 100%);\n  position: relative;\n  isolation: isolate;\n  overflow-x: hidden !important;\n  overflow-wrap: anywhere;\n}\n\n.nsrpg *,\n.nsrpg *::before,\n.nsrpg *::after {\n  box-sizing: border-box;\n}\n\n.nsrpg h3,\n.nsrpg h2 {\n  color: var(--ink) !important;\n}\n\n.nsrpg :where(h1, h2, h3, p, ul, ol, li, label, span) {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-weight: inherit;\n  max-width: 100%;\n  overflow-wrap: anywhere;\n}\n\n.nsrpg :where(ul, ol) {\n  list-style: none;\n}\n\n.nsrpg img {\n  max-width: 100%;\n  height: auto;\n  display: block;\n  border: 0;\n}\n\n.nsrpg a {\n  color: var(--cool);\n  text-decoration: none;\n  transition: color .2s ease, text-decoration-color .2s ease;\n}\n\n.nsrpg a:hover {\n  color: #e3dcff;\n  text-decoration: underline;\n}\n\n.nsrpg .fa-brands,\n.nsrpg .fa-clipboard,\n.nsrpg .fa-file-lines,\n.nsrpg .fa-magnifying-glass,\n.nsrpg .fa-reddit-alien,\n.nsrpg .fa-regular,\n.nsrpg .fa-solid {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  line-height: 1;\n  font-style: normal;\n  flex: 0 0 auto;\n}\n\n.nsrpg-shell {\n  width: 100%;\n  max-width: min(1200px, 100%);\n  margin-left: auto;\n  margin-right: auto;\n  padding: clamp(34px, 7vw, 76px) clamp(14px, 3vw, 28px);\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap);\n  container-type: inline-size;\n  container-name: nsrpg;\n}\n\n.nsrpg-hero {\n  position: relative;\n  overflow: hidden;\n  background: linear-gradient(145deg, rgba(31, 27, 61, 0.9), rgba(17, 15, 37, 0.76));\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.09);\n  padding: clamp(22px, 4.5vw, 42px) clamp(16px, 4vw, 34px);\n  text-align: center;\n  backdrop-filter: blur(18px);\n  animation: nsrpg-rise .45s ease both;\n}\n\n.nsrpg-hero::before {\n  content: \"\";\n  position: absolute;\n  width: 260px;\n  height: 260px;\n  top: -190px;\n  right: -95px;\n  border-radius: 50%;\n  background: rgba(196, 181, 253, 0.13);\n  filter: blur(2px);\n  pointer-events: none;\n}\n\n.nsrpg-hero > * {\n  position: relative;\n  z-index: 1;\n}\n\n.nsrpg-brand {\n  width: 58px;\n  height: 58px;\n  margin: 0 auto 15px;\n  border-radius: 18px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  color: #fff;\n  font-size: 1.45rem;\n  background: linear-gradient(145deg, #c084fc 0%, #8b5cf6 48%, #6366f1 100%);\n  border: 1px solid rgba(255, 255, 255, 0.22);\n  box-shadow: 0 14px 30px rgba(124, 58, 237, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.28);\n}\n\n.nsrpg .nsrpg-hero__title {\n  color: var(--ink) !important;\n  font-size: clamp(1.55rem, 5vw, 2.35rem);\n  font-weight: 800;\n  line-height: 1.14;\n  letter-spacing: -.045em;\n  margin-bottom: 10px;\n}\n\n.nsrpg-hero__mark {\n  color: #d8ceff;\n  background-image: linear-gradient(90deg, #a78bfa, #93c5fd, #d8b4fe);\n  background-position: 0 100%;\n  background-repeat: no-repeat;\n  background-size: 100% 3px;\n  padding-bottom: 3px;\n}\n\n.nsrpg .nsrpg-hero__lead {\n  max-width: 39rem;\n  margin: 0 auto 24px;\n  color: var(--muted);\n  font-size: clamp(.92rem, 2.4vw, 1.03rem);\n}\n\n.nsrpg-tool {\n  display: flex;\n  flex-direction: column;\n  gap: 13px;\n  text-align: left;\n  background: rgba(7, 6, 20, 0.26);\n  border: 1px solid rgba(255, 255, 255, 0.095);\n  border-radius: 16px;\n  padding: clamp(14px, 2.8vw, 20px);\n  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045);\n}\n\n.nsrpg .nsrpg-tool__label {\n  font-size: .86rem;\n  font-weight: 700;\n  color: #d4d1e4;\n  letter-spacing: .01em;\n}\n\n.nsrpg-field {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n.nsrpg .nsrpg-field__input {\n  width: 100%;\n  height: 54px;\n  padding: 0 56px 0 17px !important;\n  border-radius: 13px;\n  border: 1px solid rgba(255, 255, 255, 0.14) !important;\n  background: rgba(7, 6, 19, 0.68) !important;\n  color: var(--ink) !important;\n  font: 500 16px var(--font);\n  outline: none;\n  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);\n  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;\n}\n\n.nsrpg .nsrpg-field__input:hover {\n  border-color: rgba(196, 181, 253, 0.34) !important;\n}\n\n.nsrpg .nsrpg-field__input:focus {\n  border-color: rgba(196, 181, 253, 0.8) !important;\n  background: rgba(10, 8, 26, 0.88) !important;\n  box-shadow: 0 0 0 4px var(--accent-soft), inset 0 1px 2px rgba(0, 0, 0, 0.2);\n}\n\n.nsrpg .nsrpg-field__input::placeholder {\n  color: var(--dim);\n  opacity: 1;\n}\n\n.nsrpg .nsrpg-field__paste {\n  position: absolute;\n  right: 7px;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 40px;\n  height: 40px;\n  border: 0 !important;\n  border-radius: 10px;\n  background: transparent !important;\n  color: var(--muted) !important;\n  cursor: pointer;\n  transition: color .2s ease, background .2s ease, transform .2s ease;\n}\n\n.nsrpg .nsrpg-field__paste:hover {\n  color: #efeaff !important;\n  background: var(--accent-soft) !important;\n}\n\n.nsrpg .nsrpg-field__paste:active {\n  transform: translateY(-50%) scale(.94);\n}\n\n.nsrpg .nsrpg-field__paste:focus-visible,\n.nsrpg .nsrpg-btn:focus-visible {\n  outline: none;\n  box-shadow: 0 0 0 4px var(--accent-soft);\n}\n\n.nsrpg .nsrpg-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  width: 100%;\n  height: 52px;\n  border: 0 !important;\n  border-radius: 13px;\n  font: 700 .98rem var(--font);\n  letter-spacing: .01em;\n  cursor: pointer;\n  transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease, filter .2s ease, background .2s ease;\n  text-decoration: none;\n  appearance: none;\n}\n\n.nsrpg .nsrpg-btn--primary {\n  background: linear-gradient(135deg, #c084fc 0%, #8b5cf6 45%, #6366f1 100%) !important;\n  color: #fff !important;\n  box-shadow: 0 12px 24px rgba(124, 58, 237, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.24);\n}\n\n.nsrpg .nsrpg-btn--primary:hover {\n  transform: translateY(-2px);\n  filter: brightness(1.08);\n  box-shadow: 0 16px 30px rgba(124, 58, 237, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.24);\n}\n\n.nsrpg .nsrpg-btn--primary:active {\n  transform: translateY(0);\n  box-shadow: 0 7px 16px rgba(124, 58, 237, 0.3);\n}\n\n.nsrpg .nsrpg-btn:disabled {\n  opacity: .55;\n  cursor: wait;\n  transform: none !important;\n  filter: grayscale(.15);\n}\n\n.nsrpg .nsrpg-btn--ghost {\n  background: rgba(255, 255, 255, 0.065) !important;\n  color: var(--ink) !important;\n  border: 1px solid rgba(255, 255, 255, 0.13) !important;\n  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.055);\n}\n\n.nsrpg .nsrpg-btn--ghost:hover {\n  background: rgba(255, 255, 255, 0.11) !important;\n  transform: translateY(-1px);\n}\n\n.nsrpg .nsrpg-btn--sm {\n  height: 38px;\n  font-size: .8rem !important;\n  width: auto;\n  padding: 0 14px !important;\n  border-radius: 10px;\n}\n\n.nsrpg-alert {\n  display: none;\n  gap: 9px;\n  align-items: flex-start;\n  padding: 12px 13px;\n  border-radius: 12px;\n  font-size: .88rem;\n  font-weight: 600;\n  line-height: 1.45;\n}\n\n.nsrpg-alert.is-visible {\n  display: flex;\n  animation: nsrpg-rise .3s ease both;\n}\n\n.nsrpg-alert--error {\n  background: rgba(255, 113, 133, 0.12);\n  border: 1px solid rgba(255, 113, 133, 0.38);\n  color: #ffc0c9;\n}\n\n.nsrpg-alert--ok {\n  background: rgba(64, 217, 154, 0.12);\n  border: 1px solid rgba(64, 217, 154, 0.35);\n  color: #a9f3cc;\n}\n\n.nsrpg-hint {\n  font-size: .8rem;\n  color: var(--dim);\n  text-align: center;\n}\n\n.nsrpg-skeleton {\n  display: none;\n  background: linear-gradient(145deg, rgba(31, 27, 61, 0.82), rgba(17, 15, 37, 0.74));\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  padding: 16px;\n  box-shadow: var(--shadow);\n  overflow: hidden;\n}\n\n.nsrpg-skeleton.is-active {\n  display: block;\n  animation: nsrpg-rise .35s ease both;\n}\n\n.nsrpg-sk {\n  background: linear-gradient(90deg, rgba(255, 255, 255, .06), rgba(167, 139, 250, .24), rgba(255, 255, 255, .06));\n  background-size: 200% 100%;\n  animation: nsrpg-shimmer 1.2s ease infinite;\n  border-radius: 10px;\n}\n\n.nsrpg-skeleton__block {\n  height: 110px;\n  margin-bottom: 12px;\n}\n\n.nsrpg-skeleton__line {\n  height: 14px;\n  margin-bottom: 10px;\n}\n\n.nsrpg-skeleton__line--lg {\n  width: 55%;\n}\n\n.nsrpg-skeleton__line--md {\n  width: 35%;\n}\n\n.nsrpg-result {\n  display: none;\n  animation: nsrpg-rise .45s ease both;\n}\n\n.nsrpg-result.is-visible {\n  display: block;\n}\n\n.nsrpg-panel {\n  background: linear-gradient(145deg, rgba(29, 25, 57, 0.88), rgba(15, 13, 34, 0.8));\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.07);\n  overflow: hidden;\n  backdrop-filter: blur(16px);\n}\n\n.nsrpg-cover {\n  height: 108px;\n  background:\n    radial-gradient(circle at 18% 20%, rgba(255, 255, 255, 0.22), transparent 32%),\n    linear-gradient(120deg, #7c3aed 0%, #6366f1 50%, #2563eb 100%);\n  position: relative;\n}\n\n.nsrpg-cover::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(180deg, transparent 35%, rgba(14, 12, 31, 0.32));\n}\n\n.nsrpg-page {\n  padding: clamp(16px, 3.5vw, 26px);\n}\n\n.nsrpg-head {\n  display: flex;\n  gap: 14px;\n  align-items: center;\n  margin-top: -42px;\n  margin-bottom: 16px;\n  flex-wrap: wrap;\n}\n\n.nsrpg-avatar {\n  width: 78px;\n  height: 78px;\n  border-radius: 21px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  background: linear-gradient(145deg, #d8b4fe, #8b5cf6 48%, #4f46e5);\n  color: #fff;\n  font-size: 1.6rem;\n  border: 4px solid #1a1734;\n  box-shadow: 0 10px 24px rgba(4, 3, 15, .42), inset 0 1px 0 rgba(255, 255, 255, .25);\n}\n\n.nsrpg .nsrpg-profile__name {\n  color: var(--ink) !important;\n  font-size: clamp(1.18rem, 3.2vw, 1.55rem);\n  font-weight: 800;\n  line-height: 1.18;\n  letter-spacing: -.03em;\n}\n\n.nsrpg .nsrpg-profile__url {\n  margin-top: 3px;\n  font-size: .84rem;\n  color: var(--muted);\n  font-weight: 600;\n}\n\n.nsrpg-stats {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 10px;\n  margin-bottom: 18px;\n}\n\n@container nsrpg (min-width: 560px) {\n  .nsrpg-stats {\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n  }\n}\n\n.nsrpg-stat {\n  padding: 14px 10px;\n  border-radius: 14px;\n  background: linear-gradient(145deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .035));\n  border: 1px solid rgba(255, 255, 255, .1);\n  text-align: center;\n  transition: transform .2s ease, border-color .2s ease, background .2s ease;\n}\n\n.nsrpg-stat:hover {\n  transform: translateY(-2px);\n  border-color: rgba(196, 181, 253, .3);\n  background: rgba(167, 139, 250, .1);\n}\n\n.nsrpg .nsrpg-stat__val {\n  display: block;\n  font-size: 1.18rem;\n  font-weight: 800;\n  color: #f6f3ff;\n}\n\n.nsrpg .nsrpg-stat__lbl {\n  display: block;\n  font-size: .74rem;\n  color: var(--dim);\n  font-weight: 700;\n  margin-top: 3px;\n  letter-spacing: .01em;\n}\n\n.nsrpg-chips {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-bottom: 18px;\n}\n\n.nsrpg-chip {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 7px 11px;\n  border-radius: 999px;\n  background: rgba(255, 255, 255, .06);\n  border: 1px solid rgba(255, 255, 255, .11);\n  color: var(--muted);\n  font-size: .78rem;\n  font-weight: 700;\n}\n\n.nsrpg-chip i {\n  color: #c4b5fd;\n}\n\n.nsrpg .nsrpg-section {\n  font-size: .78rem;\n  font-weight: 800;\n  color: #d4d0e6;\n  text-transform: uppercase;\n  letter-spacing: .085em;\n  margin: 5px 0 11px;\n}\n\n.nsrpg-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 11px;\n}\n\n.nsrpg-item {\n  padding: 14px;\n  border-radius: 14px;\n  background: linear-gradient(145deg, rgba(255, 255, 255, .065), rgba(255, 255, 255, .025));\n  border: 1px solid rgba(255, 255, 255, .09);\n  display: flex;\n  flex-direction: column;\n  gap: 7px;\n  transition: transform .2s ease, border-color .2s ease, background .2s ease;\n}\n\n.nsrpg-item:hover {\n  transform: translateY(-2px);\n  border-color: rgba(196, 181, 253, .28);\n  background: rgba(167, 139, 250, .09);\n}\n\n.nsrpg-item--comment {\n  border-left: 3px solid var(--accent);\n}\n\n.nsrpg .nsrpg-item__kind {\n  font-size: .72rem;\n  font-weight: 800;\n  color: #c4b5fd;\n  text-transform: uppercase;\n  letter-spacing: .07em;\n}\n\n.nsrpg .nsrpg-item__title {\n  color: var(--ink) !important;\n  font-size: .97rem;\n  font-weight: 750;\n  line-height: 1.35;\n}\n\n.nsrpg-item__text {\n  color: var(--muted);\n  font-size: .87rem;\n  line-height: 1.55;\n  display: -webkit-box;\n  -webkit-line-clamp: 4;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  white-space: pre-wrap;\n}\n\n.nsrpg-item__meta {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  font-size: .75rem;\n  color: var(--dim);\n  font-weight: 650;\n}\n\n.nsrpg-empty {\n  display: none;\n  text-align: center;\n  padding: 34px 16px;\n  color: var(--muted);\n  border: 1px dashed rgba(255, 255, 255, .16);\n  border-radius: 14px;\n  background: rgba(255, 255, 255, .025);\n}\n\n.nsrpg-empty.is-visible {\n  display: block;\n}\n\n@media (max-width: 560px) {\n  .nsrpg-shell {\n    padding: 26px 12px 34px;\n    gap: 14px;\n  }\n\n  .nsrpg-hero {\n    border-radius: 18px;\n    padding: 22px 14px;\n  }\n\n  .nsrpg-brand {\n    width: 52px;\n    height: 52px;\n    border-radius: 16px;\n    margin-bottom: 12px;\n  }\n\n  .nsrpg .nsrpg-hero__lead {\n    margin-bottom: 19px;\n  }\n\n  .nsrpg-tool {\n    padding: 12px;\n    border-radius: 14px;\n  }\n\n  .nsrpg .nsrpg-btn {\n    height: 50px;\n  }\n\n  .nsrpg-cover {\n    height: 92px;\n  }\n\n  .nsrpg-page {\n    padding: 14px;\n  }\n\n  .nsrpg-head {\n    gap: 11px;\n    margin-top: -35px;\n    margin-bottom: 14px;\n  }\n\n  .nsrpg-avatar {\n    width: 68px;\n    height: 68px;\n    border-radius: 18px;\n    font-size: 1.4rem;\n  }\n\n  .nsrpg-stat {\n    padding: 12px 8px;\n  }\n\n  .nsrpg-item {\n    padding: 12px;\n  }\n}\n\n@media (max-width: 360px) {\n  .nsrpg-shell {\n    padding-left: 9px;\n    padding-right: 9px;\n  }\n\n  .nsrpg .nsrpg-hero__title {\n    font-size: 1.4rem;\n  }\n\n  .nsrpg-stats {\n    gap: 7px;\n  }\n\n  .nsrpg-stat {\n    border-radius: 11px;\n  }\n\n  .nsrpg-chip {\n    max-width: 100%;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .nsrpg *,\n  .nsrpg *::before,\n  .nsrpg *::after {\n    animation-duration: .01ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: .01ms !important;\n    scroll-behavior: auto !important;\n  }\n}\n\n@keyframes nsrpg-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 nsrpg-shimmer {\n  0% {\n    background-position: 100% 0;\n  }\n\n  100% {\n    background-position: -100% 0;\n  }\n}\n<\/style>\n<!-- New Social Reddit Page 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=\"nsrpg\" id=\"nsrpg-root\" data-nsrpg-ready=\"0\">\n  <div class=\"nsrpg-shell\">\n    <section class=\"nsrpg-hero\" aria-labelledby=\"nsrpg-title\">\n      <div class=\"nsrpg-brand\" aria-hidden=\"true\"><i class=\"fa-regular fa-file-lines\"><\/i><\/div>\n<h1 class=\"nsrpg-hero__title\" id=\"nsrpg-title\">Reddit Page Viewer - View Reddit Pages Anonymously<\/h1>\n<p class=\"nsrpg-hero__lead\">Open any Reddit user as a profile page \u2014 stats on top, posts and comments in a single timeline.<\/p>\n<div class=\"nsrpg-tool\">\n        <label class=\"nsrpg-tool__label\" for=\"nsrpg-input\">Username or profile URL<\/label>\n        <div class=\"nsrpg-field\">\n          <input class=\"nsrpg-field__input\" id=\"nsrpg-input\" type=\"text\" placeholder=\"username or https:\/\/www.reddit.com\/user\/...\" autocomplete=\"off\" spellcheck=\"false\">\n          <button type=\"button\" class=\"nsrpg-field__paste\" id=\"nsrpg-paste\" aria-label=\"Paste from clipboard\"><i class=\"fa-regular fa-clipboard\"><\/i><\/button>\n        <\/div>\n        <button type=\"button\" class=\"nsrpg-btn nsrpg-btn--primary\" id=\"xrespond-tools-turnstile\"><i class=\"fa-solid fa-magnifying-glass\"><\/i><span>View Page<\/span><\/button>\n        <div class=\"nsrpg-alert\" id=\"nsrpg-alert\" role=\"alert\"><\/div>\n<p class=\"nsrpg-hint\">Uses the Reddit user overview API to assemble a public profile page<\/p>\n      <\/div>\n    <\/section>\n\n    <div class=\"nsrpg-skeleton\" id=\"nsrpg-skeleton\" aria-hidden=\"true\">\n      <div class=\"nsrpg-sk nsrpg-skeleton__block\"><\/div>\n<div class=\"nsrpg-sk nsrpg-skeleton__line nsrpg-skeleton__line--lg\"><\/div>\n<div class=\"nsrpg-sk nsrpg-skeleton__line nsrpg-skeleton__line--md\"><\/div>\n    <\/div>\n\n    <section class=\"nsrpg-result\" id=\"nsrpg-result\" aria-live=\"polite\">\n      <div class=\"nsrpg-panel\">\n        <div class=\"nsrpg-cover\" id=\"nsrpg-cover\"><\/div>\n<div class=\"nsrpg-page\">\n          <div class=\"nsrpg-head\">\n            <div class=\"nsrpg-avatar\" aria-hidden=\"true\"><i class=\"fa-brands fa-reddit-alien\"><\/i><\/div>\n<div>\n              <h2 class=\"nsrpg-profile__name\" id=\"nsrpg-username\">\u2014<\/h2>\n<p class=\"nsrpg-profile__url\" id=\"nsrpg-url\"><\/p>\n            <\/div>\n          <\/div>\n<div class=\"nsrpg-stats\" id=\"nsrpg-stats\"><\/div>\n<div class=\"nsrpg-chips\" id=\"nsrpg-chips\"><\/div>\n<p class=\"nsrpg-section\">Activity timeline<\/p>\n<div class=\"nsrpg-timeline\" id=\"nsrpg-timeline\"><\/div>\n<div class=\"nsrpg-empty\" id=\"nsrpg-empty\">No public activity found.<\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n  <\/div>\n<\/div><!-- [et_pb_line_break_holder] -->    <link rel=\"canonical\" href=\"\">  \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  \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      \/* Marketing hero \u2014 white + black + purple accent *\/\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: 700;\r\n              margin-bottom: 1.5rem;\r\n              background: linear-gradient(45deg, var(--rduv-primary-color), var(--rduv-secondary-color));\r\n              -webkit-background-clip: text;\r\n              -webkit-text-fill-color: transparent;\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              opacity: 0.9;\r\n              font-weight: 300;\r\n              color: #666;\r\n          }\r\n          \r\n          \/* Work Process \u2014 lavender content strip, logo palette *\/\r\n          .rduv-work-process-section {\r\n              padding: var(--rduv-section-padding);\r\n              background: linear-gradient(165deg, #F5F3FF 0%, #FFFFFF 52%, #F5F3FF 100%);\r\n              color: #000000;\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.12);\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 80% 50% at 50% 0%, rgba(138, 102, 255, 0.06) 0%, transparent 55%);\r\n              pointer-events: none;\r\n          }\r\n\r\n          .rduv-work-process-section .rduv-light-title,\r\n          .rduv-work-process-section .rduv-section-title {\r\n              color: #000000;\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          .rduv-work-process-section .rduv-section-subtitle {\r\n              color: var(--rduv-muted-on-light);\r\n          }\r\n\r\n          .rduv-work-process-section .rduv-process-step h4.text-white {\r\n              color: #000000 !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: #FFFFFF;\r\n              border-radius: 16px;\r\n              margin: 15px;\r\n              border: 1px solid rgba(138, 102, 255, 0.2);\r\n              box-shadow: 0 8px 28px rgba(138, 102, 255, 0.08);\r\n              transition: all 0.3s ease;\r\n              color: #000000;\r\n          }\r\n          \r\n          .rduv-process-step:hover {\r\n              transform: translateY(-8px);\r\n              box-shadow: 0 16px 40px rgba(138, 102, 255, 0.15);\r\n              border-color: rgba(138, 102, 255, 0.35);\r\n          }\r\n          \r\n          .rduv-step-number {\r\n              width: 60px;\r\n              height: 60px;\r\n              background: linear-gradient(135deg, var(--rduv-primary-color), var(--rduv-secondary-color));\r\n              color: #FFFFFF;\r\n              border-radius: 50%;\r\n              display: flex;\r\n              align-items: center;\r\n              justify-content: center;\r\n              font-weight: 800;\r\n              margin: 0 auto 20px;\r\n              font-size: 1.5rem;\r\n              box-shadow: 0 8px 20px rgba(138, 102, 255, 0.3);\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: var(--rduv-gray-color);\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: var(--rduv-muted-on-light);\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: var(--rduv-muted-on-light);\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: #EDE9FE;\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: #FFFFFF;\r\n          --bg-secondary: #F5F3FF;\r\n          --bg-tertiary: #EDE9FE;\r\n          --bg-card: #FFFFFF;\r\n          --glass-bg: rgba(138, 102, 255, 0.06);\r\n          --glass-border: rgba(138, 102, 255, 0.22);\r\n          --text-primary: #000000;\r\n          --text-secondary: #333333;\r\n          --text-muted: #666666;\r\n          --text-accent: #8A66FF;\r\n          --shadow-sm: 0 2px 8px rgba(138, 102, 255, 0.08);\r\n          --shadow-md: 0 4px 16px rgba(138, 102, 255, 0.12);\r\n          --shadow-lg: 0 8px 32px rgba(138, 102, 255, 0.14);\r\n          --shadow-xl: 0 16px 48px rgba(138, 102, 255, 0.16);\r\n          --gradient-primary: linear-gradient(135deg, #8A66FF, #6A4FE0);\r\n          --gradient-secondary: linear-gradient(135deg, #6A4FE0, #8A66FF);\r\n          --gradient-accent: linear-gradient(135deg, #8A66FF, #A385FF);\r\n      }\r\n  \r\n   \r\n    \r\n    .rduv-hero-tools-section {\r\n      font-family: 'Manrope', 'Inter', sans-serif;\r\n      background-color: #FFFFFF;\r\n      background-image:\r\n          radial-gradient(circle at 18% 12%, rgba(138, 102, 255, 0.12) 0%, transparent 42%),\r\n          radial-gradient(circle at 92% 88%, rgba(106, 79, 224, 0.08) 0%, transparent 40%),\r\n          linear-gradient(180deg, #FFFFFF 0%, #F5F3FF 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      border-bottom: 1px solid rgba(138, 102, 255, 0.15);\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: #000000;\r\n          -webkit-text-fill-color: #000000;\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: #FFFFFF;\r\n      border: 1px solid rgba(138, 102, 255, 0.2);\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      box-shadow: 0 6px 24px rgba(138, 102, 255, 0.06);\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: #FFFFFF;\r\n      border: 1px solid rgba(138, 102, 255, 0.22);\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: #FFFFFF !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-card);\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: 800;\r\n          margin-bottom: 30px;\r\n          text-align: center;\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          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-card);\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.18);\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.3);\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  <\/head><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      <!-- Hero tools -->\r\n\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 Page Viewer Works<\/h2>\r\n              <p class=\"rduv-section-subtitle rduv-light-subtitle\">View Reddit pages 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 Page URL<\/h4>\r\n                      <p class=\"rduv-light-subtitle\">Enter the Reddit page URL or subreddit name 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 Page<\/h4>\r\n                      <p class=\"rduv-light-subtitle\">Our system retrieves page 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 Page<\/h4>\r\n                      <p class=\"rduv-light-subtitle\">See all page content 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 Page 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 pages 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 page views or recommend similar content<\/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 Page Content<\/h4>\r\n                      <p>Access all posts, comments, and media on Reddit pages<\/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 within Reddit pages<\/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_Page_Viewer.webp\" alt=\"Reddit Page 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 Page Viewer?<\/h2>\r\n                  <p class=\"mb-4\">Our tool provides the most private way to browse Reddit pages without leaving any trace. Whether you're exploring subreddits, analyzing posts, or valuing your privacy, we make anonymous page 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 pages 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 pages 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 page 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 Page 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 pages 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 pages 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 pages?\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 pages and content that are set to public. For private or deleted pages, 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 Reddit know I viewed the page?\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 platform won't know you viewed the page.\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 Page Viewer is completely web-based. You don't need to download or install any software. Simply visit our website, enter the page URL, and view 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    <!-- 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\/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.nsrpg {width: 100vw;\n  max-width: none;\n  margin-left: calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n  margin-top: -8px;\n--ink: #f3f2ff; --muted: #b0acc8; --dim: #7c7894;\n  --panel: rgba(16, 14, 32, 0.93); --soft: rgba(255, 255, 255, 0.05);\n  --line: rgba(129, 140, 248, 0.32); --accent: #818cf8; --accent-soft: rgba(129, 140, 248, 0.16);\n  --cool: #a5b4fc; --cool-deep: #6366f1; --danger: #ff6b7a; --ok: #3dd68c;\n  --radius: 18px; --shadow: 0 18px 42px rgba(6, 4, 18, 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 12% 0%, rgba(129, 140, 248, 0.28), transparent 58%),\n    radial-gradient(ellipse 50% 40% at 92% 8%, rgba(99, 102, 241, 0.14), transparent 52%),\n    linear-gradient(158deg, #0c0a18 0%, #16142a 48%, #1e1a38 100%);\n  position: relative; isolation: isolate; overflow-x: hidden !important; overflow-wrap: anywhere;\n}\n.nsrpg *, .nsrpg *::before, .nsrpg *::after { box-sizing: border-box; }\n.nsrpg h3 { color: var(--ink) !important; }\n.nsrpg h2 { color: var(--ink) !important; }\n.nsrpg :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.nsrpg :where(ul,ol) { list-style: none; }\n.nsrpg img { max-width: 100%; height: auto; display: block; border: 0; }\n.nsrpg a { color: var(--cool); text-decoration: none; }\n.nsrpg a:hover { text-decoration: underline; }\n.nsrpg-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: nsrpg; }\n.nsrpg-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: nsrpg-rise .45s ease both;\n}\n.nsrpg-brand {\n  width: 52px; height: 52px; margin: 0 auto 12px; border-radius: 16px; display: inline-flex;\n  align-items: center; justify-content: center; color: #fff; font-size: 1.35rem;\n  background: linear-gradient(145deg, #818cf8, #6366f1);\n  box-shadow: 0 10px 24px rgba(129, 140, 248, .35);\n}\n.nsrpg .nsrpg-hero__title {color:var(--ink)!important; font-size: clamp(1.35rem, 5vw, 2rem); font-weight: 800; letter-spacing: -.035em; margin-bottom: 8px; }\n.nsrpg-hero__mark { color: var(--accent); background-image: linear-gradient(90deg, var(--accent), #c7d2fe); background-position: 0 100%; background-repeat: no-repeat; background-size: 100% 3px; padding-bottom: 2px; }\n.nsrpg .nsrpg-hero__lead { max-width: 36rem; margin: 0 auto 20px; color: var(--muted); font-size: clamp(.9rem, 2.4vw, 1rem); }\n.nsrpg-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.nsrpg .nsrpg-tool__label { font-size: .86rem; font-weight: 600; color: var(--muted); }\n.nsrpg-field { position: relative; display: flex; align-items: center; }\n.nsrpg .nsrpg-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(8, 6, 18, .55) !important;\n  color: var(--ink) !important; font: 500 16px var(--font); outline: none;\n}\n.nsrpg .nsrpg-field__input:focus { border-color: rgba(129,140,248,.55) !important; box-shadow: 0 0 0 3px var(--accent-soft); }\n.nsrpg .nsrpg-field__input::placeholder { color: var(--dim); }\n.nsrpg .nsrpg-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.nsrpg .nsrpg-field__paste:hover { color: var(--accent) !important; background: var(--accent-soft) !important; }\n.nsrpg .nsrpg-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.nsrpg .nsrpg-btn--primary { background: linear-gradient(135deg, #818cf8, #6366f1) !important; color: #fff !important; box-shadow: 0 10px 22px rgba(129,140,248,.32); }\n.nsrpg .nsrpg-btn--primary:hover { transform: translateY(-1px); }\n.nsrpg .nsrpg-btn:disabled { opacity: .55; cursor: wait; transform: none !important; }\n.nsrpg .nsrpg-btn--ghost { background: rgba(255,255,255,.06) !important; color: var(--ink) !important; border: 1px solid rgba(255,255,255,.12) !important; }\n.nsrpg .nsrpg-btn--sm { height: 36px; font-size: .8rem !important; width: auto; padding: 0 12px !important; }\n.nsrpg-alert { display: none; gap: 8px; align-items: flex-start; padding: 10px 12px; border-radius: 10px; font-size: .88rem; font-weight: 500; }\n.nsrpg-alert.is-visible { display: flex; }\n.nsrpg-alert--error { background: rgba(255,107,122,.12); border: 1px solid rgba(255,107,122,.35); color: #ffb4bc; }\n.nsrpg-alert--ok { background: rgba(61,214,140,.12); border: 1px solid rgba(61,214,140,.35); color: #9aecc0; }\n.nsrpg-hint { font-size: .8rem; color: var(--dim); text-align: center; }\n.nsrpg-skeleton { display: none; background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius); padding: 14px; box-shadow: var(--shadow); }\n.nsrpg-skeleton.is-active { display: block; animation: nsrpg-rise .35s ease both; }\n.nsrpg-sk { background: linear-gradient(90deg, rgba(255,255,255,.06), rgba(129,140,248,.16), rgba(255,255,255,.06)); background-size: 200% 100%; animation: nsrpg-shimmer 1.2s ease infinite; border-radius: 10px; }\n.nsrpg-skeleton__block { height: 110px; margin-bottom: 12px; }\n.nsrpg-skeleton__line { height: 14px; margin-bottom: 10px; }\n.nsrpg-skeleton__line--lg { width: 55%; } .nsrpg-skeleton__line--md { width: 35%; }\n.nsrpg-result { display: none; animation: nsrpg-rise .45s ease both; }\n.nsrpg-result.is-visible { display: block; }\n.nsrpg-panel { background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; }\n.nsrpg-cover { height: 92px; background: linear-gradient(135deg, rgba(129,140,248,.45), rgba(99,102,241,.2)); }\n.nsrpg-page { padding: clamp(14px, 3vw, 20px); }\n.nsrpg-head { display: flex; gap: 12px; align-items: center; margin-top: -36px; margin-bottom: 12px; flex-wrap: wrap; }\n.nsrpg-avatar {\n  width: 72px; height: 72px; border-radius: 18px; display: inline-flex; align-items: center; justify-content: center;\n  background: linear-gradient(145deg, #818cf8, #6366f1); color: #fff; font-size: 1.5rem;\n  border: 4px solid #16142a; box-shadow: 0 8px 20px rgba(0,0,0,.35);\n}\n.nsrpg .nsrpg-profile__name {color:var(--ink)!important; font-size: clamp(1.15rem, 3.2vw, 1.45rem); font-weight: 800; letter-spacing: -.02em; }\n.nsrpg .nsrpg-profile__url { font-size: .84rem; color: var(--muted); font-weight: 600; }\n.nsrpg-stats { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; margin-bottom: 14px; }\n@container nsrpg (min-width: 560px) { .nsrpg-stats { grid-template-columns: repeat(4, minmax(0,1fr)); } }\n.nsrpg-stat { padding: 12px; border-radius: 12px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08); text-align: center; }\n.nsrpg .nsrpg-stat__val { display: block; font-size: 1.15rem; font-weight: 800; }\n.nsrpg .nsrpg-stat__lbl { display: block; font-size: .75rem; color: var(--dim); font-weight: 600; margin-top: 2px; }\n.nsrpg-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }\n.nsrpg-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.nsrpg-chip i { color: var(--accent); }\n.nsrpg .nsrpg-section { font-size: .82rem; font-weight: 700; color: var(--muted); text-transform: uppercase; letter-spacing: .04em; margin: 4px 0 10px; }\n.nsrpg-timeline { display: flex; flex-direction: column; gap: 10px; }\n.nsrpg-item { padding: 12px; border-radius: 12px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08); display: flex; flex-direction: column; gap: 6px; }\n.nsrpg-item--comment { border-left: 3px solid var(--accent); }\n.nsrpg .nsrpg-item__kind { font-size: .72rem; font-weight: 700; color: var(--accent); text-transform: uppercase; letter-spacing: .04em; }\n.nsrpg .nsrpg-item__title {color: var(--ink) !important; font-size: .96rem; font-weight: 700; }\n.nsrpg-item__text { color: var(--muted); font-size: .86rem; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; white-space: pre-wrap; }\n.nsrpg-item__meta { display: flex; flex-wrap: wrap; gap: 8px; font-size: .75rem; color: var(--dim); font-weight: 600; }\n.nsrpg-empty { display: none; text-align: center; padding: 28px 12px; color: var(--muted); }\n.nsrpg-empty.is-visible { display: block; }\n@keyframes nsrpg-rise { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }\n@keyframes nsrpg-shimmer { 0% { background-position: 100% 0; } 100% { background-position: -100% 0; } }\n\n\/* --- Codex CSS updates --- *\/\n.nsrpg {\n  width: 100vw;\n  max-width: none;\n  margin-left: calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n  margin-top: -8px;\n  --ink: #f8f8ff;\n  --muted: #c0bed5;\n  --dim: #928fa9;\n  --panel: rgba(20, 18, 42, 0.78);\n  --soft: rgba(255, 255, 255, 0.055);\n  --line: rgba(167, 139, 250, 0.28);\n  --accent: #a78bfa;\n  --accent-soft: rgba(167, 139, 250, 0.18);\n  --cool: #c4b5fd;\n  --cool-deep: #7c3aed;\n  --danger: #ff7185;\n  --ok: #40d99a;\n  --radius: 22px;\n  --shadow: 0 22px 55px rgba(5, 4, 20, 0.42);\n  --font: \"Outfit\", \"Segoe UI\", sans-serif;\n  --gap: 18px;\n  box-sizing: border-box !important;\n  font-family: var(--font);\n  color: var(--ink);\n  line-height: 1.5;\n  display: block;\n  min-width: 0 !important;\n  background:\n    radial-gradient(ellipse 75% 54% at 8% -8%, rgba(139, 92, 246, 0.34), transparent 60%),\n    radial-gradient(ellipse 55% 46% at 98% 5%, rgba(59, 130, 246, 0.2), transparent 56%),\n    radial-gradient(ellipse 60% 40% at 46% 100%, rgba(236, 72, 153, 0.1), transparent 65%),\n    linear-gradient(145deg, #0a0919 0%, #15122d 48%, #1d1737 100%);\n  position: relative;\n  isolation: isolate;\n  overflow-x: hidden !important;\n  overflow-wrap: anywhere;\n}\n\n.nsrpg *,\n.nsrpg *::before,\n.nsrpg *::after {\n  box-sizing: border-box;\n}\n\n.nsrpg h3,\n.nsrpg h2 {\n  color: var(--ink) !important;\n}\n\n.nsrpg :where(h1, h2, h3, p, ul, ol, li, label, span) {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-weight: inherit;\n  max-width: 100%;\n  overflow-wrap: anywhere;\n}\n\n.nsrpg :where(ul, ol) {\n  list-style: none;\n}\n\n.nsrpg img {\n  max-width: 100%;\n  height: auto;\n  display: block;\n  border: 0;\n}\n\n.nsrpg a {\n  color: var(--cool);\n  text-decoration: none;\n  transition: color .2s ease, text-decoration-color .2s ease;\n}\n\n.nsrpg a:hover {\n  color: #e3dcff;\n  text-decoration: underline;\n}\n\n.nsrpg .fa-brands,\n.nsrpg .fa-clipboard,\n.nsrpg .fa-file-lines,\n.nsrpg .fa-magnifying-glass,\n.nsrpg .fa-reddit-alien,\n.nsrpg .fa-regular,\n.nsrpg .fa-solid {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  line-height: 1;\n  font-style: normal;\n  flex: 0 0 auto;\n}\n\n.nsrpg-shell {\n  width: 100%;\n  max-width: min(1200px, 100%);\n  margin-left: auto;\n  margin-right: auto;\n  padding: clamp(34px, 7vw, 76px) clamp(14px, 3vw, 28px);\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap);\n  container-type: inline-size;\n  container-name: nsrpg;\n}\n\n.nsrpg-hero {\n  position: relative;\n  overflow: hidden;\n  background: linear-gradient(145deg, rgba(31, 27, 61, 0.9), rgba(17, 15, 37, 0.76));\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.09);\n  padding: clamp(22px, 4.5vw, 42px) clamp(16px, 4vw, 34px);\n  text-align: center;\n  backdrop-filter: blur(18px);\n  animation: nsrpg-rise .45s ease both;\n}\n\n.nsrpg-hero::before {\n  content: \"\";\n  position: absolute;\n  width: 260px;\n  height: 260px;\n  top: -190px;\n  right: -95px;\n  border-radius: 50%;\n  background: rgba(196, 181, 253, 0.13);\n  filter: blur(2px);\n  pointer-events: none;\n}\n\n.nsrpg-hero > * {\n  position: relative;\n  z-index: 1;\n}\n\n.nsrpg-brand {\n  width: 58px;\n  height: 58px;\n  margin: 0 auto 15px;\n  border-radius: 18px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  color: #fff;\n  font-size: 1.45rem;\n  background: linear-gradient(145deg, #c084fc 0%, #8b5cf6 48%, #6366f1 100%);\n  border: 1px solid rgba(255, 255, 255, 0.22);\n  box-shadow: 0 14px 30px rgba(124, 58, 237, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.28);\n}\n\n.nsrpg .nsrpg-hero__title {\n  color: var(--ink) !important;\n  font-size: clamp(1.55rem, 5vw, 2.35rem);\n  font-weight: 800;\n  line-height: 1.14;\n  letter-spacing: -.045em;\n  margin-bottom: 10px;\n}\n\n.nsrpg-hero__mark {\n  color: #d8ceff;\n  background-image: linear-gradient(90deg, #a78bfa, #93c5fd, #d8b4fe);\n  background-position: 0 100%;\n  background-repeat: no-repeat;\n  background-size: 100% 3px;\n  padding-bottom: 3px;\n}\n\n.nsrpg .nsrpg-hero__lead {\n  max-width: 39rem;\n  margin: 0 auto 24px;\n  color: var(--muted);\n  font-size: clamp(.92rem, 2.4vw, 1.03rem);\n}\n\n.nsrpg-tool {\n  display: flex;\n  flex-direction: column;\n  gap: 13px;\n  text-align: left;\n  background: rgba(7, 6, 20, 0.26);\n  border: 1px solid rgba(255, 255, 255, 0.095);\n  border-radius: 16px;\n  padding: clamp(14px, 2.8vw, 20px);\n  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045);\n}\n\n.nsrpg .nsrpg-tool__label {\n  font-size: .86rem;\n  font-weight: 700;\n  color: #d4d1e4;\n  letter-spacing: .01em;\n}\n\n.nsrpg-field {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n.nsrpg .nsrpg-field__input {\n  width: 100%;\n  height: 54px;\n  padding: 0 56px 0 17px !important;\n  border-radius: 13px;\n  border: 1px solid rgba(255, 255, 255, 0.14) !important;\n  background: rgba(7, 6, 19, 0.68) !important;\n  color: var(--ink) !important;\n  font: 500 16px var(--font);\n  outline: none;\n  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);\n  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;\n}\n\n.nsrpg .nsrpg-field__input:hover {\n  border-color: rgba(196, 181, 253, 0.34) !important;\n}\n\n.nsrpg .nsrpg-field__input:focus {\n  border-color: rgba(196, 181, 253, 0.8) !important;\n  background: rgba(10, 8, 26, 0.88) !important;\n  box-shadow: 0 0 0 4px var(--accent-soft), inset 0 1px 2px rgba(0, 0, 0, 0.2);\n}\n\n.nsrpg .nsrpg-field__input::placeholder {\n  color: var(--dim);\n  opacity: 1;\n}\n\n.nsrpg .nsrpg-field__paste {\n  position: absolute;\n  right: 7px;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 40px;\n  height: 40px;\n  border: 0 !important;\n  border-radius: 10px;\n  background: transparent !important;\n  color: var(--muted) !important;\n  cursor: pointer;\n  transition: color .2s ease, background .2s ease, transform .2s ease;\n}\n\n.nsrpg .nsrpg-field__paste:hover {\n  color: #efeaff !important;\n  background: var(--accent-soft) !important;\n}\n\n.nsrpg .nsrpg-field__paste:active {\n  transform: translateY(-50%) scale(.94);\n}\n\n.nsrpg .nsrpg-field__paste:focus-visible,\n.nsrpg .nsrpg-btn:focus-visible {\n  outline: none;\n  box-shadow: 0 0 0 4px var(--accent-soft);\n}\n\n.nsrpg .nsrpg-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  width: 100%;\n  height: 52px;\n  border: 0 !important;\n  border-radius: 13px;\n  font: 700 .98rem var(--font);\n  letter-spacing: .01em;\n  cursor: pointer;\n  transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease, filter .2s ease, background .2s ease;\n  text-decoration: none;\n  appearance: none;\n}\n\n.nsrpg .nsrpg-btn--primary {\n  background: linear-gradient(135deg, #c084fc 0%, #8b5cf6 45%, #6366f1 100%) !important;\n  color: #fff !important;\n  box-shadow: 0 12px 24px rgba(124, 58, 237, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.24);\n}\n\n.nsrpg .nsrpg-btn--primary:hover {\n  transform: translateY(-2px);\n  filter: brightness(1.08);\n  box-shadow: 0 16px 30px rgba(124, 58, 237, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.24);\n}\n\n.nsrpg .nsrpg-btn--primary:active {\n  transform: translateY(0);\n  box-shadow: 0 7px 16px rgba(124, 58, 237, 0.3);\n}\n\n.nsrpg .nsrpg-btn:disabled {\n  opacity: .55;\n  cursor: wait;\n  transform: none !important;\n  filter: grayscale(.15);\n}\n\n.nsrpg .nsrpg-btn--ghost {\n  background: rgba(255, 255, 255, 0.065) !important;\n  color: var(--ink) !important;\n  border: 1px solid rgba(255, 255, 255, 0.13) !important;\n  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.055);\n}\n\n.nsrpg .nsrpg-btn--ghost:hover {\n  background: rgba(255, 255, 255, 0.11) !important;\n  transform: translateY(-1px);\n}\n\n.nsrpg .nsrpg-btn--sm {\n  height: 38px;\n  font-size: .8rem !important;\n  width: auto;\n  padding: 0 14px !important;\n  border-radius: 10px;\n}\n\n.nsrpg-alert {\n  display: none;\n  gap: 9px;\n  align-items: flex-start;\n  padding: 12px 13px;\n  border-radius: 12px;\n  font-size: .88rem;\n  font-weight: 600;\n  line-height: 1.45;\n}\n\n.nsrpg-alert.is-visible {\n  display: flex;\n  animation: nsrpg-rise .3s ease both;\n}\n\n.nsrpg-alert--error {\n  background: rgba(255, 113, 133, 0.12);\n  border: 1px solid rgba(255, 113, 133, 0.38);\n  color: #ffc0c9;\n}\n\n.nsrpg-alert--ok {\n  background: rgba(64, 217, 154, 0.12);\n  border: 1px solid rgba(64, 217, 154, 0.35);\n  color: #a9f3cc;\n}\n\n.nsrpg-hint {\n  font-size: .8rem;\n  color: var(--dim);\n  text-align: center;\n}\n\n.nsrpg-skeleton {\n  display: none;\n  background: linear-gradient(145deg, rgba(31, 27, 61, 0.82), rgba(17, 15, 37, 0.74));\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  padding: 16px;\n  box-shadow: var(--shadow);\n  overflow: hidden;\n}\n\n.nsrpg-skeleton.is-active {\n  display: block;\n  animation: nsrpg-rise .35s ease both;\n}\n\n.nsrpg-sk {\n  background: linear-gradient(90deg, rgba(255, 255, 255, .06), rgba(167, 139, 250, .24), rgba(255, 255, 255, .06));\n  background-size: 200% 100%;\n  animation: nsrpg-shimmer 1.2s ease infinite;\n  border-radius: 10px;\n}\n\n.nsrpg-skeleton__block {\n  height: 110px;\n  margin-bottom: 12px;\n}\n\n.nsrpg-skeleton__line {\n  height: 14px;\n  margin-bottom: 10px;\n}\n\n.nsrpg-skeleton__line--lg {\n  width: 55%;\n}\n\n.nsrpg-skeleton__line--md {\n  width: 35%;\n}\n\n.nsrpg-result {\n  display: none;\n  animation: nsrpg-rise .45s ease both;\n}\n\n.nsrpg-result.is-visible {\n  display: block;\n}\n\n.nsrpg-panel {\n  background: linear-gradient(145deg, rgba(29, 25, 57, 0.88), rgba(15, 13, 34, 0.8));\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.07);\n  overflow: hidden;\n  backdrop-filter: blur(16px);\n}\n\n.nsrpg-cover {\n  height: 108px;\n  background:\n    radial-gradient(circle at 18% 20%, rgba(255, 255, 255, 0.22), transparent 32%),\n    linear-gradient(120deg, #7c3aed 0%, #6366f1 50%, #2563eb 100%);\n  position: relative;\n}\n\n.nsrpg-cover::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(180deg, transparent 35%, rgba(14, 12, 31, 0.32));\n}\n\n.nsrpg-page {\n  padding: clamp(16px, 3.5vw, 26px);\n}\n\n.nsrpg-head {\n  display: flex;\n  gap: 14px;\n  align-items: center;\n  margin-top: -42px;\n  margin-bottom: 16px;\n  flex-wrap: wrap;\n}\n\n.nsrpg-avatar {\n  width: 78px;\n  height: 78px;\n  border-radius: 21px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  background: linear-gradient(145deg, #d8b4fe, #8b5cf6 48%, #4f46e5);\n  color: #fff;\n  font-size: 1.6rem;\n  border: 4px solid #1a1734;\n  box-shadow: 0 10px 24px rgba(4, 3, 15, .42), inset 0 1px 0 rgba(255, 255, 255, .25);\n}\n\n.nsrpg .nsrpg-profile__name {\n  color: var(--ink) !important;\n  font-size: clamp(1.18rem, 3.2vw, 1.55rem);\n  font-weight: 800;\n  line-height: 1.18;\n  letter-spacing: -.03em;\n}\n\n.nsrpg .nsrpg-profile__url {\n  margin-top: 3px;\n  font-size: .84rem;\n  color: var(--muted);\n  font-weight: 600;\n}\n\n.nsrpg-stats {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 10px;\n  margin-bottom: 18px;\n}\n\n@container nsrpg (min-width: 560px) {\n  .nsrpg-stats {\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n  }\n}\n\n.nsrpg-stat {\n  padding: 14px 10px;\n  border-radius: 14px;\n  background: linear-gradient(145deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .035));\n  border: 1px solid rgba(255, 255, 255, .1);\n  text-align: center;\n  transition: transform .2s ease, border-color .2s ease, background .2s ease;\n}\n\n.nsrpg-stat:hover {\n  transform: translateY(-2px);\n  border-color: rgba(196, 181, 253, .3);\n  background: rgba(167, 139, 250, .1);\n}\n\n.nsrpg .nsrpg-stat__val {\n  display: block;\n  font-size: 1.18rem;\n  font-weight: 800;\n  color: #f6f3ff;\n}\n\n.nsrpg .nsrpg-stat__lbl {\n  display: block;\n  font-size: .74rem;\n  color: var(--dim);\n  font-weight: 700;\n  margin-top: 3px;\n  letter-spacing: .01em;\n}\n\n.nsrpg-chips {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-bottom: 18px;\n}\n\n.nsrpg-chip {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 7px 11px;\n  border-radius: 999px;\n  background: rgba(255, 255, 255, .06);\n  border: 1px solid rgba(255, 255, 255, .11);\n  color: var(--muted);\n  font-size: .78rem;\n  font-weight: 700;\n}\n\n.nsrpg-chip i {\n  color: #c4b5fd;\n}\n\n.nsrpg .nsrpg-section {\n  font-size: .78rem;\n  font-weight: 800;\n  color: #d4d0e6;\n  text-transform: uppercase;\n  letter-spacing: .085em;\n  margin: 5px 0 11px;\n}\n\n.nsrpg-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 11px;\n}\n\n.nsrpg-item {\n  padding: 14px;\n  border-radius: 14px;\n  background: linear-gradient(145deg, rgba(255, 255, 255, .065), rgba(255, 255, 255, .025));\n  border: 1px solid rgba(255, 255, 255, .09);\n  display: flex;\n  flex-direction: column;\n  gap: 7px;\n  transition: transform .2s ease, border-color .2s ease, background .2s ease;\n}\n\n.nsrpg-item:hover {\n  transform: translateY(-2px);\n  border-color: rgba(196, 181, 253, .28);\n  background: rgba(167, 139, 250, .09);\n}\n\n.nsrpg-item--comment {\n  border-left: 3px solid var(--accent);\n}\n\n.nsrpg .nsrpg-item__kind {\n  font-size: .72rem;\n  font-weight: 800;\n  color: #c4b5fd;\n  text-transform: uppercase;\n  letter-spacing: .07em;\n}\n\n.nsrpg .nsrpg-item__title {\n  color: var(--ink) !important;\n  font-size: .97rem;\n  font-weight: 750;\n  line-height: 1.35;\n}\n\n.nsrpg-item__text {\n  color: var(--muted);\n  font-size: .87rem;\n  line-height: 1.55;\n  display: -webkit-box;\n  -webkit-line-clamp: 4;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  white-space: pre-wrap;\n}\n\n.nsrpg-item__meta {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  font-size: .75rem;\n  color: var(--dim);\n  font-weight: 650;\n}\n\n.nsrpg-empty {\n  display: none;\n  text-align: center;\n  padding: 34px 16px;\n  color: var(--muted);\n  border: 1px dashed rgba(255, 255, 255, .16);\n  border-radius: 14px;\n  background: rgba(255, 255, 255, .025);\n}\n\n.nsrpg-empty.is-visible {\n  display: block;\n}\n\n@media (max-width: 560px) {\n  .nsrpg-shell {\n    padding: 26px 12px 34px;\n    gap: 14px;\n  }\n\n  .nsrpg-hero {\n    border-radius: 18px;\n    padding: 22px 14px;\n  }\n\n  .nsrpg-brand {\n    width: 52px;\n    height: 52px;\n    border-radius: 16px;\n    margin-bottom: 12px;\n  }\n\n  .nsrpg .nsrpg-hero__lead {\n    margin-bottom: 19px;\n  }\n\n  .nsrpg-tool {\n    padding: 12px;\n    border-radius: 14px;\n  }\n\n  .nsrpg .nsrpg-btn {\n    height: 50px;\n  }\n\n  .nsrpg-cover {\n    height: 92px;\n  }\n\n  .nsrpg-page {\n    padding: 14px;\n  }\n\n  .nsrpg-head {\n    gap: 11px;\n    margin-top: -35px;\n    margin-bottom: 14px;\n  }\n\n  .nsrpg-avatar {\n    width: 68px;\n    height: 68px;\n    border-radius: 18px;\n    font-size: 1.4rem;\n  }\n\n  .nsrpg-stat {\n    padding: 12px 8px;\n  }\n\n  .nsrpg-item {\n    padding: 12px;\n  }\n}\n\n@media (max-width: 360px) {\n  .nsrpg-shell {\n    padding-left: 9px;\n    padding-right: 9px;\n  }\n\n  .nsrpg .nsrpg-hero__title {\n    font-size: 1.4rem;\n  }\n\n  .nsrpg-stats {\n    gap: 7px;\n  }\n\n  .nsrpg-stat {\n    border-radius: 11px;\n  }\n\n  .nsrpg-chip {\n    max-width: 100%;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .nsrpg *,\n  .nsrpg *::before,\n  .nsrpg *::after {\n    animation-duration: .01ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: .01ms !important;\n    scroll-behavior: auto !important;\n  }\n}\n\n@keyframes nsrpg-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 nsrpg-shimmer {\n  0% {\n    background-position: 100% 0;\n  }\n\n  100% {\n    background-position: -100% 0;\n  }\n}\n<\/style>\n<!-- New Social Reddit Page 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=\"nsrpg\" id=\"nsrpg-root\" data-nsrpg-ready=\"0\">\n  <div class=\"nsrpg-shell\">\n    <section class=\"nsrpg-hero\" aria-labelledby=\"nsrpg-title\">\n      <div class=\"nsrpg-brand\" aria-hidden=\"true\"><i class=\"fa-regular fa-file-lines\"><\/i><\/div>\n<h1 class=\"nsrpg-hero__title\" id=\"nsrpg-title\">Reddit Page Viewer - View Reddit Pages Anonymously<\/h1>\n<p class=\"nsrpg-hero__lead\">Open any Reddit user as a profile page \u2014 stats on top, posts and comments in a single timeline.<\/p>\n<div class=\"nsrpg-tool\">\n        <label class=\"nsrpg-tool__label\" for=\"nsrpg-input\">Username or profile URL<\/label>\n        <div class=\"nsrpg-field\">\n          <input class=\"nsrpg-field__input\" id=\"nsrpg-input\" type=\"text\" placeholder=\"username or https:\/\/www.reddit.com\/user\/...\" autocomplete=\"off\" spellcheck=\"false\">\n          <button type=\"button\" class=\"nsrpg-field__paste\" id=\"nsrpg-paste\" aria-label=\"Paste from clipboard\"><i class=\"fa-regular fa-clipboard\"><\/i><\/button>\n        <\/div>\n        <button type=\"button\" class=\"nsrpg-btn nsrpg-btn--primary\" id=\"xrespond-tools-turnstile\"><i class=\"fa-solid fa-magnifying-glass\"><\/i><span>View Page<\/span><\/button>\n        <div class=\"nsrpg-alert\" id=\"nsrpg-alert\" role=\"alert\"><\/div>\n<p class=\"nsrpg-hint\">Uses the Reddit user overview API to assemble a public profile page<\/p>\n      <\/div>\n    <\/section>\n\n    <div class=\"nsrpg-skeleton\" id=\"nsrpg-skeleton\" aria-hidden=\"true\">\n      <div class=\"nsrpg-sk nsrpg-skeleton__block\"><\/div>\n<div class=\"nsrpg-sk nsrpg-skeleton__line nsrpg-skeleton__line--lg\"><\/div>\n<div class=\"nsrpg-sk nsrpg-skeleton__line nsrpg-skeleton__line--md\"><\/div>\n    <\/div>\n\n    <section class=\"nsrpg-result\" id=\"nsrpg-result\" aria-live=\"polite\">\n      <div class=\"nsrpg-panel\">\n        <div class=\"nsrpg-cover\" id=\"nsrpg-cover\"><\/div>\n<div class=\"nsrpg-page\">\n          <div class=\"nsrpg-head\">\n            <div class=\"nsrpg-avatar\" aria-hidden=\"true\"><i class=\"fa-brands fa-reddit-alien\"><\/i><\/div>\n<div>\n              <h2 class=\"nsrpg-profile__name\" id=\"nsrpg-username\">\u2014<\/h2>\n<p class=\"nsrpg-profile__url\" id=\"nsrpg-url\"><\/p>\n            <\/div>\n          <\/div>\n<div class=\"nsrpg-stats\" id=\"nsrpg-stats\"><\/div>\n<div class=\"nsrpg-chips\" id=\"nsrpg-chips\"><\/div>\n<p class=\"nsrpg-section\">Activity timeline<\/p>\n<div class=\"nsrpg-timeline\" id=\"nsrpg-timeline\"><\/div>\n<div class=\"nsrpg-empty\" id=\"nsrpg-empty\">No public activity found.<\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n  <\/div>\n<\/div>    <link rel=\"canonical\" href=\"\">  \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  \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      \/* Marketing hero \u2014 white + black + purple accent *\/\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: 700;\r\n              margin-bottom: 1.5rem;\r\n              background: linear-gradient(45deg, var(--rduv-primary-color), var(--rduv-secondary-color));\r\n              -webkit-background-clip: text;\r\n              -webkit-text-fill-color: transparent;\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              opacity: 0.9;\r\n              font-weight: 300;\r\n              color: #666;\r\n          }\r\n          \r\n          \/* Work Process \u2014 lavender content strip, logo palette *\/\r\n          .rduv-work-process-section {\r\n              padding: var(--rduv-section-padding);\r\n              background: linear-gradient(165deg, #F5F3FF 0%, #FFFFFF 52%, #F5F3FF 100%);\r\n              color: #000000;\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.12);\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 80% 50% at 50% 0%, rgba(138, 102, 255, 0.06) 0%, transparent 55%);\r\n              pointer-events: none;\r\n          }\r\n\r\n          .rduv-work-process-section .rduv-light-title,\r\n          .rduv-work-process-section .rduv-section-title {\r\n              color: #000000;\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          .rduv-work-process-section .rduv-section-subtitle {\r\n              color: var(--rduv-muted-on-light);\r\n          }\r\n\r\n          .rduv-work-process-section .rduv-process-step h4.text-white {\r\n              color: #000000 !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: #FFFFFF;\r\n              border-radius: 16px;\r\n              margin: 15px;\r\n              border: 1px solid rgba(138, 102, 255, 0.2);\r\n              box-shadow: 0 8px 28px rgba(138, 102, 255, 0.08);\r\n              transition: all 0.3s ease;\r\n              color: #000000;\r\n          }\r\n          \r\n          .rduv-process-step:hover {\r\n              transform: translateY(-8px);\r\n              box-shadow: 0 16px 40px rgba(138, 102, 255, 0.15);\r\n              border-color: rgba(138, 102, 255, 0.35);\r\n          }\r\n          \r\n          .rduv-step-number {\r\n              width: 60px;\r\n              height: 60px;\r\n              background: linear-gradient(135deg, var(--rduv-primary-color), var(--rduv-secondary-color));\r\n              color: #FFFFFF;\r\n              border-radius: 50%;\r\n              display: flex;\r\n              align-items: center;\r\n              justify-content: center;\r\n              font-weight: 800;\r\n              margin: 0 auto 20px;\r\n              font-size: 1.5rem;\r\n              box-shadow: 0 8px 20px rgba(138, 102, 255, 0.3);\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: var(--rduv-gray-color);\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: var(--rduv-muted-on-light);\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: var(--rduv-muted-on-light);\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: #EDE9FE;\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: #FFFFFF;\r\n          --bg-secondary: #F5F3FF;\r\n          --bg-tertiary: #EDE9FE;\r\n          --bg-card: #FFFFFF;\r\n          --glass-bg: rgba(138, 102, 255, 0.06);\r\n          --glass-border: rgba(138, 102, 255, 0.22);\r\n          --text-primary: #000000;\r\n          --text-secondary: #333333;\r\n          --text-muted: #666666;\r\n          --text-accent: #8A66FF;\r\n          --shadow-sm: 0 2px 8px rgba(138, 102, 255, 0.08);\r\n          --shadow-md: 0 4px 16px rgba(138, 102, 255, 0.12);\r\n          --shadow-lg: 0 8px 32px rgba(138, 102, 255, 0.14);\r\n          --shadow-xl: 0 16px 48px rgba(138, 102, 255, 0.16);\r\n          --gradient-primary: linear-gradient(135deg, #8A66FF, #6A4FE0);\r\n          --gradient-secondary: linear-gradient(135deg, #6A4FE0, #8A66FF);\r\n          --gradient-accent: linear-gradient(135deg, #8A66FF, #A385FF);\r\n      }\r\n  \r\n   \r\n    \r\n    .rduv-hero-tools-section {\r\n      font-family: 'Manrope', 'Inter', sans-serif;\r\n      background-color: #FFFFFF;\r\n      background-image:\r\n          radial-gradient(circle at 18% 12%, rgba(138, 102, 255, 0.12) 0%, transparent 42%),\r\n          radial-gradient(circle at 92% 88%, rgba(106, 79, 224, 0.08) 0%, transparent 40%),\r\n          linear-gradient(180deg, #FFFFFF 0%, #F5F3FF 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      border-bottom: 1px solid rgba(138, 102, 255, 0.15);\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: #000000;\r\n          -webkit-text-fill-color: #000000;\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: #FFFFFF;\r\n      border: 1px solid rgba(138, 102, 255, 0.2);\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      box-shadow: 0 6px 24px rgba(138, 102, 255, 0.06);\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: #FFFFFF;\r\n      border: 1px solid rgba(138, 102, 255, 0.22);\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: #FFFFFF !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-card);\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: 800;\r\n          margin-bottom: 30px;\r\n          text-align: center;\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          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-card);\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.18);\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.3);\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  <\/head><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      <!-- Hero tools -->\r\n\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 Page Viewer Works<\/h2>\r\n              <p class=\"rduv-section-subtitle rduv-light-subtitle\">View Reddit pages 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 Page URL<\/h4>\r\n                      <p class=\"rduv-light-subtitle\">Enter the Reddit page URL or subreddit name 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 Page<\/h4>\r\n                      <p class=\"rduv-light-subtitle\">Our system retrieves page 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 Page<\/h4>\r\n                      <p class=\"rduv-light-subtitle\">See all page content 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 Page 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 pages 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 page views or recommend similar content<\/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 Page Content<\/h4>\r\n                      <p>Access all posts, comments, and media on Reddit pages<\/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 within Reddit pages<\/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_Page_Viewer.webp\" alt=\"Reddit Page 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 Page Viewer?<\/h2>\r\n                  <p class=\"mb-4\">Our tool provides the most private way to browse Reddit pages without leaving any trace. Whether you're exploring subreddits, analyzing posts, or valuing your privacy, we make anonymous page 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 pages 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 pages 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 page 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 Page 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 pages 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 pages 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 pages?\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 pages and content that are set to public. For private or deleted pages, 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 Reddit know I viewed the page?\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 platform won't know you viewed the page.\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 Page Viewer is completely web-based. You don't need to download or install any software. Simply visit our website, enter the page URL, and view 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    <!-- 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\/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-267","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/pages\/267","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=267"}],"version-history":[{"count":6,"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/pages\/267\/revisions"}],"predecessor-version":[{"id":1009,"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/pages\/267\/revisions\/1009"}],"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=267"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}