@font-face { font-family: "Roboto"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/fonts/roboto-cyrillic.woff2") format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Roboto"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/fonts/roboto-latin.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: "Smooch Sans"; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/smooch-sans-latin.woff2") format("woff2"); }
:root {
  font-family: "Roboto", system-ui, sans-serif;
  color: var(--tone-201631);
  background: var(--tone-fffaff);
}
* { box-sizing: border-box; }
body { min-width: 320px; margin: 0; background: var(--surface); }
.auth-complete-page { display: grid; min-height: 100vh; place-items: center; padding: 1.5rem; color: var(--legacy-white); background: var(--legacy-black); text-align: center; }
.auth-complete-state { display: grid; gap: 1rem; justify-items: center; }
.oauth-callback-state { gap: 0; font-size: .875rem; line-height: 1.25rem; }
.oauth-callback-state p { margin: 0; }
.auth-complete-state button { border: 0; color: inherit; background: var(--tone-transparent); cursor: pointer; text-decoration: underline; }
.auth-complete-state .oauth-callback-continue { display: block; margin: 1.5rem auto 0; padding: .5rem 1.5rem; border-radius: var(--radius-quarter-rem); color: var(--legacy-black); background: var(--legacy-gold); font-weight: 600; text-decoration: none; transition: opacity var(--motion-150) var(--motion-ease); }
.auth-complete-state .oauth-callback-continue:hover { opacity: .9; }
button, input { font: inherit; }
a { color: inherit; text-decoration: none; }
button, a { -webkit-tap-highlight-color: var(--tone-transparent); }
:focus-visible { outline: 3px solid var(--tone-ff9bc3); outline-offset: 3px; }
.site-header { position: sticky; top: 0; z-index: 20; display: flex; align-items: center; gap: 2rem; min-height: 76px; padding: .75rem clamp(1rem, 4vw, 4rem); color: var(--tone-fff); background: var(--accent); box-shadow: 0 12px 30px var(--tone-2b16431f); }
.brand { display: inline-flex; align-items: center; gap: .6rem; min-width: 190px; font-family: "Smooch Sans", sans-serif; font-size: 1.75rem; font-weight: 700; }
.brand-mark { display: grid; place-items: center; width: 40px; height: 40px; border-radius: var(--radius-12); color: var(--tone-fff); background: var(--primary); font-family: system-ui, sans-serif; font-size: 1.25rem; }
nav { display: flex; flex-wrap: wrap; gap: .35rem; flex: 1; }
nav a { padding: .65rem .8rem; border-radius: var(--radius-sm); color: var(--tone-eadff2); font-size: .92rem; transition: background var(--motion-160) var(--motion-ease), color var(--motion-160) var(--motion-ease); }
nav a:hover, nav a.active { color: var(--tone-fff); background: var(--tone-ffffff1f); }
.header-actions { display: flex; align-items: center; gap: .6rem; white-space: nowrap; }
.session-badge { padding: .55rem .75rem; color: var(--tone-f6e9f7); font-size: .86rem; }
.icon-button, .modal-close { border: 0; cursor: pointer; }
.icon-button { width: 34px; height: 34px; border-radius: var(--radius-round); color: var(--tone-fff); background: var(--tone-ffffff1f); }
.shell-error { margin: 0; padding: .75rem 1rem; color: var(--tone-fff); background: var(--tone-bd2051); text-align: center; }
.landing-hero { position: relative; display: grid; align-items: end; min-height: min(680px, calc(100vh - 76px)); padding: clamp(2rem, 8vw, 7rem) clamp(1rem, 8vw, 8rem); color: var(--tone-fff); background-position: center; background-size: cover; transition: background-image var(--motion-normal) var(--motion-ease); }
.hero-copy { max-width: 700px; }
.eyebrow { display: inline-block; margin-bottom: .75rem; color: var(--primary); font-size: .74rem; font-weight: 800; letter-spacing: .14em; }
h1, h2 { margin: 0 0 1rem; font-family: "Smooch Sans", "Roboto", sans-serif; line-height: .98; }
h1 { max-width: 720px; font-size: clamp(3rem, 8vw, 7rem); }
h2 { font-size: clamp(1.8rem, 4vw, 3rem); }
.hero-copy p { max-width: 540px; margin: 0 0 2rem; color: var(--tone-f9edf9); font-size: clamp(1rem, 2vw, 1.35rem); line-height: 1.55; }
.hero-actions { display: flex; flex-wrap: wrap; gap: .75rem; }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: .7rem 1.15rem; border: 1px solid var(--tone-transparent); border-radius: var(--radius-pill); color: var(--tone-fff); background: var(--primary); cursor: pointer; font-weight: 700; transition: transform var(--motion-160) var(--motion-ease), background var(--motion-160) var(--motion-ease); }
.button:hover { transform: translateY(-1px); background: var(--primary-dark); }
.button:disabled { cursor: wait; opacity: .65; }
.button-small { min-height: 36px; padding: .45rem .8rem; font-size: .86rem; }
.button-ghost { border-color: var(--tone-ffffff70); background: var(--tone-ffffff15); }
.button-secondary { border-color: var(--tone-eadcf1); color: var(--accent); background: var(--tone-fff); }
.button-secondary:hover { background: var(--tone-fbf5fd); }
.button.full { width: 100%; }
.referral-note { display: block; margin-top: 1rem; color: var(--tone-ffd8e9); font-size: .85rem; }
.slide-controls { position: absolute; right: clamp(1rem, 8vw, 8rem); bottom: 2rem; display: flex; gap: .45rem; }
.slide-controls button { width: 42px; height: 5px; border: 0; border-radius: var(--radius-pill); background: var(--tone-ffffff70); cursor: pointer; }
.slide-controls button.current { background: var(--primary); }
.feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; max-width: 1240px; margin: 0 auto; padding: clamp(2rem, 6vw, 5rem) clamp(1rem, 4vw, 3rem); }
.feature-grid article, .metric-card, .content-panel, .state-card { border: 1px solid var(--tone-ebdff0); border-radius: var(--radius-md); background: var(--tone-fff); box-shadow: 0 10px 30px var(--tone-3719500b); }
.feature-grid article { padding: 1.5rem; }
.feature-icon { display: grid; place-items: center; width: 42px; height: 42px; margin-bottom: 1rem; border-radius: var(--radius-12); color: var(--tone-fff); background: var(--primary); font-size: 1.4rem; }
.feature-grid h2 { margin-bottom: .5rem; font-size: 1.8rem; }
.feature-grid p, .muted { color: var(--muted); line-height: 1.6; }
.modal-backdrop { position: fixed; inset: 0; z-index: 40; display: grid; place-items: center; padding: 1rem; background: var(--tone-180d27b8); }
.auth-modal { position: relative; width: min(100%, 480px); padding: clamp(1.5rem, 5vw, 2.5rem); border-radius: var(--radius-lg); background: var(--tone-fffaff); box-shadow: 0 30px 90px var(--tone-130a22a8); }
.modal-close { position: absolute; top: 1rem; right: 1rem; width: 34px; height: 34px; border-radius: var(--radius-round); color: var(--ink); background: var(--tone-f3e9f5); font-size: 1.6rem; }
.auth-modal h2 { font-size: 2.5rem; }
form { display: grid; gap: 1rem; }
label { display: grid; gap: .35rem; color: var(--ink); font-size: .86rem; font-weight: 700; }
input { width: 100%; padding: .8rem .9rem; border: 1px solid var(--tone-dfd2e6); border-radius: var(--radius-12); color: var(--ink); background: var(--tone-fff); }
select { width: 100%; padding: .8rem .9rem; border: 1px solid var(--tone-dfd2e6); border-radius: var(--radius-12); color: var(--ink); background: var(--tone-fff); }
.form-error, .error-state { color: var(--tone-a31843); }
.form-info { color: var(--tone-08734c); }
.auth-divider { display: flex; align-items: center; gap: .7rem; margin: 1.2rem 0; color: var(--muted); font-size: .8rem; }
.auth-divider::before, .auth-divider::after { content: ""; flex: 1; height: 1px; background: var(--tone-eadcf1); }
.auth-provider-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; }
.auth-mode-links { display: flex; flex-wrap: wrap; justify-content: center; gap: .75rem; margin-top: 1rem; }
.auth-mode-links button { border: 0; padding: 0; color: var(--accent); background: var(--tone-transparent); cursor: pointer; font-size: .82rem; text-decoration: underline; }
.page-container { max-width: 1240px; min-height: calc(100vh - 150px); margin: 0 auto; padding: clamp(2rem, 5vw, 5rem) clamp(1rem, 4vw, 3rem); }
.page-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-bottom: 2rem; }
.page-heading h1 { font-size: clamp(2.8rem, 7vw, 5.5rem); }
.page-heading p { margin: 0; color: var(--muted); }
.metric-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-bottom: 1rem; }
.metric-card { display: grid; gap: .4rem; padding: 1.3rem; }
.metric-card span, .metric-card small { color: var(--muted); }
.metric-card strong { color: var(--accent); font-size: 2rem; }
.content-panel, .state-card { padding: clamp(1.2rem, 4vw, 2rem); }
.content-panel p { max-width: 760px; color: var(--muted); line-height: 1.7; }
.inline-form, .ticket-form { display: grid; gap: .8rem; max-width: 620px; margin: 1rem 0 1.25rem; }
.extra-form, .extra-stack { display: grid; gap: 1rem; max-width: 760px; }
.extra-divider { border: 0; border-top: 1px solid var(--border); margin: 1.25rem 0; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; }
.checkbox-label { display: flex; align-items: center; gap: .55rem; }
.checkbox-label input { width: auto; }
.notice { margin: .5rem 0; padding: .75rem 1rem; border-radius: var(--radius-12); color: var(--accent); background: var(--panel); }
.inline-form { grid-template-columns: minmax(0, 1fr) auto; align-items: end; }
.list-row { display: flex; justify-content: space-between; gap: 1rem; padding: .85rem 0; border-top: 1px solid var(--tone-eadcf1); color: var(--muted); }
.list-row strong { color: var(--ink); }
.list-row-button { width: 100%; border: 0; background: var(--tone-transparent); text-align: left; font: inherit; cursor: pointer; }
.list-row-button:hover { background: var(--tone-f7f0fb); }
.row-actions { display: flex; align-items: center; gap: .65rem; flex-wrap: wrap; }
.row-actions input { max-width: 14rem; }
.link-button.danger { color: var(--tone-b42318); }
.auth-form { display: grid; gap: 1rem; max-width: 34rem; }
textarea { width: 100%; resize: vertical; padding: .8rem .9rem; border: 1px solid var(--tone-dfd2e6); border-radius: var(--radius-12); color: var(--ink); background: var(--tone-fff); }
.date-form { display: flex; flex-wrap: wrap; align-items: end; gap: .75rem; margin: 1rem 0 1.25rem; }
.date-form label { min-width: 150px; }
.statistic-table { overflow-x: auto; margin-top: 1rem; border: 1px solid var(--tone-eadcf1); border-radius: var(--radius-14); }
.statistic-row { display: grid; grid-template-columns: 1fr .75fr 1.15fr 1.15fr 2.1fr 1.15fr 1.15fr 1.15fr 1fr 1fr; gap: .6rem; align-items: center; width: 100%; min-width: 1040px; padding: .75rem .8rem; border: 0; border-top: 1px solid var(--tone-eadcf1); color: var(--muted); background: var(--tone-fff); font-size: .78rem; text-align: left; white-space: nowrap; }
.statistic-row:first-child { border-top: 0; }
.statistic-row button { border: 0; padding: 0; color: var(--primary-dark); background: var(--tone-transparent); cursor: pointer; font: inherit; text-align: left; }
.statistic-row button:hover { color: var(--accent); text-decoration: underline; }
.statistic-head { color: var(--accent); background: var(--panel); font-weight: 800; }
.detail-panel { margin-top: 1rem; padding: 1rem; border-radius: var(--radius-14); background: var(--panel); }
.statistic-presets { display: flex; flex-wrap: wrap; gap: .65rem; align-items: center; }
.statistic-presets button { border: 0; padding: 0; color: var(--primary-dark); background: var(--tone-transparent); cursor: pointer; font-size: .82rem; text-decoration: underline; }
.statistic-modal-backdrop { position: fixed; inset: 0; z-index: 40; display: grid; place-items: center; padding: 1rem; background: var(--tone-0008); }
.statistic-modal { width: min(100%, 760px); max-height: 90vh; overflow: auto; padding: 1rem 1.25rem; border: 1px solid var(--legacy-border); border-radius: var(--radius-2); color: var(--legacy-ink); background: var(--tone-fff); box-shadow: 0 24px 80px var(--tone-0006); }
.statistic-detail-table { overflow-x: auto; border: 1px solid var(--legacy-border); }
.statistic-detail-row { display: grid; grid-template-columns: 2fr 1.4fr .55fr 1fr 1fr; gap: .5rem; min-width: 640px; padding: .55rem .65rem; border-top: 1px solid var(--legacy-border); color: var(--legacy-muted); font-size: .78rem; }
.statistic-detail-row:first-child { border-top: 0; }
.statistic-detail-row a { color: var(--tone-4169a1); text-decoration: underline; }
.statistic-detail-head { color: var(--legacy-ink); background: var(--tone-f5f7fa); font-weight: 700; }
.detail-total { margin: .8rem 0 0; color: var(--legacy-ink); font-weight: 600; }
.detail-heading { display: flex; justify-content: space-between; gap: 1rem; margin-bottom: .5rem; color: var(--accent); }
.link-button { border: 0; padding: 0; color: var(--primary-dark); background: var(--tone-transparent); cursor: pointer; text-decoration: underline; }
.surface-copy { display: grid; gap: .75rem; }
.legal-document { display: grid; gap: 1rem; }
.legal-document .content-panel { box-shadow: none; }
.legal-document h2 { margin-bottom: .5rem; font-size: 1.6rem; }
.legal-document p { max-width: 900px; }
.legal-document ul { display: grid; gap: .45rem; max-width: 900px; margin: .5rem 0 0; padding-left: 1.2rem; color: var(--muted); line-height: 1.7; }
.surface-copy .hero-actions { margin-top: .75rem; }
.referral-link { display: block; max-width: 100%; overflow-wrap: anywhere; padding: .9rem 1rem; border-radius: var(--radius-12); color: var(--accent); background: var(--panel); font-family: ui-monospace, SFMono-Regular, monospace; }
.table-placeholder { display: grid; grid-template-columns: 1.2fr 1fr .8fr .8fr; gap: .6rem; margin-top: 1.5rem; color: var(--muted); font-size: .84rem; }
.placeholder-row { height: 32px; border-radius: var(--radius-8); background: var(--tone-f5edf8); }
.skeleton-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.skeleton-grid span { height: 130px; border-radius: var(--radius-md); background: linear-gradient(90deg, var(--tone-f5edf8) 25%, var(--tone-fbf7fc) 50%, var(--tone-f5edf8) 75%); background-size: 200% 100%; animation: shimmer 1var(--motion-200) infinite; }
@keyframes shimmer { to { background-position: -200% 0; } }
.site-footer { display: flex; justify-content: space-between; gap: 1rem; padding: 2rem clamp(1rem, 4vw, 4rem); color: var(--tone-eadff2); background: var(--accent); }
.site-footer div { display: flex; flex-wrap: wrap; gap: 1rem; }
.site-footer span, .footer-links a { color: var(--tone-c9b8d3); font-size: .85rem; }
.install-banner { position: fixed; right: clamp(1rem, 4vw, 3rem); bottom: 1rem; z-index: 35; display: flex; align-items: center; justify-content: space-between; gap: 1rem; width: min(100% - 2rem, 640px); padding: 1rem 1.15rem; border: 1px solid var(--tone-efc9df); border-radius: var(--radius-md); color: var(--ink); background: var(--tone-fffaff); box-shadow: 0 18px 50px var(--tone-3719502b); }
.install-banner div:first-child { display: grid; gap: .2rem; }
.install-banner span { color: var(--muted); font-size: .84rem; }
.install-actions { display: flex; align-items: center; gap: .7rem; }
.install-dismiss { border: 0; color: var(--muted); background: var(--tone-transparent); cursor: pointer; font-size: .84rem; }
.legacy-pwa-banner { border-bottom: 1px solid var(--legacy-border); color: var(--legacy-ink); background: var(--tone-fff); box-shadow: 0 5px 20px var(--tone-17212b12); }
.legacy-pwa-summary { display: flex; align-items: center; gap: .75rem; max-width: 1200px; margin: 0 auto; padding: .55rem 1rem; }
.legacy-pwa-toggle { display: flex; flex: 1; align-items: center; justify-content: space-between; gap: 1rem; padding: .2rem 0; border: 0; color: inherit; background: var(--tone-transparent); cursor: pointer; text-align: left; }
.legacy-pwa-toggle > span:first-child { display: grid; gap: .12rem; }
.legacy-pwa-toggle strong { font-size: .9rem; }
.legacy-pwa-toggle strong span { color: var(--legacy-gold); }
.legacy-pwa-toggle small { color: var(--legacy-muted); font-size: .7rem; letter-spacing: .08em; text-transform: uppercase; }
.legacy-pwa-dismiss { width: 2rem; height: 2rem; border: 0; color: var(--legacy-muted); background: var(--tone-transparent); cursor: pointer; font-size: 1.25rem; }
.legacy-pwa-body { display: grid; gap: 1.5rem; max-width: 1200px; margin: 0 auto; padding: 1rem 1.25rem 1.25rem; border-top: 1px solid var(--legacy-border); font-size: .88rem; }
.legacy-pwa-body section { display: grid; gap: .5rem; }
.legacy-pwa-body h3 { margin: 0; color: var(--legacy-ink); font-size: .92rem; }
.legacy-pwa-body p { max-width: 760px; margin: 0; color: var(--legacy-muted); line-height: 1.55; }
.legacy-pwa-body .button { width: max-content; min-height: 38px; padding: .5rem .8rem; font-size: .82rem; }
.legacy-pwa-step { padding-top: 1rem; border-top: 1px solid var(--legacy-border); }
.legacy-pwa-status { display: flex; flex-wrap: wrap; gap: 1.5rem; padding-top: 1rem; border-top: 1px solid var(--legacy-border); color: var(--legacy-muted); font-size: .76rem; }
.legacy-pwa-error { color: var(--tone-a31843); }
@media (max-width: 850px) {
  .site-header { flex-wrap: wrap; gap: .6rem 1rem; }
  .brand { min-width: auto; }
  nav { order: 3; width: 100%; overflow-x: auto; flex-wrap: nowrap; }
  .feature-grid, .metric-grid { grid-template-columns: 1fr; }
  .inline-form { grid-template-columns: 1fr; }
  .form-grid { grid-template-columns: 1fr; }
  .page-heading { align-items: start; flex-direction: column; }
  .page-heading .button { align-self: start; }
}

@media (max-width: 560px) {
  .landing-hero { min-height: 620px; padding: 2rem 1rem 5rem; }
  h1 { font-size: 3.4rem; }
  .hero-actions, .hero-actions .button { width: 100%; }
  .slide-controls { right: 1rem; left: 1rem; }
  .slide-controls button { flex: 1; }
  .table-placeholder { grid-template-columns: 1fr 1fr; }
  .site-footer { flex-direction: column; }
  .install-banner { align-items: start; flex-direction: column; }
  .install-actions { width: 100%; justify-content: space-between; }
}

@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: var(--motion-reduced) !important; animation-duration: var(--motion-reduced) !important; } }

/* Legacy MaxKonvert visual contract: the migrated surface keeps the old
   graphite/gold shell, horizontal landing slides and compact cabinet menu. */
body { background: var(--legacy-paper); color: var(--legacy-ink); }
.legacy-header { display: flex; align-items: center; justify-content: space-between; min-height: 74px; padding: .5rem 1.25rem; color: var(--tone-f9fcff); background: var(--legacy-dark); }
.legacy-header .legacy-logo { min-width: 190px; font-size: 35px; font-weight: 400; line-height: 24px; }
.legacy-logo { color: var(--tone-f9fcff); font-family: "Smooch Sans", sans-serif; font-size: 60px; font-weight: 400; line-height: 24px; letter-spacing: 0; }
.legacy-logo span, .legacy-block span, .legacy-block h1 span { color: var(--legacy-gold); }
.legacy-header-actions { display: flex; align-items: center; gap: 1rem; }
.legacy-mobile-menu { display: none; z-index: 100; width: 25px; height: 25px; grid-template-rows: repeat(3, 2px); gap: 5px; padding: 0; border: 0; color: var(--tone-f9fcff); background: var(--tone-transparent); cursor: pointer; }
.legacy-mobile-menu span { display: block; width: 25px; height: 2px; background: currentColor; }
.legacy-balance { color: var(--tone-acbccc); font-size: .9rem; }
.legacy-header-link { display: inline-flex; align-items: center; gap: .5rem; border: 0; color: var(--tone-f9fcff); background: var(--tone-transparent); cursor: pointer; font-size: .95rem; text-decoration: none; }
.legacy-header-link > svg, .legacy-user-trigger > svg { width: 1.1rem; height: 1.1rem; transition: transform var(--motion-300) var(--motion-ease); }
.legacy-header-link.active > svg, .legacy-user-trigger[aria-expanded="true"] > svg { transform: rotate(180deg); }
.legacy-header-link:hover { color: var(--legacy-gold); }
.legacy-header-link.active { color: var(--legacy-gold); }
.legacy-user-menu { position: relative; }.legacy-user-trigger { display: flex; align-items: center; gap: .5rem; padding: .5rem 1.25rem .5rem 1rem; border: 0; color: var(--tone-f9fcff); background: var(--tone-000); cursor: pointer; }.legacy-avatar-image, .legacy-avatar-marble { display: block; flex: 0 0 auto; width: 1.875rem; height: 1.875rem; border-radius: var(--radius-round); }.legacy-avatar-image { object-fit: cover; background: var(--tone-23282d); }.legacy-user-dropdown { position: absolute; top: 100%; right: 0; z-index: 25; display: grid; min-width: 150px; padding: .5rem 0; color: var(--tone-f9fcff); background: var(--tone-000); box-shadow: 0 10px 25px var(--tone-0005); }.legacy-user-dropdown a, .legacy-user-dropdown button { display: flex; align-items: center; gap: .5rem; padding: .25rem 1rem; border: 0; color: inherit; background: var(--tone-transparent); cursor: pointer; text-align: left; }.legacy-user-dropdown a > svg, .legacy-user-dropdown button > svg { width: 1rem; height: 1rem; }.legacy-user-dropdown a:hover, .legacy-user-dropdown button:hover { color: var(--legacy-gold); }
.legacy-help { display: flex; min-height: 112px; color: var(--legacy-ink); background: var(--tone-f5f7fa); border-bottom: 1px solid var(--legacy-border); }
.legacy-help ul { display: flex; flex: 0 0 220px; flex-direction: column; margin: 0; padding: 0; list-style: none; }
.legacy-help li { display: contents; }
.legacy-help button { flex: 1; border: 0; border-bottom: 1px solid var(--legacy-border); padding: .45rem .85rem; color: var(--legacy-ink); background: var(--tone-fff); cursor: pointer; text-align: left; }
.legacy-help button.active { color: var(--legacy-gold); background: var(--tone-eef1f5); }
.legacy-help-copy { flex: 1; padding: .8rem 1rem; font-size: .86rem; }
.legacy-help-copy p { max-width: 760px; margin: .4rem 0 0; color: var(--legacy-muted); line-height: 1.5; }
.legacy-email-confirm { margin: 1rem 0; padding: .75rem 1rem; border: 1px solid var(--legacy-gold); color: var(--legacy-ink); background: var(--tone-fffdf3); }
.legacy-email-confirm p { margin: .4rem 0; color: var(--legacy-muted); line-height: 1.5; }
.legacy-confirm-row { display: flex; gap: .5rem; align-items: center; max-width: 540px; }
.legacy-confirm-row input { flex: 1; padding: .6rem .75rem; border: 1px solid var(--legacy-border); border-radius: var(--radius-2); }
.legacy-app-frame { display: flex; min-height: calc(100vh - 74px); overflow: hidden; }
.legacy-sidebar { display: flex; flex: 0 0 220px; flex-direction: column; width: 220px; padding: .5rem 0; color: var(--tone-f9fcff); background: var(--legacy-dark); transition: flex-basis var(--motion-200) var(--motion-ease), width var(--motion-200) var(--motion-ease); }
.legacy-sidebar-mobile-logo { display: none !important; }
.legacy-mobile-overlay { display: none; }
.legacy-sidebar-section { display: flex; flex-direction: column; }
.legacy-sidebar-bottom { gap: 1.25rem; margin-top: auto; }
.legacy-sidebar a, .legacy-sidebar button { display: flex; align-items: center; min-height: 35px; gap: 1rem; padding: .25rem .75rem; color: var(--tone-f9fcff); font-size: .95rem; transition: color var(--motion-200) var(--motion-ease), background var(--motion-200) var(--motion-ease); }
.legacy-sidebar-news-badge { display: inline-grid; min-width: 23px; height: 23px; margin-left: auto; place-items: center; border-radius: var(--radius-round); color: var(--tone-fff); background: var(--legacy-gold); font-size: .72rem; line-height: 1; }
.legacy-sidebar a:hover, .legacy-sidebar a.active { color: var(--legacy-gold); background: var(--tone-000); }
.legacy-menu-icon { display: inline-grid; width: 1.25rem; height: 1.25rem; flex: 0 0 1.25rem; place-items: center; line-height: 1; }
.legacy-menu-icon > svg { display: block; width: 1.25rem; height: 1.25rem; }
.legacy-sidebar-mobile-account { display: none; }
.legacy-sidebar-mobile-account button { width: 100%; border: 0; color: inherit; background: var(--tone-transparent); cursor: pointer; text-align: left; }
.legacy-sidebar-toggle { display: flex; align-items: center; gap: 1rem; min-height: 35px; margin-top: 1.25rem; padding: .25rem .75rem; border: 0; color: var(--tone-f9fcff); background: var(--tone-transparent); cursor: pointer; font-size: .95rem; text-align: left; }
.legacy-sidebar-toggle .legacy-menu-icon { transition: transform var(--motion-300) var(--motion-ease); }
.legacy-sidebar-toggle .legacy-menu-icon.rotated { transform: rotate(180deg); }
.legacy-sidebar-toggle:hover { color: var(--legacy-gold); background: var(--tone-000); }
.sidebar-collapsed .legacy-sidebar { flex-basis: 3rem; width: 3rem; }
.sidebar-collapsed .legacy-sidebar a, .sidebar-collapsed .legacy-sidebar-toggle { justify-content: center; padding-right: .45rem; padding-left: .45rem; }
.legacy-app-frame > #main-content { flex: 1; min-width: 0; overflow: auto; background: var(--legacy-paper); }
.legacy-app-frame .page-container { max-width: none; min-height: calc(100vh - 74px); padding: 2rem clamp(1rem, 4vw, 3rem); }
.legacy-app-frame h1, .legacy-app-frame h2 { color: var(--legacy-ink); font-family: "Roboto", sans-serif; font-weight: 600; line-height: 1.2; }
.legacy-app-frame .eyebrow { color: var(--legacy-gold); }
.legacy-app-frame .content-panel, .legacy-app-frame .metric-card, .legacy-app-frame .state-card, .legacy-app-frame .feature-grid article { border-color: var(--legacy-border); border-radius: var(--radius-none); box-shadow: none; }
.legacy-app-frame .button { border-radius: var(--radius-2); color: var(--legacy-ink); background: var(--legacy-gold); }
.legacy-app-frame .button-secondary { color: var(--legacy-ink); border-color: var(--legacy-border); background: var(--tone-f9fcff); }

.legacy-landing { position: relative; height: 100vh; min-height: 560px; color: var(--tone-f9fcff); background: var(--tone-000); overflow: hidden; }
.legacy-landing-slides { display: flex; width: 100%; height: calc(100% - 104px); margin-top: 0; overflow-x: auto; overflow-y: hidden; scroll-behavior: smooth; scrollbar-width: none; }
.legacy-landing-slides::-webkit-scrollbar { display: none; }
.legacy-landing-slide { position: relative; flex: 0 0 100%; min-width: 100%; height: 100%; overflow-y: auto; background-position: center top; background-size: cover; }
.legacy-slide-image { position: absolute; inset: 0; z-index: 0; display: block; pointer-events: none; }
.legacy-slide-image img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.legacy-landing-slide:not(.is-active) { background-image: none !important; }
.legacy-landing-video { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; object-fit: cover; }
.legacy-landing-slide::before { position: absolute; inset: 0; z-index: 1; content: ""; background: var(--tone-0008); }
.legacy-landing-slide:not(.legacy-slide-main)::before { background: var(--tone-transparent); }
.legacy-slide-main::before { background: linear-gradient(90deg, var(--tone-000b) 0%, var(--tone-0007) 46%, var(--tone-0002) 100%); }
.legacy-slide-content { position: relative; z-index: 2; width: min(100%, 1280px); height: 100%; margin: 0 auto; padding: 12px 0 5rem; overflow-y: auto; scrollbar-width: none; }
.legacy-slide-content::-webkit-scrollbar { display: none; }
.legacy-block { width: 56.46%; max-width: 760px; margin: 28px 0 28px 42.6%; padding: 30px 40px; border: 1px solid var(--tone-23282d); background: var(--tone-000c); transform: skew(-3deg); font-size: 1rem; line-height: 1.5; overflow-wrap: break-word; }
.legacy-block-title { color: var(--tone-f9fcff); border-color: var(--legacy-gold); text-transform: uppercase; font-size: 2rem; line-height: 40px; }
.legacy-block-large { padding-top: 50px; padding-bottom: 50px; }
.legacy-block h1 { margin: 0 0 12px; color: var(--legacy-gold); font-family: "Roboto", sans-serif; font-size: 1.5rem; font-weight: 400; line-height: 32px; }
.legacy-block h2 { margin: 0 0 .5rem; color: var(--legacy-gold); font-family: "Roboto", sans-serif; font-size: 1.5rem; font-weight: 400; line-height: 2rem; }
.legacy-block p { margin: 0; color: var(--tone-f9fcff); font-size: 1rem; line-height: 1.5; }
.legacy-block a { color: var(--tone-648df6); font-weight: 700; text-decoration: none; border-bottom: 1px solid var(--tone-648df6); }
.legacy-benefits { display: grid; grid-template-columns: 1fr; gap: .75rem; margin-right: -1px; margin-left: -1px; color: var(--tone-ffde9e); font-size: 1.125rem; line-height: 20px; }
.legacy-benefits strong { display: grid; grid-template-columns: 50px minmax(0, 1fr); column-gap: 20px; align-items: start; margin: .25rem 0; font-weight: 400; }
.legacy-benefits strong > svg { grid-row: span 2; display: block; width: 50px; height: 50px; color: var(--legacy-gold); }
.legacy-benefits small { display: block; margin-top: .5rem; color: var(--tone-f9fcff); font-size: .875rem; font-weight: 400; line-height: 20px; }
.legacy-block ul { display: flex; flex-direction: column; gap: .75rem; margin: 0 0 0 .75rem; padding: 0; color: var(--tone-f9fcff); line-height: 1.5; }
.legacy-news-item { width: 56.46%; max-width: 760px; margin: 28px 0 28px 42.6%; transform: skew(-3deg); }
.legacy-news-item button { width: 100%; padding: 2rem 2.5rem; border: 1px solid var(--tone-000); color: var(--tone-ffde9e); background: var(--tone-000c); cursor: pointer; line-height: 1rem; text-align: left; }
.legacy-news-item p { margin: 0; padding: 1.5rem; color: var(--tone-f9fcff); background: var(--tone-000c); line-height: 1.5; }
.legacy-button { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; margin-top: 1rem; padding: .6rem 1rem; border: 0; border-radius: var(--radius-2); color: var(--legacy-ink); background: var(--legacy-gold); cursor: pointer; font-weight: 700; }
.legacy-button:disabled { cursor: wait; opacity: .65; }
.legacy-slide-account .legacy-slide-content { display: block; }
.legacy-auth form { display: grid; gap: .75rem; }
.legacy-contact-form { display: grid; gap: .75rem; border: 0; }
.legacy-auth { border: 0; }
.legacy-auth input { width: 100%; padding: 1rem; border: 1px solid var(--tone-acbccc); border-radius: var(--radius-none); color: var(--tone-fff); background: var(--tone-transparent); outline: none; line-height: 1.5rem; }
.legacy-auth input:focus { border-color: var(--legacy-gold); box-shadow: 0 0 0 2px color-mix(in srgb, var(--legacy-gold) 50%, transparent); transform: scale(1.01); }
.legacy-auth .legacy-button { width: 100%; min-height: 56px; margin-top: 0; padding: 1rem 1.5rem; border-radius: var(--radius-none); background: var(--tone-ffde9e); font-weight: 400; line-height: 1.5rem; }
.legacy-contact-form input, .legacy-contact-form textarea { width: 100%; padding: 1rem; border: 1px solid var(--tone-acbccc); border-radius: var(--radius-none); color: var(--tone-fff); background: var(--tone-transparent); outline: none; line-height: 1.5rem; }
.legacy-contact-form textarea { resize: none; }
.legacy-contact-form input:focus, .legacy-contact-form textarea:focus { border-color: var(--legacy-gold); box-shadow: 0 0 0 2px color-mix(in srgb, var(--legacy-gold) 50%, transparent); transform: scale(1.01); }
.legacy-contact-form .legacy-button { width: 100%; min-height: 56px; margin-top: 0; padding: 1rem 1.5rem; border-radius: var(--radius-none); background: var(--tone-ffde9e); font-weight: 400; line-height: 1.5rem; }
.legacy-auth-links { display: flex; flex-wrap: wrap; gap: 1.75rem; margin-top: .75rem; }
.legacy-auth-links button { border: 0; padding: 0; color: var(--tone-f9fcff); background: var(--tone-transparent); cursor: pointer; font-size: 1rem; line-height: 1.5rem; text-decoration: underline; }
.legacy-auth-divider { padding: 1.75rem .75rem; color: var(--tone-f9fcff); text-align: center; }
.legacy-provider-links { display: grid; gap: .75rem; }
.legacy-provider-action { display: flex; width: 100%; min-height: 56px; align-items: center; justify-content: center; gap: .75rem; border: 0; padding: 1rem 1.5rem; color: var(--legacy-ink); background: var(--tone-ffde9e); cursor: pointer; font: inherit; line-height: 1.5rem; }
.legacy-provider-action svg { width: 20px; height: 20px; }
.legacy-provider-action:disabled { cursor: wait; opacity: .65; }
.legacy-max-provider { position: relative; }
.legacy-max-provider .legacy-provider-action { padding-right: 4rem; }
.legacy-max-provider .legacy-provider-action strong { font-weight: 700; }
.legacy-max-qr-trigger { position: absolute; top: 0; right: 0; bottom: 0; width: 56px; border: 0; border-left: 1px solid var(--tone-0002); color: var(--legacy-ink); background: var(--tone-transparent); cursor: pointer; font-size: 1.45rem; }
.legacy-max-qr { margin-top: .75rem; padding: .75rem; border: 1px solid var(--legacy-gold); text-align: center; }
.legacy-max-qr p { margin: 0 0 .5rem; }
.legacy-auth-feedback { margin: .75rem 0 0 !important; }
.legacy-error { color: var(--tone-ff8e8e) !important; }
.legacy-info { color: var(--tone-9ff0c8) !important; }
.legacy-landing-footer { position: absolute; right: 0; bottom: 0; left: 0; z-index: 3; display: flex; height: 104px; min-height: 104px; align-items: center; gap: 1.25rem; padding: 1rem 3rem; color: var(--tone-f9fcff); background: var(--tone-000); }
.legacy-landing-footer .legacy-logo { flex: 0 0 auto; margin-right: 1.5rem; }
.legacy-landing-footer > a, .legacy-landing-menu-panel .legacy-logo { padding: 0; border-radius: var(--radius-none); }
.legacy-landing-nav { display: flex; flex: 1; gap: 1.25rem; }
.legacy-landing-medium-nav { display: none; flex: 1; }
.legacy-landing-footer button { border: 0; padding: .35rem 0; color: var(--tone-f9fcff); background: var(--tone-transparent); cursor: pointer; font-size: 1rem; white-space: nowrap; }
.legacy-landing-footer button:hover, .legacy-landing-footer button.active { color: var(--legacy-gold); }
.legacy-landing-footer button.accent { display: inline-flex; align-items: center; gap: .5rem; padding: .5rem 1rem; border: 1px solid var(--legacy-gold); color: var(--legacy-gold); font-size: 1rem; }
.legacy-landing-footer button.accent svg { width: 1rem; height: 1rem; }
.legacy-landing-footer button.accent:hover { color: var(--tone-fff); background: var(--legacy-gold); }
.legacy-telegram { display: inline-flex; align-items: center; gap: .4rem; margin-left: auto; color: var(--tone-f9fcff); font-size: .9rem; }
.legacy-telegram svg { width: 25px; height: 25px; }
.legacy-telegram:hover { color: var(--legacy-gold); }
.legacy-landing-mobile-menu { display: none; }
.legacy-landing-hamburger { display: grid; width: 34px; gap: 6px; padding: 0; }
.legacy-landing-hamburger span { display: block; height: 2px; background: var(--legacy-gold); }
.legacy-landing-menu-panel { position: fixed; top: 0; bottom: 0; left: 0; z-index: 51; display: grid; align-content: start; width: 256px; gap: .35rem; padding: 3rem 1.5rem 1rem; color: var(--tone-fff); background: var(--tone-000); box-shadow: 12px 0 30px var(--tone-0008); }
.legacy-landing-menu-panel .legacy-logo { margin-bottom: 1rem; }
.legacy-landing-menu-panel button { padding: .45rem 0; text-align: left; }
.legacy-landing-menu-overlay { position: fixed; inset: 0; z-index: 50; background: var(--tone-0008) !important; }
.referral-page { display: grid; gap: 1.25rem; }
.bonus-prompt { padding: 1rem; border: 1px solid var(--tone-d6a22f); color: var(--tone-fff); background: var(--legacy-dark); }
.bonus-prompt h3 { margin: 0 0 .5rem; color: var(--legacy-gold); font-size: 1.1rem; }
.bonus-prompt p { margin: .35rem 0; }
.bonus-prompt button { border: 0; padding: 0; color: var(--legacy-gold); background: var(--tone-transparent); cursor: pointer; font: inherit; font-weight: 700; text-decoration: underline; }
.referral-link-row { display: flex; align-items: end; gap: 1rem; }
.referral-link-row label { flex: 1; }
.referral-link-row input { font-family: ui-monospace, SFMono-Regular, monospace; }
.bonus-modal-backdrop { position: fixed; inset: 0; z-index: 50; display: grid; place-items: center; padding: 1rem; background: var(--tone-0009); }
.bonus-modal { width: min(100%, 520px); padding: 1.5rem; border: 1px solid var(--legacy-gold); color: var(--legacy-ink); background: var(--tone-fff); }
.bonus-modal h2 { margin-top: .75rem; font-size: 1.6rem; }
.bonus-progress { height: 12px; margin: 1rem 0; background: var(--tone-e4e8ed); }
.bonus-progress span { display: block; height: 100%; background: var(--legacy-gold); }
.contact-card { display: flex; flex-direction: column; gap: .45rem; width: min(100%, 320px); padding: 1rem; border: 1px solid var(--legacy-border); text-align: center; }
.contact-card span, .instruction-card small { color: var(--legacy-muted); }
.media-image-fallback { display: grid; min-height: 12rem; place-items: center; padding: 1rem; color: var(--legacy-muted); background: var(--tone-f5f7fa); text-align: center; }
.legacy-player-preview.media-image-fallback { min-height: 220px; }
.instruction-list { display: grid; gap: .75rem; }.instruction-card { display: flex; gap: .75rem; border: 1px solid var(--legacy-border); }.instruction-card img { width: min(100%, 280px); object-fit: cover; }.instruction-card > div { display: grid; gap: .35rem; padding: .6rem; }.instruction-card p { margin: 0; }.faq-generator { display: grid; gap: 1rem; max-width: 720px; }
.legacy-payout { display: grid; gap: 1rem; max-width: 900px; color: var(--legacy-ink); line-height: 1.55; }.legacy-payout a, .legacy-table a { color: var(--tone-4169a1); text-decoration: underline; }.legacy-table-wrap { overflow-x: auto; margin: 1rem 0; border: 1px solid var(--legacy-border); }.legacy-table { width: 100%; min-width: 720px; border-collapse: collapse; background: var(--tone-fff); font-size: .88rem; }.legacy-table th, .legacy-table td { padding: .7rem .8rem; border-bottom: 1px solid var(--legacy-border); text-align: left; vertical-align: top; }.legacy-table th { color: var(--legacy-ink); background: var(--tone-f5f7fa); font-weight: 700; }.legacy-table td { color: var(--legacy-muted); }.legacy-table td strong, .legacy-table td small { display: block; color: var(--legacy-ink); }.legacy-table td small { margin-top: .25rem; color: var(--legacy-muted); font-size: .76rem; }.legacy-row-past td { background: var(--tone-fff4f4); }.legacy-row-now td { background: var(--tone-f2fff5); }.legacy-export-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; margin-bottom: 1rem; }.legacy-export-grid article { display: flex; flex-direction: column; justify-content: space-between; gap: .75rem; min-height: 150px; padding: 1rem; border: 1px solid var(--legacy-border); background: var(--tone-fff); }.legacy-export-grid article strong { color: var(--legacy-ink); font-size: .9rem; line-height: 1.35; }.legacy-export-grid article select { margin-top: auto; }.legacy-player-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; align-items: start; }.legacy-player-column { display: grid; gap: .75rem; min-width: 0; }.legacy-player-preview { width: 100%; max-height: 360px; object-fit: cover; border: 1px solid var(--legacy-border); }.legacy-box { display: grid; gap: .75rem; padding: 1rem; border: 1px solid var(--legacy-border); background: var(--tone-fff); }.legacy-box h3 { margin: 0; color: var(--legacy-ink); font-size: 1.05rem; }.legacy-code { max-height: 260px; overflow: auto; margin: 0; padding: .75rem; color: var(--tone-d7e3f3); background: var(--tone-20262d); font: .75rem/1.45 ui-monospace, SFMono-Regular, monospace; white-space: pre-wrap; overflow-wrap: anywhere; }.legacy-setting-list { display: grid; gap: .25rem; }.legacy-setting-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(120px, 42%); align-items: center; gap: .75rem; padding: .4rem 0; color: var(--legacy-ink); font-size: .82rem; font-weight: 400; }.legacy-setting-row input[type="checkbox"] { width: 1rem; justify-self: end; }.legacy-setting-row input:not([type="checkbox"]), .legacy-setting-row select { min-width: 0; padding: .5rem .6rem; border-radius: var(--radius-2); }
.legacy-route-title { margin: 2.25rem 0 1rem; color: var(--legacy-ink); }.legacy-route-title h1 { margin: 0; font-family: "Roboto", sans-serif; font-size: 1.35rem; font-weight: 600; line-height: 1.2; }.legacy-payout h2 { margin: 0; font-family: "Roboto", sans-serif; font-size: 1.1rem; font-weight: 600; }
.legacy-protected-page { max-width: none; padding-top: 0; }.legacy-container { width: 100%; }.legacy-container-title { padding: .75rem; border: 1px solid var(--legacy-border); color: var(--legacy-ink); background: var(--tone-fff); font-size: 1.25rem; font-weight: 500; }.legacy-container-body { display: flex; flex-direction: column; gap: .75rem; padding: 1rem; border: 1px solid var(--legacy-border); border-top: 0; color: var(--legacy-ink); background: var(--tone-fff); font-size: .86rem; line-height: 1.35; }.legacy-container-body p { margin: 0; }.legacy-copy ol { display: grid; gap: .5rem; margin: 0; padding-left: 1.35rem; }.legacy-copy code { margin: 0 .25rem; padding: .25rem .35rem; border-radius: var(--radius-4); color: var(--legacy-ink); background: var(--tone-eef1f5); font-family: ui-monospace, SFMono-Regular, monospace; }.legacy-contact-row { flex-direction: row; }.legacy-faq-action { padding-top: .75rem; }.faq-copy { max-width: none; }.faq-copy input { max-width: 420px; margin-top: .35rem; border-radius: var(--radius-2); }.legacy-container .instruction-list { gap: .75rem; }.legacy-container .instruction-card { background: var(--tone-fff); }.legacy-container .instruction-card p { max-width: none; color: var(--legacy-ink); line-height: 1.35; }
.legacy-premium-page { max-width: 980px; }.legacy-premium { max-width: 900px; padding: 1rem 1.25rem; }.legacy-premium-toggle { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 1rem; padding: 0; border: 0; color: var(--legacy-ink); background: var(--tone-transparent); cursor: pointer; font-size: 1rem; font-weight: 600; text-align: left; }.legacy-premium-toggle span:last-child { color: var(--legacy-muted); font-size: 1.35rem; transition: transform var(--motion-200) var(--motion-ease); }.legacy-premium-toggle span.legacy-premium-open { transform: rotate(180deg); }.legacy-premium-content { padding-top: 1rem; overflow: hidden; }.legacy-premium-content p { margin: 0 0 1rem; color: var(--legacy-ink); line-height: 1.55; }.legacy-premium-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .45rem 2rem; }.legacy-premium-grid > * { padding: .4rem 0; border-bottom: 1px solid var(--legacy-border); }.legacy-premium-grid strong { font-weight: 600; }.legacy-premium-grid span:last-child { color: var(--tone-b27700); }.legacy-premium-history { max-width: 900px; margin-top: 2rem; }.legacy-premium-history h2 { margin: 0 0 .8rem; font-family: "Roboto", sans-serif; font-size: 1.1rem; font-weight: 600; }
.legacy-paywall-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }.legacy-paywall-card { display: flex; flex-direction: column; gap: .7rem; padding: .75rem; border: 1px solid var(--legacy-border); background: var(--tone-fff); }.legacy-paywall-card .legacy-paywall-media, .legacy-paywall-empty { width: 100%; height: 150px; object-fit: cover; background: var(--tone-f5f7fa); }.legacy-paywall-card .legacy-paywall-media { display: block; }.legacy-paywall-card .legacy-paywall-media.media-image-fallback, .legacy-paywall-empty { display: grid; place-items: center; color: var(--legacy-muted); font-size: .85rem; }.legacy-paywall-card strong { overflow-wrap: anywhere; }.legacy-paywall-detail { max-width: 980px; }.legacy-paywall-detail .legacy-box { max-width: 980px; margin-bottom: 1rem; }.legacy-paywall-detail .legacy-box h2 { margin: 0 0 .5rem; font-family: "Roboto", sans-serif; font-size: 1.1rem; font-weight: 600; }.legacy-paywall-domain { display: block; margin-top: .35rem; font-size: 1.2rem; overflow-wrap: anywhere; }.legacy-kicker { color: var(--legacy-muted); font-size: .75rem; text-transform: uppercase; }.legacy-paywall-filters { display: grid; grid-template-columns: minmax(0, 1fr) 8rem 8rem; gap: .6rem; margin: .8rem 0; }
.legacy-paywall-intro { margin: 0 0 1rem; color: var(--legacy-ink); line-height: 1.5; }
.legacy-tabs { display: flex; margin-bottom: -1px; }.legacy-tabs button { padding: .75rem 1rem; border: 1px solid var(--tone-transparent); border-bottom-color: var(--legacy-border); color: var(--tone-4169a1); background: var(--tone-transparent); cursor: pointer; font-size: .86rem; font-weight: 500; }.legacy-tabs button.active { border-color: var(--legacy-border); border-bottom-color: var(--tone-fff); color: var(--legacy-ink); background: var(--tone-fff); }.legacy-settings-list { gap: .55rem; max-width: 760px; }.legacy-settings-list label, .legacy-settings-list .legacy-setting-field { display: grid; grid-template-columns: minmax(220px, 300px) minmax(0, 1fr); align-items: center; gap: .75rem; font-weight: 400; }.legacy-settings-list input { border-radius: var(--radius-2); }.legacy-setting-field > span { color: var(--legacy-ink); }.legacy-payment-switcher { display: flex; flex-wrap: wrap; border: 1px solid var(--legacy-border); }.legacy-payment-switcher button { min-width: 3.8rem; padding: .5rem .65rem; border: 0; border-right: 1px solid var(--legacy-border); color: var(--legacy-ink); background: var(--tone-f5f7fa); cursor: pointer; font-size: .8rem; text-transform: uppercase; }.legacy-payment-switcher button:last-child { border-right: 0; }.legacy-payment-switcher button[aria-pressed="true"] { color: var(--legacy-ink); background: var(--legacy-gold); }.exchange-copy p { margin: 0 0 .4rem; }.exchange-copy ul { margin: 0; padding-left: 1.2rem; }.exchange-copy a { color: var(--tone-4169a1); text-decoration: underline; font-weight: 600; }
.legacy-news-container { gap: 1rem; }.legacy-news-filters { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }.legacy-news-filters > input { flex: 1 1 260px; border-radius: var(--radius-2); }.legacy-news-filters label { display: flex; align-items: center; gap: .35rem; font-weight: 400; white-space: nowrap; }.legacy-news-filters label input { width: auto; }.legacy-news-container .news-item { box-shadow: none; border-radius: var(--radius-4); }.legacy-news-container .news-item h2 { margin-bottom: .25rem; font-family: "Roboto", sans-serif; font-size: 1.1rem; }.news-badge { display: inline-block; margin-left: .5rem; padding: .1rem .35rem; border: 1px solid var(--tone-fda4af); border-radius: var(--radius-4); color: var(--tone-be123c); background: var(--tone-fff1f2); font-size: .7rem; }.legacy-news-container .news-meta { color: var(--legacy-muted); font-size: .72rem; }.legacy-news-container .news-item p { margin-top: .75rem; color: var(--legacy-ink); white-space: pre-wrap; }
.legacy-priority-list { display: grid; margin: 0; padding: 0; border: 1px solid var(--legacy-border); list-style: none; }.legacy-priority-list li { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .6rem .75rem; border-bottom: 1px solid var(--legacy-border); }.legacy-priority-list li:last-child { border-bottom: 0; }.legacy-priority-list small { display: block; margin-top: .15rem; color: var(--legacy-muted); font-size: .75rem; }.legacy-priority-add { display: grid; gap: .75rem; margin-top: .8rem; padding: .8rem; border-top: 1px solid var(--legacy-border); }

/* Ticket modal/detail parity additions. */
.legacy-modal-backdrop { position: fixed; inset: 0; z-index: 50; display: grid; place-items: center; padding: 1rem; background: var(--tone-0008); }.legacy-modal { display: grid; gap: 1rem; width: min(100%, 560px); padding: 1.25rem; border: 1px solid var(--legacy-border); color: var(--legacy-ink); background: var(--tone-fff); box-shadow: 0 20px 70px var(--tone-0006); }.legacy-modal h2 { margin: 0; font-family: "Roboto", sans-serif; font-size: 1.2rem; }.button-danger { color: var(--tone-fff); background: var(--tone-b42318); }.legacy-ticket-detail { margin-top: 1rem; }.legacy-ticket-messages { gap: .45rem; }.ticket-message { display: flex; gap: 1rem; padding: .75rem; border: 1px solid var(--legacy-border); }.ticket-message-author { display: flex; align-items: center; min-width: 120px; gap: .5rem; }.ticket-message-author > div { display: grid; gap: .2rem; }.ticket-message small { color: var(--legacy-muted); font-size: .72rem; }.ticket-message p { margin: 0; color: var(--legacy-ink); white-space: pre-wrap; }.ticket-message-user { background: var(--tone-fff8e7); }.ticket-row-answered td { background: var(--tone-ecfdf3); }
/* Ticket status colors mirror the legacy `text-gray-400`, `text-red-600`,
   and `text-green-600` classes. */
.ticket-status-closed { color: var(--tone-9ca3af); }
.ticket-status-opened { color: var(--tone-dc2626); }
.ticket-status-answered { color: var(--tone-16a34a); }
.success-state { color: var(--tone-166534); background: var(--tone-ecfdf3); }

/* Match the legacy Bootstrap column gutters at tablet and narrow desktop
   widths; the title/benefit blocks remain one reusable layout primitive. */
@media (min-width: 641px) and (max-width: 991px) {
  .legacy-block, .legacy-news-item { width: 54.23%; margin-left: 44.2%; }
}
@media (min-width: 992px) and (max-width: 1279px) {
  .legacy-block, .legacy-news-item { width: 56.2%; margin-left: 43.1%; }
}
@media (max-width: 900px) {
  .legacy-sidebar { flex-basis: 190px; width: 190px; }
  .legacy-landing-footer { gap: .7rem; padding: .75rem 2.5rem; overflow-x: auto; }
  .legacy-landing-footer .legacy-logo { margin-right: 2.5rem; font-size: 50px; }
  .legacy-telegram { display: none; }
}
/* The legacy React shell switches from the full header to the hamburger at
   Tailwind's xl breakpoint (1280px), not at the narrow phone breakpoint. */
@media (min-width: 641px) and (max-width: 1279px) {
  .legacy-header { min-height: 62px; padding: .5rem .75rem; }
  .legacy-header .legacy-logo { min-width: auto; font-size: 35px; }
  .legacy-header-actions { gap: 0; }
  .legacy-header-actions > .legacy-header-link, .legacy-header-actions > .legacy-user-menu { display: none; }
  .legacy-balance { display: none; }
  .legacy-mobile-menu { display: grid; }
  .legacy-app-frame { min-height: calc(100vh - 62px); }
  .legacy-sidebar { position: fixed; top: 0; bottom: 0; left: 0; z-index: 100; flex-basis: 200px; width: 200px; padding: .75rem 0; transform: translateX(-100%); transition: transform var(--motion-200) var(--motion-ease); box-shadow: 12px 0 30px var(--tone-0004); }
  .legacy-sidebar-mobile-logo { display: block !important; margin: .5rem auto 1.25rem; color: var(--tone-f9fcff); font-family: "Smooch Sans", sans-serif; font-size: 30px !important; font-weight: 400; line-height: 24px; }
  .legacy-mobile-overlay { position: fixed; inset: 0; z-index: 90; display: block; border: 0; background: var(--tone-0008); cursor: pointer; }
  .legacy-sidebar-mobile-account { display: flex; flex-direction: column; gap: .2rem; }
  .legacy-sidebar.mobile-open { transform: translateX(0); }
  .legacy-sidebar-toggle { display: none; }
  .sidebar-collapsed .legacy-sidebar { flex-basis: 200px; width: 200px; }
  .legacy-app-frame .page-container { padding: 1.25rem .75rem; }
}
@media (max-width: 640px) {
  .legacy-settings-list label, .legacy-settings-list .legacy-setting-field { grid-template-columns: 1fr; align-items: stretch; }
  .legacy-payment-switcher { width: 100%; }
  .legacy-payment-switcher button { flex: 1 1 3.8rem; }
  .legacy-header { min-height: 62px; padding: .5rem .75rem; }
  .legacy-header .legacy-logo { min-width: auto; font-size: 35px; }
  .legacy-header-actions { gap: 0; }
  .legacy-header-actions > .legacy-header-link, .legacy-header-actions > .legacy-user-menu { display: none; }
  .legacy-balance { display: none; }
  .legacy-mobile-menu { display: grid; }
  .legacy-app-frame { min-height: calc(100vh - 62px); }
  .legacy-sidebar { position: fixed; top: 0; bottom: 0; left: 0; z-index: 100; flex-basis: 200px; width: 200px; padding: .75rem 0; transform: translateX(-100%); transition: transform var(--motion-200) var(--motion-ease); box-shadow: 12px 0 30px var(--tone-0004); }
  .legacy-mobile-overlay { position: fixed; inset: 0; z-index: 90; display: block; border: 0; background: var(--tone-0008); cursor: pointer; }
  .legacy-sidebar-mobile-logo { display: block !important; margin: .5rem auto 1.25rem; color: var(--tone-f9fcff); font-family: "Smooch Sans", sans-serif; font-size: 30px !important; font-weight: 400; line-height: 24px; }
  .legacy-sidebar-mobile-account { display: flex; flex-direction: column; gap: .2rem; }
  .legacy-sidebar.mobile-open { transform: translateX(0); }
  .legacy-sidebar-toggle { display: none; }
  .sidebar-collapsed .legacy-sidebar { flex-basis: 200px; width: 200px; }
  .legacy-app-frame .page-container { padding: 1.25rem .75rem; }
  .legacy-landing-slides { height: calc(100% - 104px); margin-top: 104px; }
  .legacy-landing-footer { top: 0; bottom: auto; min-height: 104px; padding: 2.5rem 2.5rem; overflow: visible; }
  .legacy-landing-nav, .legacy-telegram { display: none; }
  .legacy-landing-footer .legacy-logo { position: relative; left: 0; display: block; margin-right: auto; font-size: 40px; font-weight: 400; line-height: 24px; }
  .legacy-landing-mobile-menu { display: block; margin-left: auto; }
  .legacy-landing-footer .legacy-landing-hamburger { width: 27px; padding: 0; }
  .legacy-block { width: auto; margin: 28px .75rem; padding: 30px 40px; transform: none; }
  .legacy-news-item { width: auto; margin: 28px .75rem; transform: none; }
  .legacy-block-large { padding-top: 50px; padding-bottom: 50px; }
  .legacy-block-title { padding-top: 30px; padding-bottom: 30px; }
  .legacy-slide-content { padding: 12px 0 5rem; }
  .legacy-benefits { gap: 1.35rem; }
  .legacy-block > * { transform: none; }
  .legacy-benefits { grid-template-columns: 1fr; }
  .legacy-help { min-height: 0; flex-direction: column; }
  .legacy-help ul { flex-basis: auto; }
  .legacy-help button { min-height: 34px; }
  .legacy-confirm-row, .referral-link-row { align-items: stretch; flex-direction: column; }.instruction-card { flex-direction: column; }.instruction-card img { width: 100%; }.legacy-export-grid, .legacy-player-grid, .legacy-paywall-grid { grid-template-columns: 1fr; }.legacy-paywall-filters { grid-template-columns: 1fr; }.legacy-setting-row { grid-template-columns: 1fr; }.legacy-setting-row input[type="checkbox"] { justify-self: start; }
}

/* Match the legacy landing footer breakpoints: the full section list is only
   shown at xl (1280px+); md–lg keeps just the account entry, and the mobile
   menu is available below lg. The old candidate showed all seven entries on
   tablet, forcing a horizontally clipped footer that the legacy site avoids. */
@media (min-width: 768px) and (max-width: 1279px) {
  .legacy-landing-nav { display: none; }
  .legacy-landing-medium-nav { display: flex; flex: 1; }
  .legacy-landing-footer { overflow-x: visible; }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .legacy-landing-mobile-menu { display: block; }
  .legacy-telegram { display: inline-flex; margin-left: auto; }
}

@media (max-width: 1023px) {
  .legacy-landing-nav { display: none; }
  .legacy-landing-mobile-menu { display: block; margin-left: auto; }
  .legacy-telegram { display: none; }
}
/* The legacy landing content is unskewed until its desktop breakpoint at
   900px; Bootstrap's tablet column keeps 12px gutters on both sides. */
@media (min-width: 641px) and (max-width: 900px) {
  .legacy-block, .legacy-news-item { width: calc(58.333333% - 24px); margin-left: calc(41.666667% + 12px); transform: none; }
}

@media (max-width: 767px) {
  .legacy-landing-medium-nav { display: none; }
  .oauth-callback-state { font-size: .75rem; line-height: 1.125rem; }
}


/* Source-exact Affiliate cabinet shell and ticket primitives. */
.legacy-pwa-banner {
  min-height: 65px;
  border-bottom: 1px solid var(--tone-e5e5e5);
  color: var(--tone-171717);
  background: var(--tone-fff);
  box-shadow: 0 1px 2px var(--tone-0000000d);
}
.legacy-pwa-summary {
  min-height: 64px;
  max-width: 1152px;
  gap: .5rem;
  padding: .5rem .75rem;
}
.legacy-pwa-toggle { gap: .75rem; padding: 0; }
.legacy-pwa-toggle > span:first-child { gap: 0; }
.legacy-pwa-toggle strong { color: var(--tone-171717); font-size: .875rem; font-weight: 600; line-height: 1.25rem; }
.legacy-pwa-toggle small { color: var(--tone-737373); font-size: 11px; line-height: 1rem; letter-spacing: .025em; }
.legacy-pwa-chevron { flex: 0 0 auto; color: var(--tone-737373); transition: transform var(--motion-200) var(--motion-ease); }
.legacy-pwa-chevron-open { transform: rotate(180deg); }
.legacy-pwa-dismiss { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; color: var(--tone-737373); font-size: inherit; }

.legacy-header { min-height: 48px; height: 48px; padding: 0; }
.legacy-header .legacy-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 190px;
  min-width: 190px;
  margin: .5rem 0 .5rem 1.25rem;
  padding: .25rem;
  font-size: 35px;
  line-height: 24px;
}
.legacy-header-actions { gap: 1.5rem; }
.legacy-balance { color: var(--tone-f9fcff); font-size: 1rem; }
.legacy-user-trigger { min-height: 48px; padding: .5rem 1.25rem .5rem 1rem; font-size: 1rem; }
.legacy-app-frame { min-height: calc(100vh - 48px); height: calc(100vh - 113px); }
.legacy-sidebar { flex: 0 0 186px; width: 186px; padding: .5rem 0; }
.legacy-sidebar a, .legacy-sidebar button, .legacy-sidebar-toggle { font-size: 1rem; }
.legacy-app-frame > #main-content { padding: 0 2.5rem 2.5rem; }
.legacy-app-frame .page-container { min-height: 0; padding: 0; }
.legacy-email-confirm {
  display: flex;
  flex-direction: column;
  gap: .75rem;
  margin: 1.25rem 0 0;
  padding: .75rem;
  border-color: var(--legacy-gold);
  color: var(--tone-000);
  background: var(--tone-transparent);
  font-size: 1rem;
}
.legacy-email-confirm strong { font-size: 1.25rem; line-height: 1.75rem; }
.legacy-email-confirm p { margin: 0; color: var(--tone-000); font-size: 1rem; line-height: 1.5rem; }
.legacy-email-confirm .legacy-button {
  width: max-content;
  min-height: 45px;
  margin: 0;
  padding: .25rem .75rem;
  border: 1px solid var(--legacy-gold);
  border-radius: var(--radius-none);
  color: var(--legacy-gold);
  background: var(--tone-fffcf5);
  font-size: 1rem;
  font-weight: 400;
}
.legacy-route-title { margin: 3.5rem 0 1rem; color: var(--tone-000); }
.legacy-route-title h1 { color: var(--tone-000); font-size: 1.6rem; line-height: 2rem; }
.ticket-content { display: flex; flex-direction: column; gap: .75rem; color: var(--tone-000); }
.legacy-container-title { color: var(--tone-000); font-size: 1.25rem; line-height: 1.75rem; }
.legacy-container-body { gap: .75rem; color: var(--tone-000); font-size: .875rem; line-height: 1.25; }
.legacy-container-body p { max-width: none; color: var(--tone-000); line-height: 1.25; }
.legacy-table-wrap { margin: 0 -2px; border-width: 0 1px; border-style: solid; }
.legacy-table { min-width: max-content; font-size: .875rem; }
.legacy-table th, .legacy-table td {
  padding: .5rem .75rem;
  border: 1px solid var(--legacy-border);
  border-left: 0;
  color: var(--tone-000);
  background: var(--tone-fff);
  line-height: 1.25rem;
}
.legacy-table th { font-weight: 500; }
.legacy-table td { padding-top: .25rem; padding-bottom: .25rem; }
.legacy-table th:last-child, .legacy-table td:last-child { border-right: 0; }
.ticket-row-answered td { background: var(--tone-dcfce7); }
.link-button { color: var(--tone-000); font-size: .875rem; line-height: 1.25rem; text-align: left; text-decoration: none; white-space: nowrap; }
.ticket-status-closed { color: var(--tone-9ca3af); }
.ticket-status-opened { color: var(--tone-dc2626); }
.ticket-status-answered { color: var(--tone-16a34a); }
.ticket-content .button {
  min-height: 45px;
  padding: .25rem .75rem;
  border: 1px solid var(--tone-0073aa);
  border-radius: var(--radius-none);
  color: var(--tone-0073aa);
  background: var(--tone-transparent);
  font-size: 1rem;
  font-weight: 400;
  transform: none;
}
.ticket-content .button-secondary { color: var(--tone-0073aa); border-color: var(--tone-0073aa); background: var(--tone-transparent); }
.ticket-content .button-danger { color: var(--tone-ef4444); border-color: var(--tone-ef4444); background: var(--tone-fef2f2); }
.legacy-modal-backdrop { display: flex; justify-content: center; align-items: center; padding: 0; background: var(--tone-00000080); }
.legacy-modal { display: block; width: 600px; max-width: 100%; padding: 0; border: 0; transform: translateY(0) scale(1); box-shadow: 0 10px 15px var(--tone-0004); }
.legacy-modal-title { padding: .75rem 1rem; border: 1px solid var(--legacy-border); }
.legacy-modal-title h2 { margin: 0; color: var(--tone-000); font-size: 1rem; font-weight: 400; line-height: 1.5rem; }
.legacy-modal-body { display: flex; flex-direction: column; gap: .75rem; padding: .75rem 1rem; border: 1px solid var(--legacy-border); border-top: 0; }
.legacy-modal label { display: flex; flex-direction: column; gap: .25rem; color: var(--tone-000); font-size: 1rem; font-weight: 400; }
.legacy-modal input, .legacy-modal textarea {
  min-height: 45px;
  padding: .5rem .75rem;
  border: 1px solid var(--legacy-border);
  border-radius: var(--radius-4);
  color: var(--tone-000);
  background: var(--tone-fff);
  font-size: .875rem;
}
.legacy-modal textarea { min-height: 100px; margin: 0; resize: none; }
.legacy-modal .row-actions { gap: .25rem; }
.legacy-modal .button {
  min-height: 45px;
  padding: .25rem .75rem;
  border: 1px solid var(--tone-0073aa);
  border-radius: var(--radius-none);
  color: var(--tone-0073aa);
  background: var(--tone-transparent);
  font-size: 1rem;
  font-weight: 400;
}
.legacy-modal .button-danger { color: var(--tone-ef4444); border-color: var(--tone-ef4444); background: var(--tone-fef2f2); }

@media (min-width: 768px) and (max-width: 1279px) {
  .legacy-header { min-height: 48px; height: 48px; padding: 0; }
  .legacy-header .legacy-logo { width: 190px; min-width: 190px; margin: .5rem 0 .5rem 1.25rem; padding: .25rem; font-size: 35px; }
  .legacy-app-frame { min-height: calc(100vh - 48px); height: calc(100vh - 113px); }
  .legacy-app-frame > #main-content { padding: 0 2.5rem 2.5rem; }
  .legacy-app-frame .page-container { padding: 0; }
}
@media (max-width: 767px) {
  .legacy-header { min-height: 48px; height: 48px; padding: 0 .75rem; }
  .legacy-header .legacy-logo { width: auto; min-width: 0; margin: .5rem 0; padding: 0; font-size: 35px; }
  .legacy-app-frame { min-height: calc(100vh - 48px); height: calc(100vh - 113px); }
  .legacy-app-frame > #main-content { padding: 0 .75rem 2.5rem; }
  .legacy-app-frame .page-container { padding: 0; }
  .legacy-route-title { margin-top: 1.75rem; }
}

/* First measured parity correction. */
.legacy-pwa-summary { padding-right: 1rem; padding-left: 1rem; }
.legacy-user-trigger { width: 152px; }
.legacy-app-frame { min-height: calc(100vh - 113px); }
.legacy-email-confirm { margin-top: 3rem; }
.legacy-route-title { color: var(--tone-000); font-size: 1.6rem; font-weight: 600; line-height: 2rem; }
.legacy-container-title { line-height: normal; }
.legacy-table th { font-size: 1rem; line-height: 1.5rem; }
@media (min-width: 768px) and (max-width: 1279px) {
  .legacy-app-frame { min-height: calc(100vh - 113px); }
}
@media (max-width: 767px) {
  .legacy-app-frame { min-height: calc(100vh - 113px); }
}

/* Ticket region measurements: 1440px source table/container geometry. */
.legacy-pwa-banner, .legacy-pwa-summary { font-family: "Roboto", sans-serif; line-height: 1.5rem; }
.legacy-pwa-toggle strong span { font-size: 1rem; line-height: 1.5rem; }
.legacy-pwa-toggle small { line-height: 1.5rem; }
.legacy-pwa-dismiss { margin-left: .25rem; color: var(--tone-a3a3a3); }
.legacy-header, .legacy-sidebar, .legacy-app-frame { font-family: "Roboto", sans-serif; }
.legacy-header, .legacy-sidebar { line-height: 1.5rem; }
.legacy-header-link { padding: 0; color: var(--tone-acbccc); font-size: 1rem; }
.legacy-header-link > svg { width: 1rem; height: 1rem; }
.legacy-user-menu { background: var(--tone-000); }
.legacy-user-trigger { width: auto; height: 46px; min-height: 46px; background: var(--tone-000); }
.legacy-user-trigger > span { font-weight: 500; }
.legacy-user-trigger > .legacy-avatar-marble { width: 30px; height: 30px; border-radius: var(--radius-none); }
.legacy-user-trigger > svg:last-child { width: 1rem; height: 1rem; }
.legacy-menu-icon > svg { width: 1rem; height: 1rem; justify-self: end; }
.legacy-sidebar .legacy-sidebar-toggle { padding: .25rem 1rem; }
.legacy-sidebar-toggle > .legacy-menu-icon { width: 1rem; height: 1rem; flex-basis: 1rem; }
.legacy-sidebar-bottom { gap: 0; }
.legacy-sidebar-news-badge {
  margin-left: 0;
  font-size: 1rem;
  line-height: 1.5rem;
}
.legacy-route-title { margin-bottom: 1.5rem; line-height: 1.5rem; transform: none; }
.legacy-container-title { padding: 1rem; line-height: 1.5rem; }
.legacy-container-body { gap: .75rem; margin-top: -1px; padding: 1.5rem; }
.legacy-table-wrap { width: 100%; }
.legacy-table { width: 100%; min-width: 0; }
.legacy-table .ticket-subject-column { width: 100%; }
.legacy-table th, .legacy-table td { padding-right: 1rem; padding-left: 1rem; }
.legacy-table td { padding-top: .25rem; padding-bottom: .25rem; }
.legacy-table .link-button { line-height: 1.5rem; }
.ticket-content > div > .button,
.ticket-content > .button,
.ticket-content .row-actions > .button { padding-right: 1rem; padding-left: 1rem; }
.ticket-content .button { display: inline-block; line-height: 1.5rem; background: var(--tone-f3f5f6); }
.legacy-email-confirm { padding: 1rem; line-height: 1.5rem; }
.legacy-email-confirm strong { line-height: 1.5rem; }
.legacy-email-confirm-body { display: flex; flex-direction: column; gap: .5rem; }
.legacy-email-confirm .legacy-button {
  display: inline-block;
  padding-right: 1rem;
  padding-left: 1rem;
  line-height: 1.5rem;
  background: var(--tone-fffcf5);
}

/* Source-exact ticket detail and modal geometry. */
.legacy-ticket-detail { margin-top: 0; }
.legacy-ticket-messages { gap: .25rem; }
.ticket-message { padding: 1rem; line-height: 1.5rem; }
.ticket-message-user { background: var(--tone-fffbeb); }
.ticket-message-author { min-width: 120px; }
.ticket-message-author > div { gap: 0; }
.ticket-message-author strong { display: block; font-size: 1rem; line-height: 1.25rem; }
.ticket-message small { display: block; color: var(--tone-000); font-size: .875rem; line-height: 1.25; white-space: nowrap; }
.ticket-message p { font-size: 1rem; line-height: 1.5rem; }
.ticket-message .legacy-avatar-marble { width: 40px; height: 40px; border-radius: var(--radius-none); }
.ticket-content > .row-actions { gap: .25rem; }
.legacy-modal { color: var(--tone-000); line-height: 1.5rem; }
.legacy-modal-title { padding: 1rem 1.5rem; }
.legacy-modal-body { padding: 1rem 1.5rem; }
.legacy-modal label { line-height: 1.5rem; }
.legacy-modal input, .legacy-modal textarea { padding-right: 1rem; padding-left: 1rem; font-family: inherit; line-height: 1.5rem; }
.legacy-modal textarea { border-radius: var(--radius-none); }
.ticket-content .button-danger { background: var(--tone-fef2f2); }
.legacy-modal input::placeholder, .legacy-modal textarea::placeholder { color: var(--tone-9ca3af); opacity: 1; }
.legacy-modal textarea::placeholder { font-size: 1rem; }
.legacy-modal .button { padding-right: 1rem; padding-left: 1rem; background: var(--tone-f3f5f6); }
.legacy-modal .button-danger { background: var(--tone-fef2f2); }
.legacy-modal { box-shadow: 0 10px 15px -3px var(--tone-black10), 0 4px 6px -4px var(--tone-black10); }

.legacy-paywall-intro { margin: 0; color: var(--tone-000); font-size: 1rem; line-height: 1.25rem; }
.legacy-paywall-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.legacy-paywall-card {
  display: block;
  flex-direction: column;
  width: 100%;
  max-width: 300px;
  gap: 0;
  padding: 1rem;
  border: 1px solid var(--tone-e5e7eb);
  border-radius: var(--radius-12);
  background: var(--tone-fff);
  box-shadow: 0 1px 2px var(--tone-0000000d);
}
.legacy-paywall-card .legacy-paywall-media {
  width: 100%;
  height: 150px;
  min-height: 0;
  overflow: hidden;
  padding: 0;
  border-radius: var(--radius-8);
  color: var(--tone-000);
  background: var(--tone-fff);
  font-size: .875rem;
  line-height: 1.25rem;
}
.legacy-paywall-card .legacy-paywall-media.media-image-fallback { color: var(--tone-000); font-size: .875rem; line-height: 1.25rem; }
.legacy-paywall-card strong { display: block; margin-top: .5rem; font-size: .875rem; font-weight: 600; line-height: 1.25rem; }
.legacy-paywall-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 45px;
  margin-top: 1rem;
  padding: .25rem 1rem;
  border: 1px solid var(--tone-0073aa);
  color: var(--tone-0073aa);
  background: var(--tone-f3f5f6);
  font-size: 1rem;
  line-height: 1.5rem;
  text-decoration: none;
}

/* Match the legacy terminal DOM primitives across browser layout engines. */
.legacy-pwa-shell { display: flex; flex-direction: column; max-width: 1152px; margin: 0 auto; }
.legacy-pwa-summary { max-width: none; margin: 0; }
.legacy-pwa-copy { display: flex; flex-direction: column; gap: 0; }
.legacy-pwa-title { color: var(--tone-171717); font-size: .875rem; font-weight: 600; line-height: 1.25rem; }
.legacy-pwa-title > span { color: var(--legacy-gold); font-size: 1rem; line-height: 1.5rem; }
.legacy-pwa-subtitle { color: var(--tone-737373); font-size: 11px; line-height: 1.5rem; letter-spacing: .025em; text-transform: uppercase; }
.legacy-header .legacy-logo { display: block; border: 0; color: var(--tone-f9fcff); background: var(--tone-transparent); font-family: "Roboto", sans-serif; font-size: 1rem; font-weight: 400; text-align: center; }
.legacy-header .legacy-logo > div { font-family: "Smooch Sans", sans-serif; font-size: 35px; font-weight: 400; line-height: 1.5rem; }
.legacy-email-confirm-title { font-size: 1.25rem; font-weight: 700; line-height: 1.5rem; }
.legacy-email-confirm-body > div:first-child { color: var(--tone-000); font-size: 1rem; line-height: 1.5rem; }
.ticket-message-author > .ticket-message-byline { display: block; line-height: 1.25; }
.ticket-message-name { font-size: 1rem; font-weight: 700; line-height: 1.25rem; }
.ticket-message-date { color: var(--tone-000); font-size: .875rem; line-height: 1.25; white-space: nowrap; }
.ticket-message-text { color: var(--tone-000); font-size: 1rem; line-height: 1.5rem; white-space: pre-wrap; }
.legacy-modal-title { color: var(--tone-000); font-size: 1rem; font-weight: 400; line-height: 1.5rem; }
.legacy-modal-field { display: flex; flex-direction: column; gap: .25rem; color: var(--tone-000); font-size: 1rem; font-weight: 400; line-height: 1.5rem; }
@media (max-width: 767px) {
  .legacy-header { padding-right: 0; padding-left: 0; }
  .legacy-header .legacy-logo { margin: 0 0 0 .75rem; }
}
.legacy-table, .legacy-table td { font-size: 1rem; line-height: 1.5rem; }
@media (max-width: 1279px) {
  .legacy-app-frame { height: auto; overflow: visible; }
  .legacy-app-frame > #main-content { overflow: visible; }
  .legacy-sidebar { box-shadow: none; }
  .legacy-mobile-menu {
    width: 50px; height: 48px; gap: 6px;
    align-content: center; justify-items: center;
  }
}
*::-webkit-scrollbar { width: 10px; height: 10px; }
*::-webkit-scrollbar-track { border-radius: var(--radius-none); background: var(--tone-acbccc); }
*::-webkit-scrollbar-thumb { border-radius: var(--radius-none); background: var(--tone-23282d); }
*::-webkit-scrollbar-thumb:hover { background: var(--tone-000); }
.legacy-mobile-menu span { transform: translateX(-1px); }
@media (max-width: 1279px) {
  .legacy-app-frame {
    height: calc(100vh - 113px); overflow: hidden;
  }
  .legacy-app-frame > #main-content { overflow: auto; }
}
.ticket-message-author { min-width: auto; }

/* Source-measured Affiliate paywall detail terminal primitives. */
.legacy-paywall-active {
  padding: 1rem;
  margin-bottom: 1.5rem;
  border: 1px solid var(--tone-e5e7eb);
  border-radius: var(--radius-12);
  color: var(--tone-000);
  background: var(--tone-transparent);
  font-size: .875rem;
  line-height: 1.25rem;
}
.legacy-paywall-active .legacy-kicker { color: var(--tone-000); font-size: .75rem; line-height: 1rem; letter-spacing: .3px; text-transform: uppercase; }
.legacy-paywall-active .legacy-paywall-domain { margin: 0; color: var(--tone-000); font-size: 1.125rem; font-weight: 600; line-height: 1.75rem; }
.legacy-paywall-stack { display: flex; flex-direction: column; gap: .25rem; color: var(--tone-000); font-size: 1rem; line-height: 1.5rem; }
.legacy-paywall-label { font-weight: 700; }
.legacy-paywall-detail select,
.legacy-paywall-detail input {
  width: 100%;
  min-height: 45px;
  padding: .5rem 1rem;
  border: 1px solid var(--tone-acbccc);
  border-radius: var(--radius-4);
  color: var(--tone-000);
  background: var(--tone-fff);
  font-family: inherit;
  font-size: .875rem;
  line-height: 1.5rem;
}
.legacy-paywall-detail input { display: flex; align-items: center; }
.legacy-paywall-detail input::placeholder { color: var(--tone-9ca3af); opacity: 1; }
.legacy-paywall-detail input[readonly], .legacy-paywall-detail input[disabled] { background: var(--tone-f4f4f5); cursor: not-allowed; opacity: 1; }
.legacy-paywall-copy-row { display: flex; align-items: stretch; gap: .25rem; }
.legacy-paywall-copy-row input { flex: 1 1 auto; min-width: 0; }
.legacy-paywall-detail .button {
  display: inline-block;
  min-height: 45px;
  padding: .25rem 1rem;
  border: 1px solid var(--tone-0073aa);
  border-radius: var(--radius-none);
  color: var(--tone-0073aa);
  background: var(--tone-f3f5f6);
  font-family: inherit;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}
.legacy-paywall-filters { display: grid; grid-template-columns: minmax(0, 728fr) 194fr 194fr; gap: .25rem; margin: 0; }
.legacy-priority-body > p:first-child { margin-bottom: .5rem; color: var(--tone-6b7280); font-size: .875rem; line-height: 1.5rem; }
.legacy-priority-body .legacy-priority-empty { padding: 1.5rem 0; color: var(--tone-6b7280); font-size: 1rem; line-height: 1.5rem; text-align: center; }
.legacy-paywall-add { margin-top: 1.5rem; }
@media (max-width: 1023px) {
  .legacy-paywall-copy-row { flex-direction: column; }
  .legacy-paywall-filters { grid-template-columns: 1fr; }
}

.legacy-paywall-detail > .legacy-container + .legacy-container { margin-top: .75rem; }
.legacy-select { position: relative; display: inline-block; width: fit-content; }
.legacy-select-trigger {
  display: flex; align-items: center; justify-content: space-between;
  width: 100%; min-height: 46px; padding: .5rem 1.5rem;
  border: 1px solid var(--tone-acbccc); border-radius: var(--radius-4);
  color: var(--tone-000); background: var(--tone-transparent);
  font-family: inherit; font-size: 1rem; font-weight: 400; line-height: 1.5rem;
  appearance: button;
  white-space: nowrap;
}
.legacy-select-trigger svg { width: 24px; height: 24px; flex: 0 0 24px; }
.legacy-select-menu { position: absolute; z-index: 10; width: max-content; min-width: 100%; margin-top: .25rem; border: 1px solid var(--tone-acbccc); background: var(--tone-fff); box-shadow: 0 20px 25px -5px var(--tone-black10), 0 8px 10px -6px var(--tone-black10); }
.legacy-select-trigger > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.legacy-select-menu button { display: block; width: 100%; padding: .75rem 1rem; border: 0; color: var(--tone-000); background: var(--tone-fff); font: inherit; text-align: left; white-space: nowrap; }
.legacy-select-menu button.selected { background: var(--tone-0073aa); }
.legacy-modal-fields { display: flex; flex-direction: column; gap: 1rem; }
.legacy-modal-field { display: block; }
.legacy-ticket-modal-field { display: flex; flex-direction: column; gap: .25rem; }
.legacy-modal-field > label { display: block; margin: 0 0 .25rem; color: var(--tone-000); font-size: 1rem; font-weight: 700; line-height: 1.5rem; }
.legacy-modal-field .legacy-select { width: 100%; }
.legacy-search-select { position: relative; width: 100%; }
.legacy-search-select-menu { position: absolute; z-index: 10; width: 100%; max-height: 16rem; overflow-y: auto; background: var(--tone-fff); }
.legacy-search-select-menu button { display: block; width: 100%; min-height: 45px; padding: .5rem .75rem; border: 1px solid var(--tone-acbccc); color: var(--tone-000); background: var(--tone-fff); font: inherit; text-align: left; }
.legacy-modal-actions { display: flex; gap: .5rem; margin-top: 1.5rem; }
.legacy-modal .legacy-modal-actions { gap: .5rem; }
.legacy-modal .button:disabled { border-color: var(--tone-acbccc); color: var(--tone-fff); background: var(--tone-acbccc); cursor: not-allowed; opacity: 1; }
.legacy-paywall-detail .legacy-modal .button-danger { color: var(--tone-ef4444); border-color: var(--tone-ef4444); background: var(--tone-fef2f2); }
.legacy-modal-backdrop { opacity: 1; transition-property: opacity; transition-duration: var(--motion-300); }
.legacy-modal { transition-property: transform, opacity; transition-duration: var(--motion-300); }
.legacy-paywall-filters { display: flex; flex-direction: row; gap: .25rem; }
.legacy-paywall-title-filter { flex-grow: 1; }
.legacy-paywall-title-filter > input { width: 100%; }
.legacy-paywall-number-filters { display: flex; flex-direction: row; gap: .25rem; }
.legacy-paywall-number-filters > input { width: 100%; }
@media (max-width: 1023px) {
  .legacy-paywall-filters { flex-direction: column; }
  .legacy-paywall-number-filters { flex-direction: row; }
  .legacy-paywall-number-filters > input { min-width: 0; }
}

/* Source-derived Affiliate statistics route. */
.legacy-statistic-controls { display: flex; align-items: center; gap: .75rem; }
.legacy-statistic-range { display: flex; align-items: center; gap: .75rem; }
.legacy-statistic-account-label, .legacy-statistic-boundary { color: var(--tone-6b7280); font-size: .875rem; line-height: 1.25rem; }
.legacy-statistic-account-label { color: var(--tone-000); font-weight: 500; }
.legacy-statistic-select { position: relative; width: max-content; }
.legacy-statistic-select > button { display: flex; min-width: 116px; min-height: 46px; align-items: center; justify-content: space-between; gap: 1rem; padding: .5rem 1rem; border: 1px solid var(--legacy-border); color: var(--tone-000); background: var(--tone-fff); cursor: pointer; font: inherit; font-size: .875rem; line-height: 1.25rem; }
.legacy-statistic-select-menu { position: absolute; top: calc(100% + .25rem); left: 0; z-index: 20; min-width: 100%; border: 1px solid var(--legacy-border); background: var(--tone-fff); box-shadow: 0 10px 15px -3px var(--tone-black10), 0 4px 6px -4px var(--tone-black10); }
.legacy-statistic-select-menu button { display: block; width: 100%; padding: .75rem 1rem; border: 0; color: var(--tone-000); background: var(--tone-fff); cursor: pointer; text-align: left; white-space: nowrap; }
.legacy-statistic-select-menu button[aria-selected="true"] { background: var(--tone-eef1f5); }
.legacy-statistic-date { position: relative; display: grid; width: 110px; min-height: 46px; place-items: center; border: 1px solid var(--legacy-border); color: var(--tone-000); background: var(--tone-fff); font-size: .875rem; line-height: 1.25rem; cursor: pointer; }
.legacy-statistic-date input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.legacy-statistic-presets { display: flex; align-items: center; gap: .75rem; }
.legacy-statistic-presets button { padding: 0; border: 0; color: var(--tone-4169a1); background: var(--tone-transparent); cursor: pointer; font: inherit; font-size: .875rem; line-height: 1.25rem; }
.legacy-statistic-table-wrap { margin-top: 1rem; }
.legacy-statistic-table th, .legacy-statistic-table td { min-width: 120px; white-space: nowrap; }
.legacy-statistic-table th:nth-child(5), .legacy-statistic-table td:nth-child(5) { min-width: 160px; }
.legacy-statistic-metric { padding: 0; border: 0; color: var(--tone-000); background: var(--tone-transparent); cursor: pointer; font: inherit; }
.legacy-statistic-metric-primary { color: var(--tone-4169a1); font-weight: 500; }
.stat-subscribe { color: var(--tone-4169a1); }.stat-rebill { color: var(--tone-4169a1); }.stat-unsubscribe { color: var(--tone-b42318); }.stat-sum { color: var(--legacy-gold); }.stat-auto { color: var(--legacy-muted); }
.legacy-statistic-footer td { color: var(--tone-fff); background: var(--tone-20262d); font-weight: 600; }
.legacy-statistic-detail-action { margin-top: 1rem; }
.legacy-statistic-error { margin: .75rem 0 0; color: var(--tone-b42318); }
.legacy-statistic-modal { width: 600px; max-height: 90vh; overflow-x: auto; }
.legacy-statistic-detail-wrap { margin: 0 -2px; }
.legacy-statistic-detail-table { min-width: 650px; }
.legacy-statistic-page { display: flex; flex-direction: column; gap: .25rem; }
.legacy-statistic-page small { color: var(--tone-4169a1); font-size: .75rem; overflow-wrap: anywhere; }
.legacy-statistic-detail-total { margin-top: .25rem; padding: .5rem .75rem; border: 1px solid var(--legacy-border); color: var(--tone-000); font-size: .875rem; line-height: 1.25rem; }
.legacy-statistic-loading, .legacy-statistic-unavailable { margin: 0; color: var(--tone-6b7280); font-size: .875rem; line-height: 1.25rem; }

@media (max-width: 1279px) {
  .legacy-statistic-presets { display: none; }
}
@media (max-width: 1023px) {
  .legacy-statistic-account-label, .legacy-statistic-boundary { display: none; }
}

/* Independent browser audit: provider-free media must keep the same visible
   player geometry as the TypeScript UI instead of collapsing to a blank box. */
.legacy-player-preview.media-image-fallback,
.instruction-card > .media-image-fallback {
  position: relative;
  overflow: hidden;
  padding: 0;
  border: 1px solid var(--tone-737373);
  color: transparent;
  background:
    linear-gradient(to bottom, var(--tone-262626) 0 13%, var(--tone-383838) 13% 88%, var(--tone-262626) 88% 100%);
}
.legacy-player-preview.media-image-fallback::before,
.instruction-card > .media-image-fallback::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 9rem;
  height: 9rem;
  border: .45rem solid var(--tone-a3a3a3);
  border-radius: 50%;
  content: "";
  transform: translate(-50%, -50%);
}
.legacy-player-preview.media-image-fallback::after,
.instruction-card > .media-image-fallback::after {
  position: absolute;
  top: 50%;
  left: calc(50% + .35rem);
  width: 0;
  height: 0;
  border-top: 2.8rem solid transparent;
  border-bottom: 2.8rem solid transparent;
  border-left: 4.2rem solid var(--tone-a3a3a3);
  content: "";
  transform: translate(-42%, -50%);
}
.legacy-player-preview.media-image-fallback { min-height: 342px; }
.instruction-card > .media-image-fallback {
  flex: 0 0 32%;
  width: 32%;
  min-width: 280px;
  min-height: 220px;
}
@media (max-width: 640px) {
  .instruction-card > .media-image-fallback {
    flex-basis: auto;
    width: 100%;
    min-width: 0;
  }
}