/* ManRed instructions layout — canonical source; edit here, never add a numbered override. */
:root {
  --paper: #f4f0e9;
  --ink: var(--film272-ink);
  --muted: var(--film272-muted);
  --line: var(--film272-line);
  --wine: var(--film272-surface);
  --red: var(--film272-surface);
  --panel: #fffdf9;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font: 16px/1.5 Arial,Helvetica,sans-serif;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  font: inherit;
  cursor: pointer;
}

button:focus-visible,a:focus-visible {
  outline: 3px solid var(--film272-accent);
  outline-offset: 5px;
}

.preview {
  background: var(--film272-surface);
  color: var(--film272-muted);
  font-size: 11px;
  text-align: center;
  padding: 8px;
  letter-spacing: .09em;
}

header {
  width: min(1440px,calc(100% - 96px));
  margin: auto;
  height: 110px;
  display: flex;
  align-items: center;
  gap: 32px;
}

.brand {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 27px;
  letter-spacing: -1.4px;
  font-weight: 800;
}

.brand img {
  width: 50px;
  height: 50px;
  object-fit: contain;
}

.brand span span {
  color: var(--red);
}

nav {
  display: flex;
  gap: 26px;
  margin-left: auto;
  font-size: 13px;
}

nav a[aria-current] {
  color: var(--red);
}

.theme {
  background: transparent;
  color: var(--ink);
  border: 1px solid var(--line);
  border-radius: 50%;
  width: 42px;
  height: 42px;
}

.pill {
  border: 1px solid var(--line);
  border-radius: 50px;
  padding: 13px 22px;
  font-size: 13px;
  white-space: nowrap;
}

.hero {
  width: min(1536px,calc(100% - 48px));
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  border-radius: 30px;
  background: radial-gradient(ellipse at 4% 0,var(--film272-accent),var(--film272-surface) 52%,var(--film272-surface));
  color: #fff2ed;
  padding: 64px 64px 36px;
  min-height: 730px;
}

.hero:before {
  content: '';
  position: absolute;
  right: -300px;
  top: -350px;
  border: 1px solid color-mix(in srgb, var(--film272-line) 14.902%, transparent);
  width: 1100px;
  height: 1100px;
  border-radius: 50%;
  pointer-events: none;
  box-shadow: 0 0 0 90px color-mix(in srgb, var(--film272-ink) 2.745%, transparent),0 0 0 180px color-mix(in srgb, var(--film272-ink) 2.745%, transparent);
}

.hero-grid {
  position: relative;
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 44px;
  align-items: center;
}

.eyebrow {
  font-size: 10px;
  font-weight: 750;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--film272-accent);
  margin-bottom: 22px;
}

.hero .eyebrow {
  color: var(--film272-muted);
  display: flex;
  align-items: center;
  gap: 12px;
}

.eyebrow:before {
  content: '';
  display: inline-block;
  width: 28px;
  height: 1px;
  background: currentColor;
}

h1 {
  font-size: clamp(44px,5.4vw,84px);
  font-weight: 800;
  line-height: .94;
  letter-spacing: -.065em;
  margin: 20px 0 30px;
  max-width: 800px;
}

h1 em {
  color: var(--film272-accent);
  font-style: normal;
}

.lead {
  max-width: 430px;
  font-size: 16px;
  color: var(--film272-muted);
  line-height: 1.8;
}

.actions {
  display: flex;
  gap: 24px;
  align-items: center;
  margin-top: 32px;
}

.primary {
  background: #fff4ec;
  color: var(--film272-ink);
  border: 0;
  border-radius: 50px;
  padding: 18px 26px;
  font-size: 13px;
  font-weight: 750;
  display: inline-flex;
  gap: 40px;
  align-items: center;
}

.primary:hover {
  background: var(--film272-surface);
}

.text-link {
  font-size: 13px;
  text-decoration: underline;
  text-underline-offset: 6px;
}

.scene {
  position: relative;
  padding-top: 20px;
}

.scene>img {
  width: 100%;
  height: 480px;
  object-fit: cover;
  border-radius: 220px 220px 18px 18px;
  border: 1px solid color-mix(in srgb, var(--film272-accent) 33.333%, transparent);
  display: block;
}

.scene-label {
  position: absolute;
  top: 42px;
  right: 20px;
  color: var(--film272-muted);
  background: color-mix(in srgb, var(--film272-surface) 72.941%, transparent);
  border: 1px solid color-mix(in srgb, var(--film272-line) 25.882%, transparent);
  padding: 10px 16px;
  font-size: 10px;
  border-radius: 30px;
  letter-spacing: .16em;
}

.scene-note {
  position: absolute;
  left: -30px;
  bottom: 26px;
  background: #fff8f1;
  color: var(--film272-ink);
  border-radius: 18px;
  padding: 23px 28px;
  box-shadow: 0 15px 40px #0003;
  display: flex;
  gap: 36px;
  align-items: center;
}

.scene-note b {
  font-size: 25px;
  letter-spacing: -1px;
  line-height: 1.2;
}

.scene-note small {
  display: block;
  font-size: 11px;
  color: var(--film272-muted);
  margin-top: 8px;
}

.scene-note i {
  font-size: 32px;
  font-style: normal;
  color: var(--film272-accent);
}

.hero-bottom {
  position: relative;
  margin-top: 44px;
  border-top: 1px solid color-mix(in srgb, var(--film272-line) 16.863%, transparent);
  padding-top: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
}

.rules {
  display: flex;
  gap: 8px;
  align-items: center;
}

.rules button {
  width: 43px;
  height: 43px;
  background: transparent;
  color: var(--film272-muted);
  border: 1px solid color-mix(in srgb, var(--film272-line) 41.176%, transparent);
  border-radius: 50%;
  font-size: 11px;
}

.rules button[aria-pressed=true] {
  background: #fff2e9;
  color: var(--film272-muted);
  border-color: #fff2e9;
}

.rules .pause {
  width: auto;
  padding: 0 18px;
  border-radius: 24px;
}

.hero-bottom>p {
  font-size: 11px;
  color: var(--film272-muted);
  letter-spacing: .1em;
}

.section {
  width: min(1370px,calc(100% - 96px));
  margin: 80px auto;
}

.section-heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 30px;
  margin-bottom: 30px;
}

.section h2 {
  font-size: clamp(32px,4.2vw,62px);
  line-height: 1.05;
  letter-spacing: -.045em;
  margin: 0;
}

.section-heading p {
  font-size: 13px;
  color: var(--muted);
  max-width: 310px;
}

.bento {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr;
  gap: 18px;
}

.card {
  background: var(--panel);
  padding: 34px;
  border: 1px solid var(--line);
  border-radius: 24px;
  position: relative;
  min-height: 290px;
}

.card .number {
  color: var(--film272-muted);
  font-size: 11px;
  letter-spacing: .18em;
}

.card h3 {
  font-size: 28px;
  letter-spacing: -1px;
  line-height: 1.15;
  margin: 34px 0 16px;
}

.card p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.8;
  max-width: 260px;
}

.card.wine {
  background: var(--film272-surface);
  color: #fff1e9;
  border-color: var(--film272-line);
}

.card.wine p {
  color: var(--film272-muted);
}

.chips {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 24px;
}

.chips span {
  border: 1px solid color-mix(in srgb, var(--film272-line) 30.98%, transparent);
  border-radius: 50px;
  font-size: 10px;
  padding: 9px 12px;
}

.card .arrow {
  position: absolute;
  right: 26px;
  top: 26px;
  font-size: 24px;
  color: var(--film272-accent);
}

.step-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  border-top: 1px solid var(--line);
  gap: 32px;
  padding-top: 30px;
}

.step-grid b {
  font-size: 12px;
  color: var(--film272-accent);
}

.step-grid h3 {
  font-size: 21px;
  letter-spacing: -.6px;
}

.step-grid p {
  font-size: 13px;
  color: var(--muted);
}

footer {
  width: min(1536px,calc(100% - 48px));
  margin: 100px auto 24px;
  background: var(--film272-surface);
  border-radius: 28px;
  padding: 50px 64px;
  color: #fff2eb;
  display: grid;
  grid-template-columns: 110px 1fr auto;
  gap: 30px;
  align-items: center;
}

footer img {
  width: 78px;
  height: 78px;
  object-fit: contain;
  animation: float 7s ease-in-out infinite;
}

footer h2 {
  font-size: 40px;
  letter-spacing: -1.5px;
  line-height: 1.05;
  margin: 0 0 14px;
}

footer h2 em {
  font-style: normal;
  color: var(--film272-accent);
}

footer p {
  color: var(--film272-muted);
}

footer small {
  border-top: 1px solid color-mix(in srgb, var(--film272-line) 14.902%, transparent);
  padding-top: 22px;
  color: var(--film272-muted);
}

.guide-hero {
  min-height: 0;
  padding-bottom: 64px;
}

.guide-hero .hero-grid {
  grid-template-columns: 1.8fr 1fr;
}

.guide-hero h1 {
  font-size: clamp(44px,5.5vw,78px);
}

.guide-index {
  border: 1px solid color-mix(in srgb, var(--film272-line) 33.333%, transparent);
  padding: 32px;
  border-radius: 20px;
  background: color-mix(in srgb, var(--film272-surface) 36.078%, transparent);
  display: grid;
  gap: 15px;
  font-size: 13px;
}

.guide-index strong {
  color: var(--film272-muted);
  font-size: 11px;
  letter-spacing: .15em;
}

.guide-layout {
  display: grid;
  grid-template-columns: 230px 1fr;
  gap: 45px;
}

.guide-aside {
  align-self: start;
  position: sticky;
  top: 24px;
  display: grid;
  gap: 18px;
  font-size: 12px;
  color: var(--muted);
}

.guide-article section {
  padding: 36px;
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 24px;
  margin-bottom: 20px;
}

.guide-article h2 {
  font-size: 32px;
  margin: 12px 0 22px;
}

.guide-article h3 {
  font-size: 21px;
}

.guide-article p,.guide-article li {
  color: var(--muted);
  line-height: 1.9;
  font-size: 15px;
}

.guide-article li {
  margin: 10px 0;
}

.guide-article strong {
  color: var(--ink);
}

.guide-article code {
  color: var(--film272-accent);
  background: var(--film272-surface);
  padding: 4px 8px;
  border-radius: 5px;
}

.guide-article .number {
  font-size: 12px;
  color: var(--film272-accent);
}

.guide-shot {
  margin: 24px 0;
}

.guide-shot img {
  width: 100%;
  max-width: 460px;
  border-radius: 16px;
}

.guide-shot figcaption {
  font-size: 12px;
  color: var(--muted);
  max-width: 500px;
}

.choices {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

.notice,.sample {
  padding: 24px;
  border-left: 2px solid var(--film272-accent);
  background: color-mix(in srgb, var(--film272-accent) 3.529%, transparent);
}

.sample span {
  display: block;
}

.sample p {
  margin-bottom: 0;
}

.guide-article details {
  margin: 20px 0;
}

.guide-article a {
  color: var(--film272-accent);
  text-decoration: underline;
  text-underline-offset: 4px;
}

.guide-article .button {
  display: inline-block;
  background: var(--film272-accent);
  color: #fff;
  padding: 13px 20px;
  border-radius: 25px;
  text-decoration: none;
}

.device-guides {
  display: none;
}

html[data-theme=dark] {
  --paper: var(--film272-background);
  --ink: #f4eae6;
  --muted: var(--film272-muted);
  --line: var(--film272-line);
  --panel: #202849;
}

html[data-theme=dark] .guide-article code {
  background: var(--film272-surface);
  color: var(--film272-muted);
}

@keyframes float {
  50% {
    transform: translateY(-5px);
  }
}

@media (prefers-reduced-motion:reduce) {
  *,*:before,*:after {
    animation: none !important;
    transition: none !important;
  }
}

@media (max-width:900px) {
  header {
    width: calc(100% - 40px);
    gap: 16px;
  }
  nav {
    gap: 15px;
  }
  .hero {
    padding: 42px 36px;
  }
  .hero-grid {
    gap: 24px;
  }
  .scene>img {
    height: 390px;
  }
  .scene-note {
    left: -12px;
    padding: 19px;
  }
  .bento {
    grid-template-columns: 1fr 1fr;
  }
  .card.wine {
    grid-column: 1/-1;
  }
  .guide-layout {
    grid-template-columns: 1fr;
  }
  .guide-aside {
    position: static;
    display: flex;
    flex-wrap: wrap;
  }
  .guide-hero .hero-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width:650px) {
  header {
    height: 86px;
    gap: 12px;
  }
  .brand {
    font-size: 23px;
  }
  .brand img {
    width: 39px;
    height: 39px;
  }
  nav {
    display: none;
  }
  .pill {
    margin-left: auto;
    padding: 10px 12px;
    font-size: 11px;
  }
  .theme {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
  }
  .hero {
    width: calc(100% - 24px);
    padding: 34px 22px 24px;
    border-radius: 22px;
    min-height: 0;
  }
  .hero-grid {
    grid-template-columns: 1fr;
    gap: 22px;
  }
  h1 {
    font-size: clamp(34px,10vw,58px);
    letter-spacing: -.05em;
    margin: 24px 0;
  }
  .lead {
    font-size: 14px;
  }
  .actions {
    gap: 18px;
    flex-wrap: wrap;
    margin-top: 24px;
  }
  .primary {
    padding: 15px 20px;
    font-size: 12px;
    gap: 25px;
  }
  .text-link {
    font-size: 12px;
  }
  .scene {
    padding-top: 12px;
  }
  .scene>img {
    height: 310px;
    border-radius: 160px 160px 14px 14px;
  }
  .scene-note {
    bottom: 18px;
    left: 12px;
    right: 12px;
    justify-content: space-between;
    padding: 18px;
  }
  .scene-note b {
    font-size: 22px;
  }
  .hero-bottom {
    margin-top: 26px;
    display: block;
  }
  .hero-bottom>p {
    font-size: 9px;
    margin-top: 20px;
  }
  .rules {
    gap: 6px;
    flex-wrap: wrap;
  }
  .rules button {
    width: 37px;
    height: 37px;
  }
  .rules .pause {
    padding: 0 12px;
  }
  .section {
    width: calc(100% - 40px);
    margin: 50px auto;
  }
  .section-heading {
    display: block;
  }
  .section h2 {
    font-size: 36px;
  }
  .bento {
    grid-template-columns: 1fr;
  }
  .card {
    min-height: 230px;
    padding: 28px;
  }
  .card.wine {
    grid-column: auto;
  }
  .step-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  footer {
    width: calc(100% - 24px);
    margin: 55px auto 12px;
    padding: 30px 24px;
    grid-template-columns: 60px 1fr;
    gap: 20px;
  }
  footer img {
    width: 54px;
    height: 54px;
  }
  footer h2 {
    font-size: 26px;
    letter-spacing: -.8px;
  }
  footer p {
    line-height: 1.7;
  }
  .guide-hero {
    padding-bottom: 30px;
  }
  .guide-hero h1 {
    font-size: 44px;
    letter-spacing: -2px;
  }
  .guide-index {
    padding: 24px;
  }
  .guide-article section {
    padding: 26px 22px;
  }
  .guide-article h2 {
    font-size: 27px;
  }
  .choices {
    grid-template-columns: 1fr;
  }
  .guide-article p,.guide-article li {
    font-size: 14px;
  }
}

.hero-grid>div {
  min-width: 0;
}

h1,footer h2 {
  overflow-wrap: anywhere;
}

.device-guides {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  width: min(1370px,calc(100% - 48px));
  margin: 22px auto;
}

.device-guides a {
  display: grid;
  gap: 5px;
  padding: 18px 24px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: var(--panel);
  font-size: 13px;
}

.device-guides span {
  color: var(--muted);
}

.brand .red {
  color: var(--red);
}

.brand small {
  font-size: 11px;
  letter-spacing: 2px;
}

header nav {
  flex-wrap: wrap;
  align-items: center;
}

#theme-toggle {
  border: 1px solid var(--line);
  border-radius: 30px;
  background: var(--panel);
  color: var(--ink);
  font: inherit;
  font-size: 12px;
}

a:focus-visible,button:focus-visible,summary:focus-visible {
  outline: 3px solid var(--film272-accent);
  outline-offset: 4px;
}

html[data-theme=dark] {
  color-scheme: dark;
}

html[data-theme=light] {
  color-scheme: light;
}

@media (max-width:900px) {
  header {
    height: auto;
    padding-block: 20px;
    flex-wrap: wrap;
  }
  header nav {
    display: flex;
    width: 100%;
    margin-left: 0;
    gap: 12px 20px;
    font-size: 12px;
  }
  .device-guides {
    width: calc(100% - 24px);
  }
}

.guide-language {
  display: flex;
  gap: 2px;
  padding: 2px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--panel);
}

.guide-language button {
  min-width: 44px;
  min-height: 44px;
  border: 0;
  border-radius: 11px;
  font-size: 12px;
  font-weight: 700;
  background: transparent;
  color: var(--ink);
}

.guide-language button[aria-pressed=true] {
  background: var(--wine);
  color: #fff7f1;
}

#theme-toggle {
  min-height: 44px;
  padding: 10px 14px;
  white-space: nowrap;
}

header nav>a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}

footer {
  padding: 24px 32px;
  grid-template-columns: 48px minmax(0,1fr) auto;
  gap: 14px 20px;
}

footer img {
  width: 48px;
  height: 48px;
}

footer h2 {
  font-size: 24px;
  line-height: 1.15;
  letter-spacing: -.7px;
  margin: 0;
}

footer p {
  font-size: 12px;
  margin: 6px 0 0;
  line-height: 1.5;
}

footer .primary {
  padding: 12px 20px;
  min-height: 44px;
  gap: 24px;
}

footer small {
  grid-column: 1/-1;
  margin: 0;
  font-size: 10px;
  overflow-wrap: anywhere;
}

@media (max-width:900px) {
  header nav {
    gap: 8px 16px;
  }
  .guide-language {
    margin-left: auto;
  }
}

@media (max-width:650px) {
  header {
    width: calc(100% - 28px);
  }
  header nav {
    gap: 4px 14px;
  }
  .guide-language {
    margin-left: 0;
  }
  footer {
    padding: 20px;
    grid-template-columns: 40px minmax(0,1fr);
    gap: 14px;
  }
  footer img {
    width: 40px;
    height: 40px;
  }
  footer h2 {
    font-size: 22px;
  }
  footer .primary {
    grid-column: 1/-1;
    justify-content: space-between;
  }
}

@media (prefers-reduced-motion:reduce) {
  html {
    scroll-behavior: auto;
  }
}

.guide-shot img {
  height: auto;
}

header .brand img {
  display: inline-block;
  overflow: hidden;
}

body.mr185-native-guide,body.manred-dashboard.mr185-native-mini {
  --mr185-panel: var(--mr185-surface);
  --mr185-action: var(--mr185-deep);
  --mr185-action-text: #fff;
  --paper: var(--mr185-background);
  --panel: var(--mr185-surface);
  --panel-2: color-mix(in srgb,var(--mr185-main) 7%,var(--mr185-surface));
  --ink: var(--mr185-ink);
  --text: var(--mr185-ink);
  --muted: var(--mr185-muted);
  --line: var(--mr185-line);
  --accent: var(--mr185-action);
  --red: var(--mr185-action);
  --wine: var(--mr185-deep);
  margin: 0;
  background: var(--mr185-background) !important;
  color: var(--mr185-ink) !important;
  font-family: Arial,Helvetica,sans-serif;
}

html[data-theme="dark"] body.mr185-native-guide,html[data-theme="dark"] body.manred-dashboard.mr185-native-mini,html.dark body.mr185-native-guide,html.dark body.manred-dashboard.mr185-native-mini {
  --mr185-action: var(--mr185-edge);
  --mr185-action-text: #102447;
}

body.mr185-native-guide:before,body.manred-dashboard.mr185-native-mini:before {
  content: none !important;
  background: none !important;
}

body.mr185-native-guide a:focus-visible,body.mr185-native-guide button:focus-visible,body.mr185-native-guide summary:focus-visible,body.mr185-native-mini a:focus-visible,body.mr185-native-mini button:focus-visible,body.mr185-native-mini [role="button"]:focus-visible {
  outline: 3px solid var(--mr185-action) !important;
  outline-offset: 4px;
}

body.mr185-native-guide>header {
  max-width: 1360px;
  width: calc(100% - 64px);
  height: auto;
  min-height: 94px;
  margin: auto;
  border-bottom: 1px solid var(--mr185-line);
  background: transparent;
  color: var(--mr185-ink);
  gap: 24px;
}

body.mr185-native-guide>header nav {
  color: var(--mr185-muted);
}

body.mr185-native-guide .brand,body.mr185-native-guide .brand .red {
  color: var(--mr185-ink);
}

body.mr185-native-guide .brand .red {
  color: var(--mr185-action);
}

body.mr185-native-guide #theme-toggle,body.mr185-native-guide .guide-language button {
  background: var(--mr185-surface);
  color: var(--mr185-ink);
  border-color: var(--mr185-line);
}

body.mr185-native-guide .guide-language button[aria-pressed="true"] {
  background: var(--mr185-action);
  color: var(--mr185-action-text);
  border-color: var(--mr185-action);
}

body.mr185-native-guide .device-guides,body.mr185-native-guide .guide-mood179,body.mr185-native-guide .guide-layout {
  width: min(1360px,calc(100% - 64px));
}

body.mr185-native-guide .device-guides a {
  background: var(--mr185-surface);
  border-color: var(--mr185-line);
  color: var(--mr185-ink);
  border-radius: 16px;
  box-shadow: none;
}

body.mr185-native-guide .hero.guide-hero {
  width: min(1360px,calc(100% - 64px));
  padding: 54px 0 44px;
  min-height: 0;
  background: linear-gradient(130deg,var(--mr185-background),color-mix(in srgb,var(--mr185-main) 7%,var(--mr185-background)));
  color: var(--mr185-ink);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  overflow: visible;
}

body.mr185-native-guide .hero.guide-hero:before,body.mr185-native-guide .hero.guide-hero:after {
  content: none;
}

body.mr185-native-guide .hero-grid {
  grid-template-columns: minmax(0,1.2fr) minmax(260px,.8fr);
  gap: 48px;
  align-items: center;
}

body.mr185-native-guide h1 {
  font-size: clamp(38px,4.6vw,68px);
  letter-spacing: -.055em;
  line-height: 1.06;
  color: var(--mr185-ink);
}

body.mr185-native-guide h1 em,body.mr185-native-guide .eyebrow,body.mr185-native-guide footer h2 em {
  color: var(--mr185-action);
}

body.mr185-native-guide .lead,body.mr185-native-guide .guide-article p,body.mr185-native-guide .guide-article li {
  color: var(--mr185-muted);
}

body.mr185-native-guide .guide-index {
  background: var(--mr185-surface);
  border: 1px solid var(--mr185-line);
  border-radius: 20px;
  padding: 28px;
  box-shadow: none;
  color: var(--mr185-ink);
}

body.mr185-native-guide .guide-index strong,body.mr185-native-guide .guide-index a {
  color: var(--mr185-ink);
  border-color: var(--mr185-line);
}

body.mr185-native-guide .guide-aside {
  color: var(--mr185-muted);
  border-color: var(--mr185-line);
}

body.mr185-native-guide .guide-article section {
  background: var(--mr185-surface);
  color: var(--mr185-ink);
  border: 1px solid var(--mr185-line);
  box-shadow: none;
  border-radius: 20px;
  margin-bottom: 22px;
  padding: 32px;
}

body.mr185-native-guide .guide-article h2,body.mr185-native-guide .guide-article strong {
  color: var(--mr185-ink);
}

body.mr185-native-guide .number {
  background: color-mix(in srgb,var(--mr185-main) 9%,var(--mr185-surface));
  color: var(--mr185-action);
  border-color: var(--mr185-line);
}

body.mr185-native-guide .notice,body.mr185-native-guide .sample,body.mr185-native-guide .choices>div {
  background: color-mix(in srgb,var(--mr185-main) 5%,var(--mr185-surface));
  color: var(--mr185-ink);
  border-color: var(--mr185-line);
  box-shadow: none;
}

body.mr185-native-guide code {
  background: color-mix(in srgb,var(--mr185-main) 8%,var(--mr185-surface));
  color: var(--mr185-action);
}

body.mr185-native-guide .guide-shot {
  border: 1px solid var(--mr185-line);
  border-radius: 16px;
  padding: 14px;
  background: var(--mr185-surface);
  box-shadow: none;
}

body.mr185-native-guide .guide-shot img {
  filter: none;
  mix-blend-mode: normal;
  border-radius: 10px;
}

body.mr185-native-guide .guide-shot figcaption {
  color: var(--mr185-muted);
}

body.mr185-native-guide>footer {
  width: min(1360px,calc(100% - 64px));
  margin: 28px auto;
  padding: 24px 28px;
  background: color-mix(in srgb,var(--mr185-main) 7%,var(--mr185-background));
  color: var(--mr185-ink);
  border: 1px solid var(--mr185-line);
  border-radius: 20px;
  grid-template-columns: 52px minmax(0,1fr) auto;
  gap: 24px;
  box-shadow: none;
}

body.mr185-native-guide>footer:before,body.mr185-native-guide>footer:after {
  content: none;
}

body.mr185-native-guide>footer h2 {
  font-size: 24px;
  line-height: 1.2;
  color: var(--mr185-ink);
}

body.mr185-native-guide>footer p,body.mr185-native-guide>footer small {
  color: var(--mr185-muted);
}

body.mr185-native-guide>footer>.logo184-mark {
  width: 52px;
  height: 52px;
}

body.mr185-native-guide .primary,html[data-theme] body.manred-dashboard.mr185-native-mini .primary,html[data-theme] body.manred-dashboard.mr185-native-mini #home>button[data-tab-link="plans"] {
  background: var(--mr185-action) !important;
  color: var(--mr185-action-text) !important;
  border: 0 !important;
  border-radius: 999px !important;
  min-height: 48px;
  box-shadow: none !important;
}

html[data-theme] body.manred-dashboard.mr185-native-mini>main {
  max-width: 720px;
  padding: 20px 24px 110px;
  background: transparent !important;
}

html[data-theme] body.manred-dashboard.mr185-native-mini .topbar {
  background: transparent !important;
  border-color: var(--mr185-line) !important;
  padding: 0 0 24px;
  margin-bottom: 20px;
}

html[data-theme] body.manred-dashboard.mr185-native-mini .topbar .brand strong,html[data-theme] body.manred-dashboard.mr185-native-mini .welcome h1,html[data-theme] body.manred-dashboard.mr185-native-mini .section-title h2 {
  color: var(--mr185-ink) !important;
}

html[data-theme] body.manred-dashboard.mr185-native-mini .topbar .brand small,html[data-theme] body.manred-dashboard.mr185-native-mini .welcome p {
  color: var(--mr185-muted) !important;
}

html[data-theme] body.manred-dashboard.mr185-native-mini .icon-button {
  background: var(--mr185-surface) !important;
  border-color: var(--mr185-line) !important;
  color: var(--mr185-ink) !important;
  border-radius: 14px !important;
}

html[data-theme] body.manred-dashboard.mr185-native-mini .subscription-card,html[data-theme] body.manred-dashboard.mr185-native-mini .feature-card,html[data-theme] body.manred-dashboard.mr185-native-mini .summary-card,html[data-theme] body.manred-dashboard.mr185-native-mini .plan-card,html[data-theme] body.manred-dashboard.mr185-native-mini .consent-card,html[data-theme] body.manred-dashboard.mr185-native-mini .connection-card {
  background: var(--mr185-surface) !important;
  color: var(--mr185-ink) !important;
  border-color: var(--mr185-line) !important;
  border-radius: 20px !important;
  box-shadow: 0 12px 28px color-mix(in srgb,var(--mr185-deep) 5%,transparent) !important;
}

html[data-theme] body.manred-dashboard.mr185-native-mini .feature-icon {
  background: color-mix(in srgb,var(--mr185-main) 8%,var(--mr185-surface)) !important;
  color: var(--mr185-action) !important;
  border-color: var(--mr185-line) !important;
}

html[data-theme] body.manred-dashboard.mr185-native-mini .secondary,html[data-theme] body.manred-dashboard.mr185-native-mini .link-list>a {
  background: var(--mr185-surface) !important;
  color: var(--mr185-ink) !important;
  border-color: var(--mr185-line) !important;
  border-radius: 14px;
}

html[data-theme] body.manred-dashboard.mr185-native-mini .notice {
  background: var(--mr185-surface) !important;
  color: var(--mr185-ink) !important;
  border: 1px solid var(--mr185-line) !important;
  border-radius: 16px;
}

html[data-theme] body.manred-dashboard.mr185-native-mini .bottom-nav {
  background: var(--mr185-surface) !important;
  border-color: var(--mr185-line) !important;
  box-shadow: 0 8px 28px color-mix(in srgb,var(--mr185-deep) 10%,transparent) !important;
  border-radius: 22px !important;
}

html[data-theme] body.manred-dashboard.mr185-native-mini .bottom-nav button.selected {
  background: color-mix(in srgb,var(--mr185-main) 10%,var(--mr185-surface)) !important;
  color: var(--mr185-action) !important;
}

body.mr185-native-guide .mood179-switch,body.mr185-native-mini .mood179-switch {
  background: var(--mr185-surface) !important;
  border-color: var(--mr185-line) !important;
  color: var(--mr185-ink) !important;
}

@media (max-width:760px) {
  body.mr185-native-guide>header,body.mr185-native-guide .device-guides,body.mr185-native-guide .guide-mood179,body.mr185-native-guide .guide-layout,body.mr185-native-guide .hero.guide-hero,body.mr185-native-guide>footer {
    width: calc(100% - 40px);
  }
  body.mr185-native-guide>header {
    min-height: 82px;
    flex-wrap: wrap;
    padding-block: 16px;
    gap: 14px;
  }
  body.mr185-native-guide>header nav {
    display: flex;
    gap: 10px;
    font-size: 12px;
  }
  body.mr185-native-guide .hero-grid {
    grid-template-columns: minmax(0,1fr);
    gap: 28px;
  }
  body.mr185-native-guide .hero.guide-hero {
    padding-block: 32px;
  }
  body.mr185-native-guide .guide-article section {
    padding: 24px 20px;
  }
  body.mr185-native-guide>footer {
    grid-template-columns: 52px minmax(0,1fr);
    padding: 22px 20px;
    gap: 18px;
  }
  body.mr185-native-guide>footer .primary,body.mr185-native-guide>footer small {
    grid-column: 1/-1;
  }
  html[data-theme] body.manred-dashboard.mr185-native-mini>main {
    padding-inline: 16px;
  }
}

body.mr185-native-info {
  --mr185-action: var(--mr185-deep);
  --mr185-action-text: #fff;
  --paper: var(--mr185-background);
  --panel: var(--mr185-surface);
  --ink: var(--mr185-ink);
  --muted: var(--mr185-muted);
  --line: var(--mr185-line);
  background: var(--mr185-background) !important;
  color: var(--mr185-ink) !important;
  margin: 0;
  font: 16px/1.7 Arial,Helvetica,sans-serif;
}

html[data-theme="dark"] body.mr185-native-info,html.dark body.mr185-native-info {
  --mr185-action: var(--mr185-edge);
  --mr185-action-text: #102447;
}

body.mr185-native-info:before,body.mr185-native-info:after {
  content: none !important;
  background: none !important;
}

body.mr185-native-info>header {
  width: min(1120px,calc(100% - 48px));
  margin: auto;
  min-height: 88px;
  height: auto;
  gap: 24px;
  border-bottom: 1px solid var(--mr185-line);
  background: transparent;
  color: var(--mr185-ink);
}

body.mr185-native-info>header nav {
  color: var(--mr185-muted);
}

body.mr185-native-info .brand {
  color: var(--mr185-ink);
}

body.mr185-native-info .brand .red {
  color: var(--mr185-action);
}

body.mr185-native-info>main {
  width: min(960px,calc(100% - 48px));
  margin: 42px auto;
  padding: 0;
  background: none;
  color: var(--mr185-ink);
}

body.mr185-native-info h1 {
  font-family: Arial,Helvetica,sans-serif;
  font-size: clamp(32px,4.5vw,54px);
  letter-spacing: -.04em;
  line-height: 1.12;
  color: var(--mr185-ink);
}

body.mr185-native-info h2,body.mr185-native-info h3 {
  color: var(--mr185-ink);
}

body.mr185-native-info p,body.mr185-native-info li {
  color: var(--mr185-muted);
}

body.mr185-native-info a {
  color: var(--mr185-action);
}

body.mr185-native-info a.contact {
  background: var(--mr185-action);
  color: var(--mr185-action-text);
  border: 0;
  border-radius: 999px;
  padding: 14px 24px;
}

body.mr185-native-info section,body.mr185-native-info aside {
  background: var(--mr185-surface);
  border: 1px solid var(--mr185-line);
  border-radius: 20px;
  padding: 24px;
  box-shadow: none;
}

body.mr185-native-info .variants {
  background: var(--mr185-surface);
  border-color: var(--mr185-line);
  color: var(--mr185-ink);
}

body.mr185-native-info>footer {
  width: min(1120px,calc(100% - 48px));
  margin: 28px auto;
  padding: 22px 0;
  background: none;
  color: var(--mr185-muted);
  border-top: 1px solid var(--mr185-line);
  box-shadow: none;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  border-radius: 0;
}

body.mr185-native-info>footer:before,body.mr185-native-info>footer:after {
  content: none;
}

body.mr185-native-info #theme-toggle {
  background: var(--mr185-surface);
  border-color: var(--mr185-line);
  color: var(--mr185-ink);
}

body.mr185-native-info a:focus-visible,body.mr185-native-info button:focus-visible {
  outline: 3px solid var(--mr185-action);
  outline-offset: 4px;
}

@media (max-width:650px) {
  body.mr185-native-info>header {
    width: calc(100% - 40px);
    flex-wrap: wrap;
    padding-block: 16px;
  }
  body.mr185-native-info>header nav {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    font-size: 12px;
  }
  body.mr185-native-info>main,body.mr185-native-info>footer {
    width: calc(100% - 40px);
  }
  body.mr185-native-info>main {
    margin-top: 30px;
  }
  body.mr185-native-info section,body.mr185-native-info aside {
    padding: 20px;
  }
}

html[data-theme] .mr185-native-mini.manred-dashboard .subscription-card small,html[data-theme] .mr185-native-mini.manred-dashboard .subscription-meta {
  color: var(--mr185-muted) !important;
}

html[data-theme] .mr185-native-mini.manred-dashboard .subscription-meta b {
  color: var(--mr185-ink) !important;
}

html[data-theme] .mr185-native-mini.manred-dashboard .arrow-button {
  background: var(--mr185-panel) !important;
  color: var(--mr185-action) !important;
  border-color: var(--mr185-line) !important;
}

.mr185-native-mini.manred-dashboard :is(.plan,.connection) {
  background: var(--mr185-panel) !important;
  color: var(--mr185-ink) !important;
  border-color: var(--mr185-line) !important;
}

html body.mr185-native-info,
html body.oneui185-gallery,
html[data-theme] body.mr185-native-info,
html[data-theme] body.oneui185-gallery {
  background-color: var(--mr185-background) !important;
  background-image: radial-gradient(
      ellipse at 88% 12%,
      color-mix(in srgb, var(--mr185-main) 10%, transparent),
      transparent 42%
    ),
    linear-gradient(
      135deg,
      var(--mr185-background),
      color-mix(in srgb, var(--mr185-main) 3%, var(--mr185-background)) 72%,
      var(--mr185-background)
    ) !important;
}

html body.mr185-native-guide .hero.guide-hero h1 em[data-manred-preserve],
html body.mr185-native-guide .hero.guide-hero .eyebrow {
  color: var(--mr185-action) !important;
}

html[data-theme] body.manred-dashboard.mr185-native-mini {
  background: var(--mr185-background) !important;
}

html body.mr185-native-info a.contact {
  background: var(--mr185-action) !important;
  color: var(--mr185-action-text) !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  box-sizing: border-box;
  min-height: 44px;
}

html body.mr185-native-info :focus-visible,
html body.oneui185-gallery :focus-visible {
  outline: 3px solid var(--mr185-action) !important;
  outline-offset: 4px;
}

html[data-theme][data-manred-mood] body.mr185-native-guide .hero.guide-hero .actions>.primary:focus-visible {
  outline-color: var(--mr185-action) !important;
}

html:root:root:root:root:root:root:root:root[data-theme] body .crimson-emblem::before,
html:root:root:root:root:root:root:root:root[data-theme] body .crimson-emblem::after,
html:root:root:root:root:root:root:root:root[data-theme] body #manred-fulltheme185 .crimson-emblem::before,
html:root:root:root:root:root:root:root:root[data-theme] body #manred-fulltheme185 .crimson-emblem::after,
html:root:root:root:root:root:root:root:root[data-theme] body .topbar .brand::before,
html:root:root:root:root:root:root:root:root[data-theme] body .topbar .brand::after,
html:root:root:root:root:root:root:root:root[data-theme] body header .brand::before,
html:root:root:root:root:root:root:root:root[data-theme] body header .brand::after {
  content: none !important;
  display: none !important;
  animation: none !important;
  background: none !important;
  filter: none !important;
}

.guide410-image {
  display: block;
  width: 100%;
  max-width: 560px;
  height: auto;
  margin-inline: auto;
}

.guide-article figure {
  margin: 24px 0;
}

.guide-article figcaption {
  font-size: .9rem;
  line-height: 1.5;
  margin-top: 10px;
}

.guide-article details {
  border: 1px solid currentColor;
  border-radius: 12px;
  padding: 16px;
}

.guide-article summary {
  font-weight: 700;
  cursor: pointer;
}

.guide-article li {
  margin-block: 12px;
  line-height: 1.65;
}

.guide410-checkup {
  font-size: .9rem;
}

html[data-theme="light"] .guide-article {
  background: #fff;
}

html[data-theme="light"] [data-guide410-image] {
  color-scheme: light;
}

html.dark [data-guide410-image],html[data-theme="dark"] [data-guide410-image] {
  color-scheme: dark;
}

.guide-article .shot533 {
  margin: 24px 0;
  min-width: 0;
}

.guide-article .shot533-open {
  display: block;
  max-width: 100%;
  width: fit-content;
  text-decoration: none;
}

.guide-article .shot533 img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: none;
  object-fit: contain;
  border-radius: 12px;
}

.guide-article .shot533-open:focus-visible {
  outline: 3px solid #e73554;
  outline-offset: 5px;
}

.guide-article .shot533-zoom {
  display: block;
  padding: 10px 0;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.guide-article .shot533 figcaption {
  max-width: 72ch;
  line-height: 1.6;
}

.shot533-store {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  gap: 16px;
}

.shot533-en {
  display: none;
}

html[lang="en"] .shot533-en {
  display: inline;
}

html[lang="en"] .shot533-ru {
  display: none;
}

.guide-article .shot533-legacy {
  margin: 20px 0;
}

.guide-article .shot533-legacy .shot533 {
  margin-bottom: 0;
}

@media (min-width:1100px) {
  .shot533-store {
    grid-template-columns: repeat(2,minmax(0,1fr));
    align-items: start;
  }
}

.guide-article .guide734-layout {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(220px,300px);
  gap: 24px;
  align-items: start;
}

.guide-article .guide734-copy {
  min-width: 0;
}

.guide-article .guide734-layout>.shot533 {
  margin: 0;
  min-width: 0;
}

.guide-article .guide734-layout>.shot533 .shot533-open,
.guide-article .guide734-layout>.shot533-store .shot533-open {
  width: 100%;
}

.guide-article .guide734-layout>.shot533 img {
  width: 100%;
  height: auto;
  max-height: none;
}

.guide-article .guide734-layout>.shot533 figcaption {
  font-size: .85rem;
}

.guide-article .shot533-legacy .shot533-open {
  max-width: 620px;
}

@media (max-width:1100px) {
  .guide-article .guide734-layout {
    grid-template-columns: minmax(0,1fr);
    gap: 16px;
  }
  .guide-article .guide734-layout>.shot533 {
    width: min(100%,330px);
    justify-self: center;
  }
}

.guide-article .guide734-layout>figure {
  margin: 0;
}

.guide-article .guide734-layout>.shot533-store {
  grid-template-columns: minmax(0,1fr);
  min-width: 0;
}

.guide-article .guide734-layout>.shot533-store .shot533 {
  margin: 0;
}

.guide-article .guide734-layout>.shot533-store img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

.guide738-devices {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  margin: 20px 0;
}

.guide738-devices a {
  padding: 10px 14px;
  border: 1px solid currentColor;
  border-radius: 10px;
}

.guide738-platform {
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid #85849a55;
}

.guide738-desktop {
  margin-top: 18px;
}

.guide-article .shot533-store h3,.guide-article .shot533-store>p {
  grid-column: 1/-1;
}

.guide-article .guide734-layout {
  grid-template-columns: minmax(0,1fr) minmax(180px,240px);
}

.guide-article .guide734-layout>.shot533 img {
  max-height: 560px;
  object-fit: contain;
}

.guide-article .guide734-layout>.shot533-store img {
  max-height: 420px;
  object-fit: contain;
}

@media (max-width:900px) {
  .guide-article .guide734-layout {
    grid-template-columns: minmax(0,1fr);
  }
  .guide-article .guide734-layout>.shot533 {
    width: min(100%,300px);
  }
}

.mr-photo819 {
  box-sizing: border-box;
  width: min(96vw,1000px);
  max-height: 94dvh;
  overflow: auto;
  border: 1px solid #777;
  border-radius: 18px;
  padding: 20px;
  background: #151933;
  color: #fff;
}

.mr-photo819::backdrop {
  background: rgb(0 0 0/.8);
}

.mr-photo819 h2 {
  font-size: 1.2rem;
  margin: 0 0 12px;
}

.mr-photo819 button {
  float: right;
  background: #e73554;
  color: white;
  border: 0;
  border-radius: 10px;
  padding: 12px 20px;
  cursor: pointer;
}

.mr-photo819 img {
  display: block;
  max-width: 100%;
  max-height: 70dvh;
  width: auto;
  height: auto;
  margin: 16px auto;
  object-fit: contain;
}

.mr-photo819 #mr-photo819-caption {
  line-height: 1.5;
}

html:not([lang=en]) .mr-photo819 [lang=en],html[lang=en] .mr-photo819 [lang=ru] {
  display: none;
}

.mr-photo819 :focus-visible {
  outline: 3px solid white;
  outline-offset: 3px;
}

html[data-theme=light] .mr-photo819 {
  background: white;
  color: #151933;
}

html[data-theme=light] .mr-photo819 :focus-visible {
  outline-color: #e73554;
}

@layer print1268 {
  @media print {
    html,body {
      background: #fff !important;
    }
    body * {
      color: #171717 !important;
      background-color: transparent !important;
      box-shadow: none !important;
      text-shadow: none !important;
    }
    .guide-skip-link {
      display: none !important;
    }
    a {
      text-decoration: underline !important;
    }
  }
}

:root {
  --film272-logo: #e73554;
  --film272-accent: #e73554;
  --film272-track: #e73554;
  --film272-surface: #fff;
  --film272-background: #FFFFFF;
  --film272-ink: #28213f;
  --film272-muted: #66637d;
  --film272-line: #ded8ee;
  --film272-glow: #e9c5ef;
}

html.dark,html[data-theme="dark"] {
  --film272-accent: #e73554;
  --film272-surface: #202849;
  --film272-background: #151b36;
  --film272-ink: #f7f5ff;
  --film272-muted: #b5bad8;
  --film272-line: #373e63;
  --film272-glow: #633b83;
}

html body #manred-fulltheme185.mlogo231 {
  --mr185-main: var(--film272-accent) !important;
  --mr185-edge: var(--film272-track) !important;
  --mr185-deep: #e73554 !important;
  --mr185-action: #e73554 !important;
  --mr185-action-text: #fff !important;
  --mr185-paper: var(--film272-background) !important;
  --mr185-background: var(--film272-background) !important;
  --mr185-panel: var(--film272-surface) !important;
  --mr185-surface: var(--film272-surface) !important;
  --mr185-ink: var(--film272-ink) !important;
  --mr185-muted: var(--film272-muted) !important;
  --mr185-line: var(--film272-line) !important;
  --mr185-tint: var(--film272-surface) !important;
  background: var(--film272-background) !important;
}

html body #manred-fulltheme185 .mr-art-panel {
  border: 0 !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

html body #manred-fulltheme185 .mr-hero-rules {
  max-width: 1320px;
  min-height: 690px;
  grid-template-columns: minmax(0,1fr) minmax(0,1.1fr);
  padding-top: 34px;
  padding-bottom: 34px;
}

html body #manred-fulltheme185 .vpn-motto {
  font-size: clamp(40px,4.7vw,65px);
  letter-spacing: -.045em;
}

.film272-mark-packet {
  stroke: #fff !important;
  stroke-dashoffset: 100;
  animation: film272-signal 6s linear infinite !important;
}

.film272-mark-track {
  stroke: var(--film272-track);
}

.film272-visual {
  position: relative;
  min-width: 0;
}

.film272-scene {
  display: block;
  width: 100%;
  position: relative;
}

.film272-ambient {
  position: absolute;
  inset: 4% -8%;
  background: radial-gradient(ellipse,var(--film272-glow),transparent 65%);
  animation: film272-breathe 6s ease-in-out infinite;
  pointer-events: none;
}

.film272-grid {
  opacity: .16;
  color: var(--film272-muted);
}

.film272-routes {
  color: var(--film272-accent);
  opacity: .5;
}

.film272-branch {
  display: none;
}

.film272-visual[data-rule="1"] .film272-branch {
  display: block;
}

.film272-extra {
  display: none;
}

.film272-visual[data-rule="1"] [data-scenes="1"],.film272-visual[data-rule="2"] [data-scenes="2"],.film272-visual[data-rule="3"] [data-scenes="3"],.film272-visual[data-rule="4"] [data-scenes="4"] {
  display: block;
}

.film272-packet,.film272-mark-packet {
  stroke-dasharray: 5 95;
  stroke-dashoffset: 100;
  animation: film272-signal 6s linear infinite;
}

.film272-mark-packet {
  stroke-dasharray: 7 93;
}

.film272-endpoints {
  animation: film272-breathe 6s ease-in-out infinite;
}

@keyframes film272-signal {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes film272-breathe {
  50% {
    opacity: .5;
    transform: scale(.96);
  }
}

.film272-visual[data-stopped=true] * {
  animation-play-state: paused !important;
}

@media (max-width:700px) {
  html body #manred-fulltheme185 .mr-hero-rules {
    display: grid;
    grid-template-columns: 1fr;
    min-height: 0;
  }
  .film272-visual {
    margin: 0 -8px;
  }
  .film272-scene {
    width: 100%;
  }
  html body #manred-fulltheme185 .vpn-motto {
    font-size: 45px;
  }
}

@media (prefers-reduced-motion:reduce) {
  .film272-visual *,.film272-mark-packet {
    animation: none !important;
  }
  .film272-packet,.film272-mark-packet {
    stroke-dashoffset: 40;
  }
}

html[data-theme] body:is(.mr185-native-mini,.mr185-native-guide) {
  --bg: var(--film272-background) !important;
  --card: var(--film272-surface) !important;
  --surface: var(--film272-surface) !important;
  --text: var(--film272-ink) !important;
  --muted: var(--film272-muted) !important;
  --line: var(--film272-line) !important;
  --accent: var(--film272-logo) !important;
  --accent-bright: var(--film272-logo) !important;
  --accent-deep: var(--film272-logo) !important;
  --button-bg: var(--film272-logo) !important;
  --button-text: #fff !important;
  background: var(--film272-background) !important;
  color: var(--film272-ink) !important;
}

html:root[data-theme] body:is(.manred-dashboard.mr185-native-mini,.mr185-native-guide,.mr185-native-info) {
  --mr185-background: var(--film272-background) !important;
  --mr185-surface: var(--film272-surface) !important;
  --mr185-ink: var(--film272-ink) !important;
  --mr185-muted: var(--film272-muted) !important;
  --mr185-line: var(--film272-line) !important;
  --mr185-action: var(--film272-logo) !important;
  --mr185-deep: var(--film272-logo) !important;
  --mr185-main: var(--film272-logo) !important;
  --mr185-action-text: #fff !important;
  background: var(--film272-background) !important;
  color: var(--film272-ink) !important;
}

html:root[data-theme] body:is(.manred-dashboard.mr185-native-mini,.mr185-native-guide,.mr185-native-info) :is(.primary,.connect-button,a.contact),html:root[data-theme] body:is(.manred-dashboard.mr185-native-mini,.mr185-native-guide,.mr185-native-info) :is(.primary,.connect-button,a.contact):hover:not(:disabled) {
  background: var(--film272-logo) !important;
  color: #fff !important;
  border-color: var(--film272-logo) !important;
}

html,html[data-theme] {
  --mr185-main: var(--film272-accent) !important;
  --mr185-edge: var(--film272-track) !important;
  --mr185-deep: #e73554 !important;
  --mr185-background: var(--film272-background) !important;
  --mr185-surface: var(--film272-surface) !important;
  --mr185-ink: var(--film272-ink) !important;
  --mr185-muted: var(--film272-muted) !important;
  --mr185-line: var(--film272-line) !important;
  --mr185-action: #e73554 !important;
  --mr185-action-text: #fff !important;
  --shell185-action: #e73554 !important;
  --shell185-action-text: #fff !important;
  --manred-mood-action: var(--film272-accent) !important;
  --manred-mood-bright: var(--film272-track) !important;
}

html[data-theme] body {
  background: var(--film272-background) !important;
  color: var(--film272-ink) !important;
}

html[data-theme] body :is(.marketing,.account-shell,[data-slot="sidebar-wrapper"],.mr185-native-mini,.mr185-native-guide) {
  --mr185-background: var(--film272-background) !important;
  --mr185-surface: var(--film272-surface) !important;
  --mr185-ink: var(--film272-ink) !important;
  --mr185-muted: var(--film272-muted) !important;
  --mr185-line: var(--film272-line) !important;
  --mr185-action: #e73554 !important;
  --mr185-action-text: #fff !important;
  --shell185-action: #e73554 !important;
  --shell185-action-text: #fff !important;
  --sidebar-background: var(--film272-surface) !important;
  --sidebar-foreground: var(--film272-ink) !important;
  --sidebar-accent: color-mix(in srgb,var(--film272-accent) 14%,var(--film272-surface)) !important;
  --sidebar-accent-foreground: var(--film272-accent) !important;
  --primary: #e73554 !important;
  --primary-foreground: #fff !important;
  --accent: color-mix(in srgb,var(--film272-accent) 14%,var(--film272-surface)) !important;
  --accent-foreground: var(--film272-accent) !important;
}

html[data-theme] body :is(.marketing,.account-shell,[data-slot="sidebar-wrapper"]) {
  background: var(--film272-background) !important;
  color: var(--film272-ink) !important;
}

html[data-theme] .marketing .site-header .crimson-emblem {
  filter: none !important;
}

html[data-theme] .marketing .crimson-wordmark>span {
  color: var(--film272-accent) !important;
}

html[data-theme] [data-slot="sidebar-wrapper"] .brand .crimson-wordmark>span {
  color: var(--film272-accent) !important;
}

html[data-theme] .marketing .mr-hero-rules .vpn-motto em {
  color: var(--film272-accent) !important;
}

html[data-theme] :is(.mr185-native-mini,.mr185-native-guide) .logo184-mark {
  filter: none !important;
}

html[data-theme] .mr185-native-mini .topbar .brand>span {
  display: block;
  text-align: center;
}

html[data-theme] .mr185-native-mini .topbar .brand strong>span,
html[data-theme] .mr185-native-guide header .brand .red {
  color: var(--film272-logo,#e73554) !important;
}

html[data-theme] .mr185-native-mini .topbar .brand small,
html[data-theme] .mr185-native-guide header .brand>span>small {
  display: block;
  text-align: center;
  width: 100%;
}

html[data-theme] body #manred-fulltheme185 .site-header .brand-lockup.crimson-brand:hover .crimson-wordmark,
html[data-theme] body #manred-fulltheme185 .site-header a:focus-visible .crimson-wordmark,
html[data-theme] body .brand-lockup.crimson-brand:hover .crimson-wordmark,
html[data-theme] body a:focus-visible .brand-lockup.crimson-brand .crimson-wordmark,
html[data-theme] .mr185-native-mini .topbar .brand:is(:hover,:focus-visible) strong,
html[data-theme] .mr185-native-guide header .brand:is(:hover,:focus-visible)>span {
  color: var(--film272-logo,#e73554) !important;
}

html:root:root:root[data-theme] body,html:root:root:root[data-theme] body :is(.marketing,.account-shell,[data-slot="sidebar-wrapper"]) {
  --mr185-main: var(--film272-logo) !important;
  --mr185-edge: var(--film272-logo) !important;
  --mr185-deep: var(--film272-logo) !important;
  --mr185-action: var(--film272-logo) !important;
  --mr185-action-text: #fff !important;
  --mr185-background: var(--film272-background) !important;
  --mr185-paper: var(--film272-background) !important;
  --mr185-panel: var(--film272-surface) !important;
  --mr185-surface: var(--film272-surface) !important;
  --mr185-ink: var(--film272-ink) !important;
  --mr185-muted: var(--film272-muted) !important;
  --mr185-line: var(--film272-line) !important;
  background: var(--film272-background) !important;
  color: var(--film272-ink) !important;
}

html:root:root[data-theme] body #manred-fulltheme185 .button.primary,html:root:root[data-theme] body .marketing .button.primary,html:root:root[data-theme] body #manred-fulltheme185 #manred-unified-footer .muf-account,html:root:root[data-theme] body #manred-unified-footer .muf-account {
  background: var(--film272-logo) !important;
  color: #fff !important;
  border-color: var(--film272-logo) !important;
}

html:root:root[data-theme] body:is(.support258,.legal259) .wordmark small {
  width: 100%;
  text-align: center;
}

html:root:root[data-theme] body:is(.support258,.legal259) .brand:is(:hover,:focus-visible) .wordmark {
  color: var(--film272-logo) !important;
}

html[data-theme] body #manred-fulltheme185 .site-header .brand-lockup.crimson-brand .crimson-wordmark>span {
  color: var(--film272-logo,#e73554) !important;
}

html:root:root:root:root:root:root[data-theme] body :is([role="tab"][aria-selected="true"], [data-slot="tabs-trigger"][data-active]) {
  color: #fff !important;
}

html:root:root:root:root[data-theme] body .button.primary {
  background: #e73554 !important;
  color: #fff !important;
  border-color: #e73554 !important;
}

html:root:root:root:root[data-theme] body .button.primary :is(span,strong) {
  color: #fff !important;
}

html:root:root:root:root[data-theme] body :is(.main .panel,.main .metric,[data-slot="dialog-content"]) {
  background: var(--film272-surface) !important;
  color: var(--film272-ink) !important;
  border-color: var(--film272-line) !important;
}

html:root:root:root:root[data-theme] body .main .table-button {
  background: color-mix(in srgb,#e73554 9%,var(--film272-surface)) !important;
  color: #e73554 !important;
  border-color: var(--film272-line) !important;
}

html:root:root:root:root[data-theme] body :is(.main,[data-slot="dialog-content"]) :is(input,select,textarea) {
  background: var(--film272-surface) !important;
  color: var(--film272-ink) !important;
  border-color: var(--film272-line) !important;
}

html body .brand-lockup.crimson-brand .crimson-wordmark>span,
html[data-theme] body .marketing .brand-lockup.crimson-brand .crimson-wordmark>span,
html[data-theme] body [data-slot="sidebar-wrapper"] .brand .crimson-wordmark>span {
  color: var(--film272-logo,#e73554) !important;
}

html body .brand-lockup.crimson-brand .crimson-wordmark>b {
  display: block;
  width: 100%;
  text-align: center;
  padding-left: .38em;
}

html[data-theme] body a.button.primary,
html[data-theme] body a.muf-account,
html[data-theme] body.mr185-native-guide a.primary {
  font-size: 19px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  min-height: 48px !important;
}

html[data-theme] body #manred-fulltheme185 .language-switch button,html[data-theme] body.mr185-native-guide .guide-language button,html[data-theme] body.mr185-native-mini #language-toggle {
  font-size: 19px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  min-width: 44px !important;
  min-height: 44px !important;
}

html[data-theme] body.mr185-native-guide header .brand > .logo184-mark {
  display: block;
  width: 50px;
  height: 50px;
  flex: 0 0 50px;
  overflow: visible;
}

html[data-theme] body.mr185-native-guide :is(.guide-index a,.actions .text-link) {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  line-height: 1.45;
  box-sizing: border-box;
  overflow-wrap: anywhere;
}

html[data-theme] body.mr185-native-guide .guide-index a {
  width: 100%;
}

html[data-theme] body.mr185-native-guide #router :is(.text-link,.secondary) {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  line-height: 1.45;
  color: var(--film272-accent,#e73554) !important;
  overflow-wrap: anywhere;
}

html[data-theme] body.mr185-native-guide #steps a:not(.button):not(.primary) {
  color: var(--film272-accent,#e73554) !important;
}

html[data-theme] body.mr185-native-guide .guide-aside a {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 10px 8px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}