/* Generated from design-system/tokens.json. Do not edit. */
:root,html[data-theme=light]{--mr-brand:#e73554;--mr-font-family:Arial, Helvetica, sans-serif;--mr-font-packagedFamily:ManRed Noto Sans;--mr-font-body:16px;--mr-font-caption:14px;--mr-font-heading:32px;--mr-font-line:1.55;--mr-space-xs:4px;--mr-space-sm:8px;--mr-space-md:16px;--mr-space-lg:24px;--mr-space-xl:40px;--mr-radius-sm:8px;--mr-radius-md:12px;--mr-radius-lg:20px;--mr-shadow-card:0 8px 32px #00000014;--mr-breakpoint-mobile:760px;--mr-breakpoint-tablet:1024px;--mr-motion-fast:160ms;--mr-motion-normal:240ms;--mr-motion-logo:6s;--mr-motion-easing:ease;--mr-background:#ffffff;--mr-surface:#ffffff;--mr-text:#28213f;--mr-muted:#4b465f;--mr-link:#bd2341;--mr-button:#d92e4c;--mr-buttonText:#ffffff;--mr-line:#ded8ee;--mr-ok:#176638;--mr-warn:#785000;--mr-error:#b6203c;--mr-checking:#4b465f;--film272-button:var(--mr-button);--manred-mobile-body:var(--mr-font-body);--manred-mobile-caption:var(--mr-font-caption);--manred-mobile-muted:var(--mr-muted);}
html.dark,html[data-theme=dark]{--mr-brand:#e73554;--mr-font-family:Arial, Helvetica, sans-serif;--mr-font-packagedFamily:ManRed Noto Sans;--mr-font-body:16px;--mr-font-caption:14px;--mr-font-heading:32px;--mr-font-line:1.55;--mr-space-xs:4px;--mr-space-sm:8px;--mr-space-md:16px;--mr-space-lg:24px;--mr-space-xl:40px;--mr-radius-sm:8px;--mr-radius-md:12px;--mr-radius-lg:20px;--mr-shadow-card:0 8px 32px #00000014;--mr-breakpoint-mobile:760px;--mr-breakpoint-tablet:1024px;--mr-motion-fast:160ms;--mr-motion-normal:240ms;--mr-motion-logo:6s;--mr-motion-easing:ease;--mr-background:#151b36;--mr-surface:#202849;--mr-text:#f7f5ff;--mr-muted:#d5d8e8;--mr-link:#ff92a7;--mr-button:#d92e4c;--mr-buttonText:#ffffff;--mr-line:#373e63;--mr-ok:#88dfab;--mr-warn:#ffcf70;--mr-error:#ff92a7;--mr-checking:#d5d8e8;--film272-button:var(--mr-button);--manred-mobile-body:var(--mr-font-body);--manred-mobile-caption:var(--mr-font-caption);--manred-mobile-muted:var(--mr-muted);}
/* ManRed shared surfaces, typography, color and mobile tokens — canonical source; edit here, never add a numbered override. */
html:root:root:root[data-theme] body :is(.marketing,.account-shell,[data-slot="sidebar-wrapper"],.mr185-native-mini,.mr185-native-guide) {
  --sidebar-accent: var(--film272-background) !important;
  --accent: var(--film272-background) !important;
}

html:root:root:root[data-theme] body :is(.login-art,.login-form .inline-notice,.account-tabs,.account-tabs button.selected,.client-icon,.nav-item:is(:hover,.active),.button.secondary-button:hover,.button.ghost:hover,.platform-tabs-list,.dns-grid>article,.rb-tabs,.wiki-code,.wiki-flow a:hover,.mr185-native-guide .number,.mr185-native-guide .notice,.mr185-native-guide .sample,.mr185-native-guide .choices>div,.mr185-native-guide code,.feature-icon,.bottom-nav button.selected) {
  background: var(--film272-surface) !important;
  background-image: none !important;
}

html:root:root:root[data-theme] body :is(.help-hero,.help-cta,.configurator-hero,.wiki-hero,.hero.guide-hero,.mr185-native-guide>footer) {
  background: var(--film272-background) !important;
  background-image: none !important;
}

html:root:root:root[data-theme] body:is(.mr185-native-info,.oneui185-gallery) {
  background: var(--film272-background) !important;
  background-image: none !important;
}

html:root:root:root[data-theme] body.manred-dashboard.mr185-native-mini :is(.primary,.connect-button):hover:not(:disabled) {
  background: #e73554 !important;
  color: #fff !important;
}

html:root:root:root[data-theme] body :is(.marketing,.account-shell,[data-slot="sidebar-wrapper"]) :is(.data-table th,.column-sort,.client-cell-note,.metric>div,.metric small,.empty-state,.empty-state h3,.section-heading>span,.node-meta,.node-row small) {
  color: var(--film272-muted) !important;
}

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

html:root:root:root[data-theme] body :is(.marketing,.account-shell,[data-slot="sidebar-wrapper"]) :is(.column-sort:hover,.column-sort[data-active="true"]) {
  color: #e73554 !important;
}

html:root:root:root[data-theme] body :is(.marketing,.account-shell,[data-slot="sidebar-wrapper"]) .data-table :is(tr,th,td) {
  border-color: var(--film272-line) !important;
}

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

html:root:root:root[data-theme] body :is(.marketing,.account-shell,[data-slot="sidebar-wrapper"]) :is(.table-person small,.event-row time,.event-row span,.release-note,.service-grid .panel p,.language-switch button:not(.active)) {
  color: var(--film272-muted) !important;
}

html:root:root:root[data-theme] body :is(.marketing,.account-shell,[data-slot="sidebar-wrapper"]) .language-switch button.active {
  color: #fff !important;
}

@media (max-width:767px) {
  html:root:root:root[data-theme] body [data-slot="sidebar-wrapper"] :is(.table-button,.column-sort,.button) {
    min-height: 44px !important;
  }
  html:root:root:root[data-theme] body [data-slot="sidebar-wrapper"] [data-slot="sidebar-trigger"] {
    min-width: 44px !important;
    min-height: 44px !important;
  }
}

html:root:root:root[data-theme] body :is(.marketing,.account-shell,[data-slot="sidebar-wrapper"]) :is(.logout-icon,.search-wrap svg,.column-sort-icon,.page-heading p) {
  color: var(--film272-muted) !important;
}

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

html:root:root:root[data-theme] body [data-slot="sidebar-wrapper"] .nav-item:is(:hover,.active) {
  color: #e73554 !important;
}

html:root:root:root[data-theme] body .faq-trigger>svg {
  color: var(--film272-muted) !important;
}

html:root:root:root[data-theme] body .help-heading p,html:root:root:root[data-theme] body .platform-guide p,html:root:root:root[data-theme] body .faq-content p,html:root:root:root[data-theme] body .configurator-hero p,html:root:root:root[data-theme] body .personal-generator-heading p,html:root:root:root[data-theme] body .configurator-state p {
  color: var(--film272-muted) !important;
}

html:root:root:root[data-theme] body .help-hero-card,html:root:root:root[data-theme] body .platform-guide,html:root:root:root[data-theme] body .faq-item,html:root:root:root[data-theme] body .help-cta,html:root:root:root[data-theme] body .configurator-shell,html:root:root:root[data-theme] body .configurator-state,html:root:root:root[data-theme] body .personal-generator-heading {
  border-color: var(--film272-line) !important;
}

html:root:root:root[data-theme] body .marketing .site-footer,html:root:root:root[data-theme] body .marketing .site-footer>span,html:root:root:root[data-theme] body .marketing .site-footer>small {
  color: var(--film272-muted) !important;
}

html:root:root:root[data-theme] body .marketing .site-footer>div {
  color: var(--film272-muted) !important;
}

html:root:root:root[data-theme] body .marketing.support-design05 .help-cta p {
  color: var(--film272-muted) !important;
}

html:root:root:root[data-theme] body .platform-guide-intro span {
  color: var(--film272-muted) !important;
}

html:root:root:root[data-theme] body .rb-generator-head p,html:root:root:root[data-theme] body .rb-intro p,html:root:root:root[data-theme] body .rb-style small,html:root:root:root[data-theme] body .rb-install p {
  color: var(--film272-muted) !important;
}

html:root:root:root[data-theme] body .rb-server-card label {
  color: var(--film272-muted) !important;
}

html:root:root:root[data-theme] body .rb-server-card textarea,html:root:root:root[data-theme] body .rb-server-card input,html:root:root:root[data-theme] body .rb-server-card select {
  border-color: var(--film272-line) !important;
  color: var(--film272-ink) !important;
}

html:root:root:root[data-theme] body .rb-style label {
  border-color: var(--film272-line) !important;
  color: var(--film272-muted) !important;
}

html:root:root:root[data-theme] body .rb-workspace,html:root:root:root[data-theme] body .rb-intro,html:root:root:root[data-theme] body .rb-server-card,html:root:root:root[data-theme] body .rb-style,html:root:root:root[data-theme] body .rb-install {
  border-color: var(--film272-line) !important;
}

html:root:root:root[data-theme] body .release-note {
  color: var(--film272-muted) !important;
}

html:root:root:root[data-theme] body .wiki-nav span {
  color: var(--film272-muted) !important;
}

html:root:root:root[data-theme] body .wiki-nav>a {
  color: var(--film272-muted) !important;
}

html:root:root:root[data-theme] body .wiki-screen-note span {
  color: var(--film272-muted) !important;
}

html:root:root:root[data-theme] body :is(.help-hero-card,.platform-guide,.faq-item,.help-cta) {
  color: var(--film272-ink) !important;
}

html:root:root:root[data-theme] body :is(.compatibility-note,.help-cta p,.wiki-nav a,.release-note) {
  color: var(--film272-muted) !important;
}

html:root:root:root[data-theme] body .rb-style label:has(input:checked) {
  color: #e73554 !important;
  border-color: #e73554 !important;
}

html:root:root:root[data-theme] body .wiki-nav>a.active {
  color: #e73554 !important;
}

html:root:root:root[data-theme] body :is(.rb-server-card textarea,.rb-server-card input)::placeholder {
  color: var(--film272-muted) !important;
}

html:root:root:root[data-theme] body .mr185-native-guide small {
  border-color: var(--film272-line) !important;
}

html:root:root:root[data-theme] body :is(.vpn-help main>p,#manred-help-contact,#manred-help-contact a,.manual-steps p) {
  color: var(--film272-muted) !important;
}

html:root:root:root[data-theme] body .manual-steps article {
  color: var(--film272-ink) !important;
}

html:root:root:root[data-theme] body .rb-generator-head {
  background: var(--film272-surface) !important;
  background-image: none !important;
}

html:root:root:root[data-theme] body :is(.platform-guide-intro,.platform-guide li,.manual-steps article,.faq-list) {
  border-color: var(--film272-line) !important;
}

html:root:root:root[data-theme] body.mr185-native-guide footer small {
  border-color: var(--film272-line) !important;
}

html:root:root:root[data-theme] body.mr185-native-guide code {
  color: #e73554 !important;
}

html:root:root:root[data-theme] body .wiki-screen-note {
  border-color: var(--film272-line) !important;
}

html:root:root:root[data-theme] body .wiki-dns b {
  color: var(--film272-ink) !important;
}

html:root:root:root:root:root:root:root :is(body,.marketing,.hero,.launch-banner,.sidebar-help,.subscription-card,.summary-card,.feature-card,.consent-card,.connection,.plan,.link-list,.closing-cta,.home-tools>a,.hero-browser,.phone-themes,.vpn-promo,.site-footer,.manred-unified-footer,.configuration-generator,.configurator-hero,.configurator-state,.connection-guide,.feature-bento article,.guide-shot-panel,.help-cta,.help-hero,.help-hero-card,.knowledge-grid article,.manual-steps article,.dns-grid article,.platform-guide,.protocol-grid article,.rb-generator-head,.system-summary,.universal-generator,.vpn-hero-overlay,.wiki-content>section,.wiki-hero,#manred-fulltheme185 main) {
  background-image: none !important;
}

html:root:root:root:root:root:root:root :is(.film272-ambient,.hero-shade,.hero-energy i) {
  background: none !important;
  animation: none !important;
}

html:root:root:root:root:root:root:root .film272-ambient {
  display: none !important;
}

html:root:root:root:root:root:root:root :is(.hero-energy,.vpn-promo,.login-art,.guide-shot-body)::after,html:root:root:root:root:root:root:root .vpn-promo::before {
  background-image: none !important;
}

html:root:root:root:root:root:root:root:not(.dark):not([data-theme="dark"]) {
  --film272-background: #fff !important;
  --film272-surface: #fff !important;
  --mr185-background: #fff !important;
  --mr185-paper: #fff !important;
  --mr185-surface: #fff !important;
  --bg: #fff !important;
  --surface: #fff !important;
  background: #fff !important;
}

html:root:root:root:root:root:root:root:not(.dark):not([data-theme="dark"]) :is(body,.marketing,.hero,.launch-banner,.sidebar-help,.subscription-card,.summary-card,.feature-card,.consent-card,.connection,.plan,.link-list,.closing-cta,.home-tools>a,.hero-browser,.phone-themes,.vpn-promo,.site-footer,.manred-unified-footer,.configuration-generator,.configurator-hero,.configurator-state,.connection-guide,.feature-bento article,.guide-shot-panel,.help-cta,.help-hero,.help-hero-card,.knowledge-grid article,.manual-steps article,.dns-grid article,.platform-guide,.protocol-grid article,.rb-generator-head,.system-summary,.universal-generator,.vpn-hero-overlay,.wiki-content>section,.wiki-hero,#manred-fulltheme185 main,header,.topbar,.site-header,.account-shell,.login-art,.film272-visual,#manred-fulltheme185) {
  background: #fff !important;
  --film272-background: #fff !important;
  --film272-surface: #fff !important;
  --mr185-background: #fff !important;
  --mr185-paper: #fff !important;
  --bg: #fff !important;
}

html[data-theme] .marketing .account-shell .generator-copy,html[data-theme] .marketing .account-shell .generator-file {
  border: 0;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  color: var(--film272-ink) !important;
}

html[data-theme="light"]:not(.dark) body :is(textarea,select,input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),.rb-style label,.platform-guide ol>li,.wiki-note,.guide-shot figcaption,.pill.green,.pill.blue,.pill.yellow,.pill.red) {
  background-color: #FFFFFF !important;
  background-image: none !important;
}

@media (prefers-color-scheme:light),(prefers-color-scheme:no-preference) {
  html:not(.dark):not([data-theme="dark"]) body :is(textarea,select,input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),.rb-style label,.platform-guide ol>li,.wiki-note,.guide-shot figcaption,.pill.green,.pill.blue,.pill.yellow,.pill.red) {
    background-color: #FFFFFF !important;
    background-image: none !important;
  }
}

svg.film272-mark,.film272-scene,.film272-big-mark,.film272-mark>path,.film272-big-mark>path {
  shape-rendering: geometricPrecision;
}

.film272-mark-packet {
  stroke-linejoin: round;
  stroke-linecap: round;
}

.compatibility-note {
  background: #FFFFFF;
  color: #28213f;
  border-left-color: #e73554;
}

:root[data-theme="dark"] .compatibility-note,:root.dark .compatibility-note {
  background: #202849;
  color: #f7f5ff;
  border-left-color: #e73554;
}

.rb-server-title .detect {
  background: #FFFFFF;
  color: #28213f;
  border: 1px solid #e73554;
}

.rb-style label.active {
  background: #FFFFFF;
  color: #28213f;
  border-color: #e73554;
}

.guide-shot-top>span:nth-child(3) {
  background: #e73554;
}

html .marketing.support-design05 .wiki-note,html .marketing.support-design05 .wiki-note.warning {
  background: #FFFFFF;
  border-color: #e73554;
}

html .marketing.support-design05 .wiki-note p,html .marketing.support-design05 .wiki-note.warning p {
  color: #28213f;
}

html.dark .rb-server-title .detect,html.dark .rb-style label.active,html.dark .marketing.support-design05 .wiki-note,html.dark .marketing.support-design05 .wiki-note.warning {
  background: #202849;
  color: #f7f5ff;
  border-color: #e73554;
}

html.dark .marketing.support-design05 .wiki-note p,html.dark .marketing.support-design05 .wiki-note.warning p {
  color: #f7f5ff;
}

html:root:root:root:root[data-theme] body .compatibility-note {
  color: #28213f !important;
}

html:root:root:root:root[data-theme="dark"] body .compatibility-note {
  color: #f7f5ff !important;
}

html:root:root:root:root:not(.dark):not([data-theme="dark"]) #manred-fulltheme185 :is(.protocol-grid article,.feature-bento article,.knowledge-grid article,.workflow-grid article,.manual-steps article,.dns-grid article,.client-card,.subscription-card,.summary-card,.feature-card,.manred-unified-footer) {
  box-shadow: none !important;
}

:root {
  --film272-button: #d92e4c;
}

html:root:root:root:root:root[data-theme] body :is(.button.primary,.muf-account,[data-slot="button"].bg-primary,.mr-photo819 button),
html:root:root:root:root:root[data-theme] body :is(.button.primary,.muf-account,[data-slot="button"].bg-primary,.mr-photo819 button):hover:not(:disabled),
html:root:root:root:root:root[data-theme] body:is(.manred-dashboard.mr185-native-mini,.mr185-native-guide,.mr185-native-info) :is(.primary,.connect-button,a.contact),
html:root:root:root:root: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-button) !important;
  filter: none !important;
}

html:root:root:root:root:root[data-theme] body.manred-dashboard.mr185-native-mini #home>button[data-tab-link="plans"] {
  background: var(--film272-button) !important;
}

@media (max-width:760px) {
  html body .connection-guide-grid article {
    background: var(--film272-surface) !important;
  }
  html body .connection-guide-grid b {
    color: var(--manred-mobile-muted) !important;
  }
}

@media (max-width:760px) {
  html body :is(.manual-steps article>b,.platform-guide li b) {
    color: var(--manred-mobile-muted) !important;
  }
}

@media (max-width:760px) {
  html:root:root:root:root:root:root body.manred-dashboard .tag {
    color: var(--manred-mobile-muted) !important;
  }
}

:root {
  --manred-mobile-body: 16px;
  --manred-mobile-caption: 14px;
  --manred-mobile-muted: #d5d8e8;
}

html[data-theme="light"] {
  --manred-mobile-muted: #4b465f;
}

@media (max-width:760px) {
  html body {
    font-size: var(--manred-mobile-body) !important;
  }
  html body :is(p,li,pre,code,label,input,textarea,select,.button,.primary,.secondary,.copy-button) {
    font-size: var(--manred-mobile-body) !important;
    line-height: 1.55;
  }
  html body :is(small,.eyebrow,.red-eyebrow,.release-label,.release-note,.hero-footnote,.hero-caption,.mini-tag,.illustration-caption,.protocol-grid span,.muf-eyebrow,.muf-message p,.muf-copyright,.connection-label small,.subscription-hint) {
    font-size: var(--manred-mobile-caption) !important;
    line-height: 1.5 !important;
  }
  html body :is(.protocol-grid span,.muf-message p,.muf-eyebrow,.release-note,.illustration-caption,.hero-footnote,.connection-label small) {
    color: var(--manred-mobile-muted) !important;
  }
  html body :is(nav a,.guide738-devices a,.guide-nav a,.number,.step-num) {
    font-size: var(--manred-mobile-caption) !important;
  }
  html body button {
    font-size: var(--manred-mobile-body) !important;
  }
  html body :is(.shot533-ru,.shot533-en) {
    font-size: inherit !important;
  }
  html body .protocol-grid span {
    letter-spacing: normal !important;
  }
}

.external-launch .copy-button {
  display: block;
  width: 100%;
  min-height: 48px;
  padding: 12px 16px;
  border: 1px solid currentColor;
  border-radius: 12px;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
}

.external-launch [hidden] {
  display: none !important;
}

body[data-launching] .external-launch {
  visibility: hidden;
}

@media (max-width:760px) {
  html:root:root:root:root:root:root body :is(.eyebrow,.red-eyebrow) {
    color: var(--manred-mobile-muted) !important;
  }
}

@media (max-width:760px) {
  html:root:root:root:root:root:root body.manred-dashboard :is(.notice,.connection-actions a) {
    font-size: var(--manred-mobile-body) !important;
    line-height: 1.55 !important;
  }
  html:root:root:root:root:root:root body.manred-dashboard :is(small,.tag,.subscription-meta,.summary-card>span) {
    font-size: var(--manred-mobile-caption) !important;
    line-height: 1.5 !important;
  }
  html:root:root:root:root:root:root body.manred-dashboard :is(small,.subscription-meta,.summary-card>span) {
    color: var(--manred-mobile-muted) !important;
  }
}

html:root body.manred-dashboard.mr185-native-mini :is(#notice,.client-update) a.copy-button:not([hidden]) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 10px 16px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--panel-2);
  color: var(--text) !important;
  text-decoration: none;
}

@media (max-width:760px) {
  html body :is(.bottom-nav .nav-label,.header-account,.feature-strip>span,.scroll-hint,.visual-toolbar span,.network-flow span) {
    font-size: var(--manred-mobile-caption) !important;
    line-height: 1.5 !important;
  }
}

@media (max-width:760px) {
  html body :is(p.wiki-lead,.client-cell-value,p.form-error,.generator-result>p,.generator-rules p,button.faq-trigger,.account-tabs [data-slot=tabs-trigger]) {
    font-size: var(--manred-mobile-body) !important;
    line-height: 1.55 !important;
  }
  html body :is(.wiki-nav>a,.wiki-nav>b,.wiki-nav span,.wiki-nav strong,.wiki-title span,.wiki-dns b,.wiki-dns span) {
    font-size: var(--manred-mobile-caption) !important;
    line-height: 1.5 !important;
  }
}

@media (max-width:760px) {
  html body p.form-error {
    color: var(--manred-mobile-muted) !important;
  }
}

@media (max-width:760px) {
  html body :is(.inline-notice,.quiet-link,.data-table td,.table-person strong) {
    font-size: var(--manred-mobile-body) !important;
    line-height: 1.55 !important;
  }
  html body :is(.data-table th,.section-heading>span,.profile strong) {
    font-size: var(--manred-mobile-caption) !important;
    line-height: 1.5 !important;
  }
}

@media (max-width:760px) {
  html body :is(.generator-notice,.generator-privacy,.event-row,.rb-style h3,.rb-install b,.rb-install a) {
    font-size: var(--manred-mobile-body) !important;
    line-height: 1.55 !important;
  }
  html body :is(.event-row time,.event-row span,.feature-row span,.pill,.workflow-card-top b,.connection-guide-grid b,.platform-guide-intro span,.platform-guide li b,.faq-trigger b,.manual-steps article>b,.rb-server-title>b,.rb-server-title .detect,.rb-style b) {
    font-size: var(--manred-mobile-caption) !important;
    line-height: 1.5 !important;
  }
}

@media (max-width:760px) {
  html body.manred-dashboard .summary-card #identity {
    font-size: var(--manred-mobile-body) !important;
    line-height: 1.55 !important;
  }
}

:root {
  --manred-link: #bd2341;
}

html.dark,html[data-theme="dark"] {
  --manred-link: #ff92a7;
}

html[data-theme="light"]:not(.dark) {
  --manred-link: #bd2341;
}