/* Сгенерировано site/design-system/build.py из tokens.json — не править вручную. */
:root {
  color-scheme: light;
  --sr-text-xs: 0.8125rem;
  --sr-text-sm: 0.875rem;
  --sr-text-md: 0.9375rem;
  --sr-text-base: 1rem;
  --sr-text-lead: 1.0625rem;
  --sr-text-lg: 1.125rem;
  --sr-text-xl: 1.25rem;
  --sr-text-h3: 1.3125rem;
  --sr-text-h2: 2.625rem;
  --sr-text-h1: 3.5rem;
  --sr-text-page: 1.875rem;
  --sr-leading-tight: 1.07;
  --sr-leading-snug: 1.2;
  --sr-leading-normal: 1.5;
  --sr-leading-relaxed: 1.65;
  --sr-weight-regular: 400;
  --sr-weight-semibold: 600;
  --sr-weight-bold: 700;
  --sr-weight-display: 800;
  --sr-weight-heading: 400;
  --sr-space-0: 0;
  --sr-space-1: 0.25rem;
  --sr-space-2: 0.5rem;
  --sr-space-3: 0.75rem;
  --sr-space-4: 1rem;
  --sr-space-5: 1.25rem;
  --sr-space-6: 1.5rem;
  --sr-space-7: 1.75rem;
  --sr-space-8: 2rem;
  --sr-space-10: 2.5rem;
  --sr-space-12: 3rem;
  --sr-space-16: 4rem;
  --sr-space-20: 5rem;
  --sr-space-24: 6rem;
  --sr-radius-xs: 0.375rem;
  --sr-radius-sm: 0.75rem;
  --sr-radius-md: 1.125rem;
  --sr-radius-lg: 1.5rem;
  --sr-radius-xl: 1.75rem;
  --sr-radius-pill: 62.4375rem;
  --sr-size-control: 2.75rem;
  --sr-size-control-sm: 2.25rem;
  --sr-size-control-lg: 3.375rem;
  --sr-size-container: 115rem;
  --sr-size-reading: 45rem;
  --sr-size-sidebar: 15.625rem;
  --sr-size-header: 4.25rem;
  --sr-motion-fast: 150ms;
  --sr-motion-base: 240ms;
  --sr-motion-slow: 360ms;
  --sr-motion-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --sr-motion-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --sr-motion-reveal: 1300ms;
  --sr-z-header: 50;
  --sr-z-dropdown: 60;
  --sr-z-overlay: 90;
  --sr-z-modal: 100;
  --sr-z-toast: 110;
  --sr-font-display: "Unbounded SR", "Manrope SR", "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;
  --sr-font-sans: "Manrope SR", "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;
  --sr-font-mono: ui-monospace, "Cascadia Mono", Consolas, "Liberation Mono", monospace;
  --sr-bg: #EEF4F9;
  --sr-bg-alt: #F6F9FC;
  --sr-surface: #FFFFFF;
  --sr-surface-raised: #FFFFFF;
  --sr-surface-sunken: #F1F6FA;
  --sr-border: #DCE7F0;
  --sr-border-strong: #B9CCDC;
  --sr-text: #071A2E;
  --sr-text-muted: #4A6378;
  --sr-text-disabled: #8399AB;
  --sr-accent: #1A6DB5;
  --sr-accent-soft: #E3EFF8;
  --sr-link: #145A96;
  --sr-button: #17629F;
  --sr-button-hover: #12568E;
  --sr-button-active: #0F4B7C;
  --sr-on-button: #FFFFFF;
  --sr-secondary-bg: #F6F9FC;
  --sr-secondary-hover: #E3EFF8;
  --sr-cyan: #47B5E8;
  --sr-wave: #5CC4EC;
  --sr-focus: #47B5E8;
  --sr-focus-strong: #1A6DB5;
  --sr-success: #00B989;
  --sr-success-text: #00745A;
  --sr-success-bg: #E6F8F2;
  --sr-warning: #C27C00;
  --sr-warning-text: #8A5A00;
  --sr-warning-bg: #FFF6E0;
  --sr-error: #D93B54;
  --sr-error-text: #B3263D;
  --sr-error-bg: #FDECEF;
  --sr-danger-solid: #B3263D;
  --sr-danger-solid-hover: #8F1D31;
  --sr-info: #1A6DB5;
  --sr-info-text: #145A96;
  --sr-info-bg: #E3EFF8;
  --sr-disabled-surface: #ECF1F6;
  --sr-overlay: rgba(7, 26, 46, 0.42);
  --sr-header: rgba(255, 255, 255, 0.6);
  --sr-header-solid: rgba(255, 255, 255, 0.97);
  --sr-header-border: rgba(255, 255, 255, 0.9);
  --sr-nav-on: #145A96;
  --sr-glass: rgba(255, 255, 255, 0.62);
  --sr-glass-strong: rgba(255, 255, 255, 0.82);
  --sr-glass-border: rgba(255, 255, 255, 0.92);
  --sr-bg-top: #F6F9FC;
  --sr-bg-bottom: #E4EEF6;
  --sr-glow-1: #BEDAEF;
  --sr-glow-2: #D3E5F1;
  --sr-glow-3: #CAE5F5;
  --sr-silk: rgba(255, 255, 255, 0.5);
  --sr-silk-cyan: rgba(127, 230, 255, 0.35);
  --sr-silk-opacity: 1;
  --sr-edge: rgba(238, 244, 249, 0.8);
  --sr-band: #03152C;
  --sr-band-2: #062240;
  --sr-band-text: #EAF3FA;
  --sr-band-muted: #93AEC4;
  --sr-kbd-top: #FFFFFF;
  --sr-kbd-bottom: #E8F0F7;
  --sr-kbd-edge: #C7D6E3;
  --sr-band-header: rgba(6, 34, 64, 0.6);
  --sr-band-header-solid: rgba(6, 34, 64, 0.97);
  --sr-band-header-border: rgba(123, 204, 239, 0.22);
  --sr-sidebar-top: #04152A;
  --sr-sidebar-mid: #0B335E;
  --sr-sidebar-bottom: #165A99;
  --sr-sidebar-text: #EAF3FA;
  --sr-sidebar-muted: #A9C2D6;
  --sr-sidebar-divider: #24527E;
  --sr-sidebar-edge: transparent;
  --sr-pill-from: #0E4F8C;
  --sr-pill-to: #1F78BD;
  --sr-capsule-from: #04152A;
  --sr-capsule-to: #0B2E52;
  --sr-meter-track: #E3ECF4;
  --sr-chart-1: #1A6DB5;
  --sr-chart-2: #EB6834;
  --sr-chart-3: #1BAF7A;
  --sr-chart-grid: #E3ECF4;
  --sr-chart-axis: #8399AB;
  --sr-placeholder-bg: #FFF3C4;
  --sr-shadow-color: 14, 58, 100;
  --sr-night: 0;
  --sr-switch-from: #DDF1FB;
  --sr-switch-to: #A9D8F2;
  --sr-switch-border: #9CCDEA;
  --sr-switch-star: transparent;
  --sr-switch-orb: #BFE9FB;
  --sr-switch-orb-edge: #2E9BDA;
  --sr-switch-glow: rgba(71, 181, 232, 0.7);
  --sr-switch-ink: #0B2E52;
  --sr-shadow-sm: 0 1px 0.125rem rgba(var(--sr-shadow-color), 0.06), 0 0.125rem 0.5rem rgba(var(--sr-shadow-color), 0.05);
  --sr-shadow-md: 0 0.5rem 1.5rem rgba(var(--sr-shadow-color), 0.08);
  --sr-shadow-lg: 0 1.125rem 3rem rgba(var(--sr-shadow-color), 0.14);
  --sr-shadow-inset: inset 0 1px 0 rgba(255, 255, 255, 0.6);
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --sr-bg: #031424;
  --sr-bg-alt: #061B30;
  --sr-surface: #07213A;
  --sr-surface-raised: #0B2B48;
  --sr-surface-sunken: #04182C;
  --sr-border: #15385A;
  --sr-border-strong: #23507A;
  --sr-text: #EAF3FA;
  --sr-text-muted: #93AEC4;
  --sr-text-disabled: #5A7790;
  --sr-accent: #4FA8E0;
  --sr-accent-soft: #0C3150;
  --sr-link: #7CC6EE;
  --sr-button: #1A68A8;
  --sr-button-hover: #2378BC;
  --sr-button-active: #165B93;
  --sr-on-button: #FFFFFF;
  --sr-secondary-bg: #061B30;
  --sr-secondary-hover: #0C3150;
  --sr-cyan: #7BCCEF;
  --sr-wave: #5CC4EC;
  --sr-focus: #7BCCEF;
  --sr-focus-strong: #7BCCEF;
  --sr-success: #2ED3A3;
  --sr-success-text: #2ED3A3;
  --sr-success-bg: #0B3330;
  --sr-warning: #F0B44C;
  --sr-warning-text: #F0B44C;
  --sr-warning-bg: #352812;
  --sr-error: #FF7085;
  --sr-error-text: #FF7085;
  --sr-error-bg: #3A1626;
  --sr-danger-solid: #C42B44;
  --sr-danger-solid-hover: #A52238;
  --sr-info: #4FA8E0;
  --sr-info-text: #7CC6EE;
  --sr-info-bg: #0C3150;
  --sr-disabled-surface: #0E2740;
  --sr-overlay: rgba(1, 8, 18, 0.66);
  --sr-header: rgba(6, 34, 64, 0.62);
  --sr-header-solid: rgba(6, 34, 64, 0.97);
  --sr-header-border: rgba(123, 204, 239, 0.2);
  --sr-nav-on: #FFFFFF;
  --sr-glass: rgba(7, 33, 58, 0.62);
  --sr-glass-strong: rgba(11, 43, 72, 0.86);
  --sr-glass-border: rgba(123, 204, 239, 0.16);
  --sr-bg-top: #04182C;
  --sr-bg-bottom: #020D19;
  --sr-glow-1: #0D4A86;
  --sr-glow-2: #06315F;
  --sr-glow-3: #0B3A66;
  --sr-silk: rgba(127, 230, 255, 0.16);
  --sr-silk-cyan: rgba(127, 230, 255, 0.24);
  --sr-silk-opacity: 1;
  --sr-edge: rgba(3, 20, 36, 0.8);
  --sr-band: #020E1C;
  --sr-band-2: #04182E;
  --sr-band-text: #EAF3FA;
  --sr-band-muted: #93AEC4;
  --sr-kbd-top: #123A5E;
  --sr-kbd-bottom: #0B2B48;
  --sr-kbd-edge: #04182C;
  --sr-band-header: rgba(6, 34, 64, 0.6);
  --sr-band-header-solid: rgba(6, 34, 64, 0.97);
  --sr-band-header-border: rgba(123, 204, 239, 0.22);
  --sr-sidebar-top: #04152A;
  --sr-sidebar-mid: #0B335E;
  --sr-sidebar-bottom: #165A99;
  --sr-sidebar-text: #EAF3FA;
  --sr-sidebar-muted: #A9C2D6;
  --sr-sidebar-divider: #24527E;
  --sr-sidebar-edge: rgba(123, 204, 239, 0.18);
  --sr-pill-from: #0E4F8C;
  --sr-pill-to: #1F78BD;
  --sr-capsule-from: #04152A;
  --sr-capsule-to: #0B2E52;
  --sr-meter-track: #0E2740;
  --sr-chart-1: #4FA8E0;
  --sr-chart-2: #E0703F;
  --sr-chart-3: #199E70;
  --sr-chart-grid: #15385A;
  --sr-chart-axis: #6F8CA6;
  --sr-placeholder-bg: #4A3B0E;
  --sr-shadow-color: 0, 0, 0;
  --sr-night: 1;
  --sr-switch-from: #103C62;
  --sr-switch-to: #04182E;
  --sr-switch-border: #2A5A86;
  --sr-switch-star: #FFFFFF;
  --sr-switch-orb: #E4EAF0;
  --sr-switch-orb-edge: #8B98A8;
  --sr-switch-glow: rgba(190, 215, 240, 0.5);
  --sr-switch-ink: #0B2E52;
  --sr-shadow-sm: 0 1px 0.125rem rgba(0, 0, 0, 0.35), 0 0.125rem 0.5rem rgba(0, 0, 0, 0.25);
  --sr-shadow-md: 0 0.75rem 2rem rgba(0, 0, 0, 0.40);
  --sr-shadow-lg: 0 1.375rem 3.5rem rgba(0, 0, 0, 0.55);
  --sr-shadow-inset: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
  color-scheme: dark;
  --sr-bg: #031424;
  --sr-bg-alt: #061B30;
  --sr-surface: #07213A;
  --sr-surface-raised: #0B2B48;
  --sr-surface-sunken: #04182C;
  --sr-border: #15385A;
  --sr-border-strong: #23507A;
  --sr-text: #EAF3FA;
  --sr-text-muted: #93AEC4;
  --sr-text-disabled: #5A7790;
  --sr-accent: #4FA8E0;
  --sr-accent-soft: #0C3150;
  --sr-link: #7CC6EE;
  --sr-button: #1A68A8;
  --sr-button-hover: #2378BC;
  --sr-button-active: #165B93;
  --sr-on-button: #FFFFFF;
  --sr-secondary-bg: #061B30;
  --sr-secondary-hover: #0C3150;
  --sr-cyan: #7BCCEF;
  --sr-wave: #5CC4EC;
  --sr-focus: #7BCCEF;
  --sr-focus-strong: #7BCCEF;
  --sr-success: #2ED3A3;
  --sr-success-text: #2ED3A3;
  --sr-success-bg: #0B3330;
  --sr-warning: #F0B44C;
  --sr-warning-text: #F0B44C;
  --sr-warning-bg: #352812;
  --sr-error: #FF7085;
  --sr-error-text: #FF7085;
  --sr-error-bg: #3A1626;
  --sr-danger-solid: #C42B44;
  --sr-danger-solid-hover: #A52238;
  --sr-info: #4FA8E0;
  --sr-info-text: #7CC6EE;
  --sr-info-bg: #0C3150;
  --sr-disabled-surface: #0E2740;
  --sr-overlay: rgba(1, 8, 18, 0.66);
  --sr-header: rgba(6, 34, 64, 0.62);
  --sr-header-solid: rgba(6, 34, 64, 0.97);
  --sr-header-border: rgba(123, 204, 239, 0.2);
  --sr-nav-on: #FFFFFF;
  --sr-glass: rgba(7, 33, 58, 0.62);
  --sr-glass-strong: rgba(11, 43, 72, 0.86);
  --sr-glass-border: rgba(123, 204, 239, 0.16);
  --sr-bg-top: #04182C;
  --sr-bg-bottom: #020D19;
  --sr-glow-1: #0D4A86;
  --sr-glow-2: #06315F;
  --sr-glow-3: #0B3A66;
  --sr-silk: rgba(127, 230, 255, 0.16);
  --sr-silk-cyan: rgba(127, 230, 255, 0.24);
  --sr-silk-opacity: 1;
  --sr-edge: rgba(3, 20, 36, 0.8);
  --sr-band: #020E1C;
  --sr-band-2: #04182E;
  --sr-band-text: #EAF3FA;
  --sr-band-muted: #93AEC4;
  --sr-kbd-top: #123A5E;
  --sr-kbd-bottom: #0B2B48;
  --sr-kbd-edge: #04182C;
  --sr-band-header: rgba(6, 34, 64, 0.6);
  --sr-band-header-solid: rgba(6, 34, 64, 0.97);
  --sr-band-header-border: rgba(123, 204, 239, 0.22);
  --sr-sidebar-top: #04152A;
  --sr-sidebar-mid: #0B335E;
  --sr-sidebar-bottom: #165A99;
  --sr-sidebar-text: #EAF3FA;
  --sr-sidebar-muted: #A9C2D6;
  --sr-sidebar-divider: #24527E;
  --sr-sidebar-edge: rgba(123, 204, 239, 0.18);
  --sr-pill-from: #0E4F8C;
  --sr-pill-to: #1F78BD;
  --sr-capsule-from: #04152A;
  --sr-capsule-to: #0B2E52;
  --sr-meter-track: #0E2740;
  --sr-chart-1: #4FA8E0;
  --sr-chart-2: #E0703F;
  --sr-chart-3: #199E70;
  --sr-chart-grid: #15385A;
  --sr-chart-axis: #6F8CA6;
  --sr-placeholder-bg: #4A3B0E;
  --sr-shadow-color: 0, 0, 0;
  --sr-night: 1;
  --sr-switch-from: #103C62;
  --sr-switch-to: #04182E;
  --sr-switch-border: #2A5A86;
  --sr-switch-star: #FFFFFF;
  --sr-switch-orb: #E4EAF0;
  --sr-switch-orb-edge: #8B98A8;
  --sr-switch-glow: rgba(190, 215, 240, 0.5);
  --sr-switch-ink: #0B2E52;
  --sr-shadow-sm: 0 1px 0.125rem rgba(0, 0, 0, 0.35), 0 0.125rem 0.5rem rgba(0, 0, 0, 0.25);
  --sr-shadow-md: 0 0.75rem 2rem rgba(0, 0, 0, 0.40);
  --sr-shadow-lg: 0 1.375rem 3.5rem rgba(0, 0, 0, 0.55);
  --sr-shadow-inset: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }
}

/* --- base.css --- */
@font-face { font-family: "Manrope SR"; font-style: normal; font-weight: 200 800; font-display: swap; src: url("../fonts/manrope-cyrillic.d02c8c2a9140.woff2") format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Manrope SR"; font-style: normal; font-weight: 200 800; font-display: swap; src: url("../fonts/manrope-latin.fc03edc2c673.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Unbounded SR"; font-style: normal; font-weight: 300 700; font-display: swap; src: url("../fonts/unbounded-cyrillic.d1761bcf7369.woff2") format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Unbounded SR"; font-style: normal; font-weight: 300 700; font-display: swap; src: url("../fonts/unbounded-latin.c20c1b72f9b8.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
*, *::before, *::after { box-sizing: border-box; }
* { margin: 0; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-padding-top: calc(var(--sr-size-header) + 1rem); }
body {
  min-height: 100vh;
  background: var(--sr-bg);
  color: var(--sr-text);
  font-family: var(--sr-font-sans);
  font-size: var(--sr-text-base);
  line-height: var(--sr-leading-normal);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}
img, svg, video { display: block; max-width: 100%; }
img { height: auto; }
input, button, textarea, select { font: inherit; color: inherit; }
button { cursor: pointer; }
p, li, dd { overflow-wrap: break-word; }
h1, h2, h3, h4 { line-height: var(--sr-leading-snug); font-weight: var(--sr-weight-display); letter-spacing: -0.035em; text-wrap: balance; }
h1, h2, h3 { font-family: var(--sr-font-display); font-weight: var(--sr-weight-heading); letter-spacing: -0.025em; }
h1, .sr-h1 { font-size: clamp(2rem, 4.4vw, var(--sr-text-h1)); line-height: 1.08; }
.sr-h1 { font-family: var(--sr-font-display); font-weight: var(--sr-weight-heading); letter-spacing: -0.025em; text-wrap: balance; }
h2 { font-size: clamp(1.625rem, 3.3vw, var(--sr-text-h2)); line-height: 1.1; }
h3 { font-size: var(--sr-text-h3); letter-spacing: -0.02em; }
.sr-footer h2, .sr-consent-category h3, .sr-steps h2, .sr-steps h3, .sr-prose h3, .sr-empty h2, .sr-empty h3 { font-family: var(--sr-font-sans); font-weight: var(--sr-weight-display); letter-spacing: -0.02em; }
h4 { font-size: var(--sr-text-lg); font-weight: var(--sr-weight-bold); letter-spacing: -0.01em; }
p { text-wrap: pretty; }
a { color: var(--sr-link); text-decoration-thickness: 1px; text-underline-offset: 0.1875rem; }
a:hover { text-decoration-thickness: 0.125rem; }
strong, b { font-weight: var(--sr-weight-semibold); }
code, kbd, samp { font-family: var(--sr-font-mono); font-size: 0.92em; }
hr { border: 0; border-top: 1px solid var(--sr-border); }
table { border-collapse: collapse; width: 100%; }
::selection { background: var(--sr-accent-soft); color: var(--sr-text); }
:focus { outline: none; }
:focus-visible { outline: 0.1875rem solid var(--sr-focus); outline-offset: 0.125rem; border-radius: var(--sr-radius-xs); }
.sr-skip {
  position: absolute; left: 1rem; top: -5rem; z-index: var(--sr-z-toast);
  padding: 0.625rem 1rem; border-radius: var(--sr-radius-pill);
  background: var(--sr-button); color: var(--sr-on-button); font-weight: var(--sr-weight-semibold);
  transition: top var(--sr-motion-fast) var(--sr-motion-ease);
}
.sr-skip:focus { top: 0.75rem; }
.sr-icon { width: 1.25rem; height: 1.25rem; flex: none; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.sr-icon.is-lg { width: 1.5rem; height: 1.5rem; }
.sr-icon.is-xl { width: 1.75rem; height: 1.75rem; }
.sr-icon.is-sm { width: 1rem; height: 1rem; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
}
@media (forced-colors: active) {
  .sr-btn, .sr-card, .sr-field__control { border: 1px solid CanvasText; }
}

/* --- layout.css --- */
:root { --sr-gutter: 24PX; }
@media (max-width: 600px) { :root { --sr-gutter: 16PX; } }
@media (min-width: 960px) { :root { --sr-gutter: clamp(24PX, calc(11.8vw - 89PX), 6vw); } }
.sr-container { width: 100%; max-width: calc(var(--sr-size-container) + 2 * var(--sr-gutter)); margin-inline: auto; padding-inline: var(--sr-gutter); }
.sr-container.is-reading { max-width: calc(var(--sr-size-reading) + 2 * var(--sr-gutter)); }
.sr-grid { display: grid; gap: var(--sr-space-6); grid-template-columns: repeat(12, minmax(0, 1fr)); }
.sr-grid > * { grid-column: span 12; }
@media (min-width: 768px) {
  .sr-col-6 { grid-column: span 6; } .sr-col-4 { grid-column: span 4; } .sr-col-8 { grid-column: span 8; }
  .sr-col-3 { grid-column: span 6; } .sr-col-5 { grid-column: span 5; } .sr-col-7 { grid-column: span 7; }
}
@media (min-width: 1024px) { .sr-col-3 { grid-column: span 3; } }
.sr-auto-grid { display: grid; gap: var(--sr-space-6); grid-template-columns: repeat(auto-fit, minmax(min(100%, 16.25rem), 1fr)); }
.sr-container.sr-max-md { max-width: calc(var(--sr-size-container) + 2 * var(--sr-gutter)); }
.sr-container.sr-max-md > * { max-width: 47.5rem; }
.sr-side { display: grid; gap: var(--sr-space-6); grid-template-columns: minmax(0, 1fr); }
.sr-side__head > h2 { font-size: clamp(1.625rem, 2.4vw, var(--sr-text-page)); }
.sr-side__body > :first-child { margin-top: 0; }
@media (min-width: 1024px) {
  .sr-side { grid-template-columns: repeat(12, minmax(0, 1fr)); align-items: start; }
  .sr-side__head { grid-column: 1 / span 4; grid-row: 1; position: sticky; top: calc(var(--sr-size-header) + var(--sr-space-6)); }
  .sr-side__body { grid-column: 5 / -1; grid-row: 1; }
}
.sr-section { padding-block: clamp(3.5rem, 8vw, var(--sr-space-24)); }
.sr-section.is-alt { background: transparent; }
.sr-section.is-tight { padding-block: var(--sr-space-12); }
.sr-section__head { max-width: 47.5rem; margin-bottom: var(--sr-space-10); }
.sr-section__head > p { margin-top: var(--sr-space-4); color: var(--sr-text-muted); font-size: var(--sr-text-lead); line-height: var(--sr-leading-relaxed); }
.sr-eyebrow { display: inline-flex; align-items: center; gap: 0.625rem; margin-bottom: var(--sr-space-5); color: var(--sr-link); font-size: var(--sr-text-xs); font-weight: var(--sr-weight-semibold); letter-spacing: 0.16em; text-transform: uppercase; }
.sr-eyebrow::before { content: ""; flex: none; width: 0.5rem; height: 0.5rem; border-radius: 50%; background: var(--sr-wave); box-shadow: 0 0 0.875rem var(--sr-wave); }
.sr-eyebrow > .sr-icon { display: none; }
@media (min-width: 1280px) {
  .sr-main :is(.sr-page-head, .sr-section__head, .sr-container.sr-max-md):has(> h1 + p) { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); grid-template-rows: auto minmax(0, 1fr); column-gap: var(--sr-space-6); }
  .sr-main .sr-section__head:has(> h1 + p) { max-width: none; }
  .sr-main :is(.sr-page-head, .sr-section__head, .sr-container.sr-max-md):has(> h1 + p) > * { grid-column: 1 / -1; max-width: none; }
  .sr-main :is(.sr-page-head, .sr-section__head, .sr-container.sr-max-md):has(> h1 + p) > .sr-eyebrow { grid-row: 1; justify-self: start; }
  .sr-main :is(.sr-page-head, .sr-section__head, .sr-container.sr-max-md):has(> h1 + p) > h1 { grid-column: 1 / span 7; grid-row: 2 / span 3; align-self: end; }
  .sr-main :is(.sr-page-head, .sr-section__head, .sr-container.sr-max-md):has(> h1 + p) > p { grid-column: 8 / -1; align-self: end; margin-top: 0; }
  .sr-main :is(.sr-page-head, .sr-section__head, .sr-container.sr-max-md) > h1 + p { grid-row: 3; }
  .sr-main :is(.sr-page-head, .sr-section__head, .sr-container.sr-max-md) > h1 + p + p { grid-row: 4; margin-top: var(--sr-space-4); }
  .sr-main .sr-page-head:has(> h1 + p) > .sr-lead { font-size: var(--sr-text-lead); }
  .sr-main .sr-auto-grid:has(> :nth-child(7)) { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (min-width: 960px) {
  .sr-main div.sr-side__body > :is(p, ul, ol, .sr-alert), .sr-main div.sr-side__body > div:has(> .sr-alert:only-child),
  .sr-main .sr-accordion__body > :is(p, ul, ol, dl), .sr-main .sr-card > :is(p, ol, .sr-checklist) { max-width: var(--sr-size-reading); }
  .sr-main .sr-container.sr-max-sm { max-width: calc(32rem + 2 * var(--sr-gutter)); }
  body:has(> .sr-main) { display: flex; flex-direction: column; }
  .sr-main { flex: 1 0 auto; }
}
@media (min-width: 1024px) and (max-width: 1199px) { .sr-main .sr-col-3 { grid-column: span 6; } }
@media (min-width: 1100px) {
  .sr-main .sr-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--sr-space-6); align-items: start; max-width: none; }
  .sr-main .sr-pair > h1 { grid-column: 1 / -1; }
}
.sr-side.is-plain { row-gap: var(--sr-space-4); }
@media (max-width: 1023px) { .sr-side.is-plain .sr-side__head > h2 { font-size: clamp(1.625rem, 3.3vw, var(--sr-text-h2)); } }
@media (min-width: 1024px) { .sr-main .sr-side.is-plain { margin-top: var(--sr-space-16); } }
.sr-header { position: fixed; top: 0.875rem; left: 50%; z-index: var(--sr-z-header); display: flex; align-items: center; gap: 1.125rem; width: max-content; max-width: calc(100vw - 1.5rem); padding: 0.5rem 0.5rem 0.5rem 1.125rem; border-radius: var(--sr-radius-pill); border: 1px solid var(--sr-header-border); box-shadow: 0 0.625rem 2.5rem rgba(var(--sr-shadow-color), 0.1); font-size: 0.9062rem; font-weight: var(--sr-weight-semibold); white-space: nowrap; transform: translateX(-50%); transition: border-color 600ms; }
.sr-header::before { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; background: var(--sr-header); backdrop-filter: blur(1.125rem) saturate(1.4); -webkit-backdrop-filter: blur(1.125rem) saturate(1.4); transition: background-color 600ms; }
.sr-brand { display: inline-flex; align-items: center; gap: 0.625rem; color: var(--sr-text); font-weight: var(--sr-weight-display); font-size: var(--sr-text-xl); letter-spacing: -0.035em; text-decoration: none; transition: color 600ms; }
.sr-brand img { width: 2rem; height: 2rem; }
.sr-header .sr-brand { font-size: 1.125rem; }
.sr-header .sr-brand img { width: 1.75rem; height: 1.75rem; }
.sr-brand__orb { flex: none; transition: transform 900ms var(--sr-motion-ease-out); }
.sr-brand:hover .sr-brand__orb, .sr-brand:focus-visible .sr-brand__orb { transform: rotate(180deg); }
.sr-wordmark { flex: none; height: 0.9375rem; width: auto; overflow: visible; }
.sr-header .sr-wordmark { height: 0.875rem; }
.sr-footer .sr-wordmark { height: 1.125rem; }
.sr-brand__suffix { margin-left: 0.125rem; font-size: var(--sr-text-md); font-weight: var(--sr-weight-semibold); letter-spacing: 0; opacity: .8; }
.sr-footer .sr-brand { color: var(--sr-text); text-decoration: none; }
.sr-nav { position: relative; display: flex; gap: 0.125rem; color: var(--sr-text-muted); transition: color 600ms; }
.sr-nav > a, .sr-navmenu > summary { position: relative; z-index: 1; flex: none; display: flex; align-items: center; gap: 0.4375rem; padding: 0.5rem 0.875rem; border-radius: var(--sr-radius-pill); color: inherit; text-decoration: none; cursor: pointer; transition: color 350ms; }
.sr-nav > a:hover, .sr-navmenu > summary:hover, .sr-navmenu[open] > summary { color: var(--sr-text); }
.sr-nav > a.is-on, .sr-nav > a[aria-current="page"], .sr-navmenu.is-on > summary, .sr-navmenu.is-current > summary { color: var(--sr-nav-on); }
.sr-navmenu > summary::after { content: ""; width: 0.375rem; height: 0.375rem; border-right: 0.1062rem solid currentColor; border-bottom: 0.1062rem solid currentColor; transform: translateY(-0.125rem) rotate(45deg); transition: transform 300ms var(--sr-motion-ease-out); }
.sr-navmenu[open] > summary::after { transform: translateY(1px) rotate(225deg); }
.sr-navmenu__panel { position: absolute; top: calc(100% + 0.875rem); left: 50%; z-index: var(--sr-z-dropdown); width: 25rem; margin-left: -12.5rem; padding: 0.5rem; display: grid; gap: 0.125rem; border-radius: var(--sr-radius-xl); background: var(--sr-glass-strong); border: 1px solid var(--sr-glass-border); backdrop-filter: blur(1.5rem) saturate(1.4); -webkit-backdrop-filter: blur(1.5rem) saturate(1.4); box-shadow: 0 1.875rem 4.375rem rgba(var(--sr-shadow-color), 0.22); white-space: normal; animation: sr-pop-in var(--sr-motion-base) var(--sr-motion-ease-out); }
.sr-navmenu__panel::before { content: ""; position: absolute; left: 0; right: 0; top: -1rem; height: 1rem; }
.sr-navmenu__panel a { display: grid; grid-template-columns: 2.5rem minmax(0, 1fr); column-gap: 0.75rem; align-items: center; padding: 0.625rem 0.75rem; border-radius: 1rem; color: var(--sr-text); text-decoration: none; transition: background-color var(--sr-motion-fast); }
.sr-navmenu__panel a:hover, .sr-navmenu__panel a:focus-visible, .sr-navmenu__panel a[aria-current="page"] { background: var(--sr-accent-soft); }
.sr-navmenu__panel .sr-icon-badge { grid-row: span 2; width: 2.5rem; height: 2.5rem; }
.sr-navmenu__panel b { font-size: 0.9375rem; font-weight: var(--sr-weight-display); letter-spacing: -0.02em; }
.sr-navmenu__panel small { color: var(--sr-text-muted); font-size: 0.8125rem; font-weight: 500; line-height: 1.35; }
.sr-navmenu__panel a[aria-current="page"] b { color: var(--sr-link); }
.sr-nav__ind { position: absolute; left: 0; top: 0; width: 0; height: 100%; border-radius: var(--sr-radius-pill); pointer-events: none; opacity: 0; background: linear-gradient(135deg, color-mix(in srgb, var(--sr-accent) 12%, transparent), color-mix(in srgb, var(--sr-wave) 26%, transparent)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sr-accent) 22%, transparent), 0 0.5rem 1.25rem color-mix(in srgb, var(--sr-accent) 18%, transparent); transition: transform 550ms cubic-bezier(0.3, 1.35, 0.4, 1), width 550ms cubic-bezier(0.3, 1.35, 0.4, 1), opacity 300ms; }
.sr-header__actions { display: flex; align-items: center; gap: 0.875rem; }
.sr-header__login { padding: 0.5rem 0.25rem; color: var(--sr-link); font-weight: var(--sr-weight-bold); text-decoration: none; }
.sr-header .sr-btn.is-sm { min-height: 2.5rem; padding: 0 1.125rem; font-size: 0.9062rem; }
.sr-header .sr-btn.is-icon { width: 2.5rem; padding: 0; }
.sr-header .sr-menu-toggle { display: none; }
.sr-menu-toggle[aria-expanded="false"] > .sr-icon + .sr-icon, .sr-menu-toggle[aria-expanded="true"] > .sr-icon:first-child { display: none; }
.sr-on-band .sr-header { border-color: var(--sr-band-header-border); }
.sr-on-band .sr-header::before { background: var(--sr-band-header); }
@media (max-width: 900px) {
  .sr-header::before { background: var(--sr-header-solid); -webkit-backdrop-filter: none; backdrop-filter: none; }
  .sr-on-band .sr-header::before { background: var(--sr-band-header-solid); }
}
.sr-on-band .sr-header .sr-brand { color: var(--sr-band-text); }
.sr-on-band .sr-header__login { color: var(--sr-cyan); }
.sr-on-band .sr-nav { color: var(--sr-band-muted); }
.sr-on-band .sr-nav > a:hover, .sr-on-band .sr-nav > a.is-on, .sr-on-band .sr-navmenu > summary:hover, .sr-on-band .sr-navmenu.is-on > summary, .sr-on-band .sr-navmenu[open] > summary { color: var(--sr-band-text); }
.sr-on-band .sr-header .sr-menu-toggle { --btn-bg: var(--sr-band-header); --btn-fg: var(--sr-band-text); --btn-border: var(--sr-band-header-border); }
.sr-on-band .sr-nav__ind { background: color-mix(in srgb, var(--sr-cyan) 16%, transparent); box-shadow: inset 0 0 0 1px var(--sr-band-header-border); }
@media (max-width: 959px) {
  .sr-header { left: 0.75rem; right: 0.75rem; width: auto; max-width: none; justify-content: space-between; gap: 0.625rem; transform: none; }
  .sr-nav, .sr-header__actions .sr-hide-mobile { display: none; }
  .sr-header .sr-menu-toggle { display: inline-flex; }
  .sr-header__actions { gap: 0.5rem; }
}
@media (min-width: 960px) and (max-width: 1099px) {
  .sr-header { gap: 0.625rem; padding-left: 0.875rem; font-size: 0.8438rem; }
  .sr-nav > a, .sr-navmenu > summary { gap: 0.3125rem; padding-inline: 0.5625rem; }
  .sr-header__actions { gap: 0.5rem; }
  .sr-header .sr-lang > summary { padding: 0 0.375rem; }
  .sr-header .sr-btn.is-sm { padding: 0 0.75rem; font-size: 0.8438rem; }
}
.sr-mobile-menu { position: fixed; top: 4.875rem; left: 0.75rem; right: 0.75rem; z-index: var(--sr-z-overlay); max-height: calc(100vh - 6rem); padding: 0.625rem 1.125rem 1.125rem; border-radius: var(--sr-radius-xl); background: var(--sr-surface); border: 1px solid var(--sr-glass-border); box-shadow: 0 1.875rem 4.375rem rgba(var(--sr-shadow-color), 0.22); overflow-y: auto; overscroll-behavior: contain; animation: sr-pop-in var(--sr-motion-base) var(--sr-motion-ease-out); }
.sr-mobile-menu[hidden] { display: none; }
@supports (height: 100dvh) { .sr-mobile-menu { max-height: calc(100dvh - 6rem); } }
.sr-mobile-menu a { display: flex; align-items: center; min-height: 3.25rem; padding: 0.5rem 0; border-bottom: 1px solid var(--sr-border); color: var(--sr-text); font-size: var(--sr-text-lg); font-weight: var(--sr-weight-bold); letter-spacing: -0.02em; text-decoration: none; }
.sr-mobile-menu a[aria-current="page"] { color: var(--sr-link); }
.sr-mobile-menu__group { margin: 1.125rem 0 0.125rem; color: var(--sr-link); font-size: var(--sr-text-xs); font-weight: var(--sr-weight-bold); letter-spacing: 0.14em; text-transform: uppercase; }
.sr-mobile-menu__group:first-child, .sr-mobile-menu__theme + .sr-mobile-menu__group { margin-top: 0.5rem; }
.sr-mobile-menu .sr-btn { display: flex; margin-top: var(--sr-space-6); width: 100%; border-bottom: 0; color: var(--sr-on-button); }
.sr-main { padding-top: 5.75rem; }
.sr-main.is-home { padding-top: 0; }
.sr-main.is-home > .sr-stand { position: absolute; top: 5.25rem; left: 0; right: 0; z-index: 5; }
.sr-stand { margin-bottom: var(--sr-space-4); }
.sr-footer { position: relative; z-index: calc(var(--sr-z-header) - 5); padding-block: var(--sr-space-12) var(--sr-space-8);
  background: linear-gradient(180deg, var(--sr-band-2), var(--sr-band)); border-top: 1px solid var(--sr-band-header-border); color: var(--sr-band-muted); font-size: var(--sr-text-sm);
  --sr-text: var(--sr-band-text); --sr-text-muted: var(--sr-band-muted); --sr-link: var(--sr-cyan); --sr-border: var(--sr-band-header-border);
  --sr-accent-soft: var(--sr-band-header); --sr-glass-strong: var(--sr-band-2); --sr-glass-border: var(--sr-band-header-border); }
.sr-footer::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: url("../img/bg/waves-band.52b3204463e2.svg") center / cover no-repeat fixed; }
@media (max-width: 900px), (hover: none) { .sr-footer::before { display: none; } }
.sr-footer__panel { padding: 0; }
.sr-footer__cols { display: grid; gap: var(--sr-space-8) var(--sr-space-6); grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sr-footer__brand { grid-column: 1 / -1; max-width: 46ch; }
@media (min-width: 768px) { .sr-footer__cols { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 1024px) {
  .sr-footer__cols { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  .sr-footer__cols > * { grid-column: span 2; }
  .sr-footer__cols > .sr-footer__brand { grid-column: span 4; max-width: none; padding-inline-end: var(--sr-space-6); }
}
.sr-footer h2 { margin-bottom: var(--sr-space-3); color: var(--sr-text); font-size: var(--sr-text-md); letter-spacing: -0.01em; }
.sr-footer ul { list-style: none; padding: 0; display: grid; gap: 0.5rem; }
.sr-footer a { color: var(--sr-text-muted); text-decoration: none; }
.sr-footer a:hover { color: var(--sr-link); text-decoration: underline; }
.sr-footer li > .sr-btn { --btn-fg: var(--sr-text-muted); min-height: 0; padding: 0; border: 0; white-space: normal; font-size: inherit; font-weight: inherit; letter-spacing: inherit; text-align: start; }
.sr-footer li > .sr-btn:hover { --btn-fg: var(--sr-link); background: none; text-decoration: underline; }
.sr-footer__seller { margin-top: var(--sr-space-10); padding-top: var(--sr-space-6); border-top: 1px solid var(--sr-border); display: grid; gap: var(--sr-space-6); }
.sr-footer__details { display: grid; gap: var(--sr-space-5) var(--sr-space-6); grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; }
.sr-footer__details .is-wide { grid-column: 1 / -1; }
.sr-footer__details dt { color: var(--sr-text-muted); font-size: var(--sr-text-sm); margin-bottom: 0.25rem; }
.sr-footer__details dd { margin: 0; color: var(--sr-text); overflow-wrap: anywhere; }
.sr-footer__details dd a { color: inherit; }
.sr-footer__meta { display: flex; flex-wrap: wrap; gap: 0.5rem 1rem; align-items: center; justify-content: space-between; color: var(--sr-text-muted); font-size: var(--sr-text-sm); }
@media (min-width: 1024px) {
  .sr-footer__details { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  .sr-footer__details > * { grid-column: span 2; }
  .sr-footer__details > .is-wide { grid-column: span 4; }
}
@media (max-width: 480px) { .sr-footer__details { grid-template-columns: minmax(0, 1fr); } }
.sr-app { display: grid; grid-template-columns: var(--sr-size-sidebar) minmax(0, 1fr); min-height: 100vh; }
.sr-sidebar { position: sticky; top: 0; height: 100vh; display: flex; flex-direction: column; padding: 1.375rem 0 1.125rem 0.875rem; color: var(--sr-sidebar-text); background: radial-gradient(120% 60% at 0% 100%, rgba(78, 234, 255, 0.22), transparent 60%), linear-gradient(180deg, var(--sr-sidebar-top), var(--sr-sidebar-mid) 55%, var(--sr-sidebar-bottom)); box-shadow: inset -1px 0 0 var(--sr-sidebar-edge); overflow: hidden auto; }
.sr-sidebar .sr-brand { color: var(--sr-sidebar-text); padding: 0 0.625rem 1.375rem; font-size: var(--sr-text-lg); }
.sr-sidebar .sr-brand img { width: 2.5rem; height: 2.5rem; }
.sr-sidebar .sr-brand__suffix { font-size: var(--sr-text-sm); opacity: 1; }
.sr-sidebar__nav { display: grid; gap: 0.25rem; list-style: none; padding: 0; }
.sr-sidebar__link { position: relative; display: flex; align-items: center; gap: 0.75rem; min-height: 2.75rem; padding: 0 0.875rem; border-radius: 0.75rem 0 0 0.75rem; color: var(--sr-sidebar-muted); font-size: var(--sr-text-md); font-weight: var(--sr-weight-semibold); text-decoration: none; transition: color var(--sr-motion-fast), background-color var(--sr-motion-fast); }
.sr-sidebar__link:hover { color: var(--sr-sidebar-text); background: rgba(255, 255, 255, 0.07); }
.sr-app { --sr-app-tab: linear-gradient(180deg, var(--sr-bg-top) 0%, var(--sr-bg) 60%, var(--sr-bg-bottom) 100%) fixed; }
body:has(.sr-app) .sr-bg .is-l2 { display: none; }
.sr-sidebar__link[aria-current="page"], .sr-sidebar__link[aria-current="page"]:hover { color: var(--sr-text); background: var(--sr-app-tab); }
.sr-sidebar__link[aria-current="page"] .sr-icon { color: var(--sr-link); }
.sr-sidebar__link[aria-current="page"]::before, .sr-sidebar__link[aria-current="page"]::after { content: ""; position: absolute; right: 0; width: 1.125rem; height: 1.125rem; pointer-events: none; background: var(--sr-app-tab); }
.sr-sidebar__link[aria-current="page"]::before { top: -1.125rem; -webkit-mask: radial-gradient(circle at 0 0, transparent 1.0938rem, black 1.125rem); mask: radial-gradient(circle at 0 0, transparent 1.0938rem, black 1.125rem); }
.sr-sidebar__link[aria-current="page"]::after { bottom: -1.125rem; -webkit-mask: radial-gradient(circle at 0 100%, transparent 1.0938rem, black 1.125rem); mask: radial-gradient(circle at 0 100%, transparent 1.0938rem, black 1.125rem); }
.sr-sidebar__foot { margin-top: auto; padding-top: 0.875rem; border-top: 1px solid var(--sr-sidebar-divider); margin-right: 0.875rem; }
.sr-sidebar__foot .sr-sidebar__link { border-radius: 0.75rem; }
.sr-sidebar__foot .sr-sidebar__link[aria-current="page"] { margin-right: -0.875rem; border-radius: 0.75rem 0 0 0.75rem; }
button.sr-sidebar__link { width: 100%; border: 0; background: transparent; text-align: start; }
.sr-sidebar:focus-visible { outline: none; border-radius: 0; }
.sr-sidebar__user { display: none; }
.sr-sidebar__close { display: none; }
.sr-app .sr-stat__label a { color: inherit; text-decoration: none; }
.sr-app .sr-stat__label a:hover { color: var(--sr-link); }
.sr-totp-add { display: grid; gap: 1.25rem 2rem; }
@media (min-width: 960px) {
  .sr-totp-add { grid-template-columns: minmax(0, 1fr) auto; align-items: start; }
  .sr-totp-add__note { width: 0; min-width: 100%; }
}
.sr-workspace { min-width: 0; padding: 1.75rem; }
.sr-workspace__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1.5rem; padding: 1.375rem 1.5rem; border-radius: var(--sr-radius-xl); background: var(--sr-glass); border: 1px solid var(--sr-glass-border); backdrop-filter: blur(1rem); -webkit-backdrop-filter: blur(1rem); box-shadow: 0 1.25rem 3.75rem rgba(var(--sr-shadow-color), 0.08); }
.sr-workspace__head h1 { font-size: var(--sr-text-page); letter-spacing: -0.02em; }
.sr-workspace__head p { color: var(--sr-text-muted); font-size: var(--sr-text-sm); margin-top: 0.25rem; }
.sr-workspace__tools { display: flex; align-items: center; gap: 0.625rem; flex-wrap: wrap; }
.sr-workspace__foot { display: flex; flex-wrap: wrap; gap: 0.5rem 1.25rem; margin-top: 2rem; padding-top: 1rem; border-top: 1px solid var(--sr-border); font-size: var(--sr-text-sm); }
.sr-workspace__foot a, .sr-workspace__foot .sr-link-button { color: var(--sr-text-muted); }
.sr-workspace :is([id], [autofocus]) { scroll-margin-top: 1rem; }
.sr-app-topbar { display: none; }
@media (max-width: 900px) {
  .sr-app { grid-template-columns: minmax(0, 1fr); }
  .sr-sidebar { position: fixed; inset: 0 auto 0 0; width: min(86vw, 18.75rem); height: auto; z-index: var(--sr-z-overlay); transform: translateX(-102%); transition: transform var(--sr-motion-base) var(--sr-motion-ease-out); }
  .sr-sidebar.is-open { transform: none; box-shadow: var(--sr-shadow-lg); }
  .sr-sidebar__foot { padding-bottom: max(1.375rem, env(safe-area-inset-bottom)); }
  .sr-sidebar__user { display: block; padding: 0.625rem 0.875rem 0; color: var(--sr-sidebar-muted); font-size: var(--sr-text-xs); overflow-wrap: anywhere; }
  .sr-sidebar__close { position: absolute; top: 1.25rem; inset-inline-end: 0.75rem; display: grid; place-items: center; width: 2.75rem; height: 2.75rem; padding: 0; border: 0; border-radius: 0.75rem; background: transparent; color: var(--sr-sidebar-muted); cursor: pointer; }
  .sr-sidebar__close:hover { color: var(--sr-sidebar-text); background: rgba(255, 255, 255, 0.07); }
  .sr-sidebar:has(.sr-sidebar__close) .sr-brand { align-self: flex-start; max-width: calc(100% - 4.25rem); }
  .sr-app-topbar { position: sticky; top: 0; z-index: var(--sr-z-header); display: flex; align-items: center; gap: 0.75rem; min-height: 3.5rem; padding: 0 1rem; background: var(--sr-header); border-bottom: 1px solid var(--sr-border); backdrop-filter: blur(0.75rem); }
  .sr-app-topbar .sr-theme-slider { margin-inline-start: auto; }
  .sr-workspace :is([id], [autofocus]) { scroll-margin-top: 4.5rem; }
  .sr-workspace__tools .sr-app-wide, .sr-workspace__tools:not(:has(> :not(.sr-app-wide))) { display: none; }
  .sr-app .sr-workspace__tools .sr-btn { padding-block: 0.375rem; line-height: 1.2; white-space: normal; text-wrap: balance; }
  .sr-workspace { padding: 1rem 1rem max(3rem, calc(1.5rem + env(safe-area-inset-bottom))); }
  .sr-workspace__head { padding: 1.125rem; }
  .sr-workspace__head h1 { font-size: 1.625rem; }
}
.sr-cards { display: grid; gap: var(--sr-space-6); grid-template-columns: repeat(12, minmax(0, 1fr)); }
.sr-cards > * { grid-column: span 12; }
@media (min-width: 1100px) {
  .sr-cards > .is-wide { grid-column: span 7; } .sr-cards > .is-narrow { grid-column: span 5; }
  .sr-cards > .is-half { grid-column: span 6; } .sr-cards > .is-quarter { grid-column: span 3; }
  .sr-cards > .is-third { grid-column: span 4; }
}
@media (min-width: 700px) and (max-width: 1099px) { .sr-cards > .is-quarter, .sr-cards > .is-third { grid-column: span 6; } }
@media (min-width: 960px) {
  .sr-workspace { min-height: 100vh; }
  .sr-workspace__foot { position: sticky; top: 100vh; }
  body:has(.sr-consent:not([hidden])) :is(.sr-app, .sr-workspace) { min-height: calc(100vh - 4rem); }
  body:has(.sr-consent:not([hidden])) .sr-app .sr-sidebar { height: calc(100vh - 4rem); padding-bottom: 1.125rem; box-shadow: inset -1px 0 0 var(--sr-sidebar-edge), 0 4rem 0 var(--sr-sidebar-bottom); }
}
@media (min-width: 1100px) {
  .sr-app .sr-cards > .is-half:only-child { grid-column: span 12; }
  .sr-app .sr-cards > .is-half:only-child .sr-dl { grid-template-columns: minmax(7.5rem, 17.5rem) 1fr; }
  .sr-app-groups { display: grid; gap: var(--sr-space-6); grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
  .sr-app .sr-app-groups .sr-app-section-title { margin-top: 0; }
  .sr-app-groups .sr-cards > * { grid-column: span 12; }
  .sr-app .sr-cards > aside.is-narrow { align-self: start; position: sticky; top: 1.75rem; }
  .sr-app .sr-cards > .sr-card:has(> .sr-slots) { display: flex; flex-direction: column; }
  .sr-app .sr-cards > .sr-card > .sr-slots { flex: 1 1 auto; grid-auto-rows: 1fr; }
  .sr-app .sr-cards > .is-narrow > .sr-slots:not(:has(> :nth-child(3))) { grid-template-columns: minmax(0, 1fr); }
  .sr-app .sr-cards .sr-slot { align-content: center; }
  .sr-workspace > form.sr-card:has(> .sr-field:first-child + .sr-btn:last-child) { display: flex; flex-wrap: wrap; align-items: end; gap: 0.75rem; }
}
.sr-auth { position: relative; display: grid; place-items: center; min-height: 100vh; padding: 6.875rem 1rem 3.5rem; overflow: hidden; }
.sr-auth__card { position: relative; width: 100%; max-width: 28.75rem; }
.sr-auth__switch { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.25rem; margin-bottom: 1.5rem; padding: 0.25rem; border-radius: var(--sr-radius-pill); background: var(--sr-surface-sunken); border: 1px solid var(--sr-border); }
.sr-auth__switch a { display: grid; place-items: center; min-height: 2.75rem; padding: 0 0.75rem; border-radius: var(--sr-radius-pill); color: var(--sr-text-muted); font-size: var(--sr-text-md); font-weight: var(--sr-weight-semibold); text-align: center; text-decoration: none; transition: color var(--sr-motion-fast), background-color var(--sr-motion-fast); }
.sr-auth__switch a:hover { color: var(--sr-text); }
.sr-auth__switch a[aria-current="page"] { background: linear-gradient(135deg, var(--sr-pill-from), var(--sr-pill-to)); color: var(--sr-on-button); box-shadow: 0 0.25rem 0.875rem rgba(26, 109, 181, 0.35); }
@media (min-width: 960px) {
  .sr-auth__card { max-width: 31.25rem; }
  body:has(.sr-consent:not([hidden])) .sr-auth { min-height: calc(100vh - 4rem); }
}
.sr-trap { position: absolute; left: -625rem; width: 1px; height: 1px; overflow: hidden; }
.sr-field + .sr-trap + .sr-field { margin-top: var(--sr-space-5); }

/* --- components.css --- */
.sr-btn {
  --btn-bg: var(--sr-button); --btn-fg: var(--sr-on-button); --btn-border: transparent; --btn-hover: var(--sr-button-hover);
  position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem;
  min-height: var(--sr-size-control); padding: 0 1.375rem; border: 1px solid var(--btn-border); border-radius: var(--sr-radius-pill);
  background: var(--btn-bg); color: var(--btn-fg); font-size: var(--sr-text-md); font-weight: var(--sr-weight-bold);
  line-height: 1; text-decoration: none; white-space: nowrap; cursor: pointer; user-select: none;
  transition: background-color var(--sr-motion-fast) var(--sr-motion-ease), border-color var(--sr-motion-fast), box-shadow 300ms var(--sr-motion-ease-out), transform 300ms var(--sr-motion-ease-out);
}
.sr-btn:hover { background: var(--btn-hover); text-decoration: none; }
.sr-btn:active { transform: translateY(1px); }
.sr-btn:focus-visible { outline: 0.1875rem solid var(--sr-focus); outline-offset: 0.125rem; }
.sr-btn.is-primary { --btn-bg: linear-gradient(135deg, var(--sr-pill-from), var(--sr-pill-to)); --btn-hover: var(--btn-bg); border: 0; box-shadow: 0 0.625rem 1.875rem color-mix(in srgb, var(--sr-accent) 32%, transparent), inset 0 1px 0 rgba(255, 255, 255, 0.35); }
.sr-btn.is-primary:hover { transform: translateY(-0.125rem); box-shadow: 0 1rem 2.5rem color-mix(in srgb, var(--sr-accent) 40%, transparent), inset 0 1px 0 rgba(255, 255, 255, 0.35); }
.sr-btn.is-primary:active { transform: translateY(0); filter: brightness(0.96); }
.sr-btn.is-secondary { --btn-bg: var(--sr-glass-strong); --btn-fg: var(--sr-link); --btn-border: var(--sr-glass-border); --btn-hover: var(--sr-surface); backdrop-filter: blur(0.625rem); -webkit-backdrop-filter: blur(0.625rem); }
.sr-btn.is-ghost { --btn-bg: transparent; --btn-fg: var(--sr-link); --btn-hover: var(--sr-accent-soft); padding: 0 0.75rem; }
.sr-btn.is-danger { --btn-bg: transparent; --btn-fg: var(--sr-error-text); --btn-border: var(--sr-error); --btn-hover: var(--sr-error-bg); }
.sr-btn.is-danger-solid { --btn-bg: var(--sr-danger-solid); --btn-fg: var(--sr-on-button); --btn-hover: var(--sr-danger-solid-hover); }
.sr-btn.is-sm { min-height: var(--sr-size-control-sm); padding: 0 0.875rem; font-size: var(--sr-text-sm); }
.sr-btn.is-lg { min-height: var(--sr-size-control-lg); padding: 0 1.75rem; font-size: var(--sr-text-base); }
.sr-btn.is-block { width: 100%; }
.sr-btn.is-icon { padding: 0; width: var(--sr-size-control); }
.sr-btn.is-icon.is-sm { width: var(--sr-size-control-sm); }
.sr-btn:disabled, .sr-btn[aria-disabled="true"] { --btn-bg: var(--sr-disabled-surface); --btn-fg: var(--sr-text-disabled); --btn-border: transparent; --btn-hover: var(--sr-disabled-surface); box-shadow: none; cursor: not-allowed; transform: none; filter: none; }
.sr-btn[aria-busy="true"] { color: transparent; pointer-events: none; }
.sr-btn[aria-busy="true"]::after { content: ""; position: absolute; width: 1.125rem; height: 1.125rem; border-radius: 50%; border: 0.125rem solid var(--btn-fg); border-right-color: transparent; animation: sr-spin 700ms linear infinite; }
.sr-btn-row { display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: center; }
.sr-field { display: grid; gap: 0.375rem; }
.sr-field + .sr-field { margin-top: var(--sr-space-5); }
.sr-label { font-size: var(--sr-text-sm); font-weight: var(--sr-weight-semibold); color: var(--sr-text); }
.sr-hint { font-size: var(--sr-text-xs); color: var(--sr-text-muted); line-height: 1.45; }
.sr-error-text { display: flex; gap: 0.375rem; align-items: flex-start; font-size: var(--sr-text-sm); color: var(--sr-error-text); }
.sr-input, .sr-select, .sr-textarea {
  width: 100%; min-height: var(--sr-size-control); padding: 0.625rem 0.875rem; border: 1px solid var(--sr-border-strong); border-radius: var(--sr-radius-sm);
  background: var(--sr-surface-raised); color: var(--sr-text); font-size: var(--sr-text-base);
  transition: border-color var(--sr-motion-fast), box-shadow var(--sr-motion-fast);
}
.sr-input::placeholder, .sr-textarea::placeholder { color: var(--sr-text-disabled); }
.sr-input:hover, .sr-select:hover, .sr-textarea:hover { border-color: var(--sr-accent); }
.sr-input:focus-visible, .sr-select:focus-visible, .sr-textarea:focus-visible { outline: none; border-color: var(--sr-accent); box-shadow: 0 0 0 0.1875rem var(--sr-focus); }
.sr-input[aria-invalid="true"], .sr-select[aria-invalid="true"] { border-color: var(--sr-error); }
.sr-input:disabled, .sr-select:disabled, .sr-textarea:disabled { background: var(--sr-disabled-surface); color: var(--sr-text-disabled); cursor: not-allowed; }
.sr-input.is-mono { font-family: var(--sr-font-mono); font-size: var(--sr-text-md); letter-spacing: 0.02em; }
.sr-textarea { min-height: 7rem; resize: vertical; }
.sr-select { appearance: none; padding-right: 2.5rem; background-image: linear-gradient(45deg, transparent 50%, var(--sr-text-muted) 50%), linear-gradient(135deg, var(--sr-text-muted) 50%, transparent 50%); background-position: calc(100% - 1.25rem) 52%, calc(100% - 0.875rem) 52%; background-size: 0.375rem 0.375rem; background-repeat: no-repeat; }
.sr-input-group { display: flex; align-items: stretch; }
.sr-input-group .sr-input { border-start-end-radius: 0; border-end-end-radius: 0; }
.sr-input-group .sr-btn { border-start-start-radius: 0; border-end-start-radius: 0; }
.sr-prefix { display: inline-flex; align-items: center; padding: 0 0.75rem; border: 1px solid var(--sr-border-strong); border-right: 0; border-radius: var(--sr-radius-sm) 0 0 var(--sr-radius-sm); background: var(--sr-bg-alt); color: var(--sr-text-muted); font-weight: var(--sr-weight-semibold); }
.sr-prefix + .sr-input { border-start-start-radius: 0; border-end-start-radius: 0; }
.sr-otp { width: 100%; max-width: 19.5rem; min-height: 3.5rem; padding: 0 0.875rem; border: 1px solid var(--sr-border-strong); border-radius: var(--sr-radius-sm); background: var(--sr-surface-raised); color: var(--sr-text); font-family: var(--sr-font-mono); font-size: 1.75rem; font-weight: var(--sr-weight-semibold); letter-spacing: 0.55em; text-align: center; }
.sr-otp:focus-visible { outline: none; border-color: var(--sr-accent); box-shadow: 0 0 0 0.1875rem var(--sr-focus); }
.sr-qr { display: inline-block; max-width: 100%; line-height: 0; }
.sr-check { display: grid; grid-template-columns: 1.375rem 1fr; gap: 0.75rem; align-items: start; font-size: var(--sr-text-md); line-height: 1.5; cursor: pointer; }
.sr-check input { appearance: none; width: 1.375rem; height: 1.375rem; margin-top: 1px; border: 0.125rem solid var(--sr-border-strong); border-radius: 0.375rem; background: var(--sr-surface-raised); display: grid; place-content: center; cursor: pointer; transition: background-color var(--sr-motion-fast), border-color var(--sr-motion-fast); }
.sr-check input[type="radio"] { border-radius: 50%; }
.sr-check input::before { content: ""; width: 0.75rem; height: 0.75rem; transform: scale(0); transition: transform var(--sr-motion-fast) var(--sr-motion-ease-out); clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); background: var(--sr-on-button); }
.sr-check input[type="radio"]::before { clip-path: circle(50%); width: 0.625rem; height: 0.625rem; }
.sr-check input:checked { background: var(--sr-button); border-color: var(--sr-button); }
.sr-check input:checked::before { transform: scale(1); }
.sr-check input:focus-visible { outline: 0.1875rem solid var(--sr-focus); outline-offset: 0.125rem; }
.sr-check input:disabled { background: var(--sr-disabled-surface); cursor: not-allowed; }
.sr-check input:checked:disabled { background: var(--sr-button); opacity: 0.55; }
.sr-check input[aria-invalid="true"] { border-color: var(--sr-error); }
.sr-switch { display: inline-flex; align-items: center; gap: 0.75rem; cursor: pointer; font-size: var(--sr-text-md); }
.sr-switch input { appearance: none; position: relative; width: 2.75rem; height: 1.625rem; border-radius: var(--sr-radius-pill); background: var(--sr-meter-track); border: 1px solid var(--sr-border-strong); cursor: pointer; transition: background-color var(--sr-motion-fast); }
.sr-switch input::after { content: ""; position: absolute; top: 0.125rem; left: 0.125rem; width: 1.25rem; height: 1.25rem; border-radius: 50%; background: var(--sr-surface); box-shadow: var(--sr-shadow-sm); transition: transform var(--sr-motion-base) var(--sr-motion-ease-out); }
.sr-switch input:checked { background: var(--sr-button); border-color: var(--sr-button); }
.sr-switch input:checked::after { transform: translateX(1.125rem); }
.sr-switch input:disabled { opacity: 0.6; cursor: not-allowed; }
.sr-switch input:focus-visible { outline: 0.1875rem solid var(--sr-focus); outline-offset: 0.125rem; }
.sr-card { position: relative; padding: 1.625rem; border: 1px solid var(--sr-glass-border); border-radius: var(--sr-radius-xl); background: var(--sr-glass); backdrop-filter: blur(1rem) saturate(1.2); -webkit-backdrop-filter: blur(1rem) saturate(1.2); box-shadow: 0 1.25rem 3.75rem rgba(var(--sr-shadow-color), 0.08); }
.sr-card.is-flat { box-shadow: none; }
.sr-card.is-stack { display: flex; flex-direction: column; }
.sr-card.is-stack > :last-child { margin-top: auto; padding-top: var(--sr-space-4); }
.sr-card.is-sunken { background: var(--sr-surface-sunken); box-shadow: none; }
.sr-card.is-interactive { transition: transform 500ms var(--sr-motion-ease-out), box-shadow 500ms var(--sr-motion-ease-out); }
.sr-card.is-interactive:hover { transform: translateY(-0.375rem); box-shadow: 0 2rem 4.375rem rgba(var(--sr-shadow-color), 0.16); }
.sr-card__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.75rem; margin-bottom: 1rem; }
.sr-card__title { display: flex; align-items: center; gap: 0.75rem; font-size: var(--sr-text-lg); font-weight: var(--sr-weight-display); letter-spacing: -0.025em; }
.sr-card__title a { color: inherit; text-decoration: none; }
.sr-card__title a:hover { color: var(--sr-link); }
.sr-card p + p { margin-top: 0.625rem; }
.sr-card > p, .sr-card__body { color: var(--sr-text-muted); font-size: var(--sr-text-md); line-height: var(--sr-leading-relaxed); }
.sr-card__foot { display: flex; flex-wrap: wrap; gap: 0.625rem; margin-top: 1.25rem; }
.sr-icon-badge { display: inline-grid; place-items: center; flex: none; width: 2.75rem; height: 2.75rem; border-radius: 30%; background: linear-gradient(160deg, var(--sr-accent-soft), color-mix(in srgb, var(--sr-cyan) 22%, var(--sr-accent-soft))); color: var(--sr-accent); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6), 0 0.375rem 1rem color-mix(in srgb, var(--sr-accent) 14%, transparent); }
.sr-icon-badge.is-lg { width: 3.25rem; height: 3.25rem; }
.sr-icon-badge.is-success { background: var(--sr-success-bg); color: var(--sr-success-text); }
.sr-icon-badge.is-warning { background: var(--sr-warning-bg); color: var(--sr-warning-text); }
.sr-icon-badge.is-error { background: var(--sr-error-bg); color: var(--sr-error-text); }
.sr-dl { display: grid; grid-template-columns: minmax(7.5rem, 38%) 1fr; gap: 0; font-size: var(--sr-text-md); }
.sr-dl dt, .sr-dl dd { padding: 0.6875rem 0; border-bottom: 1px solid var(--sr-border); }
.sr-dl dt { color: var(--sr-text-muted); padding-right: 1rem; }
.sr-dl dd { color: var(--sr-text); font-weight: var(--sr-weight-semibold); min-width: 0; }
.sr-dl > :nth-last-child(-n+2) { border-bottom: 0; }
@media (max-width: 520px) { .sr-dl { grid-template-columns: 1fr; } .sr-dl dt { border-bottom: 0; padding-bottom: 0; } }
.sr-badge { display: inline-flex; align-items: center; gap: 0.4375rem; min-height: 1.75rem; padding: 0.1875rem 0.75rem; border-radius: var(--sr-radius-pill); background: var(--sr-accent-soft); color: var(--sr-info-text); font-size: var(--sr-text-sm); font-weight: var(--sr-weight-semibold); white-space: nowrap; }
.sr-badge::before { content: ""; width: 0.5rem; height: 0.5rem; border-radius: 50%; background: currentColor; }
.sr-badge.is-plain::before { display: none; }
.sr-badge.is-success { background: var(--sr-success-bg); color: var(--sr-success-text); }
.sr-badge.is-warning { background: var(--sr-warning-bg); color: var(--sr-warning-text); }
.sr-badge.is-error { background: var(--sr-error-bg); color: var(--sr-error-text); }
.sr-badge.is-muted { background: var(--sr-disabled-surface); color: var(--sr-text-muted); }
.sr-badge.is-live::before { box-shadow: 0 0 0 0 currentColor; animation: sr-pulse 1.8s var(--sr-motion-ease) infinite; }
.sr-tag { display: inline-flex; padding: 0.125rem 0.5rem; border-radius: var(--sr-radius-xs); background: var(--sr-bg-alt); border: 1px solid var(--sr-border); color: var(--sr-text-muted); font-size: var(--sr-text-xs); font-weight: var(--sr-weight-semibold); }
.sr-alert { display: grid; grid-template-columns: auto 1fr; gap: 0.75rem; padding: 1rem 1.125rem; border-radius: var(--sr-radius-lg); border: 1px solid transparent; background: var(--sr-info-bg); color: var(--sr-text); font-size: var(--sr-text-md); line-height: 1.55; }
.sr-alert > .sr-icon { margin-top: 0.125rem; color: var(--sr-info-text); }
.sr-alert__title { display: block; font-weight: var(--sr-weight-semibold); margin-bottom: 0.125rem; }
.sr-alert.is-success { background: var(--sr-success-bg); } .sr-alert.is-success > .sr-icon { color: var(--sr-success-text); }
.sr-alert.is-warning { background: var(--sr-warning-bg); } .sr-alert.is-warning > .sr-icon { color: var(--sr-warning-text); }
.sr-alert.is-error { background: var(--sr-error-bg); } .sr-alert.is-error > .sr-icon { color: var(--sr-error-text); }
.sr-alert + .sr-alert { margin-top: 0.75rem; }
.sr-dialog { width: min(35rem, calc(100vw - 2rem)); max-height: calc(100vh - 3rem); margin: auto; padding: 0; border: 1px solid var(--sr-border); border-radius: var(--sr-radius-lg); background: var(--sr-surface-raised); color: var(--sr-text); box-shadow: var(--sr-shadow-lg); }
.sr-dialog::backdrop { background: var(--sr-overlay); backdrop-filter: blur(0.1875rem); }
.sr-dialog[open] { animation: sr-dialog-in var(--sr-motion-slow) var(--sr-motion-ease-out); }
.sr-dialog[open] { display: flex; flex-direction: column; }
.sr-dialog__body { padding: 1.75rem; min-height: 0; overflow-y: auto; }
.sr-dialog__body h2 { font-size: 1.375rem; margin-bottom: 0.625rem; }
.sr-dialog__body p { color: var(--sr-text-muted); }
.sr-dialog__foot { display: flex; flex: none; flex-wrap: wrap; justify-content: flex-end; gap: 0.625rem; padding: 1rem 1.75rem 1.5rem; }
.sr-dialog.is-sheet { width: min(45rem, calc(100vw - 2rem)); }
.sr-tabs { display: flex; gap: 0.25rem; padding: 0.25rem; border-radius: var(--sr-radius-pill); background: var(--sr-glass); border: 1px solid var(--sr-glass-border); width: max-content; max-width: 100%; overflow-x: auto; }
.sr-tab { min-height: 2.375rem; padding: 0 1rem; border: 0; border-radius: var(--sr-radius-pill); background: transparent; color: var(--sr-text-muted); font-size: var(--sr-text-md); font-weight: var(--sr-weight-semibold); white-space: nowrap; text-decoration: none; display: inline-flex; align-items: center; gap: 0.5rem; transition: background-color var(--sr-motion-fast), color var(--sr-motion-fast); }
.sr-tab:hover { color: var(--sr-text); }
.sr-tab[aria-selected="true"], .sr-tab[aria-current="page"] { background: var(--sr-surface); color: var(--sr-text); box-shadow: var(--sr-shadow-sm); }
.sr-tab .sr-count { font-size: var(--sr-text-xs); padding: 1px 0.5rem; border-radius: var(--sr-radius-pill); background: var(--sr-accent-soft); color: var(--sr-info-text); }
.sr-tabpanel[hidden] { display: none; }
.sr-accordion { display: grid; gap: 0.75rem; }
.sr-accordion details { border: 1px solid var(--sr-glass-border); border-radius: var(--sr-radius-lg); background: var(--sr-glass); backdrop-filter: blur(0.875rem); -webkit-backdrop-filter: blur(0.875rem); transition: box-shadow var(--sr-motion-base); }
.sr-accordion details[open] { box-shadow: 0 1.125rem 3.125rem rgba(var(--sr-shadow-color), 0.1); }
.sr-accordion summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.125rem 1.25rem; cursor: pointer; list-style: none; font-weight: var(--sr-weight-semibold); font-size: var(--sr-text-base); }
.sr-accordion summary::-webkit-details-marker { display: none; }
.sr-accordion summary::after { content: ""; flex: none; width: 0.625rem; height: 0.625rem; border-right: 0.125rem solid var(--sr-text-muted); border-bottom: 0.125rem solid var(--sr-text-muted); transform: rotate(45deg) translateY(-0.1875rem); transition: transform var(--sr-motion-base) var(--sr-motion-ease-out); }
.sr-accordion details[open] summary::after { transform: rotate(225deg) translateY(-0.1875rem); }
.sr-accordion summary:focus-visible { outline: 0.1875rem solid var(--sr-focus); outline-offset: -0.1875rem; border-radius: var(--sr-radius-lg); }
.sr-accordion__body { padding: 0 1.25rem 1.125rem; color: var(--sr-text-muted); line-height: var(--sr-leading-relaxed); }
.sr-table-wrap { overflow-x: auto; border: 1px solid var(--sr-glass-border); border-radius: var(--sr-radius-lg); background: var(--sr-glass-strong); }
.sr-table { font-size: var(--sr-text-md); }
.sr-table th { padding: 0.75rem 1rem; background: var(--sr-bg-alt); color: var(--sr-text-muted); font-size: var(--sr-text-sm); font-weight: var(--sr-weight-semibold); text-align: left; white-space: nowrap; border-bottom: 1px solid var(--sr-border); }
.sr-table td { padding: 0.8125rem 1rem; border-bottom: 1px solid var(--sr-border); vertical-align: middle; }
.sr-table tr:last-child td { border-bottom: 0; }
.sr-table tbody tr { transition: background-color var(--sr-motion-fast); }
.sr-table tbody tr:hover { background: var(--sr-bg-alt); }
.sr-table .is-num { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.sr-table a { font-weight: var(--sr-weight-semibold); }
@media (max-width: 720px) {
  .sr-table.is-responsive thead { display: none; }
  .sr-table.is-responsive tr { display: grid; gap: 0.25rem; padding: 0.75rem 1rem; border-bottom: 1px solid var(--sr-border); }
  .sr-table.is-responsive td { display: flex; justify-content: space-between; gap: 0.75rem; padding: 0.25rem 0; border: 0; text-align: right; }
  .sr-table.is-responsive td::before { content: attr(data-label); color: var(--sr-text-muted); font-size: var(--sr-text-sm); text-align: left; }
  .sr-table.is-responsive td.is-file { display: block; text-align: left; font-weight: var(--sr-weight-semibold); }
  .sr-table.is-responsive td.is-file::before { content: none; }
  .sr-table.is-files tr { grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: 0.75rem; }
  .sr-table.is-files td.is-file { grid-column: 1 / -1; }
  .sr-table.is-files td.is-num { justify-content: flex-start; color: var(--sr-text-muted); font-size: var(--sr-text-sm); }
  .sr-table.is-files td.is-num::before { content: none; }
  .sr-table.is-files td:last-child::before { content: none; }
}
.sr-file-sum { display: flex; align-items: center; gap: 0.375rem; margin-top: 0.125rem; color: var(--sr-text-muted); font-family: var(--sr-font-mono); font-size: var(--sr-text-xs); font-weight: var(--sr-weight-regular); }
.sr-file-sum > code { min-width: 0; overflow-wrap: anywhere; }
.sr-file-sum__label { flex: none; font-family: var(--sr-font-sans); font-weight: var(--sr-weight-semibold); }
.sr-file-sum .sr-btn.is-icon.is-sm { flex: none; width: 1.75rem; min-height: 1.75rem; }
@media (max-width: 720px) {
  .sr-file-sum { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 0.375rem; margin-top: 0.375rem; }
  .sr-file-sum__label { grid-column: 1 / -1; }
}
.sr-breadcrumbs { padding-top: 1.25rem; font-size: var(--sr-text-sm); }
.sr-breadcrumbs ol { display: flex; flex-wrap: wrap; gap: 0.375rem; list-style: none; padding: 0; color: var(--sr-text-muted); }
.sr-breadcrumbs li + li::before { content: "/"; margin-right: 0.375rem; color: var(--sr-text-disabled); }
.sr-breadcrumbs a { color: var(--sr-text-muted); text-decoration: none; }
.sr-breadcrumbs a:hover { color: var(--sr-link); text-decoration: underline; }
.sr-pagination { display: flex; gap: 0.375rem; align-items: center; justify-content: center; margin-top: 1.25rem; font-size: var(--sr-text-sm); }
.sr-pagination a, .sr-pagination span { display: inline-flex; align-items: center; justify-content: center; min-width: 2.25rem; height: 2.25rem; padding: 0 0.625rem; border-radius: var(--sr-radius-pill); border: 1px solid var(--sr-border); background: var(--sr-surface); color: var(--sr-text); text-decoration: none; }
.sr-pagination [aria-current="page"] { background: var(--sr-button); border-color: var(--sr-button); color: var(--sr-on-button); }
.sr-kbd { display: inline-flex; align-items: center; justify-content: center; min-width: 2.75rem; height: 2.5rem; margin-bottom: 0.25rem; padding: 0 0.875rem; border-radius: 0.75rem; border: 1px solid var(--sr-border); background: linear-gradient(180deg, var(--sr-kbd-top), var(--sr-kbd-bottom)); color: var(--sr-text); font-family: var(--sr-font-sans); font-size: var(--sr-text-md); font-weight: var(--sr-weight-bold); box-shadow: 0 0.25rem 0 var(--sr-kbd-edge), 0 0.5rem 1rem rgba(var(--sr-shadow-color), 0.14); }
.sr-kbd.is-sm { min-width: 2rem; height: 1.75rem; margin-bottom: 0.1875rem; padding: 0 0.5rem; font-size: var(--sr-text-xs); border-radius: 0.5rem; box-shadow: 0 0.1875rem 0 var(--sr-kbd-edge); }
.sr-keys { display: inline-flex; align-items: center; gap: 0.375rem; color: var(--sr-text-muted); }
.sr-code { display: flex; align-items: center; gap: 0.5rem; padding: 0.625rem 0.75rem; border-radius: var(--sr-radius-sm); background: var(--sr-surface-sunken); border: 1px solid var(--sr-border); font-family: var(--sr-font-mono); font-size: var(--sr-text-sm); color: var(--sr-text); }
.sr-code > code { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.sr-code.is-key > code { font-size: var(--sr-text-lg); letter-spacing: 0.06em; font-weight: var(--sr-weight-semibold); }
.sr-placeholder { padding: 0 0.25rem; border-radius: 0.25rem; background: var(--sr-placeholder-bg); color: var(--sr-text); font-family: var(--sr-font-mono); font-size: 0.85em; }
.sr-spinner { display: inline-block; width: 1.375rem; height: 1.375rem; border-radius: 50%; border: 0.1875rem solid var(--sr-meter-track); border-top-color: var(--sr-accent); animation: sr-spin 800ms linear infinite; }
.sr-spinner.is-lg { width: 2.75rem; height: 2.75rem; border-width: 0.25rem; }
.sr-skeleton { display: block; height: 0.875rem; border-radius: 0.4375rem; background: linear-gradient(90deg, var(--sr-meter-track) 25%, var(--sr-bg-alt) 37%, var(--sr-meter-track) 63%); background-size: 400% 100%; animation: sr-shimmer 1.4s ease infinite; }
.sr-skeleton + .sr-skeleton { margin-top: 0.625rem; }
.sr-empty { display: grid; grid-template-columns: minmax(0, 1fr); justify-items: center; gap: 0.75rem; padding: 2.5rem 1.5rem; text-align: center; color: var(--sr-text-muted); }
.sr-empty h2, .sr-empty h3 { color: var(--sr-text); font-size: var(--sr-text-xl); }
.sr-empty .sr-btn-row { justify-content: center; }
.sr-empty .sr-btn { max-width: 100%; padding-block: 0.5rem; line-height: 1.2; text-align: center; white-space: normal; }
@media (max-width: 480px) {
  .sr-card > .sr-empty { padding-inline: 0; }
  .sr-empty .sr-btn-row { flex-direction: column; align-items: stretch; width: 100%; }
}
.sr-toast-region { position: fixed; right: 1rem; bottom: 1rem; z-index: var(--sr-z-toast); display: grid; gap: 0.625rem; max-width: min(26.25rem, calc(100vw - 2rem)); }
.sr-toast { display: flex; align-items: center; gap: 0.625rem; padding: 0.875rem 1rem; border-radius: var(--sr-radius-md); background: var(--sr-capsule-from); color: var(--sr-sidebar-text); box-shadow: var(--sr-shadow-lg); font-size: var(--sr-text-md); animation: sr-toast-in var(--sr-motion-slow) var(--sr-motion-ease-out); }
.sr-tooltip { position: relative; }
.sr-tooltip [role="tooltip"] { position: absolute; bottom: calc(100% + 0.5rem); left: 50%; transform: translateX(-50%) translateY(0.25rem); padding: 0.375rem 0.625rem; border-radius: 0.5rem; background: var(--sr-capsule-from); color: var(--sr-sidebar-text); font-size: var(--sr-text-xs); white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity var(--sr-motion-fast), transform var(--sr-motion-fast); z-index: var(--sr-z-dropdown); }
.sr-tooltip:hover [role="tooltip"], .sr-tooltip:focus-within [role="tooltip"] { opacity: 1; transform: translateX(-50%) translateY(0); }
.sr-dropdown { position: relative; }
.sr-dropdown > summary { list-style: none; }
.sr-dropdown > summary::-webkit-details-marker { display: none; }
.sr-dropdown__menu { position: absolute; right: 0; top: calc(100% + 0.5rem); z-index: var(--sr-z-dropdown); min-width: 12.5rem; padding: 0.375rem; border: 1px solid var(--sr-glass-border); border-radius: var(--sr-radius-lg); background: var(--sr-glass-strong); backdrop-filter: blur(1.125rem) saturate(1.3); -webkit-backdrop-filter: blur(1.125rem) saturate(1.3); box-shadow: var(--sr-shadow-lg); animation: sr-pop-in var(--sr-motion-base) var(--sr-motion-ease-out); }
.sr-dropdown__menu button, .sr-dropdown__menu a { display: flex; align-items: center; gap: 0.625rem; width: 100%; min-height: 2.5rem; padding: 0 0.75rem; border: 0; border-radius: 0.75rem; background: transparent; color: var(--sr-text); font-size: var(--sr-text-md); text-align: left; text-decoration: none; }
.sr-dropdown__menu button:hover, .sr-dropdown__menu a:hover { background: var(--sr-accent-soft); }
.sr-dropdown__menu [aria-checked="true"] { color: var(--sr-link); font-weight: var(--sr-weight-semibold); }
.sr-dropdown__menu [aria-checked="true"]::after { content: "✓"; margin-left: auto; }
.sr-stat { display: grid; gap: 0.375rem; }
.sr-stat__label { color: var(--sr-text-muted); font-size: var(--sr-text-sm); font-weight: var(--sr-weight-semibold); }
.sr-stat__value { font-size: 1.875rem; font-weight: var(--sr-weight-bold); letter-spacing: -0.02em; font-variant-numeric: tabular-nums; line-height: 1.1; }
.sr-stat__unit { color: var(--sr-text-muted); font-size: var(--sr-text-xs); }
.sr-delta { display: inline-flex; align-items: center; gap: 0.25rem; font-size: var(--sr-text-xs); font-weight: var(--sr-weight-semibold); color: var(--sr-text-muted); }
.sr-delta.is-up { color: var(--sr-success-text); } .sr-delta.is-down { color: var(--sr-error-text); }
.sr-filters { display: flex; flex-wrap: wrap; gap: 0.625rem; align-items: end; padding: 0.875rem; margin-bottom: 1.25rem; border-radius: var(--sr-radius-lg); background: var(--sr-glass); border: 1px solid var(--sr-glass-border); }
.sr-filters .sr-field { min-width: 9.375rem; }
.sr-filters .sr-field + .sr-field { margin-top: 0; }
.sr-consent { position: fixed; inset-inline: 0; bottom: 0; z-index: calc(var(--sr-z-overlay) - 1); display: flex; align-items: center; gap: 1rem; padding: 0.625rem max(var(--sr-gutter), calc((100vw - var(--sr-size-container)) / 2)) calc(0.625rem + env(safe-area-inset-bottom)); border-top: 1px solid var(--sr-border); background: var(--sr-surface); box-shadow: var(--sr-shadow-lg); animation: sr-toast-in var(--sr-motion-slow) var(--sr-motion-ease-out); }
.sr-consent[hidden] { display: none; }
body:has(.sr-consent:not([hidden])) { padding-bottom: 4rem; }
body:has(.sr-consent:not([hidden])) .sr-sidebar { padding-bottom: calc(1.125rem + 4rem); }
.sr-consent__text { flex: 1 1 auto; min-width: 0; font-size: var(--sr-text-md); line-height: 1.35; color: var(--sr-text); }
.sr-consent__text a { margin-inline-start: 0.375rem; white-space: nowrap; }
.sr-consent__close { flex: none; display: grid; place-items: center; width: 2.25rem; height: 2.25rem; padding: 0; border: 0; border-radius: var(--sr-radius-md); background: var(--sr-accent-soft); color: var(--sr-text-muted); cursor: pointer; }
.sr-consent__close:hover { color: var(--sr-text); }
.sr-consent .sr-btn-row { flex: none; flex-wrap: nowrap; gap: 0.5rem; }
.sr-consent .sr-btn { flex: 0 0 auto; min-width: 7.5rem; min-height: var(--sr-size-control-sm); padding: 0 1rem; font-size: var(--sr-text-sm); }
@media (max-width: 720px) {
  .sr-consent { display: grid; grid-template-columns: 1fr auto; gap: 0.5rem 0.75rem; padding: 0.5rem 0.75rem calc(0.5rem + env(safe-area-inset-bottom)); }
  body:has(.sr-consent:not([hidden])) { padding-bottom: 7.75rem; }
  body:has(.sr-consent:not([hidden])) .sr-sidebar { padding-bottom: calc(1.125rem + 7.75rem); }
  .sr-consent .sr-btn-row { grid-column: 1 / -1; grid-row: 2; }
  .sr-consent .sr-btn { flex: 1 1 0; min-width: 0; }
}
.sr-paybar, .sr-pay-hint { display: none; }
@media (max-width: 900px) {
  .sr-paybar:not([hidden]) { position: fixed; inset-inline: 0; bottom: 0; z-index: calc(var(--sr-z-overlay) - 2); display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; padding: 0.625rem 1rem calc(0.625rem + env(safe-area-inset-bottom)); border-top: 1px solid var(--sr-border); background: var(--sr-surface); box-shadow: var(--sr-shadow-lg); }
  .sr-paybar__sum { display: grid; min-width: 0; color: var(--sr-text-muted); font-size: var(--sr-text-xs); line-height: 1.25; }
  .sr-paybar__sum b { color: var(--sr-text); font-size: var(--sr-text-lg); font-variant-numeric: tabular-nums; white-space: nowrap; }
  .sr-paybar .sr-btn { flex: none; }
  body:has(.sr-consent:not([hidden])) .sr-paybar:not([hidden]) { bottom: calc(4rem + env(safe-area-inset-bottom)); padding-bottom: 0.625rem; }
}
@media (max-width: 720px) { body:has(.sr-consent:not([hidden])) .sr-paybar:not([hidden]) { bottom: calc(7.75rem + env(safe-area-inset-bottom)); } }
@media (min-width: 1100px) { .sr-pay-hint:not([hidden]) { display: block; margin-top: 0.625rem; text-align: center; } }
.sr-consent-category { display: flex; justify-content: space-between; gap: 1rem; padding: 1rem 0; border-bottom: 1px solid var(--sr-border); }
.sr-consent-category:last-of-type { border-bottom: 0; }
.sr-consent-category h3 { font-size: var(--sr-text-base); letter-spacing: 0; }
.sr-consent-category.sr-check { display: grid; cursor: default; }
.sr-consent-category.sr-check label { cursor: pointer; }
.sr-consent-category.sr-check input:disabled + div label { cursor: default; }
.sr-consent-category .sr-badge { vertical-align: middle; margin-inline-start: 0.375rem; }
#sr-consent-dialog .sr-dialog__foot .sr-btn { flex: 1 1 0; min-width: 0; }
.sr-consent .sr-btn, #sr-consent-dialog .sr-dialog__foot .sr-btn.is-secondary { --btn-border: var(--sr-border-strong); }
@media (max-width: 480px) {
  #sr-consent-dialog .sr-dialog__body { padding: 1.25rem 1.125rem; }
  #sr-consent-dialog .sr-dialog__foot { padding: 0.75rem 1.125rem 1rem; gap: 0.5rem; }
  #sr-consent-dialog .sr-dialog__foot { flex-direction: column; }
  #sr-consent-dialog .sr-dialog__foot .sr-btn { flex: none; width: 100%; min-height: var(--sr-size-control-sm); padding: 0 0.625rem; font-size: var(--sr-text-sm); }
}
.sr-link-button { padding: 0; border: 0; background: none; color: var(--sr-link); font: inherit; text-decoration: underline; cursor: pointer; }
.sr-link-button:focus-visible { outline: 0.1875rem solid var(--sr-focus); outline-offset: 0.125rem; }
.sr-consent-category p { margin-top: 0.25rem; font-size: var(--sr-text-sm); color: var(--sr-text-muted); }
.sr-theme-slider { position: relative; display: inline-grid; grid-template-columns: 1.875rem 1.875rem; flex: none; padding: 0.1875rem; border-radius: var(--sr-radius-pill); cursor: pointer; border: 1px solid var(--sr-switch-border);
  background: radial-gradient(1px 1px at 12% 30%, var(--sr-switch-star) 99%, transparent), radial-gradient(0.0875rem 0.0875rem at 44% 24%, var(--sr-switch-star) 99%, transparent), radial-gradient(1px 1px at 38% 76%, var(--sr-switch-star) 99%, transparent), linear-gradient(160deg, var(--sr-switch-from), var(--sr-switch-to));
  box-shadow: inset 0 1px 0.1875rem rgba(0, 24, 48, .3), 0 1px 0 rgba(255, 255, 255, .5); }
.sr-theme-slider button { position: relative; z-index: 1; display: grid; place-items: center; height: 1.625rem; padding: 0; border: 0; border-radius: 50%; background: none; color: var(--sr-text-muted); cursor: inherit; transition: color .4s; }
.sr-theme-slider [aria-pressed="true"] { color: var(--sr-switch-ink); }
.sr-theme-slider button:focus-visible { outline: 0.125rem solid var(--sr-focus); outline-offset: 1px; }
.sr-theme-slider .sr-icon { width: 0.9375rem; height: 0.9375rem; }
.sr-theme-slider__thumb { position: absolute; top: 0.1875rem; left: 0.3125rem; width: 1.625rem; height: 1.625rem; border-radius: 50%; transform: translateX(calc(var(--sr-night) * 1.875rem)); transition: transform .6s cubic-bezier(.5, 1.45, .45, .9), box-shadow .4s;
  background: radial-gradient(circle at 34% 28%, rgba(255, 255, 255, .95) 0 14%, var(--sr-switch-orb) 38%, var(--sr-switch-orb-edge));
  box-shadow: 0 0.125rem 0.375rem rgba(0, 20, 40, .35), 0 0 0.875rem var(--sr-switch-glow), inset 0 -0.125rem 0.25rem rgba(0, 30, 60, .25); }
.sr-theme-slider:hover .sr-theme-slider__thumb { box-shadow: 0 0.125rem 0.375rem rgba(0, 20, 40, .35), 0 0 1.5rem var(--sr-switch-glow), inset 0 -0.125rem 0.25rem rgba(0, 30, 60, .25); }
.sr-mobile-menu__theme { display: flex; align-items: center; justify-content: space-between; min-height: 3.5rem; border-bottom: 1px solid var(--sr-border); color: var(--sr-text); font-size: var(--sr-text-lg); font-weight: var(--sr-weight-bold); letter-spacing: -0.02em; }
.sr-stars { display: inline-flex; gap: 0.125rem; font-size: var(--sr-text-lg); line-height: 1; color: var(--sr-border-strong); }
.sr-stars .is-on { color: var(--sr-accent); }
.sr-review { height: 100%; display: flex; flex-direction: column; }
.sr-review > p:last-child { margin-top: auto; padding-top: 0.75rem; }
.sr-rating { border: 0; padding: 0; margin: 0; min-width: 0; }
.sr-rating__stars { display: inline-flex; flex-direction: row-reverse; justify-content: flex-end; gap: 0.25rem; }
.sr-rating__stars label { font-size: 2rem; line-height: 1; color: var(--sr-border-strong); cursor: pointer; transition: color var(--sr-motion-fast) var(--sr-motion-ease-out); border-radius: var(--sr-radius-sm); padding: 0.125rem; }
.sr-rating__stars input:checked ~ label, .sr-rating__stars label:hover, .sr-rating__stars label:hover ~ label { color: var(--sr-accent); }
.sr-rating__stars input:focus-visible + label { outline: none; box-shadow: 0 0 0 0.1875rem var(--sr-focus); }

/* --- patterns.css --- */
.sr-bg { position: fixed; inset: 0; z-index: -2; overflow: hidden; pointer-events: none; background: linear-gradient(180deg, var(--sr-bg-top) 0%, var(--sr-bg) 60%, var(--sr-bg-bottom) 100%); }
.sr-bg i { position: absolute; border-radius: 50%; filter: blur(5.625rem); opacity: 0.75; will-change: transform; }
.sr-bg .is-l1 { width: 60vw; height: 60vw; right: -18vw; top: -22vw; background: var(--sr-glow-1); }
.sr-bg .is-l2 { width: 46vw; height: 46vw; left: -16vw; top: 30vh; background: var(--sr-glow-2); }
.sr-bg .is-l3 { width: 40vw; height: 40vw; right: 10vw; bottom: -24vw; background: var(--sr-glow-3); }
.sr-bg svg { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; opacity: var(--sr-silk-opacity); }
.sr-bg .is-glass { fill: url(#sgGlassL); }
.sr-bg .is-line { stroke: url(#sgLineL); }
.sr-bg .is-sheen { mix-blend-mode: soft-light; }
:root[data-theme="dark"] .sr-bg .is-glass { fill: url(#sgGlassD); }
:root[data-theme="dark"] .sr-bg .is-line { stroke: url(#sgLineD); }
:root[data-theme="dark"] .sr-bg .is-sheen { mix-blend-mode: screen; opacity: .6; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .sr-bg .is-glass { fill: url(#sgGlassD); }
  :root:not([data-theme="light"]) .sr-bg .is-line { stroke: url(#sgLineD); }
  :root:not([data-theme="light"]) .sr-bg .is-sheen { mix-blend-mode: screen; opacity: .6; }
}
.sr-defs { position: absolute; width: 0; height: 0; overflow: hidden; }
.sr-edge { position: fixed; left: 0; right: 0; z-index: calc(var(--sr-z-header) - 10); pointer-events: none; }
.sr-edge span { position: absolute; inset: 0; }
.sr-edge::after { content: ""; position: absolute; inset: 0; transition: opacity 600ms; }
.sr-edge.is-top { top: 0; height: var(--sr-edge-h, 4.5rem); }
.sr-edge.is-top span:nth-child(1) { backdrop-filter: blur(0.125rem); -webkit-backdrop-filter: blur(0.125rem); -webkit-mask: linear-gradient(to bottom, black 0, black 60%, transparent 100%); mask: linear-gradient(to bottom, black 0, black 60%, transparent 100%); }
.sr-edge.is-top span:nth-child(2) { backdrop-filter: blur(0.5rem); -webkit-backdrop-filter: blur(0.5rem); -webkit-mask: linear-gradient(to bottom, black 0, black 40%, transparent 80%); mask: linear-gradient(to bottom, black 0, black 40%, transparent 80%); }
.sr-edge.is-top::after { background: linear-gradient(to bottom, var(--sr-edge), transparent); }
.sr-on-band .sr-edge::after { opacity: 0; }
@media (prefers-reduced-motion: reduce) { .sr-bg .is-sheen { display: none; } }
.sr-page-head { padding-block: clamp(1.75rem, 5vw, 4rem) clamp(1.75rem, 4vw, 3.25rem); }
.sr-page-head h1 { max-width: 15em; }
.sr-page-head .sr-lead { margin-top: 1.375rem; max-width: 40em; font-size: clamp(1.0625rem, 1.35vw, 1.3125rem); }
.sr-page-head .sr-btn-row { margin-top: 2rem; }
.sr-platforms { display: flex; justify-content: center; gap: 1rem; flex-wrap: wrap; perspective: 56.25rem; }
.sr-platforms.is-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--sr-space-6); }
@media (min-width: 900px) { .sr-platforms.is-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.sr-platforms.is-grid .sr-os { min-width: 0; }
.sr-os { display: flex; align-items: center; gap: 0.875rem; min-width: 14.5rem; padding: 0.875rem 1rem 0.875rem 1.125rem; border-radius: 1.375rem; text-align: left; text-decoration: none; color: var(--sr-text); background: var(--sr-glass); border: 1px solid var(--sr-glass-border); backdrop-filter: blur(1rem); -webkit-backdrop-filter: blur(1rem); box-shadow: 0 1.125rem 3.125rem rgba(var(--sr-shadow-color), 0.1); transition: transform 500ms var(--sr-motion-ease-out), box-shadow 500ms var(--sr-motion-ease-out); }
.sr-os:hover { transform: translateY(-0.375rem); box-shadow: 0 1.875rem 4.375rem rgba(var(--sr-shadow-color), 0.18); }
.sr-os__ic { flex: none; width: 2.25rem; height: 2.25rem; }
.sr-os__ic svg { width: 100%; height: 100%; }
.sr-os__name { display: grid; gap: 0.1875rem; line-height: 1.15; }
.sr-os__name b { font-weight: var(--sr-weight-display); letter-spacing: -0.035em; font-size: 1.3125rem; }
.sr-os__name small { color: var(--sr-text-muted); font-size: var(--sr-text-xs); font-weight: var(--sr-weight-semibold); }
.sr-os em { margin-left: auto; padding: 0.4375rem 0.75rem; border-radius: var(--sr-radius-pill); font-style: normal; font-size: 0.8125rem; font-weight: var(--sr-weight-bold); color: var(--sr-on-button); background: linear-gradient(135deg, var(--sr-pill-from), var(--sr-pill-to)); box-shadow: 0 0.375rem 1rem color-mix(in srgb, var(--sr-accent) 30%, transparent); }
.sr-os.is-main { border-color: color-mix(in srgb, var(--sr-wave) 60%, transparent); box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--sr-wave) 12%, transparent), 0 1.375rem 3.375rem color-mix(in srgb, var(--sr-accent) 20%, transparent); }
.sr-os.is-request em { color: var(--sr-link); background: var(--sr-accent-soft); box-shadow: none; }
.sr-flow { margin-top: 1.625rem; color: var(--sr-text-muted); font-size: var(--sr-text-sm); }
.sr-waves { position: absolute; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; }
.sr-waves svg { position: absolute; left: 50%; top: 50%; width: max(100rem, 140%); height: auto; transform: translate(-50%, -46%); opacity: 0.9; }
.sr-waves path { fill: none; stroke-linecap: round; }
.sr-waves .w1 { stroke: var(--sr-accent); stroke-width: 1.4; opacity: 0.32; }
.sr-waves .w2 { stroke: var(--sr-cyan); stroke-width: 2; opacity: 0.45; }
.sr-waves .w3 { stroke: var(--sr-pill-to); stroke-width: 1; opacity: 0.28; }
.sr-glow { position: absolute; border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb, var(--sr-cyan) 38%, transparent), transparent 68%); filter: blur(0.625rem); pointer-events: none; }
.sr-hero { position: relative; overflow: hidden; padding-block: clamp(3.5rem, 9vw, 7rem) clamp(3rem, 7vw, 5.5rem); }
.sr-hero > .sr-container { position: relative; z-index: 1; display: grid; gap: 3rem; align-items: center; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 1024px) { .sr-hero > .sr-container { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); } }
.sr-hero__lead { margin-top: 1.25rem; max-width: 37.5rem; color: var(--sr-text-muted); font-size: clamp(1.0625rem, 1.6vw, 1.25rem); line-height: var(--sr-leading-relaxed); }
.sr-hero .sr-btn-row { margin-top: 2rem; }
.sr-hero__note { margin-top: 0.875rem; color: var(--sr-text-muted); font-size: var(--sr-text-sm); }
.sr-hero__art { position: relative; display: grid; justify-items: center; gap: 1.5rem; perspective: 75rem; }
.sr-capsule { display: flex; align-items: center; gap: 1rem; width: min(27.5rem, 100%); padding: 0.625rem 1.125rem 0.625rem 0.75rem; border-radius: var(--sr-radius-pill); background: linear-gradient(135deg, var(--sr-capsule-from), var(--sr-capsule-to)); color: var(--sr-sidebar-text); border: 0.0938rem solid color-mix(in srgb, var(--sr-cyan) 70%, transparent); box-shadow: 0 0 0 0.375rem color-mix(in srgb, var(--sr-cyan) 10%, transparent), 0 1.25rem 2.75rem rgba(var(--sr-shadow-color), 0.28); }
.sr-capsule__logo { width: 2.5rem; height: 2.5rem; flex: none; }
.sr-capsule__state { display: inline-flex; align-items: center; gap: 0.5rem; font-size: var(--sr-text-sm); font-weight: var(--sr-weight-semibold); white-space: nowrap; }
.sr-capsule__state::before { content: ""; width: 0.5625rem; height: 0.5625rem; border-radius: 50%; background: var(--sr-cyan); box-shadow: 0 0 0.625rem var(--sr-cyan); animation: sr-pulse 1.8s var(--sr-motion-ease) infinite; }
.sr-capsule__wave { display: flex; align-items: center; gap: 0.1875rem; flex: 1; height: 2rem; justify-content: center; }
.sr-capsule__wave i { display: block; width: 0.1875rem; height: 30%; border-radius: 0.125rem; background: var(--sr-wave); transform-origin: center; animation: sr-wave 1.2s ease-in-out infinite; }
.sr-capsule__wave i:nth-child(3n) { animation-delay: -0.3s; } .sr-capsule__wave i:nth-child(3n+1) { animation-delay: -0.6s; } .sr-capsule__wave i:nth-child(4n) { animation-delay: -0.9s; }
.sr-capsule.is-still .sr-capsule__wave i { animation: none; height: 0.125rem; }
.sr-capsule__time { font-variant-numeric: tabular-nums; font-size: var(--sr-text-sm); color: var(--sr-sidebar-muted); }
.sr-typing { width: min(28.75rem, 100%); padding: 1rem 1.125rem; border-radius: var(--sr-radius-md); background: var(--sr-surface); border: 1px solid var(--sr-border); box-shadow: var(--sr-shadow-md); transform: rotateX(4deg) rotateY(-6deg); transform-style: preserve-3d; }
.sr-typing__bar { display: flex; gap: 0.375rem; margin-bottom: 0.75rem; }
.sr-typing__bar i { width: 0.625rem; height: 0.625rem; border-radius: 50%; background: var(--sr-border-strong); }
.sr-typing__text { font-size: var(--sr-text-md); color: var(--sr-text); min-height: 3rem; }
.sr-typing__text::after { content: ""; display: inline-block; width: 0.125rem; height: 1.1em; margin-left: 0.125rem; vertical-align: -0.1875rem; background: var(--sr-accent); animation: sr-caret 1s steps(1) infinite; }
.sr-steps { --step-dot: 2.5rem; --step-gap: 1.75rem; position: relative; display: grid; gap: var(--step-gap); counter-reset: step; list-style: none; padding: 0; margin: 0; }
.sr-steps > li { position: relative; padding-left: calc(var(--step-dot) + 1.125rem); }
.sr-steps > li::before { counter-increment: step; content: counter(step); position: absolute; top: 0; left: 0; z-index: 1; display: grid; place-items: center; width: var(--step-dot); height: var(--step-dot); border-radius: 30%; background: linear-gradient(135deg, var(--sr-pill-from), var(--sr-pill-to)); color: var(--sr-on-button); font-weight: var(--sr-weight-display); box-shadow: 0 0.5rem 1.25rem color-mix(in srgb, var(--sr-accent) 28%, transparent); }
.sr-steps > li:not(:last-child)::after { content: ""; position: absolute; top: calc(var(--step-dot) + 0.375rem); bottom: calc(0.375rem - var(--step-gap)); left: calc(var(--step-dot) / 2 - 1px); width: 0.125rem; border-radius: 0.125rem; background: linear-gradient(180deg, var(--sr-pill-from), var(--sr-pill-to)); opacity: 0.35; }
.sr-steps h2, .sr-steps h3 { margin: 0 0 0.375rem; padding-top: 0.5rem; font-size: var(--sr-text-lg); line-height: 1.3; letter-spacing: -0.02em; }
.sr-steps p { margin: 0; color: var(--sr-text-muted); font-size: var(--sr-text-md); line-height: 1.55; }
@media (min-width: 640px) and (max-width: 1199px) {
  .sr-steps { display: flex; flex-direction: column; gap: 0; }
  .sr-steps > li { width: 50%; margin-left: 50%; padding: 0 0 0 calc(var(--step-dot) / 2 + 1.5rem); }
  .sr-steps > li + li { margin-top: -1.25rem; }
  .sr-steps > li::before { left: calc(var(--step-dot) / -2); }
  .sr-steps > li:not(:last-child)::after { bottom: 1.625rem; left: -1px; }
  .sr-steps > li:nth-child(odd) { margin-left: 0; padding: 0 calc(var(--step-dot) / 2 + 1.5rem) 0 0; text-align: right; }
  .sr-steps > li:nth-child(odd)::before { left: auto; right: calc(var(--step-dot) / -2); }
  .sr-steps > li:nth-child(odd):not(:last-child)::after { left: auto; right: -1px; }
}
@media (min-width: 1200px) {
  .sr-steps { grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); }
  .sr-steps > li { padding: calc(var(--step-dot) + 1.125rem) 0 0; }
  .sr-steps > li:not(:last-child)::after { top: calc(var(--step-dot) / 2 - 1px); bottom: auto; left: calc(var(--step-dot) + 0.625rem); width: calc(100% + var(--step-gap) - var(--step-dot) - 1.25rem); height: 0.125rem; background: linear-gradient(90deg, var(--sr-pill-from), var(--sr-pill-to)); }
  .sr-steps h2, .sr-steps h3 { padding-top: 0; }
}
.sr-split { display: grid; gap: 2.5rem; align-items: center; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 960px) { .sr-split { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sr-split.is-reverse > :first-child { order: 2; } }
.sr-split + .sr-split { margin-top: 4.5rem; }
.sr-checklist { display: grid; gap: 0.75rem; list-style: none; padding: 0; margin-top: 1.25rem; }
.sr-checklist li { display: grid; grid-template-columns: 1.375rem 1fr; gap: 0.625rem; color: var(--sr-text-muted); }
.sr-checklist li > .sr-icon { color: var(--sr-success); margin-top: 0.125rem; }
.sr-shot { position: relative; border-radius: var(--sr-radius-xl); padding: 0.625rem; background: var(--sr-glass); border: 1px solid var(--sr-glass-border); backdrop-filter: blur(1rem); -webkit-backdrop-filter: blur(1rem); box-shadow: 0 2.5rem 5.625rem rgba(var(--sr-shadow-color), 0.2); }
.sr-shot img { border-radius: 1rem; width: 100%; }
.sr-shot figcaption { padding: 0.75rem 0.375rem 0.25rem; color: var(--sr-text-muted); font-size: var(--sr-text-sm); }
.sr-price-grid { display: grid; gap: 1.5rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr)); align-items: stretch; }
.sr-price { display: flex; flex-direction: column; gap: 1rem; padding: 1.75rem; }
.sr-price__name { font-size: var(--sr-text-h3); letter-spacing: -0.015em; }
.sr-price__amount { font-size: 2.75rem; font-weight: var(--sr-weight-bold); letter-spacing: -0.03em; font-variant-numeric: tabular-nums; }
.sr-price__amount small { font-size: var(--sr-text-base); color: var(--sr-text-muted); font-weight: var(--sr-weight-regular); letter-spacing: 0; }
.sr-price .sr-checklist { margin-top: 0; }
.sr-price .sr-btn { margin-top: auto; }
.sr-price.is-unavailable { background: var(--sr-surface-sunken); box-shadow: none; }
.sr-slots { display: grid; gap: 0.75rem; grid-template-columns: repeat(auto-fit, minmax(11.25rem, 1fr)); }
.sr-slot { display: grid; gap: 0.375rem; padding: 0.875rem 1rem; border-radius: var(--sr-radius-lg); border: 1px solid var(--sr-border); background: var(--sr-glass); font-size: var(--sr-text-sm); }
.sr-slot strong { display: flex; align-items: center; gap: 0.5rem; font-size: var(--sr-text-md); color: var(--sr-text); }
.sr-slot span { color: var(--sr-text-muted); }
.sr-slot.is-free { border-style: dashed; border-width: 0.125rem; background: transparent; color: var(--sr-text-muted); place-content: center; text-align: center; min-height: 5.75rem; }
.sr-meter { height: 0.5rem; border-radius: var(--sr-radius-pill); background: var(--sr-meter-track); overflow: hidden; }
.sr-meter > span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--sr-pill-from), var(--sr-pill-to)); }
.sr-doc__title { max-width: 28em; font-size: clamp(1.75rem, 3vw, 2.5rem); }
.sr-doc__paper { padding: clamp(1.25rem, 4vw, 3rem); border: 1px solid var(--sr-border); border-radius: var(--sr-radius-xl); background: var(--sr-surface); box-shadow: var(--sr-shadow-sm); }
.sr-doc__paper > .sr-prose { max-width: 72ch; }
.sr-doc__paper .sr-prose > :first-child { margin-top: 0; }
.sr-doc__paper .sr-prose :is(h2, h3)[id] { scroll-margin-top: var(--sr-space-4); }
.sr-doc__sections { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.5rem; font-size: var(--sr-text-sm); line-height: var(--sr-leading-snug); }
.sr-doc__sections a:hover { text-decoration: underline; }
.sr-doc__toc { display: none; }
@media (min-width: 1024px) {
  .sr-doc__fold { display: none; }
  .sr-doc__toc { display: block; }
  .sr-doc__aside { display: grid; gap: var(--sr-space-6); max-height: calc(100vh - var(--sr-size-header) - var(--sr-space-12)); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
}
@media (min-width: 1440px) {
  .sr-doc .sr-side > .sr-doc__aside { display: contents; }
  .sr-doc .sr-side > .sr-side__body { grid-column: 5 / span 5; }
  .sr-doc .sr-toc { grid-row: 1; grid-column: 1 / span 4; position: sticky; top: calc(var(--sr-size-header) + var(--sr-space-6)); max-height: calc(100vh - var(--sr-size-header) - var(--sr-space-12)); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
  .sr-doc .sr-doc__toc { grid-column: 10 / -1; }
}
.sr-to-top { display: none; }
@media screen and (max-width: 959px) {
  .sr-to-top { --lift: 0px; position: fixed; inset-inline-end: 1rem; bottom: calc(1rem + var(--lift) + env(safe-area-inset-bottom)); z-index: calc(var(--sr-z-overlay) - 2); display: inline-flex; box-shadow: var(--sr-shadow-md); }
  .sr-btn.sr-to-top > .sr-icon:has(use[href]) { transform: rotate(-90deg); }
  body:has(.sr-consent:not([hidden])) .sr-to-top { --lift: 4rem; }
}
@media screen and (max-width: 720px) { body:has(.sr-consent:not([hidden])) .sr-to-top { --lift: 7.75rem; } }
.sr-faq > h2 { margin: var(--sr-space-10) 0 var(--sr-space-4); font-size: clamp(1.375rem, 2vw, 1.625rem); scroll-margin-top: calc(var(--sr-size-header) + var(--sr-space-6)); }
.sr-next { margin-top: var(--sr-space-10); }
@media (max-width: 600px) { .sr-next .sr-btn-row { flex-direction: column; align-items: stretch; } }
@media (min-width: 1024px) {
  .sr-release { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--sr-space-6); align-items: start; }
  .sr-release > .sr-between { grid-column: span 4; flex-direction: column; align-items: flex-start; }
  .sr-release > .sr-prose { grid-column: span 8; margin-top: 0; }
  .sr-release > .sr-prose > * { max-width: 46em; }
}
.sr-doclist { display: grid; list-style: none; margin: 0; }
.sr-doclist > li { position: relative; display: flex; align-items: center; gap: var(--sr-space-4); padding-block: var(--sr-space-4); border-bottom: 1px solid var(--sr-border); }
.sr-doclist > li:first-child { padding-top: 0; }
.sr-doclist > li:last-child { padding-bottom: 0; border-bottom: 0; }
.sr-doclist__title { flex: 1; min-width: 0; color: var(--sr-text); font-size: var(--sr-text-lg); font-weight: var(--sr-weight-display); letter-spacing: -0.025em; text-decoration: none; }
a.sr-doclist__title::after { content: ""; position: absolute; inset: 0; }
.sr-doclist > li > span.sr-btn { pointer-events: none; }
a.sr-doclist__title:hover { color: var(--sr-link); }
@media (max-width: 520px) {
  .sr-doclist .sr-btn { display: none; }
  .sr-doclist > li { flex-wrap: wrap; }
  .sr-doclist__title { flex-basis: calc(100% - 2.75rem - var(--sr-space-4)); }
  .sr-doclist .sr-badge { margin-inline-start: calc(2.75rem + var(--sr-space-4)); }
  .sr-doclist__pdf { margin-inline-start: calc(2.75rem + var(--sr-space-4)); }
}
.sr-doclist__pdf { position: relative; z-index: 1; }
@media (min-width: 1100px) {
  .sr-main .sr-doclist { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--sr-space-12); }
  .sr-main .sr-doclist > li:nth-child(2) { padding-top: 0; }
  .sr-main .sr-doclist > li:nth-last-child(2):nth-child(odd) { padding-bottom: 0; border-bottom: 0; }
  .sr-main .sr-doclist > li:nth-last-child(2):nth-child(even) { border-bottom-color: transparent; }
}
.sr-prose { font-size: var(--sr-text-lead); line-height: var(--sr-leading-relaxed); color: var(--sr-text); }
.sr-prose > * + * { margin-top: 1em; }
.sr-prose h1 { font-size: 2.125rem; margin-bottom: 0.4em; }
.sr-prose h2 { font-size: 1.5rem; margin-top: 1.8em; }
.sr-prose h3 { font-size: 1.1875rem; margin-top: 1.4em; }
.sr-prose ul, .sr-prose ol { padding-left: 1.4em; }
.sr-prose li + li { margin-top: 0.4em; }
.sr-prose table { font-size: var(--sr-text-md); border: 1px solid var(--sr-border); }
.sr-prose th, .sr-prose td { padding: 0.5rem 0.75rem; border: 1px solid var(--sr-border); text-align: left; vertical-align: top; }
.sr-prose th { background: var(--sr-bg-alt); }
.sr-prose blockquote { padding: 0.75rem 1rem; border-left: 0.1875rem solid var(--sr-accent); background: var(--sr-bg-alt); border-radius: 0 var(--sr-radius-sm) var(--sr-radius-sm) 0; }
.sr-toc { font-size: var(--sr-text-sm); }
.sr-toc ul { list-style: none; padding: 0; display: grid; gap: 0.375rem; }
.sr-toc a, .sr-doc__sections a { color: var(--sr-text-muted); text-decoration: none; }
.sr-toc a:hover, .sr-doc__sections a:hover { color: var(--sr-link); }
.sr-toc a[aria-current="page"] { color: var(--sr-text); font-weight: var(--sr-weight-semibold); }
.sr-ds-swatch { display: grid; gap: 0.5rem; font-size: var(--sr-text-xs); }
.sr-ds-swatch > i { height: 3.5rem; border-radius: var(--sr-radius-sm); border: 1px solid var(--sr-border); }
.sr-ds-row { display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: center; }
.sr-ds-section + .sr-ds-section { margin-top: 3rem; }
.sr-ds-section > h2 { font-size: 1.625rem; margin-bottom: 1.125rem; }
.sr-ds-swatch > i.is-bg { background: var(--sr-bg); }
.sr-ds-swatch > i.is-bg-alt { background: var(--sr-bg-alt); }
.sr-ds-swatch > i.is-surface { background: var(--sr-surface); }
.sr-ds-swatch > i.is-surface-raised { background: var(--sr-surface-raised); }
.sr-ds-swatch > i.is-border { background: var(--sr-border); }
.sr-ds-swatch > i.is-text { background: var(--sr-text); }
.sr-ds-swatch > i.is-text-muted { background: var(--sr-text-muted); }
.sr-ds-swatch > i.is-accent { background: var(--sr-accent); }
.sr-ds-swatch > i.is-accent-soft { background: var(--sr-accent-soft); }
.sr-ds-swatch > i.is-link { background: var(--sr-link); }
.sr-ds-swatch > i.is-button { background: var(--sr-button); }
.sr-ds-swatch > i.is-cyan { background: var(--sr-cyan); }
.sr-ds-swatch > i.is-success { background: var(--sr-success); }
.sr-ds-swatch > i.is-warning { background: var(--sr-warning); }
.sr-ds-swatch > i.is-error { background: var(--sr-error); }
.sr-ds-swatch > i.is-sidebar-mid { background: var(--sr-sidebar-mid); }
.sr-ds-swatch > i.is-capsule-to { background: var(--sr-capsule-to); }
.sr-ds-swatch > i.is-chart-1 { background: var(--sr-chart-1); }
.sr-ds-swatch > i.is-chart-2 { background: var(--sr-chart-2); }
.sr-ds-swatch > i.is-chart-3 { background: var(--sr-chart-3); }

/* --- charts.css --- */
.sr-chart { display: grid; gap: 0.75rem; min-width: 0; margin: 0; }
.sr-chart:focus-visible { outline: 0.125rem solid var(--sr-focus); outline-offset: 0.375rem; border-radius: var(--sr-radius-sm); }
.sr-chart__plot { position: relative; }
.sr-chart svg { display: block; width: 100%; height: auto; overflow: visible; }
.sr-chart .grid { stroke: var(--sr-chart-grid); stroke-width: 1PX; vector-effect: non-scaling-stroke; }
.sr-chart .axis { fill: var(--sr-chart-axis); font-size: 11PX; font-family: var(--sr-font-sans); font-variant-numeric: tabular-nums; }
.sr-chart .s1 { stroke: var(--sr-chart-1); } .sr-chart .s2 { stroke: var(--sr-chart-2); } .sr-chart .s3 { stroke: var(--sr-chart-3); }
.sr-chart .f1 { fill: var(--sr-chart-1); } .sr-chart .f2 { fill: var(--sr-chart-2); } .sr-chart .f3 { fill: var(--sr-chart-3); }
.sr-chart .line { fill: none; stroke-width: 2PX; stroke-linejoin: round; stroke-linecap: round; vector-effect: non-scaling-stroke; }
.sr-chart .line.prev { stroke: var(--sr-chart-axis); stroke-width: 1.5PX; stroke-dasharray: 5 5; }
.sr-chart stop, .sr-spark stop { stop-color: var(--sr-chart-1); }
.sr-chart stop.from { stop-opacity: 0.24; } .sr-spark stop.from { stop-opacity: 0.3; }
.sr-chart stop.to, .sr-spark stop.to { stop-opacity: 0; }
.sr-chart .end, .sr-chart .dot { stroke: var(--sr-surface); stroke-width: 2PX; vector-effect: non-scaling-stroke; }
.sr-chart .hit { fill: transparent; cursor: crosshair; }
.sr-chart .crosshair { stroke: var(--sr-chart-axis); stroke-width: 1PX; vector-effect: non-scaling-stroke; opacity: 0; }
.sr-chart .dot { opacity: 0; }
.sr-chart g.point:hover .crosshair, .sr-chart g.point.is-on .crosshair, .sr-chart g.point:hover .dot, .sr-chart g.point.is-on .dot { opacity: 1; }
.sr-chart__tip { position: absolute; top: 0.25rem; z-index: 2; display: grid; gap: 0.25rem; min-width: 9.375rem; padding: 0.625rem 0.75rem; border: 1px solid var(--sr-glass-border); border-radius: var(--sr-radius-sm); background: var(--sr-glass-strong); backdrop-filter: blur(0.875rem); -webkit-backdrop-filter: blur(0.875rem); color: var(--sr-text); font-size: var(--sr-text-xs); line-height: 1.35; box-shadow: 0 0.75rem 2rem rgba(var(--sr-shadow-color), 0.22); pointer-events: none; white-space: nowrap; }
.sr-chart__tip[hidden] { display: none; }
.sr-chart__tip .row { display: grid; grid-template-columns: auto 1fr auto; gap: 0.5rem; align-items: center; }
.sr-chart__tip .row span { color: var(--sr-text-muted); }
.sr-chart__tip .row b { text-align: right; font-variant-numeric: tabular-nums; }
.sr-legend { display: flex; flex-wrap: wrap; gap: 0.375rem 1.125rem; font-size: var(--sr-text-sm); color: var(--sr-text-muted); list-style: none; padding: 0; margin: 0; }
.sr-legend li { display: inline-flex; align-items: center; gap: 0.5rem; }
.sr-legend i, .sr-chart__tip i { flex: none; width: 0.875rem; height: 0.25rem; border-radius: 0.125rem; }
.sr-legend .k1, .sr-chart__tip .k1 { background: var(--sr-chart-1); } .sr-legend .k2, .sr-chart__tip .k2 { background: var(--sr-chart-2); } .sr-legend .k3, .sr-chart__tip .k3 { background: var(--sr-chart-3); }
.sr-legend .kp, .sr-chart__tip .kp { height: 0.125rem; border-radius: 0; background: repeating-linear-gradient(90deg, var(--sr-chart-axis) 0 0.25rem, transparent 0.25rem 0.4375rem); }
.sr-chart__note { color: var(--sr-text-muted); font-size: var(--sr-text-xs); }
.sr-chart-table { font-size: var(--sr-text-sm); }
.sr-chart-table summary { color: var(--sr-link); cursor: pointer; }
.sr-chart-table .sr-table-wrap { margin-top: 0.625rem; max-height: 20rem; overflow-y: auto; }
@media (max-width: 700px) {
  .sr-chart__plot { overflow-x: auto; }
  .sr-chart svg { min-width: 560PX; }
}
.sr-bars svg, .sr-funnel svg, .sr-share svg { display: block; width: calc(100% - 10PX); margin-inline: 5PX; overflow: visible; }
.sr-bars line, .sr-funnel line, .sr-share line { stroke-linecap: round; vector-effect: non-scaling-stroke; }
.sr-bars .track, .sr-funnel .track, .sr-share .track { stroke: var(--sr-meter-track); }
.sr-bars .fill, .sr-funnel .fill, .sr-share .fill { stroke: var(--sr-chart-1); }
.sr-bars { display: grid; gap: 0.875rem; list-style: none; padding: 0; margin: 0; }
.sr-bars li { display: grid; grid-template-columns: minmax(5.625rem, 36%) minmax(2.5rem, 1fr) auto; gap: 0.875rem; align-items: center; font-size: var(--sr-text-sm); }
.sr-bars .name { color: var(--sr-text); font-weight: var(--sr-weight-semibold); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sr-bars small { display: block; color: var(--sr-text-muted); font-size: var(--sr-text-xs); font-weight: var(--sr-weight-regular); }
.sr-bars .val { text-align: right; color: var(--sr-text); font-weight: var(--sr-weight-semibold); font-variant-numeric: tabular-nums; white-space: nowrap; }
.sr-bars svg { height: 8PX; }
.sr-bars line { stroke-width: 8PX; }
.sr-funnel { display: grid; gap: 0.125rem; list-style: none; padding: 0; margin: 0; }
.sr-app ol.sr-funnel > li { max-width: none; }
.sr-funnel li { display: grid; grid-template-columns: 1.75rem minmax(10.625rem, 27%) minmax(3.75rem, 1fr) minmax(3.5rem, auto) 4.75rem; gap: 0.875rem; align-items: center; padding: 0.5rem 0.625rem; border-radius: var(--sr-radius-sm); font-size: var(--sr-text-sm); transition: background var(--sr-motion-fast); }
.sr-funnel li:hover { background: color-mix(in srgb, var(--sr-accent-soft) 60%, transparent); }
.sr-funnel .no { display: grid; place-items: center; width: 1.625rem; height: 1.625rem; border-radius: 50%; background: var(--sr-accent-soft); color: var(--sr-info-text); font-size: var(--sr-text-xs); font-weight: var(--sr-weight-bold); font-variant-numeric: tabular-nums; }
.sr-funnel .step { font-weight: var(--sr-weight-semibold); color: var(--sr-text); }
.sr-funnel .unit { display: block; color: var(--sr-text-muted); font-weight: var(--sr-weight-regular); font-size: var(--sr-text-xs); }
.sr-funnel svg { height: 10PX; }
.sr-funnel line { stroke-width: 10PX; }
.sr-funnel .num { text-align: right; font-variant-numeric: tabular-nums; color: var(--sr-text); font-weight: var(--sr-weight-bold); }
.sr-funnel .rate { justify-self: end; padding: 0.125rem 0.625rem; border-radius: var(--sr-radius-pill); background: var(--sr-accent-soft); color: var(--sr-info-text); font-size: var(--sr-text-xs); font-weight: var(--sr-weight-semibold); font-variant-numeric: tabular-nums; white-space: nowrap; }
.sr-funnel .rate.is-none { background: none; color: var(--sr-text-disabled); }
@media (max-width: 700px) {
  .sr-funnel li { grid-template-columns: 1.75rem minmax(0, 1fr) auto auto; gap: 0.5rem 0.625rem; padding-inline: 0; }
  .sr-funnel svg { grid-column: 2 / -1; order: 5; }
}
.sr-share { margin: 0.25rem 0 0.875rem; }
.sr-share svg { height: 10PX; }
.sr-share line { stroke-width: 10PX; }
.sr-trend { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 0.25rem 0.5rem; color: var(--sr-text-muted); font-size: var(--sr-text-xs); line-height: 1.3; }
.sr-trend b { display: inline-flex; align-items: center; gap: 0.25rem; padding: 0.1875rem 0.5625rem; border-radius: var(--sr-radius-pill); background: var(--sr-surface-sunken); color: var(--sr-text-muted); font-weight: var(--sr-weight-semibold); font-variant-numeric: tabular-nums; white-space: nowrap; }
.sr-trend.is-good b { background: var(--sr-success-bg); color: var(--sr-success-text); }
.sr-trend.is-bad b { background: var(--sr-error-bg); color: var(--sr-error-text); }
.sr-dash { display: grid; gap: 1.25rem; grid-template-columns: repeat(12, minmax(0, 1fr)); }
.sr-dash > * { grid-column: 1 / -1; min-width: 0; }
.sr-dash__side { display: grid; gap: 1.25rem; grid-template-rows: 1fr auto; }
@media (min-width: 1100px) {
  .sr-dash > .is-main { grid-column: span 8; } .sr-dash > .is-side { grid-column: span 4; }
  .sr-dash > .is-wide { grid-column: span 7; } .sr-dash > .is-narrow { grid-column: span 5; }
  .sr-dash > .is-half { grid-column: span 6; } .sr-dash > .is-third { grid-column: span 4; }
}
.sr-top { display: grid; gap: 1.375rem; align-content: start; }
.sr-top__head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 1.125rem 2.5rem; }
.sr-top__lead { display: grid; gap: 0.5rem; justify-items: start; }
.sr-app .sr-top__label { font-family: var(--sr-font-sans); font-size: var(--sr-text-sm); font-weight: var(--sr-weight-semibold); letter-spacing: 0; line-height: 1.3; color: var(--sr-text-muted); }
.sr-top__value { font-size: 3.5rem; font-weight: var(--sr-weight-bold); letter-spacing: -0.035em; line-height: 1; color: var(--sr-text); }
.sr-facts { display: flex; flex-wrap: wrap; gap: 0.875rem 1.875rem; margin: 0; }
.sr-facts > div { display: grid; gap: 0.125rem; padding-left: 0.875rem; border-left: 0.125rem solid var(--sr-border); }
.sr-facts dt { color: var(--sr-text-muted); font-size: var(--sr-text-xs); }
.sr-facts dd { margin: 0; color: var(--sr-text); font-size: 1.25rem; font-weight: var(--sr-weight-bold); letter-spacing: -0.01em; }
.sr-ratio { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.25rem 0.75rem; margin: 0.625rem 0; }
.sr-ratio b { color: var(--sr-text); font-size: 2.125rem; font-weight: var(--sr-weight-bold); letter-spacing: -0.02em; line-height: 1.1; }
.sr-ratio span { color: var(--sr-text-muted); font-size: var(--sr-text-sm); }
@media (max-width: 700px) { .sr-top__value { font-size: 2.5rem; } }
.sr-kpis { display: grid; gap: 1rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 1200px) { .sr-kpis { grid-template-columns: repeat(5, minmax(0, 1fr)); } .sr-kpis.is-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.sr-card.sr-kpi { display: grid; align-content: start; gap: 0.25rem; padding: 1.125rem; overflow: hidden; border-radius: var(--sr-radius-lg); transition: transform var(--sr-motion-base) var(--sr-motion-ease-out), box-shadow var(--sr-motion-base) var(--sr-motion-ease-out); }
.sr-card.sr-kpi:hover { transform: translateY(-0.1875rem); box-shadow: 0 1.625rem 3.75rem rgba(var(--sr-shadow-color), 0.14); }
.sr-kpi__head { display: flex; align-items: center; gap: 0.625rem; margin-bottom: 0.5rem; }
.sr-kpi__icon { display: grid; place-items: center; flex: none; width: 2.125rem; height: 2.125rem; border-radius: 0.6875rem; background: linear-gradient(160deg, var(--sr-accent-soft), color-mix(in srgb, var(--sr-cyan) 22%, var(--sr-accent-soft))); color: var(--sr-accent); }
.sr-kpi__icon .sr-icon { width: 1.0625rem; height: 1.0625rem; }
.sr-app .sr-kpi__label { font-family: var(--sr-font-sans); font-size: var(--sr-text-sm); font-weight: var(--sr-weight-semibold); letter-spacing: 0; line-height: 1.25; color: var(--sr-text-muted); }
.sr-kpi__value { color: var(--sr-text); font-size: 1.875rem; font-weight: var(--sr-weight-bold); letter-spacing: -0.02em; line-height: 1.1; }
.sr-kpi__unit { color: var(--sr-text-muted); font-size: var(--sr-text-xs); line-height: 1.3; }
.sr-kpi .sr-trend { margin-top: 0.5rem; }
.sr-spark { display: block; width: calc(100% + 2.25rem); height: 2.75rem; margin: 0.75rem -1.125rem -1.125rem; }
.sr-spark .line { fill: none; stroke: var(--sr-chart-1); stroke-width: 2PX; stroke-linejoin: round; stroke-linecap: round; vector-effect: non-scaling-stroke; }
@media (max-width: 520px) {
  .sr-kpis { gap: 0.75rem; }
  .sr-card.sr-kpi { padding: 0.875rem; }
  .sr-kpi__value { font-size: 1.5rem; }
  .sr-spark { width: calc(100% + 1.75rem); margin: 0.625rem -0.875rem -0.875rem; }
}
.sr-period { position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem 1rem; margin-bottom: 1.25rem; }
.sr-seg { display: flex; gap: 0.125rem; max-width: 100%; padding: 0.25rem; overflow-x: auto; border: 1px solid var(--sr-glass-border); border-radius: var(--sr-radius-pill); background: var(--sr-glass); backdrop-filter: blur(1rem); -webkit-backdrop-filter: blur(1rem); box-shadow: 0 0.625rem 1.875rem rgba(var(--sr-shadow-color), 0.06); }
.sr-seg a, .sr-period__custom summary { display: inline-flex; align-items: center; min-height: 2.25rem; padding: 0 1rem; border-radius: var(--sr-radius-pill); color: var(--sr-text-muted); font-size: var(--sr-text-sm); font-weight: var(--sr-weight-semibold); text-decoration: none; white-space: nowrap; cursor: pointer; transition: color var(--sr-motion-fast), background var(--sr-motion-fast); }
.sr-seg a:hover, .sr-period__custom summary:hover { color: var(--sr-text); }
.sr-seg a[aria-current], .sr-period__custom.is-on summary { color: var(--sr-on-button); background: linear-gradient(135deg, var(--sr-pill-from), var(--sr-pill-to)); box-shadow: 0 0.375rem 1rem rgba(var(--sr-shadow-color), 0.22); }
.sr-period__custom summary { list-style: none; border: 1px solid var(--sr-glass-border); background: var(--sr-glass); min-height: 2.875rem; }
.sr-period__custom summary::-webkit-details-marker { display: none; }
.sr-period__custom form { position: absolute; top: calc(100% + 0.5rem); left: 0; z-index: var(--sr-z-dropdown); display: flex; flex-wrap: wrap; align-items: center; gap: 0.625rem; max-width: 100%; padding: 0.875rem; border: 1px solid var(--sr-glass-border); border-radius: var(--sr-radius-lg); background: var(--sr-surface-raised); box-shadow: 0 1.25rem 3.75rem rgba(var(--sr-shadow-color), 0.18); }
.sr-period__custom .sr-input { width: auto; }
.sr-period__note { color: var(--sr-text-muted); font-size: var(--sr-text-sm); }
.sr-period__note strong { color: var(--sr-text); }
.sr-period__filters { display: flex; flex-wrap: wrap; align-items: end; gap: 0.625rem; flex-basis: 100%; }
.sr-period__filters .sr-field { min-width: 11.25rem; }
.sr-period__filters .sr-field + .sr-field { margin-top: 0; }
.sr-method > summary { color: var(--sr-link); font-weight: var(--sr-weight-semibold); cursor: pointer; }
@media (prefers-reduced-motion: no-preference) {
  .sr-chart .plot { animation: sr-chart-in 1000ms var(--sr-motion-ease-out) both; }
  .sr-spark { animation: sr-fade-in 700ms var(--sr-motion-ease-out) both; }
}
@keyframes sr-chart-in { from { clip-path: inset(-12PX 100% -12PX -12PX); } to { clip-path: inset(-12PX -12PX -12PX -12PX); } }
@keyframes sr-fade-in { from { opacity: 0; } to { opacity: 1; } }

/* --- motion.css --- */
.js .sr-reveal { opacity: 0; filter: blur(0.625rem); transform: translateY(1.5rem); transition: opacity var(--sr-motion-reveal) var(--sr-motion-ease-out), filter var(--sr-motion-reveal) var(--sr-motion-ease-out), transform var(--sr-motion-reveal) var(--sr-motion-ease-out); }
.js .sr-reveal.is-visible { opacity: 1; filter: none; transform: none; }
.sr-words .w { display: inline-block; }
.js .sr-words .w { opacity: 0; filter: blur(0.875rem); transform: translateY(0.45em); transition: opacity 1200ms var(--sr-motion-ease-out), filter 1200ms var(--sr-motion-ease-out), transform 1200ms var(--sr-motion-ease-out); }
.js .sr-words.is-visible .w { opacity: 1; filter: none; transform: none; }
.js .sr-reveal.is-delay-1 { transition-delay: 80ms; } .js .sr-reveal.is-delay-2 { transition-delay: 160ms; } .js .sr-reveal.is-delay-3 { transition-delay: 240ms; }
@keyframes sr-spin { to { transform: rotate(360deg); } }
@keyframes sr-pulse { 0% { box-shadow: 0 0 0 0 color-mix(in srgb, currentColor 55%, transparent); } 70% { box-shadow: 0 0 0 0.5rem transparent; } 100% { box-shadow: 0 0 0 0 transparent; } }
@keyframes sr-wave { 0%, 100% { transform: scaleY(0.35); } 50% { transform: scaleY(1.9); } }
@keyframes sr-caret { 50% { opacity: 0; } }
@keyframes sr-shimmer { 0% { background-position: 100% 50%; } 100% { background-position: 0 50%; } }
@keyframes sr-dialog-in { from { opacity: 0; transform: translateY(0.75rem) scale(0.98); } to { opacity: 1; transform: none; } }
@keyframes sr-toast-in { from { opacity: 0; transform: translateY(1rem); } to { opacity: 1; transform: none; } }
@keyframes sr-pop-in { from { opacity: 0; transform: translateY(-0.375rem) scale(0.98); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .js .sr-reveal, .js .sr-words .w { opacity: 1; filter: none; transform: none; } .sr-capsule__wave i { animation: none; } }

/* --- utilities.css --- */
.sr-visually-hidden { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.sr-stack > * + * { margin-top: var(--sr-stack, 1rem); }
.sr-stack.is-sm { --sr-stack: 0.5rem; } .sr-stack.is-lg { --sr-stack: 1.75rem; }
.sr-cluster { display: flex; flex-wrap: wrap; gap: 0.625rem; align-items: center; padding: 0; list-style: none; }
.sr-between { display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: center; justify-content: space-between; }
.sr-muted { color: var(--sr-text-muted); }
.sr-small { font-size: var(--sr-text-sm); }
.sr-xsmall { font-size: var(--sr-text-xs); }
.sr-lead { font-size: var(--sr-text-lead); line-height: var(--sr-leading-relaxed); color: var(--sr-text-muted); }
.sr-center { text-align: center; }
.sr-mono { font-family: var(--sr-font-mono); }
.sr-nowrap { white-space: nowrap; }
.sr-num { font-variant-numeric: tabular-nums; }
.sr-mt-2 { margin-top: 0.5rem; } .sr-mt-4 { margin-top: 1rem; } .sr-mt-6 { margin-top: 1.5rem; } .sr-mt-8 { margin-top: 2rem; } .sr-mt-12 { margin-top: 3rem; }
.sr-mb-4 { margin-bottom: 1rem; } .sr-mb-6 { margin-bottom: 1.5rem; }
.sr-max-sm { max-width: 35rem; } .sr-max-md { max-width: 47.5rem; }
.sr-mx-auto { margin-inline: auto; }
.sr-full { width: 100%; }
[hidden] { display: none !important; }
.sr-nowrap { white-space: nowrap; }
.sr-list { list-style: none; padding: 0; margin: 0; }
.sr-list > li + li { border-top: 1px solid var(--sr-border); padding-top: 0.625rem; margin-top: 0.625rem; }
.sr-app-section-title { font-size: var(--sr-text-xl); line-height: 1.25; margin: 0 0 1rem; }
.sr-app .sr-table th { padding: 0.625rem 0.75rem; }
.sr-app .sr-table td { padding: 0.6875rem 0.75rem; }
@media (min-width: 721px) {
  .sr-app .sr-table :is(th, td, .is-num) { text-align: center; }
  .sr-app .sr-table th { color: var(--sr-text); font-size: var(--sr-text-md); white-space: normal; }
  .sr-app .sr-table td { font-variant-numeric: tabular-nums; }
  .sr-app .sr-table :is(.sr-xsmall, .sr-small) { font-size: var(--sr-text-sm); }
  .sr-app .sr-table .sr-file-sum { justify-content: center; }
}
.sr-app .sr-card__title { font-family: var(--sr-font-sans); font-size: var(--sr-text-xl); font-weight: var(--sr-weight-display); letter-spacing: -0.01em; line-height: 1.25; }
.sr-app .sr-btn.is-secondary { --btn-bg: color-mix(in srgb, var(--sr-accent-soft) 55%, var(--sr-surface)); --btn-border: var(--sr-border); --btn-hover: var(--sr-accent-soft); backdrop-filter: none; -webkit-backdrop-filter: none; }
@media (min-width: 960px) {
  .sr-app :is(p, .sr-hint, .sr-check > span, .sr-alert > div, ol > li, .sr-checklist li) { max-width: 47em; }
  .sr-app .sr-dl dd { padding-inline-end: max(0px, calc(100% - 47em)); }
  .sr-app .sr-card .sr-field:has(> .sr-input, > .sr-select) { max-width: 40rem; }
  .sr-app .sr-card .sr-input[type="number"] { width: 12.5rem; max-width: 100%; }
  .sr-app-section-title.sr-mt-8 { margin-top: 2rem; }
}
@media (min-width: 1280px) {
  .sr-app .sr-card > ol.sr-prose { columns: 2; column-gap: 3.5rem; }
  .sr-app .sr-card > ol.sr-prose > li { break-inside: avoid; margin-top: 0; padding-bottom: 0.5rem; }
}
.sr-filters .sr-field { flex: 1 1 11.25rem; }
.sr-otp.is-block { max-width: none; }

/* --- i18n.css --- */
.sr-lang > summary { display: flex; align-items: center; gap: 0.375rem; min-height: 2.5rem; padding: 0 0.625rem; border-radius: var(--sr-radius-pill); color: var(--sr-text-muted); font-weight: var(--sr-weight-bold); cursor: pointer; transition: color var(--sr-motion-fast); }
.sr-lang > summary:hover, .sr-lang[open] > summary { color: var(--sr-text); }
.sr-lang > summary .sr-icon { width: 1.125rem; height: 1.125rem; }
.sr-lang__menu { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.125rem; width: 21.25rem; max-height: calc(100vh - 6.875rem); overflow-y: auto; }
@supports (height: 100dvh) { .sr-lang__menu { max-height: calc(100dvh - 6.875rem); } }
.sr-lang__menu a { min-height: 2.25rem; font-size: var(--sr-text-sm); }
.sr-lang__menu a[aria-current="true"] { color: var(--sr-link); font-weight: var(--sr-weight-bold); background: var(--sr-accent-soft); }
.sr-on-band .sr-header .sr-lang > summary { color: var(--sr-band-muted); }
.sr-on-band .sr-header .sr-lang > summary:hover, .sr-on-band .sr-header .sr-lang[open] > summary { color: var(--sr-band-text); }
.sr-footer__lang { white-space: nowrap; }
.sr-footer__lang .sr-icon { display: inline-block; width: 1rem; height: 1rem; margin-inline-end: 0.375rem; vertical-align: -0.1875rem; }
@media (max-width: 959px) {
  .sr-lang__menu { position: fixed; top: 4.875rem; left: 0.75rem; right: 0.75rem; width: auto; }
}
.sr-mobile-menu__lang { flex-wrap: wrap; }
.sr-mobile-menu__lang .sr-lang { margin-inline-start: auto; }
.sr-mobile-menu__lang .sr-lang[open] { flex-basis: 100%; }
.sr-mobile-menu .sr-lang__menu { position: static; width: auto; max-height: none; margin: 0.25rem 0 0.625rem; box-shadow: none; animation: none; }
.sr-mobile-menu .sr-lang__menu a { display: flex; min-height: 2.5rem; padding: 0 0.75rem; border-bottom: 0; font-size: var(--sr-text-md); font-weight: var(--sr-weight-semibold); }
@media (min-width: 481px) { .sr-mobile-menu__lang { display: none; } }
@media (max-width: 480px) { .sr-header .sr-lang { display: none; } }
:root:is(:lang(pl), :lang(tr), :lang(vi)) {
  --sr-font-sans: "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, Roboto, "Noto Sans", "Helvetica Neue", Arial, sans-serif;
  --sr-font-display: "Segoe UI Variable Display", "Segoe UI", system-ui, -apple-system, Roboto, "Noto Sans", Arial, sans-serif;
}
:root:is(:lang(ar), :lang(fa), :lang(ur)) {
  --sr-font-sans: "Segoe UI", Tahoma, "Noto Sans Arabic", "Noto Naskh Arabic", "Geeza Pro", Arial, sans-serif;
  --sr-font-display: var(--sr-font-sans);
}
:root:lang(hi) { --sr-font-sans: "Nirmala UI", "Noto Sans Devanagari", "Kohinoor Devanagari", Mangal, system-ui, sans-serif; --sr-font-display: var(--sr-font-sans); }
:root:lang(bn) { --sr-font-sans: "Nirmala UI", "Noto Sans Bengali", "Kohinoor Bangla", Vrinda, system-ui, sans-serif; --sr-font-display: var(--sr-font-sans); }
:root:lang(ja) { --sr-font-sans: "Yu Gothic UI", "Yu Gothic", Meiryo, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", system-ui, sans-serif; --sr-font-display: var(--sr-font-sans); }
:root:lang(ko) { --sr-font-sans: "Malgun Gothic", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif; --sr-font-display: var(--sr-font-sans); }
:root:lang(zh) { --sr-font-sans: "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", "Noto Sans SC", "Noto Sans CJK SC", system-ui, sans-serif; --sr-font-display: var(--sr-font-sans); }
:root:is(:lang(ar), :lang(fa), :lang(ur), :lang(hi), :lang(bn), :lang(ja), :lang(ko), :lang(zh)) body * { letter-spacing: normal !important; }
body [lang="ru"] { font-family: "Manrope SR", "Segoe UI", system-ui, sans-serif; }
[dir="rtl"] .sr-header { padding: 0.5rem 1.125rem 0.5rem 0.5rem; }
[dir="rtl"] .sr-brand__suffix { margin-left: 0; margin-right: 0.125rem; }
[dir="rtl"] .sr-dropdown__menu { right: auto; left: 0; }
[dir="rtl"] .sr-dropdown__menu button, [dir="rtl"] .sr-dropdown__menu a { text-align: right; }
[dir="rtl"] .sr-dropdown__menu [aria-checked="true"]::after { margin-left: 0; margin-right: auto; }
@media (max-width: 959px) { [dir="rtl"] .sr-lang__menu { left: 0.75rem; right: 0.75rem; } }
[dir="rtl"] .sr-theme-slider { direction: ltr; }
[dir="rtl"] .sr-breadcrumbs li + li::before { margin-right: 0; margin-left: 0.375rem; }
[dir="rtl"] .sr-dl dt { padding-right: 0; padding-left: 1rem; }
[dir="rtl"] .sr-table th, [dir="rtl"] .sr-prose:not([dir="ltr"]) :is(th, td) { text-align: right; }
[dir="rtl"] .sr-table .is-num { text-align: left; }
@media (min-width: 721px) { [dir="rtl"] .sr-app .sr-table .is-num { text-align: center; } }
@media (max-width: 720px) {
  [dir="rtl"] .sr-table.is-responsive td { text-align: left; }
  [dir="rtl"] .sr-table.is-responsive td::before { text-align: right; }
}
[dir="rtl"] .sr-select { padding-right: 0.875rem; padding-left: 2.5rem; background-position: 0.875rem 52%, 1.25rem 52%; }
[dir="rtl"] .sr-prefix { border-right: 1px solid var(--sr-border-strong); border-left: 0; border-radius: 0 var(--sr-radius-sm) var(--sr-radius-sm) 0; }
[dir="rtl"] .sr-switch input:checked::after { transform: translateX(-1.125rem); }
[dir="rtl"] .sr-switch input::after { left: auto; right: 0.125rem; }
[dir="rtl"] .sr-toast-region { right: auto; left: 1rem; }
[dir="rtl"] .sr-os { text-align: right; padding: 0.875rem 1.125rem 0.875rem 1rem; }
[dir="rtl"] .sr-os em { margin-left: 0; margin-right: auto; }
[dir="rtl"] .sr-prose:not([dir="ltr"]) :is(ul, ol) { padding-left: 0; padding-right: 1.4em; }
[dir="rtl"] .sr-prose:not([dir="ltr"]) blockquote { border-left: 0; border-right: 0.1875rem solid var(--sr-accent); border-radius: var(--sr-radius-sm) 0 0 var(--sr-radius-sm); }
[dir="rtl"] .sr-typing__text::after { margin-left: 0; margin-right: 0.125rem; }
[dir="rtl"] .sr-steps > li { padding-left: 0; padding-right: calc(var(--step-dot) + 1.125rem); }
[dir="rtl"] .sr-steps > li::before { left: auto; right: 0; }
[dir="rtl"] .sr-steps > li:not(:last-child)::after { left: auto; right: calc(var(--step-dot) / 2 - 1px); }
@media (min-width: 640px) and (max-width: 1199px) {
  [dir="rtl"] .sr-steps > li { margin-left: 0; margin-right: 50%; padding: 0 calc(var(--step-dot) / 2 + 1.5rem) 0 0; }
  [dir="rtl"] .sr-steps > li::before { right: calc(var(--step-dot) / -2); }
  [dir="rtl"] .sr-steps > li:not(:last-child)::after { right: -1px; }
  [dir="rtl"] .sr-steps > li:nth-child(odd) { margin-right: 0; padding: 0 0 0 calc(var(--step-dot) / 2 + 1.5rem); text-align: left; }
  [dir="rtl"] .sr-steps > li:nth-child(odd)::before { right: auto; left: calc(var(--step-dot) / -2); }
  [dir="rtl"] .sr-steps > li:nth-child(odd):not(:last-child)::after { right: auto; left: -1px; }
}
@media (min-width: 1200px) {
  [dir="rtl"] .sr-steps > li { padding-right: 0; }
  [dir="rtl"] .sr-steps > li::before { right: auto; }
  [dir="rtl"] .sr-steps > li:not(:last-child)::after { left: auto; right: calc(var(--step-dot) + 0.625rem); }
}
[dir="rtl"] .sr-sidebar { padding: 1.375rem 0.875rem 1.125rem 0; }
[dir="rtl"] .sr-sidebar__link { border-radius: 0 0.75rem 0.75rem 0; }
[dir="rtl"] .sr-sidebar__foot .sr-sidebar__link { border-radius: 0.75rem; }
[dir="rtl"] .sr-sidebar__link[aria-current="page"]::before, [dir="rtl"] .sr-sidebar__link[aria-current="page"]::after { right: auto; left: 0; transform: scaleX(-1); }
[dir="rtl"] .sr-sidebar__foot { margin-right: 0; margin-left: 0.875rem; }
@media (max-width: 900px) {
  [dir="rtl"] .sr-sidebar { inset: 0 0 0 auto; transform: translateX(102%); }
  [dir="rtl"] .sr-sidebar.is-open { transform: none; }
}
[dir="rtl"] .sr-icon:has(use[href$="#i-arrow-right"]), [dir="rtl"] .sr-icon:has(use[href$="#i-chevron-right"]) { transform: scaleX(-1); }
[dir="rtl"] code, [dir="rtl"] kbd, [dir="rtl"] .sr-code, [dir="rtl"] input[type="tel"], [dir="rtl"] input[type="email"], [dir="rtl"] .sr-input.is-mono { direction: ltr; unicode-bidi: isolate; }
[dir="rtl"] input[type="tel"], [dir="rtl"] input[type="email"] { text-align: right; }
[dir="rtl"] .kb { direction: ltr; }
[dir="rtl"] :is(.price, .tiers b, .tiers span, .n3d, .sr-price__amount, .is-num) { direction: ltr; unicode-bidi: isolate; }
/* --- масштаб: см. build.py --- */
html { font-size: clamp(12.8px, calc(25.6px - 1vw), 16px); }