/* self-hosted Google Fonts (Manrope, JetBrains Mono), font-display:swap */
/* cyrillic-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/jbmono-cyrillic-ext.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/jbmono-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/jbmono-greek.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/jbmono-vietnamese.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/jbmono-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/jbmono-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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/jbmono-cyrillic-ext.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/jbmono-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/jbmono-greek.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/jbmono-vietnamese.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/jbmono-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/jbmono-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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/manrope-cyrillic-ext.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/manrope-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/manrope-greek.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/manrope-vietnamese.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/manrope-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/manrope-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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/manrope-cyrillic-ext.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/manrope-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/manrope-greek.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/manrope-vietnamese.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/manrope-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/manrope-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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/manrope-cyrillic-ext.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/manrope-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/manrope-greek.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/manrope-vietnamese.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/manrope-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/manrope-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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/manrope-cyrillic-ext.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/manrope-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/manrope-greek.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/manrope-vietnamese.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/manrope-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/manrope-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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/manrope-cyrillic-ext.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/manrope-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/manrope-greek.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/manrope-vietnamese.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/manrope-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/manrope-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;
}

/* Astra Exchange — единая палитра и компоненты для всех публичных страниц.
   Шрифты подключаются в <head> через <link rel="preconnect"> + <link rel="stylesheet"> (без @import). */
:root{
  /* ===== Astra Quant design tokens (visual-20261015) — see astraquant-style-guide.md ===== */
  /* surfaces */ --c-bg-top:#03150f;--c-bg-bottom:#061b13;--c-bg-deep:#010b08;--c-surface:#0b251b;--c-surface-2:#0e2a1f;--c-border:#17382b;
  /* brand */ --c-accent:#39f2b1;--c-accent-hover:#5ff5c4;--c-accent-soft:#8dffd0;--c-on-accent:#062117;
  /* text */ --c-text:#e7f5ef;--c-text-2:#8fa89c;--c-text-3:#7b988b;
  /* semantic */ --c-up:var(--c-accent);--c-down:#ff5c6c;--c-on-down:#2a0710;--c-warning:#f5b83d;--c-on-warning:#2a1d04;--c-live:#ff3b3b;
  /* odds buttons */ --odds-yes:var(--c-accent);--odds-yes-fg:#062016;--odds-no:var(--c-down);--odds-neutral:#12261e;--odds-decided:#e5484d;--odds-moving:var(--c-warning);
  /* short role names */ --surface:var(--c-surface);--border:var(--c-border);--text-2:var(--c-text-2);--accent-hover:var(--c-accent-hover);--down:var(--c-down);--up:var(--c-up);--warning:var(--c-warning);--live:var(--c-live);
  /* legacy aliases (do not use in new code) */
  --bg:var(--c-bg-top);--bg2:var(--c-bg-bottom);--panel:var(--c-surface);--panel2:var(--c-surface-2);--line:var(--c-border);--line-soft:#ffffff14;
  --text:var(--c-text);--muted:var(--c-text-2);--faint:var(--c-text-3);
  --accent:var(--c-accent);--accent2:var(--c-accent-soft);--yes:var(--odds-yes);--no:var(--odds-no);--warn:var(--c-warning);
  --shadow:none;--r:14px;--r-lg:14px;--r-ctl:10px;
  --font:Manrope,system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"JetBrains Mono","SF Mono",Menlo,"Cascadia Mono",Consolas,"Roboto Mono","DejaVu Sans Mono",monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 76% 8%,#12563c 0,transparent 30%),linear-gradient(145deg,var(--bg),var(--bg2) 55%,#010b08);color:var(--text);font:15px/1.55 var(--font);min-height:100vh}
button,input,select,textarea{font:inherit;color:inherit}
a{color:var(--accent2)}
a:hover{color:#fff}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
img{max-width:100%}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.shell{max-width:1440px;margin:auto;padding:0 24px}
.mono{font-family:var(--mono)}
.muted{color:var(--muted)}
.small{font-size:13px}
h1,h2,h3{line-height:1.15;letter-spacing:-.02em}

/* demo banner */
.demo-banner{background:#3a2a06;border-bottom:1px solid color-mix(in srgb,var(--warning) 40%,transparent);color:#ffe3a3;text-align:center;font-size:14px;font-weight:700;padding:9px 16px}
.demo-banner b{color:#fff}

/* header */
.top{position:sticky;top:0;z-index:40;background:#041710e8;backdrop-filter:blur(16px);border-bottom:1px solid var(--line-soft)}
.top .shell{height:72px;display:flex;align-items:center;gap:22px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--text);flex:none}
.brand img{width:40px;height:40px;border-radius:50%}
.brand b{font-size:16px;letter-spacing:.06em}
.nav{display:flex;align-items:center;gap:4px}
.nav a{color:var(--text);text-decoration:none;font-weight:700;padding:9px 12px;border-radius:10px}
.nav a:hover,.nav a[aria-current=page]{background:#ffffff0d}
.top-actions{margin-left:auto;display:flex;align-items:center;gap:8px}
.user-label{font:13px var(--mono);color:var(--accent2);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.burger{display:none;border:1px solid var(--line-soft);background:#ffffff08;border-radius:10px;width:44px;height:44px;cursor:pointer;font-size:20px}
@media(max-width:1050px){
  .burger{display:inline-grid;place-items:center}
  .nav{display:none;position:absolute;left:0;right:0;top:72px;flex-direction:column;align-items:stretch;background:#041710;border-bottom:1px solid var(--line);padding:10px 16px 16px}
  .nav.open{display:flex}
  .nav a{padding:13px 12px;font-size:16px}
  .user-label{display:none}
}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line-soft);background:#ffffff08;color:var(--text);border-radius:var(--r-ctl);padding:10px 16px;font-weight:800;cursor:pointer;text-decoration:none;min-height:42px;font-size:14px}
.btn:hover{background:#ffffff12;color:var(--text)}
.btn-primary{background:var(--accent);border-color:transparent;color:#062117;box-shadow:0 8px 30px color-mix(in srgb,var(--accent) 20%,transparent)}
.btn-primary:hover{background:var(--accent2);color:#062117}
.btn-lg{padding:14px 22px;font-size:16px;border-radius:13px}
.btn-block{width:100%}
.btn[disabled]{opacity:.5;cursor:not-allowed}

/* hero */
.hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:22px;padding:28px 0 18px}
.feature{border:1px solid var(--line-soft);border-radius:var(--r-lg);padding:36px;background:linear-gradient(135deg,#0c291e,#061b13 62%);position:relative;overflow:hidden}
.eyebrow{font:12px var(--mono);color:var(--accent2);letter-spacing:.12em;text-transform:uppercase}
.feature h1{font-size:clamp(32px,4.2vw,58px);line-height:1.04;letter-spacing:-.045em;margin:16px 0 18px;max-width:820px}
.feature h1 em{color:var(--accent2);font-style:normal}
.feature .lead{max-width:600px;color:#c5ddd0;font-size:17px;margin:0 0 10px}
.price-line{display:inline-block;margin:6px 0 22px;padding:9px 14px;border-radius:12px;background:color-mix(in srgb,var(--accent) 8%,transparent);border:1px solid color-mix(in srgb,var(--accent) 27%,transparent);font-weight:700}
.cta-row{display:flex;gap:10px;flex-wrap:wrap}
.hero-stats{display:flex;gap:30px;margin-top:26px;flex-wrap:wrap}
.hero-stats b{display:block;font:22px var(--mono)}
.hero-stats span{font-size:13px;color:var(--muted)}
.side-card{border:1px solid var(--line-soft);border-radius:var(--r-lg);padding:22px;background:#061b13cc;display:flex;flex-direction:column;gap:12px}
.side-card h2{font-size:18px;margin:0}
.top-item{display:flex;gap:12px;align-items:center;padding:10px;border-radius:12px;background:#ffffff06;text-decoration:none;color:var(--text);border:1px solid transparent;cursor:pointer;text-align:left;width:100%}
.top-item:hover{border-color:color-mix(in srgb,var(--accent) 33%,transparent)}
.top-item img{width:40px;height:40px;border-radius:10px;object-fit:cover;flex:none;background:#ffffff10}
.top-item span{font-size:14px;line-height:1.3}
.top-item b{margin-left:auto;font:14px var(--mono);color:var(--accent2);flex:none}
.attribution{font-size:12px;color:var(--faint)}
.attribution a{color:var(--muted)}

/* ticker */
.ticker{border-bottom:1px solid var(--line-soft);background:#041710cc}
.ticker .shell{display:flex;gap:26px;align-items:center;overflow:hidden;height:40px;font:12px var(--mono);color:var(--muted);white-space:nowrap}
.ticker b{color:var(--accent2);margin-left:6px}
.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent);margin-right:8px;animation:pulse 1.7s infinite}
.live-dot.stale{background:var(--warn);box-shadow:none}
@keyframes pulse{50%{opacity:.35}}

/* sections */
.section{padding:34px 0}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:16px;flex-wrap:wrap}
.section-head h2{margin:0;font-size:26px}
.section-head p{margin:4px 0 0;color:var(--muted)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;counter-reset:step}
.step{border:1px solid var(--line-soft);border-radius:var(--r);padding:22px;background:color-mix(in srgb,var(--surface) 80%,transparent)}
.step:before{counter-increment:step;content:counter(step);display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:color-mix(in srgb,var(--accent) 13%,transparent);color:var(--accent2);font:700 16px var(--mono);margin-bottom:12px}
.step h3{margin:0 0 6px;font-size:18px}
.step p{margin:0;color:var(--muted)}
.prose{max-width:860px;color:#c5ddd0}
.prose h2{color:var(--text)}

/* feed controls */
.controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:12px}
.chips{display:flex;gap:8px;overflow-x:auto;padding:2px 0 8px;scrollbar-width:thin}
.chip{border:1px solid var(--line-soft);background:#ffffff06;color:var(--muted);border-radius:99px;padding:8px 14px;cursor:pointer;white-space:nowrap;font-size:14px;font-weight:600}
.chip[aria-pressed=true],.chip:hover{border-color:color-mix(in srgb,var(--accent) 47%,transparent);color:var(--text);background:color-mix(in srgb,var(--accent) 8%,transparent)}
.chip .n{font:12px var(--mono);color:var(--faint);margin-left:6px}
.search{flex:1;min-width:220px;max-width:460px}
.search input,.input,select.input{width:100%;background:#04160f;border:1px solid #ffffff1c;border-radius:11px;color:var(--text);padding:11px 14px;font-size:15px}
.count{font:13px var(--mono);color:var(--accent2)}

/* workspace */
.workspace{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:18px;align-items:start}
.markets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.card{border:1px solid var(--line-soft);background:linear-gradient(150deg,#0c291ecc,#061a13cc);border-radius:var(--r);padding:16px;cursor:pointer;transition:.2s border-color,.2s transform;display:flex;flex-direction:column;gap:10px;min-width:0}
.card:hover,.card.selected,.card:focus-within{border-color:color-mix(in srgb,var(--accent) 48%,transparent)}
.card-top{display:flex;gap:12px;align-items:flex-start}
.card-img{width:48px;height:48px;border-radius:12px;object-fit:cover;flex:none;background:#ffffff10}
.card-title{all:unset;cursor:pointer;font-size:16px;font-weight:700;line-height:1.35;display:block}
.card-title:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.tag{font-size:12px;color:var(--muted);background:#ffffff08;border-radius:6px;padding:2px 7px}
.spark{width:100%;height:44px;display:block}
.spark path{fill:none;stroke:var(--accent);stroke-width:2}
.spark-empty{height:44px;display:grid;place-items:center;font-size:12px;color:var(--faint);border:1px dashed #ffffff14;border-radius:8px}
.outcomes{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.oc{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;border:1px solid #ffffff12;background:#ffffff07;cursor:pointer;font-weight:700;font-size:14px;min-height:44px;text-align:left}
.oc b{font-family:var(--mono)}
.oc.o0 b{color:var(--yes)}
.oc.o1 b{color:var(--no)}
.oc:hover{border-color:#ffffff33}
.oc[aria-pressed=true].o0{background:var(--yes);color:#062117}
.oc[aria-pressed=true].o1{background:var(--no);color:#2a0710}
.oc[aria-pressed=true] b{color:inherit}
.multi-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;font-size:14px}
.multi-row .lbl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.multi-row .pct{font:700 14px var(--mono);color:var(--accent2)}
.multi-row .oc{padding:6px 10px;min-height:36px;font-size:13px}
.more-outcomes{font-size:13px;color:var(--muted)}
.card-foot{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:13px;flex-wrap:wrap}
.empty{grid-column:1/-1;padding:50px 20px;text-align:center;border:1px dashed #ffffff1c;border-radius:var(--r);color:var(--muted)}
.load-more{display:flex;justify-content:center;margin-top:16px}

/* trade panel (desktop: sticky aside; mobile: bottom sheet) */
.trade{position:sticky;top:96px;border:1px solid #ffffff1a;border-radius:20px;background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:var(--shadow);overflow:hidden}
.trade-head{padding:18px 20px;border-bottom:1px solid #ffffff12;position:relative}
.trade-head h3{font-size:17px;margin:8px 0 4px;padding-right:34px}
.trade-body{padding:18px 20px}
.trade-close{display:none;position:absolute;right:12px;top:12px;width:40px;height:40px;border-radius:10px;border:1px solid var(--line-soft);background:#ffffff08;font-size:20px;cursor:pointer}
.field-label{display:block;color:var(--muted);font-size:13px;margin:14px 0 6px;font-weight:600}
.summary{margin:14px 0;padding:13px;background:#ffffff06;border-radius:12px;display:grid;gap:7px;font-size:14px}
.summary div{display:flex;justify-content:space-between;color:var(--muted)}
.summary b{color:var(--text);font-family:var(--mono)}
.demo-note{text-align:center;color:var(--warn);font-size:13px;margin-top:10px;font-weight:600}
.sheet-backdrop{display:none}
@media(max-width:1050px){.workspace{grid-template-columns:1fr}.hero{grid-template-columns:1fr}}
@media(max-width:900px){
  .trade{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:70;border-radius:20px 20px 0 0;max-height:88vh;overflow-y:auto;transform:translateY(105%);transition:transform .25s ease;visibility:hidden}
  .trade.open{transform:none;visibility:visible}
  .trade-close{display:grid;place-items:center}
  .trade-head:before{content:"";display:block;width:44px;height:5px;border-radius:9px;background:#ffffff30;margin:-6px auto 10px}
  .sheet-backdrop.open{display:block;position:fixed;inset:0;background:#010b08b3;z-index:65}
}
@media(max-width:720px){
  .shell{padding:0 14px}
  .top .shell{gap:10px}
  .brand b{display:none}
  .feature{padding:24px}
  .markets{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
  .top-actions .btn{padding:8px 11px}
}

/* modals */
dialog{border:1px solid #ffffff1c;border-radius:20px;background:#061b13;color:var(--text);padding:0;box-shadow:var(--shadow);width:min(460px,calc(100% - 28px))}
dialog::backdrop{background:#010b08c9;backdrop-filter:blur(6px)}
.modal{padding:26px}
.modal h2{margin:0 0 6px}
.modal p{color:var(--muted);margin:0 0 16px}
.modal-close{float:right;background:transparent;border:0;font-size:24px;cursor:pointer;line-height:1;padding:4px 8px}
.tabs{display:flex;gap:6px;margin-bottom:14px;border-bottom:1px solid var(--line-soft)}
.tab{flex:1;border:0;background:none;padding:11px;font-weight:800;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent}
.tab[aria-selected=true]{color:var(--accent2);border-color:var(--accent2)}
.form-row{margin-bottom:12px}
.form-row label{display:block;font-size:13px;color:var(--muted);font-weight:600;margin-bottom:5px}
.form-error{background:color-mix(in srgb,var(--down) 10%,transparent);color:#ffb3bc;border-radius:10px;padding:10px 12px;margin-bottom:12px;font-size:14px}
.form-ok{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent2);border-radius:10px;padding:10px 12px;margin-top:10px;font-size:14px}
.consent{font-size:13px;color:var(--muted)}
.toast{position:fixed;right:20px;bottom:20px;background:#0e2a1f;border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);padding:14px 18px;border-radius:12px;box-shadow:var(--shadow);z-index:90;transform:translateY(140px);opacity:0;transition:.25s;max-width:calc(100% - 40px)}
.toast.show{transform:none;opacity:1}

/* generic panels / tables */
.panel{border:1px solid var(--line-soft);border-radius:var(--r);background:color-mix(in srgb,var(--surface) 80%,transparent);padding:22px}
.grid{display:grid;gap:14px}
.grid.two{grid-template-columns:1fr 1fr}
.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:900px){.grid.two,.grid.three,.grid.four{grid-template-columns:1fr}}
.kpi b{display:block;font:24px var(--mono);margin-top:4px}
.kpi span{color:var(--muted);font-size:13px}
table.list{width:100%;border-collapse:collapse;font-size:14px}
table.list th{text-align:left;color:var(--muted);font-weight:600;font-size:13px;padding:8px;border-bottom:1px solid var(--line-soft)}
table.list td{padding:10px 8px;border-bottom:1px solid #ffffff0a;vertical-align:top}
.table-wrap{overflow-x:auto}
.plan{display:flex;flex-direction:column;gap:10px}
.plan.featured{border-color:color-mix(in srgb,var(--accent) 53%,transparent);background:linear-gradient(135deg,#0c291e,#061b13)}
.plan .price{font:26px var(--mono)}
.placeholder{display:inline-block;background:color-mix(in srgb,var(--warning) 13%,transparent);color:var(--warn);border:1px dashed color-mix(in srgb,var(--warning) 53%,transparent);border-radius:8px;padding:2px 8px;font-size:13px;font-weight:700}
.plan ul{margin:0;padding-left:18px;color:#c5ddd0}
.notice{border-left:4px solid var(--warn);background:color-mix(in srgb,var(--warning) 7%,transparent);color:#ffe3a3;padding:14px;border-radius:10px}

/* subscribe */
.subscribe{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;align-items:center}
.subscribe form{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.subscribe form .full{grid-column:1/-1}
@media(max-width:900px){.subscribe,.subscribe form{grid-template-columns:1fr}}

/* footer */
.footer{border-top:1px solid var(--line-soft);margin-top:40px;padding:30px 0 40px;color:var(--muted);font-size:14px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:24px}
.footer h3{color:var(--text);font-size:15px;margin:0 0 8px}
.footer ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.footer .risk{margin-top:18px;padding-top:14px;border-top:1px solid #ffffff0d;font-size:13px}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr}}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.multi-row{grid-template-columns:minmax(80px,1fr) auto minmax(0,auto)}
.multi-row .outcomes{grid-template-columns:repeat(2,minmax(0,auto))}
.multi-row .oc span{max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
small{font-size:13px}
@media(max-width:900px){.trade{background:var(--surface)}}

/* ---------- odds format dropdown (header) ---------- */
.odds-menu{position:relative;margin-left:auto;flex:none}
.odds-menu+.top-actions{margin-left:0}
.odds-btn{gap:7px;padding:8px 12px;font-weight:700}
.odds-ico{color:var(--accent2);font-size:13px}
.odds-short{display:none;font-size:12px;color:var(--accent2)}
.odds-pop{position:absolute;right:0;top:calc(100% + 8px);z-index:60;width:272px;background:#061b13;border:1px solid #ffffff22;border-radius:14px;box-shadow:var(--shadow);padding:8px}
.odds-pop-h{font:12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:6px 10px 8px}
.odds-pop-f{font-size:12px;color:var(--faint);padding:8px 10px 4px;border-top:1px solid #ffffff0d;margin-top:6px}
.odds-list{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.odds-list li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;cursor:pointer;font-size:14px;font-weight:600}
.odds-list li b{font-size:13px;color:var(--muted)}
.odds-list li:hover,.odds-list li:focus{background:#ffffff0d;outline:none}
.odds-list li:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.odds-list li[aria-selected=true]{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent2)}
.odds-list li[aria-selected=true] b{color:var(--accent2)}
.odds-list li[aria-selected=true] span:before{content:"✓ "}
@media(max-width:720px){.odds-lbl,.odds-ico{display:none}.odds-short{display:inline}.odds-btn{padding:8px 10px;min-width:44px}.odds-pop{right:auto;left:-60px;width:min(272px,calc(100vw - 28px))}}

/* ---------- outcome already in the coupon ---------- */
.oc.in-slip{box-shadow:inset 0 0 0 2px var(--warn)}
.oc.in-slip span:after{content:" ✓";color:var(--warn)}
.coupon-add{margin-top:8px}

/* ---------- coupon (betslip): desktop floating panel, mobile bottom sheet ---------- */
.coupon-fab{position:fixed;right:22px;bottom:22px;z-index:75;display:flex;align-items:center;gap:9px;padding:12px 16px;border-radius:99px;border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);background:#0e2a1f;color:var(--text);font-weight:800;box-shadow:var(--shadow);cursor:pointer;min-height:48px}
.coupon-fab:hover{background:var(--border)}
.coupon-fab.has{background:var(--accent);color:#062117;border-color:transparent}
.coupon-fab.bump{animation:bump .35s ease}
@keyframes bump{50%{transform:scale(1.08)}}
.coupon-badge{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border-radius:99px;background:var(--down);color:#fff;font:700 13px var(--mono)}
.coupon-fab:not(.has) .coupon-badge{background:#ffffff1c}
.coupon{position:fixed;right:22px;bottom:84px;z-index:76;width:392px;max-height:calc(100vh - 100px);display:flex;flex-direction:column;background:#061b13;border:1px solid #ffffff22;border-radius:18px;box-shadow:var(--shadow);overflow:hidden}
.coupon[hidden]{display:none}
.coupon-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;position:relative}
.coupon-head h2{margin:0;font-size:18px;display:flex;align-items:center;gap:8px}
.coupon-grip{display:none}
.coupon-x{width:38px;height:38px;border-radius:10px;border:1px solid var(--line-soft);background:#ffffff08;font-size:20px;cursor:pointer}
.coupon-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:0 16px;padding:4px;background:#ffffff08;border-radius:12px}
.coupon-tabs [role=tab]{border:0;background:none;padding:9px;border-radius:9px;font-weight:800;color:var(--muted);cursor:pointer;font-size:14px}
.coupon-tabs [role=tab][aria-selected=true]{background:color-mix(in srgb,var(--accent) 13%,transparent);color:var(--accent2)}
.coupon-body{overflow-y:auto;padding:10px 16px;flex:1 1 auto;min-height:60px}
.coupon-empty{text-align:center;color:var(--muted);padding:22px 8px;font-size:14px}
.coupon-empty b{color:var(--text);font-size:15px}
.coupon-legs{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.coupon-leg{display:flex;gap:8px;align-items:flex-start;padding:8px 8px 8px 12px;border-radius:12px;background:#ffffff07;border:1px solid #ffffff10}
.coupon-leg.closed{border-color:color-mix(in srgb,var(--down) 40%,transparent)}
.cl-main{flex:1;min-width:0}
.cl-ev{font-weight:700;font-size:14px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cl-mk{font-size:12px;color:var(--muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cl-out{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:13px;min-width:0}
.cl-out .cl-mk{margin:0;flex:0 1 auto;min-width:0}
.cl-pick{font-weight:800}
.cl-pick.o0{color:var(--yes)}.cl-pick.o1{color:var(--no)}
.cl-odds{margin-left:auto;font-size:14px;background:#ffffff0d;border-radius:7px;padding:2px 8px}
.cl-warn{color:var(--no);font-size:12px}
.cl-stake{display:grid;grid-template-columns:auto 96px;gap:4px 8px;align-items:center;margin-top:8px;font-size:12px;color:var(--muted)}
.cl-stake .input{padding:6px 8px;font-size:14px}
.cl-pay{grid-column:1/-1;color:var(--accent2)}
.cl-rm{flex:none;width:30px;height:30px;border-radius:8px;border:0;background:#ffffff0a;color:var(--muted);cursor:pointer;font-size:18px;line-height:1}
.cl-rm:hover{background:color-mix(in srgb,var(--down) 20%,transparent);color:#fff}
.coupon-foot{padding:10px 16px 14px;border-top:1px solid #ffffff12;background:#061a13}
.coupon-foot:empty{display:none}
.coupon-sum{display:grid;gap:5px;font-size:14px;margin-bottom:8px}
.cs-meta{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted)}
.cs-meta b{color:var(--text);font-family:var(--mono)}
.cs-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;color:var(--muted)}
.cs-row b{color:var(--text)}
.cs-big b{font-size:20px;color:var(--warn)}
.cs-pay{color:var(--accent2)!important;font-size:17px}
.cs-stake{display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--muted)}
.cs-stake .input{max-width:140px;text-align:right;padding:8px 10px}
.cs-quick{display:flex;gap:6px;justify-content:flex-end}
.cs-quick .chip{padding:4px 10px;font-size:12px}
.coupon-err{background:color-mix(in srgb,var(--down) 10%,transparent);color:#ffb3bc;border-radius:10px;padding:8px 10px;margin-bottom:8px;font-size:13px}
.coupon-clear{display:block;margin:8px auto 0;border:0;background:none;color:var(--muted);text-decoration:underline;cursor:pointer;font-size:13px}
.coupon-note{font-size:11.5px;color:var(--faint);margin:6px 0 0;line-height:1.35}
.coupon-fab.idle{display:none}
.coupon-backdrop{display:none}
@media(max-width:900px){
  .coupon-fab{right:14px;bottom:14px}
  .coupon{left:0;right:0;bottom:0;width:auto;max-height:88vh;border-radius:20px 20px 0 0;z-index:81}
  .coupon-grip{display:block;position:absolute;top:6px;left:50%;width:44px;height:5px;margin-left:-22px;border-radius:9px;background:#ffffff30}
  .coupon-head{padding-top:18px}
  .coupon-backdrop.open{display:block;position:fixed;inset:0;background:#010b08b3;z-index:80}
}

/* ---------- parlays in the portfolio ---------- */
.parlays{display:grid;gap:12px}
.parlay{border:1px solid #ffffff14;border-radius:14px;background:#ffffff05;overflow:hidden}
.parlay.st-won{border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.parlay.st-lost{border-color:color-mix(in srgb,var(--down) 33%,transparent)}
.parlay-h{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid #ffffff0d;flex-wrap:wrap}
.parlay-legs{list-style:none;margin:0;padding:6px 14px}
.parlay-legs li{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:10px;align-items:center;padding:7px 0;border-bottom:1px dashed #ffffff0d;font-size:14px}
.parlay-legs li:last-child{border-bottom:0}
.pl-t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pl-o{color:var(--muted)}
.parlay-f{display:flex;gap:18px;flex-wrap:wrap;padding:10px 14px;background:#ffffff05;font-size:14px;color:var(--muted)}
.parlay-f b{color:var(--text)}
.pstatus,.lstatus{font-size:12px;font-weight:800;border-radius:99px;padding:3px 9px;white-space:nowrap}
.st-open.pstatus,.st-open.lstatus{background:color-mix(in srgb,var(--warning) 13%,transparent);color:var(--warn)}
.st-won.pstatus,.st-won.lstatus{background:color-mix(in srgb,var(--accent) 13%,transparent);color:var(--accent2)}
.st-lost.pstatus,.st-lost.lstatus{background:color-mix(in srgb,var(--down) 13%,transparent);color:#ffb3bc}
.st-void.pstatus,.st-void.lstatus{background:#ffffff14;color:var(--muted)}
@media(max-width:720px){.parlay-legs li{grid-template-columns:minmax(0,1fr) auto auto;row-gap:2px}.pl-t{grid-column:1/-1;white-space:normal}.lstatus{justify-self:end}}

/* ---------- Astra Quant live layer: additive, keeps the original market workspace ---------- */
.aq-mark{position:relative;display:inline-grid;place-items:center;width:40px;height:40px;border:1px solid color-mix(in srgb,var(--accent) 53%,transparent);border-radius:12px;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 55%),#0e2a1f;box-shadow:inset 0 0 18px color-mix(in srgb,var(--accent) 6%,transparent),0 0 22px color-mix(in srgb,var(--accent) 7%,transparent);overflow:hidden}
.aq-mark i{position:absolute;width:19px;height:19px;border:1.5px solid #8dffd0;border-radius:50%;transform:rotate(55deg) scaleY(.42)}
.aq-mark i:nth-child(2){transform:rotate(-55deg) scaleY(.42);border-color:#8dffd0}
.aq-mark i:nth-child(3){width:5px;height:5px;border:0;background:#fff;box-shadow:0 0 10px #8dffd0}
.aq-word{display:grid;line-height:.95;letter-spacing:.12em}.aq-word b{font-size:14px}.aq-word em{font:700 9px var(--mono);font-style:normal;color:var(--accent2);letter-spacing:.28em;margin-top:4px}
.live-rail{display:flex;align-items:center;gap:6px;margin-left:auto;padding:7px 9px;border-radius:9px;border:1px solid color-mix(in srgb,var(--accent) 27%,transparent);background:color-mix(in srgb,var(--accent) 4%,transparent);font:700 10px var(--mono);letter-spacing:.14em;color:var(--accent2)}
.live-rail i{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent);animation:pulse 1.7s infinite}
.top{background:#03150ff2;backdrop-filter:blur(18px)}
.top .shell{min-height:72px}.brand{gap:11px}.brand img{display:none}
.card{box-shadow:inset 0 1px #ffffff05}.card:hover{transform:translateY(-2px);box-shadow:0 12px 32px #010b0845,inset 0 1px #ffffff08}
.trade{background:linear-gradient(180deg,#0c291efa,#061b13fa)}
.live-note{display:flex;align-items:flex-start;gap:9px;margin-top:11px;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--accent) 5%,transparent);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);color:#b7ead4;font-size:12px;line-height:1.45}
.live-note:before{content:"";width:7px;height:7px;margin-top:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 9px var(--accent);flex:none}
.live-note.warn{background:color-mix(in srgb,var(--warning) 5%,transparent);border-color:color-mix(in srgb,var(--warning) 20%,transparent);color:#ffe3a3}.live-note.warn:before{background:var(--warn);box-shadow:none}
.account-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--accent) 27%,transparent);border-radius:14px;background:linear-gradient(100deg,color-mix(in srgb,var(--accent) 6%,transparent),color-mix(in srgb,var(--accent) 4%,transparent))}
.account-strip strong{display:block;font-size:14px}.account-strip small{display:block;color:var(--muted);margin-top:3px}
.account-state{display:flex;align-items:center;gap:7px;color:var(--accent2);font:700 12px var(--mono);white-space:nowrap}.account-state i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 9px var(--accent)}
.access-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.access-grid .form-row{margin:0}.access-grid .btn{height:44px}
.funding-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.funding-method{border:1px solid var(--line-soft);border-radius:14px;padding:16px;background:#ffffff05}.funding-method h3{margin:0 0 5px;font-size:16px}.funding-method p{margin:0 0 12px;color:var(--muted);font-size:13px}.funding-method.disabled{opacity:.55}
.deposit-addresses{display:grid;gap:10px;margin-top:16px}.deposit-row{border:1px solid var(--line-soft);border-radius:12px;padding:12px;background:#04160f}.deposit-row header{display:flex;justify-content:space-between;gap:10px;margin-bottom:7px}.deposit-row code{display:block;overflow-wrap:anywhere;color:#c9eadc;font:12px var(--mono)}.deposit-row button{margin-top:9px}
.position-title{display:flex;align-items:center;gap:8px}.position-title img{width:32px;height:32px;border-radius:8px;object-fit:cover}.money-pos{color:var(--yes)}.money-neg{color:var(--no)}
@media(max-width:900px){.live-rail{margin-left:auto}.funding-grid{grid-template-columns:1fr}}
@media(max-width:720px){.aq-word{display:none}.live-rail span{font-size:0}.live-rail span:after{content:"●";font-size:9px}.access-grid{grid-template-columns:1fr}.account-strip{align-items:flex-start;flex-direction:column}}

/* ---------- mobile client desk ---------- */
.cabinet-body{--desk-bg:#03150f;--desk-surface:#081f16;--desk-raised:#0e2a1f;--desk-line:var(--border);--desk-accent:var(--accent);--desk-text:#e7f5ef;--desk-muted:var(--text-2);--desk-danger:var(--down);margin:0;min-width:320px;background:radial-gradient(circle at 50% -10%,#12563c 0,transparent 30%),#010b08;color:var(--desk-text);font-family:Manrope,system-ui,sans-serif}
.cabinet-body *{box-sizing:border-box}.cabinet-body button,.cabinet-body input,.cabinet-body select{font:inherit}.cabinet-body button,.cabinet-body a{-webkit-tap-highlight-color:transparent}
.cabinet-app{position:relative;width:min(100%,480px);min-height:100dvh;margin:0 auto;background:linear-gradient(180deg,#061b13 0,#03150f 28%,#03110c 100%);border-inline:1px solid #153228;box-shadow:0 0 70px #0009;overflow:hidden}
.cabinet-guest{min-height:100dvh;padding:12vh 30px 40px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 22%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 31%)}
.cabinet-guest[hidden],#cabinet[hidden]{display:none}.cabinet-guest .aq-mark{margin-bottom:24px}.cabinet-guest .aq-mark.large{width:72px;height:72px;border-radius:22px}.cabinet-guest h1{max-width:340px;margin:5px 0 12px;font-size:clamp(28px,8vw,38px);line-height:1.06}.cabinet-guest p:not(.desk-kicker){max-width:350px;margin:0 0 28px;color:var(--desk-muted);line-height:1.6}.cabinet-guest .desk-button{margin-top:10px}.cabinet-guest>a{margin-top:22px;color:var(--desk-muted);font-size:13px}
.desk-header{position:sticky;z-index:20;top:0;padding:14px 16px 0;background:#041710e8;backdrop-filter:blur(18px);border-bottom:1px solid #1a3a2e}
.desk-header:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,var(--desk-accent),transparent);opacity:.35}
.desk-brand{display:inline-flex;align-items:center;gap:10px;color:var(--desk-text);text-decoration:none}.desk-brand .aq-mark{width:34px;height:34px;border-radius:10px}.desk-brand>span:last-child{display:flex;flex-direction:column}.desk-brand b{font-size:14px;letter-spacing:.01em}.desk-brand small{margin-top:2px;color:var(--desk-accent);font:600 8px/1 JetBrains Mono,monospace;letter-spacing:.23em}
.desk-head-actions{position:absolute;top:15px;right:16px;display:flex;align-items:center;gap:8px}.desk-language{display:flex;padding:3px;border:1px solid var(--desk-line);border-radius:9px;background:#04110c}.desk-language button{min-width:30px;height:26px;border:0;border-radius:6px;background:none;color:var(--desk-muted);font:700 9px JetBrains Mono,monospace;cursor:pointer}.desk-language button.on{background:var(--desk-raised);color:var(--desk-text)}
.desk-live{display:flex;align-items:center;gap:5px;color:var(--desk-accent);font:600 9px JetBrains Mono,monospace}.desk-live i,.desk-market-status i,.auto-brief i{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 9px currentColor}.desk-ticker{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:7px;margin-top:12px;padding:9px 0;border-top:1px solid #ffffff0a;color:var(--desk-muted);font:600 9px JetBrains Mono,monospace;letter-spacing:.04em}.desk-ticker i{width:6px;height:6px;border-radius:50%;background:var(--desk-accent);box-shadow:0 0 8px var(--desk-accent)}.desk-ticker span,.desk-ticker em{color:var(--desk-accent);font-style:normal}.desk-ticker b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#cce3da;font-weight:500}
.desk-notice{position:fixed;z-index:60;top:82px;left:50%;width:min(calc(100% - 32px),448px);transform:translateX(-50%);padding:12px 14px;border:1px solid color-mix(in srgb,var(--accent) 33%,transparent);border-radius:12px;background:#0d2b20f2;color:#dff9ef;box-shadow:0 16px 35px #0008;font-size:13px;line-height:1.45}.desk-notice.error{border-color:color-mix(in srgb,var(--down) 40%,transparent);background:#361b1df2}
.desk-screen{display:none;padding:22px 16px 106px}.desk-screen.active{display:block;animation:desk-in .25s ease}.desk-screen>h1,.desk-title-row h1{margin:2px 0 18px;font-size:27px;line-height:1.1}.desk-kicker{margin:0 0 6px;color:var(--desk-accent);font:700 9px JetBrains Mono,monospace;letter-spacing:.18em}.desk-title-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.desk-title-row.compact{margin-bottom:10px}.desk-title-row.compact h2{margin:0}.desk-title-row.compact>span{min-width:27px;padding:4px 7px;border-radius:20px;background:var(--border);color:#bce0d2;text-align:center;font:700 10px JetBrains Mono,monospace}
.desk-card{margin-bottom:12px;padding:16px;border:1px solid var(--desk-line);border-radius:18px;background:linear-gradient(145deg,var(--surface),#061b13);box-shadow:inset 0 1px #ffffff08,0 12px 32px #0002}.desk-card h2{margin:0 0 13px;font-size:16px}.desk-card>p{margin:0 0 14px;color:var(--desk-muted);font-size:13px;line-height:1.5}
.client-card,.profile-card{display:flex;align-items:center;gap:12px}.client-avatar{display:grid;place-items:center;width:42px;height:42px;flex:none;border:1px solid color-mix(in srgb,var(--accent) 48%,transparent);border-radius:14px;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--accent) 29%,transparent),transparent 45%),var(--border);color:var(--desk-accent);font:700 12px JetBrains Mono,monospace}.client-card>span:nth-child(2),.profile-card>div{display:flex;min-width:0;flex:1;flex-direction:column}.client-card small,.profile-card p{overflow:hidden;margin:0;color:var(--desk-muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.client-card b,.profile-card b{overflow:hidden;margin-top:3px;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.client-card code{max-width:92px;overflow:hidden;color:var(--desk-muted);font:10px JetBrains Mono,monospace;text-overflow:ellipsis}
.balance-card{padding:19px}.balance-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.balance-head small,.account-balance>small{display:block;color:var(--desk-muted);font-size:11px}.balance-head strong,.account-balance>strong{display:inline-block;margin-top:5px;font:700 clamp(32px,9vw,43px)/1 JetBrains Mono,monospace;letter-spacing:-.07em}.balance-head>div:first-child>span,.account-balance>span{margin-left:6px;color:var(--desk-accent);font:700 10px JetBrains Mono,monospace}.balance-head p{margin:7px 0 0;color:var(--desk-muted);font-size:10px}.balance-ring{--ring:0%;display:grid;width:83px;height:83px;flex:none;place-items:center;border-radius:50%;background:conic-gradient(var(--desk-accent) var(--ring),#153328 0);box-shadow:0 0 25px color-mix(in srgb,var(--accent) 6%,transparent)}.balance-ring:before{content:"";grid-area:1/1;width:65px;height:65px;border-radius:50%;background:#092016;box-shadow:inset 0 0 18px #0005}.balance-ring span{z-index:1;grid-area:1/1;font:700 10px JetBrains Mono,monospace;color:#c7e6da}
.desk-actions{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:7px;margin-top:17px}.desk-pill,.desk-mini,.icon-button{min-height:40px;border:1px solid var(--desk-line);border-radius:11px;background:#102d21;color:#c9dfd7;font-weight:700;cursor:pointer}.desk-pill{padding:8px 7px;font-size:11px}.desk-pill.accent,.desk-button.accent{border-color:color-mix(in srgb,var(--accent) 53%,transparent);background:var(--desk-accent);color:#062117;box-shadow:0 8px 25px color-mix(in srgb,var(--accent) 11%,transparent)}.desk-pill:hover,.desk-mini:hover,.icon-button:hover{border-color:color-mix(in srgb,var(--accent) 47%,transparent);color:#fff}
.desk-button{width:100%;min-height:48px;padding:11px 16px;border:1px solid var(--desk-line);border-radius:13px;background:#102d21;color:var(--desk-text);font-weight:700;cursor:pointer}.desk-button:disabled{cursor:not-allowed;opacity:.5}.desk-button.danger{border-color:color-mix(in srgb,var(--down) 27%,transparent);background:color-mix(in srgb,var(--down) 6%,transparent);color:#ff9fa4}.desk-mini{min-height:34px;padding:6px 10px;font-size:11px}.icon-button{display:grid;width:42px;height:42px;place-items:center;font-size:20px}
.desk-segment{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;padding:4px;border:1px solid var(--desk-line);border-radius:12px;background:#03120d}.desk-segment button{min-height:36px;border:0;border-radius:8px;background:none;color:var(--desk-muted);font-weight:700;cursor:pointer}.desk-segment button.on{background:var(--desk-raised);color:var(--desk-text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 17%,transparent)}.portfolio-summary .desk-segment{margin-bottom:12px}
.desk-list{display:grid;gap:7px}.desk-empty{margin:0;padding:25px 8px;color:var(--desk-muted);font-size:12px;text-align:center}.desk-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:11px 0;border-bottom:1px solid #ffffff0a}.desk-row:last-child{border-bottom:0}.desk-row>div{min-width:0}.desk-row b{display:block;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.desk-row small{display:block;margin-top:4px;color:var(--desk-muted);font-size:10px}.desk-row>span{text-align:right}.desk-row>span b{font:700 12px JetBrains Mono,monospace}.desk-row>span small{color:var(--desk-accent)}.desk-row .desk-mini{grid-column:1/-1;justify-self:end}.auto-brief{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 2px}.auto-brief>span{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 8px}.auto-brief i{grid-row:1/3;color:#788c83}.auto-brief b{font-size:12px}.auto-brief small{color:var(--desk-muted);font-size:10px}
.desk-market-status{display:flex;align-items:center;gap:7px;margin:-6px 0 14px;color:var(--desk-accent);font:600 10px JetBrains Mono,monospace}.desk-market-status b{margin-left:auto;color:var(--desk-muted);font-weight:500}.desk-sort{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:10px}.desk-sort button{min-height:37px;border:1px solid var(--desk-line);border-radius:10px;background:#071b13;color:var(--desk-muted);font-size:10px;font-weight:700;cursor:pointer}.desk-sort button.on{border-color:color-mix(in srgb,var(--accent) 40%,transparent);background:#123427;color:var(--desk-text)}
.desk-search{display:flex;align-items:center;gap:9px;margin-bottom:10px;padding:0 13px;border:1px solid var(--desk-line);border-radius:12px;background:#061b13}.desk-search span{color:var(--desk-muted);font-size:21px}.desk-search input{width:100%;min-height:45px;border:0;outline:0;background:none;color:var(--desk-text)}.desk-search input::placeholder{color:#647d73}
.desk-tags{display:flex;gap:7px;margin:0 -16px 12px;padding:0 16px;overflow-x:auto;scrollbar-width:none}.desk-tags::-webkit-scrollbar{display:none}.desk-tags button{min-height:34px;padding:6px 12px;border:1px solid var(--desk-line);border-radius:20px;background:#071b13;color:var(--desk-muted);font-size:10px;white-space:nowrap;cursor:pointer}.desk-tags button.on{border-color:color-mix(in srgb,var(--accent) 40%,transparent);background:#123427;color:var(--desk-accent)}
.desk-markets{display:grid;gap:10px;margin-bottom:12px}.desk-market{padding:14px;border:1px solid var(--desk-line);border-radius:16px;background:linear-gradient(145deg,var(--surface),#061a13)}.desk-market-head{display:flex;gap:10px;align-items:flex-start}.desk-market-head img{width:38px;height:38px;flex:none;border-radius:10px;object-fit:cover;background:#123126}.desk-market-head>div{min-width:0;flex:1}.desk-market-head h3{display:-webkit-box;margin:0;overflow:hidden;font-size:13px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}.desk-market-head p{margin:5px 0 0;color:var(--desk-muted);font:9px JetBrains Mono,monospace}.desk-market-graph{height:26px;margin:10px 0 8px;border-bottom:1px solid #1b4434;background:linear-gradient(178deg,transparent 49%,color-mix(in srgb,var(--accent) 33%,transparent) 50%,transparent 53%),linear-gradient(184deg,transparent 47%,color-mix(in srgb,var(--accent) 20%,transparent) 49%,transparent 52%);opacity:.7}.desk-market-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.desk-market-actions button{display:flex;min-height:43px;align-items:center;justify-content:space-between;padding:8px 10px;border:1px solid color-mix(in srgb,var(--accent) 36%,transparent);border-radius:10px;background:color-mix(in srgb,var(--accent) 6%,transparent);color:#baf6df;font-size:11px;font-weight:700;cursor:pointer}.desk-market-actions button:nth-child(2){border-color:color-mix(in srgb,var(--down) 36%,transparent);background:color-mix(in srgb,var(--down) 6%,transparent);color:#ffb1b5}.desk-market-actions b{font:700 12px JetBrains Mono,monospace}.desk-market-actions button:hover{filter:brightness(1.2)}
.auto-status-card{position:relative;overflow:hidden}.auto-status-card:after{content:"";position:absolute;width:130px;height:130px;right:-35px;top:-45px;border-radius:50%;background:color-mix(in srgb,var(--accent) 5%,transparent)}.auto-status-card>div{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 12px}.auto-status-card small,.auto-status-card b,.auto-status-card p{grid-column:2}.auto-status-card small{color:var(--desk-muted);font-size:10px}.auto-status-card b{font-size:18px}.auto-status-card p{margin:5px 0 0;color:var(--desk-muted);font-size:11px;line-height:1.45}.auto-orbit{grid-row:1/4;display:grid;width:61px;height:61px;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 36%,transparent);border-radius:50%;box-shadow:inset 0 0 18px color-mix(in srgb,var(--accent) 6%,transparent)}.auto-orbit:before,.auto-orbit:after{content:"";position:absolute;width:38px;height:12px;border:1px solid var(--desk-accent);border-radius:50%;transform:rotate(45deg)}.auto-orbit:after{transform:rotate(-45deg)}.auto-orbit i{width:6px;height:6px;border-radius:50%;background:var(--desk-accent);box-shadow:0 0 10px var(--desk-accent)}.status-chip{display:inline-flex;width:max-content;align-items:center;padding:5px 8px;border:1px solid color-mix(in srgb,var(--accent) 33%,transparent);border-radius:20px;background:color-mix(in srgb,var(--accent) 5%,transparent);color:var(--desk-accent);font:700 8px JetBrains Mono,monospace}.auto-status-card>.status-chip{position:absolute;top:16px;right:16px}
.desk-field{display:grid;gap:7px;margin:0 0 13px}.desk-field>span{color:var(--desk-muted);font-size:11px}.desk-field>div{display:flex;align-items:center}.desk-field input,.desk-field select{width:100%;min-height:45px;padding:10px 12px;border:1px solid var(--desk-line);border-radius:11px;outline:none;background:#04160f;color:var(--desk-text)}.desk-field input:focus,.desk-field select:focus{border-color:color-mix(in srgb,var(--accent) 47%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 5%,transparent)}.desk-field>div input{border-radius:11px 0 0 11px}.desk-field>div b{display:grid;min-height:45px;padding:0 12px;place-items:center;border:1px solid var(--desk-line);border-left:0;border-radius:0 11px 11px 0;background:#0d2a1f;color:var(--desk-accent);font:700 10px JetBrains Mono,monospace}.integration-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.integration-card>span{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;background:#2998df;color:#fff;font-size:9px}.integration-card b{font-size:12px}.integration-card p{margin:3px 0 0;color:var(--desk-muted);font-size:10px}.integration-card a{text-decoration:none}.desk-warning{padding:12px 13px;border:1px solid color-mix(in srgb,var(--warning) 27%,transparent);border-radius:12px;background:color-mix(in srgb,var(--warning) 4%,transparent);color:#e7cd92;font-size:10px;line-height:1.5}
.account-balance{background:radial-gradient(circle at 90% 10%,color-mix(in srgb,var(--accent) 11%,transparent),transparent 35%),linear-gradient(145deg,#0c291e,#061a12)}.account-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:18px}.account-grid>div{padding:10px;border:1px solid #ffffff0b;border-radius:11px;background:#03150f7a}.account-grid small{display:block;color:var(--desk-muted);font-size:9px}.account-grid b{display:block;margin-top:5px;font:700 12px JetBrains Mono,monospace}.profile-card .status-chip{margin-left:auto}.more-links{padding:0;overflow:hidden}.more-links button,.more-links a{display:grid;width:100%;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;min-height:62px;padding:10px 14px;border:0;border-bottom:1px solid #ffffff0a;background:none;color:var(--desk-text);text-align:left;text-decoration:none;cursor:pointer}.more-links>:last-child{border-bottom:0}.more-links span{display:grid;width:34px;height:34px;place-items:center;border-radius:11px;background:#123327;color:var(--desk-accent)}.more-links b{font-size:12px}.more-links em{color:var(--desk-muted);font-size:9px;font-style:normal}.form-error{margin-top:10px;color:#ff9ea3;font-size:11px}
.desk-nav{position:fixed;z-index:40;left:50%;bottom:0;display:grid;width:min(100%,480px);grid-template-columns:repeat(5,1fr);padding:8px 8px calc(8px + env(safe-area-inset-bottom));transform:translateX(-50%);border:1px solid #204236;border-bottom:0;border-radius:20px 20px 0 0;background:#061a13f5;box-shadow:0 -14px 34px #0007;backdrop-filter:blur(20px)}.desk-nav button{display:flex;min-height:52px;align-items:center;justify-content:center;gap:4px;flex-direction:column;border:0;border-radius:11px;background:none;color:#759186;font-size:9px;font-weight:700;cursor:pointer}.desk-nav button span{font-size:18px;line-height:1}.desk-nav button.on{background:color-mix(in srgb,var(--accent) 5%,transparent);color:var(--desk-accent)}
.desk-dialog{width:min(calc(100% - 20px),460px);max-height:90dvh;margin:auto;padding:0;border:1px solid #285041;border-radius:22px;background:#061a13;color:var(--desk-text);box-shadow:0 30px 100px #000c}.desk-dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.desk-sheet{position:relative;max-height:88dvh;padding:25px 18px 22px;overflow:auto}.desk-sheet h2{margin:0 32px 7px 0;font-size:22px}.desk-sheet>p:not(.desk-kicker){margin:0 0 17px;color:var(--desk-muted);font-size:11px;line-height:1.5}.sheet-close{position:absolute;top:14px;right:14px;display:grid;width:36px;height:36px;place-items:center;border:1px solid var(--desk-line);border-radius:50%;background:#0f2b21;color:var(--desk-text);font-size:22px;cursor:pointer}.order-side{margin-bottom:12px}.desk-outcomes{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-bottom:13px}.desk-outcomes button{min-height:45px;padding:8px;border:1px solid var(--desk-line);border-radius:11px;background:var(--surface);color:var(--desk-muted);font-size:11px;font-weight:700;cursor:pointer}.desk-outcomes button.on{border-color:color-mix(in srgb,var(--accent) 48%,transparent);background:color-mix(in srgb,var(--accent) 9%,transparent);color:var(--desk-accent)}.quick-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:-4px 0 14px}.quick-amounts button{min-height:35px;border:1px solid var(--desk-line);border-radius:9px;background:#0d2a1f;color:var(--desk-muted);font:700 9px JetBrains Mono,monospace;cursor:pointer}.order-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 13px}.order-summary span{padding:9px 7px;border:1px solid var(--desk-line);border-radius:10px;color:var(--desk-muted);font-size:8px}.order-summary b{display:block;margin-top:5px;color:var(--desk-text);font:700 11px JetBrains Mono,monospace}.desk-sheet>.desk-warning{margin-bottom:12px}.deposit-addresses{margin-top:10px}.deposit-addresses .deposit-row{border-color:var(--desk-line);background:#04150f}.deposit-addresses .deposit-row header{font-size:11px}.deposit-addresses .deposit-row code{color:#d1e7de}.deposit-addresses .deposit-row button{min-height:37px;border:1px solid color-mix(in srgb,var(--accent) 33%,transparent);border-radius:9px;background:color-mix(in srgb,var(--accent) 7%,transparent);color:var(--desk-accent);font-size:11px;cursor:pointer}
@keyframes desk-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:520px){.cabinet-app{border:0}.desk-header{padding-inline:14px}.desk-head-actions{right:14px}.desk-screen{padding-inline:14px}.desk-nav{border-inline:0}.desk-live{font-size:0}.desk-live i{margin-right:0}.desk-language button{min-width:27px}.client-card code{max-width:68px}}
@media(prefers-reduced-motion:reduce){.desk-screen.active{animation:none}.cabinet-body *{scroll-behavior:auto!important;transition:none!important}}

/* cabinet archive 2026-10-06 */
.positive{color:var(--accent)}.negative{color:#ff8d93}
.desk-lead{margin:0 0 12px;color:var(--desk-muted);font-size:13px;line-height:1.5}
.desk-section{margin:18px 0 10px;font-size:14px;color:var(--desk-muted);font-weight:600}
.desk-nav button b{font-size:9px;font-weight:700;line-height:1.2}
.ledger-list{margin:0;padding:0;list-style:none}
.ledger-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #ffffff0a}
.ledger-row:last-child{border-bottom:0}
.ledger-row small{display:block;margin-top:3px;color:var(--desk-muted);font-size:11px;line-height:1.35}
.ledger-row em{font-style:normal;text-align:right;font:600 13px JetBrains Mono,monospace}
.ledger-row em small{display:block}
.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.mini-grid>div,.ref-card{padding:12px;border:1px solid #ffffff0a;border-radius:12px;background:#03150f7a}
.mini-grid b,.ref-card b{font-size:13px}
.mini-grid small,.ref-card small{display:block;margin-top:4px;color:var(--desk-muted);font-size:11px;line-height:1.4}
.term-pick,.mode-pick{display:grid;gap:8px;margin:8px 0 14px}
.term-pick{grid-template-columns:repeat(3,1fr)}
.mode-pick{grid-template-columns:1fr 1fr}
.term-pick button,.mode-pick button{min-height:44px;padding:10px;border:1px solid var(--desk-line);border-radius:12px;background:#102d21;color:var(--desk-text);text-align:left;cursor:pointer}
.term-pick button b,.mode-pick button b{display:block;font-size:13px}
.term-pick button small,.mode-pick button small{display:block;margin-top:4px;color:var(--desk-muted);font-size:11px;line-height:1.35}
.term-pick button.on,.mode-pick button.on{border-color:color-mix(in srgb,var(--accent) 53%,transparent);background:var(--desk-accent);color:#062117}
.term-pick button.on small,.mode-pick button.on small{color:#062117c7}
.forecast-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding:12px;border-radius:12px;background:#0e2a1f}
.forecast-line small{display:block;color:var(--desk-muted);font-size:11px}
.forecast-line b{font:700 14px JetBrains Mono,monospace}
.ref-link{display:flex;align-items:center;gap:8px;margin-top:12px;padding:8px 8px 8px 12px;border-radius:12px;background:#0e2a1f}
.ref-link code{min-width:0;flex:1;overflow:hidden;color:var(--desk-muted);font:11px JetBrains Mono,monospace;text-overflow:ellipsis;white-space:nowrap}
.order-summary i{display:block;font-style:normal}
.account-balance>p{margin:6px 0 0;color:var(--desk-muted);font-size:11px}

/* cabinet desktop 2026-10-06 */
@media (min-width: 900px) {
  .cabinet-body { background: #010b08; }
  .cabinet-body .cabinet-app {
    width: 100%;
    max-width: none;
    border: 0;
    box-shadow: none;
    overflow: visible;
    background: #03150f;
  }
  .cabinet-body #cabinet[hidden] { display: none; }
  .cabinet-body #cabinet {
    min-height: 100dvh;
    display: grid;
    grid-template-columns: 232px minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr);
  }
  .cabinet-body .desk-header { grid-column: 1 / -1; grid-row: 1; padding: 16px 32px 0; }
  .cabinet-body .desk-head-actions { right: 32px; top: 18px; }
  .cabinet-body .desk-screen { grid-column: 2; grid-row: 2; padding: 28px 36px 48px; }
  .cabinet-body .desk-nav {
    position: sticky;
    top: 0;
    left: auto;
    bottom: auto;
    grid-column: 1;
    grid-row: 2;
    align-self: start;
    width: auto;
    height: 100%;
    min-height: calc(100dvh - 96px);
    transform: none;
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: stretch;
    padding: 18px 12px 24px;
    border: 0;
    border-right: 1px solid #204236;
    border-radius: 0;
    box-shadow: none;
    background: #061a13;
  }
  .cabinet-body .desk-nav button {
    flex-direction: row;
    justify-content: flex-start;
    gap: 12px;
    min-height: 48px;
    padding: 0 14px;
    font-size: 14px;
  }
  .cabinet-body .desk-nav button span { font-size: 18px; width: 22px; text-align: center; }
  .cabinet-body .desk-nav button b { font-size: 14px; font-weight: 700; }
  .cabinet-body .desk-notice { left: calc(50% + 116px); width: min(520px, calc(100% - 320px)); }
  .cabinet-body .desk-screen[data-screen= home].active,
  .cabinet-body .desk-screen[data-screen=account].active,
  .cabinet-body .desk-screen[data-screen=strategy].active,
  .cabinet-body .desk-screen[data-screen=more].active {
    display: grid;
    gap: 16px;
    align-content: start;
    align-items: start;
  }
  .cabinet-body .desk-screen[data-screen=home].active { grid-template-columns: minmax(320px, 460px) minmax(0, 1fr); }
  .cabinet-body .desk-screen[data-screen=home].active .portfolio-summary { grid-column: 2; grid-row: 1 / span 4; margin: 0; }
  .cabinet-body .desk-screen[data-screen=account].active { grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr); }
  .cabinet-body .desk-screen[data-screen=account].active > .desk-kicker,
  .cabinet-body .desk-screen[data-screen=account].active > .desk-title-row { grid-column: 1 / -1; }
  .cabinet-body .desk-screen[data-screen=account].active > .account-balance,
  .cabinet-body .desk-screen[data-screen=account].active > #withdrawCard { grid-column: 1; }
  .cabinet-body .desk-screen[data-screen=account].active > .desk-card:not(.account-balance):not(#withdrawCard) { grid-column: 2; }
  .cabinet-body .desk-screen[data-screen=strategy].active { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .cabinet-body .desk-screen[data-screen=strategy].active > .desk-kicker,
  .cabinet-body .desk-screen[data-screen=strategy].active > h1,
  .cabinet-body .desk-screen[data-screen=strategy].active > .desk-lead,
  .cabinet-body .desk-screen[data-screen=strategy].active > .desk-section { grid-column: 1 / -1; }
  .cabinet-body .desk-screen[data-screen=strategy].active > #strategyList { grid-column: 2; grid-row: 4 / span 8; }
  .cabinet-body .desk-screen[data-screen=more].active { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); max-width: 980px; }
  .cabinet-body #moreRoot { display: contents; }
  .cabinet-body #moreRoot > .desk-kicker,
  .cabinet-body #moreRoot > h1,
  .cabinet-body #moreRoot > .desk-lead,
  .cabinet-body #moreRoot > #deskLogout,
  .cabinet-body #moreDetail { grid-column: 1 / -1; }
  .cabinet-body .desk-screen[data-screen=bets].active { max-width: none; }
  .cabinet-body .desk-markets { grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); }
  .cabinet-body .desk-tags { margin-inline: 0; padding-inline: 0; }
  .cabinet-body .cabinet-guest { width: min(100%, 560px); margin: 0 auto; }
}

/* public layout fixes 2026-10-06 */
.ticker.mq{overflow:hidden;height:42px}
.mq-view{overflow:hidden;height:42px}
.mq-track{display:flex;width:max-content;align-items:center;height:42px;white-space:nowrap}
.mq-track.run{animation:mq-run var(--mq-dur,40s) linear infinite}
.mq-seq{display:flex;align-items:center;white-space:nowrap}
.mq-item{display:inline-flex;align-items:center;gap:8px;padding:0 14px;color:var(--text);text-decoration:none;white-space:nowrap;font:12px var(--mono)}
.mq-item:hover{color:#fff}
.mq-sep{color:var(--faint);padding:0 2px}
@keyframes mq-run{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.mq-track.run{animation:none}}
.hero-plate{display:flex;gap:28px;margin:18px 0 8px;flex-wrap:wrap}
.hero-plate>div{min-width:0}
.hero-plate b{display:block;font:22px var(--mono);letter-spacing:-.03em}
.hero-plate span{display:block;margin-top:2px;font-size:13px;color:var(--muted);font-weight:500}
.price-line .pl-src{display:block;margin-top:6px;color:var(--muted);font-weight:500;font-size:12px}
.steps.steps-4{grid-template-columns:repeat(4,1fr)}
.mode-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 12px}
.mode-switch{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:999px;background:#04160f}
.ms-btn{border:0;background:transparent;color:var(--muted);border-radius:999px;min-height:32px;padding:6px 12px;cursor:pointer;font-weight:700;font-size:12px}
.ms-btn[aria-pressed=true]{background:var(--border);color:var(--text)}
.demo-label{color:var(--warning);font-size:12px;line-height:1.35}
.mb-bal{font-size:13px;white-space:nowrap}
.mb-link{font-size:13px;white-space:nowrap}
@media(max-width:1100px){.steps.steps-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.steps.steps-4{grid-template-columns:1fr}}

/* order amounts + gold coin ticker 2026-10-06 */
.qo-price{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:8px 0 6px;color:#d5efe4;font-size:13px;font-weight:700}
.qo-price b,.qo-now{color:#ffe7a3;font:700 16px var(--mono);letter-spacing:.01em}
.qo-steps{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}
.qo-step{min-height:36px;padding:0 12px;border-radius:8px;border:1px solid #f6d37a99;background:#062117;color:#f7fff9;font:800 13px var(--mono);cursor:pointer}
.qo-step:hover:not(:disabled){background:var(--border);color:#ffe7a3;border-color:#ffe7a3}
.qo-step:disabled{opacity:.45;cursor:not-allowed}
.qo-limit{color:#d5efe4}
.qo-over{color:#ffb4a8}
.coin-bar{position:sticky;top:72px;z-index:34;height:36px;overflow:hidden;background:linear-gradient(90deg,#1a1406,#2c220c 45%,#1a1406);border-bottom:1px solid #e8c56a66;color:#f6d37a}
.coin-bar .mq-view,.coin-bar .mq-track{height:36px}
.coin-item{display:inline-flex;align-items:baseline;gap:7px;padding:0 12px;color:#f6d37a;white-space:nowrap;font:12px var(--mono)}
.coin-item b{color:#ffe7a3;font-weight:800;letter-spacing:.04em}
.coin-kicker{letter-spacing:.16em;font-weight:800;color:#ffe7a3}
.coin-sep{color:#a8843a;padding:0 2px}
.coin-up{color:#e7ffb0}
.coin-dn{color:#ffb199}
.coin-bar:hover .mq-track.run{animation-play-state:paused}

/* cabinet rule pages 2026-10-06 */
.cabinet-body #moreRoot[hidden]{display:none}
.cabinet-body .rule-list{display:grid;gap:10px}
.cabinet-body .rule-list article h2{margin:0 0 6px;font-size:15px}
.cabinet-body .rule-list article p{margin:0;color:var(--desk-muted);font-size:13px;line-height:1.55}
.cabinet-body .rule-list article p+p{margin-top:8px}
.cabinet-body .rule-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px}
.cabinet-body .rule-meta div{padding:12px;border:1px solid #ffffff0b;border-radius:12px;background:#03150f7a}
.cabinet-body .rule-meta small{display:block;color:var(--desk-muted);font-size:11px}
.cabinet-body .rule-meta b{display:block;margin-top:4px;font-size:14px;overflow-wrap:anywhere}
.cabinet-body a.desk-button{display:grid;place-items:center;text-align:center;text-decoration:none;margin-top:4px}

/* polymarket bridge deposit form 2026-10-06 */
.fund-form{display:grid;gap:8px;margin:0 0 12px}
.fund-form label{color:var(--desk-muted);font-size:11px}
.fund-form select,.fund-form input{width:100%;min-height:42px;padding:8px 10px;border:1px solid var(--desk-line);border-radius:10px;background:#04150f;color:#f7fff9;font:14px/1.3 ui-monospace,monospace}
.fund-form .desk-button{min-height:40px}
#homePusd{margin:4px 0 0;color:#ffe7a3;font:600 12px/1.3 ui-monospace,monospace}
#fundHint{margin:0 0 10px}
#fundActive{margin-bottom:10px}

/* Launch audit: fail closed visibility; separate DEMO and LIVE panels. */
body:not(.live-owner) .owner-only{display:none!important}
body:not(.mode-real) .real-only{display:none!important}
body.mode-real .demo-only{display:none!important}
@media(max-width:480px){
  .top .shell{flex-wrap:wrap;gap:8px;height:auto;padding-top:9px;padding-bottom:9px}
  .top .brand{margin-right:auto;flex-shrink:0}
  .top .top-actions{order:10;flex-basis:100%;min-width:0;margin-left:0;justify-content:flex-end}
  .top .top-actions .user-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .top .odds-menu,.top .lang-menu{margin-left:0}
  .coin-bar{position:relative;top:auto}
}
/* Supplied Astra Quant identity and mobile refinements, 2026-10-08. */
.brand img.aq-logo,.aq-logo{display:block!important;object-fit:contain;border-radius:50%;background:#fff;flex:none;width:48px;height:48px}
.desk-brand .aq-logo{width:42px;height:42px}.cabinet-guest>.aq-logo{width:96px;height:96px;margin-bottom:24px}.footer-logo{display:inline-block!important;vertical-align:middle;margin-right:8px}
.mq-seq{flex-shrink:0}.mq-track{will-change:transform}.coin-item{flex-shrink:0;text-decoration:none}.coin-item b{max-width:280px;overflow:hidden;text-overflow:ellipsis}.coin-bar:hover .mq-track.run{animation-play-state:running}
.confirm-banner{border-bottom:1px solid #e8c56a66;background:#24200d;color:#ffe7a3}.confirm-banner .shell{display:flex;gap:16px;align-items:center;justify-content:space-between;padding-block:14px}.confirm-banner .btn{flex-shrink:0}
.defi-page{max-width:1000px;padding-block:48px}.defi-calculator{padding:24px;border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:20px;background:#061d15;margin:20px 0}.defi-calculator h2{margin:0 0 12px}.defi-calculator p{font-size:13px;line-height:1.65}.defi-inputs{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.defi-inputs label{display:grid;gap:8px;font-size:13px;color:#b5d4c7;min-width:0}.defi-inputs input,.defi-inputs select{box-sizing:border-box;width:100%;min-width:0;min-height:48px;padding:12px;border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:12px;background:#03150f;color:#e5f7ed;font:inherit}.defi-inputs input:focus,.defi-inputs select:focus{outline:2px solid var(--accent);outline-offset:2px}.defi-results{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;padding:20px 0;border-block:1px solid #ffffff12}.defi-results small{display:block;color:#9ebdaf;margin-bottom:10px}.defi-results strong{font:600 clamp(18px,3vw,28px) var(--mono,monospace);color:var(--accent);overflow-wrap:anywhere}.defi-calculator [data-calc-error]{color:#ffd090}
@media(max-width:600px){
 .shell{padding-inline:14px}.top .shell{gap:8px}.brand{flex-shrink:0}.brand .aq-logo{width:42px;height:42px}.brand .aq-word{font-size:12px}.top-actions{min-width:0;gap:6px}.top-actions .user-label{max-width:75px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-actions .btn{padding:9px 10px;font-size:11px}.live-rail{display:none!important}
 .confirm-banner .shell{align-items:flex-start;flex-direction:column;gap:10px;font-size:13px}.confirm-banner .btn{min-height:44px}.defi-page{padding-block:24px}.defi-calculator{padding:18px}.defi-inputs{grid-template-columns:1fr;gap:14px}.defi-results{grid-template-columns:1fr;gap:20px}.defi-results strong{font-size:24px}
 .cabinet-app{max-width:100%;box-sizing:border-box}.desk-card{min-width:0}.desk-dialog{max-width:calc(100vw - 20px);width:calc(100vw - 20px);max-height:calc(100dvh - 28px);padding:0}.desk-sheet{padding:20px;overflow-y:auto;max-height:calc(100dvh - 28px);box-sizing:border-box}.desk-field input{min-width:0}.desk-button,.desk-language button,.sheet-close{min-height:44px}.desk-bottom-nav{padding-bottom:env(safe-area-inset-bottom,0px)}
 dialog .modal{padding:22px;max-width:100%;box-sizing:border-box}dialog{max-width:calc(100vw - 24px)}.hero h1{font-size:clamp(30px,9vw,48px);overflow-wrap:break-word}
}

@media(max-width:600px){.auto-status-card>.status-chip{position:relative;top:auto;right:auto;margin:12px 0 0 73px}.auto-status-card p b{display:block;margin-top:4px}.auto-status-card>div{grid-template-columns:61px minmax(0,1fr)}.auto-status-card small{overflow-wrap:anywhere}}

.soc-row{display:flex;gap:12px;margin:8px 0 12px}
.soc-btn{width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:transform .15s,box-shadow .15s,filter .15s}
.soc-btn:hover,.soc-btn:focus-visible{transform:translateY(-2px) scale(1.08);box-shadow:0 4px 14px rgba(0,0,0,.4);filter:brightness(1.12)}
.soc-tg{background:#229ED9}.soc-fb{background:#1877F2}
.soc-ig{background:radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%)}

.defi-scenarios{margin:18px 0 8px}.defi-scenarios h3{margin:0 0 6px;font-size:16px;color:#e5f7ed}.defi-scenarios>p{margin:0 0 12px}
.defi-sc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.defi-sc{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:44px;padding:18px 12px;border:1px solid color-mix(in srgb,var(--accent) 33%,transparent);border-radius:16px;background:linear-gradient(160deg,#08281d,#061d15);color:#e5f7ed;font:inherit;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s}
.defi-sc:hover{transform:translateY(-2px);border-color:var(--accent)}
.defi-sc:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.defi-sc-t{font-size:13px;color:#b5d4c7}
.defi-sc strong{font-size:32px;line-height:1.1;color:var(--accent);font-family:'JetBrains Mono',monospace}
.defi-sc-r{font-size:12px;color:var(--warning);font-weight:700}
.defi-sc[aria-pressed="true"]{border:2px solid var(--warning);box-shadow:0 0 0 3px color-mix(in srgb,var(--warning) 15%,transparent);background:linear-gradient(160deg,#0b3324,#07251a)}
.defi-sc-note{margin:12px 0;padding:10px 12px;border-inline-start:3px solid var(--warning);border-radius:8px;background:color-mix(in srgb,var(--warning) 7%,transparent);color:#f3dfa6;font-size:12.5px;line-height:1.6}
@media(max-width:640px){.defi-sc-grid{grid-template-columns:1fr}.defi-sc{flex-direction:row;justify-content:space-between;padding:14px 16px}.defi-sc strong{font-size:24px}}
@media(prefers-reduced-motion:reduce){.defi-sc{transition:none}.defi-sc:hover{transform:none}}

.contact-admin{margin:0 0 8px;font-size:14px;line-height:1.5;overflow-wrap:anywhere;word-break:break-word}
.contact-admin a{color:var(--green,#3ddc97);font-weight:600;text-decoration:underline;text-underline-offset:3px;word-break:break-all}
.contact-admin a:hover,.contact-admin a:focus-visible{text-decoration-thickness:2px}
@media(max-width:720px){.contact-admin{font-size:15px;text-align:center}.contact-admin a{display:inline-block;padding:10px 0;min-height:44px}}

.balance-split{display:grid;gap:12px}
.bal-col{padding:14px;border:1px solid var(--desk-line);border-radius:14px;background:#06180f}
.bal-real{border-color:color-mix(in srgb,var(--accent) 33%,transparent);background:color-mix(in srgb,var(--accent) 5%,transparent)}
.bal-col>small{display:block;color:var(--desk-muted);font-size:11px}
.bal-real>strong{display:inline-block;margin-top:5px;font:700 clamp(28px,8vw,36px)/1 JetBrains Mono,monospace;letter-spacing:-.06em}
.bal-real>span{margin-left:6px;color:var(--desk-accent);font:700 10px JetBrains Mono,monospace}
.bal-real p{margin:7px 0 0;color:var(--desk-muted);font-size:10px}
.bal-demo .balance-head strong{font-size:clamp(24px,7vw,32px)}
.balance-split+.desk-actions{margin-top:14px}
.deposit-row .row-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}
.deposit-row .row-actions button{margin-top:0;min-height:40px}
.deposit-row .row-actions .danger{border-color:#ff6b6b66;background:#ff6b6b14;color:#ff9a9a}
#fundEditCancel{min-height:40px}
@media(min-width:720px){.balance-split{grid-template-columns:1fr 1fr}}
@media(max-width:380px){.deposit-row .row-actions{grid-template-columns:1fr}}

.fund-conv{display:grid;gap:5px;margin:0 0 12px;padding:11px 12px;border:1px solid color-mix(in srgb,var(--accent) 27%,transparent);border-radius:12px;background:color-mix(in srgb,var(--accent) 5%,transparent);font-size:12px;color:var(--desk-muted)}
.fund-conv b{color:var(--desk-text);font-family:JetBrains Mono,monospace}
.fund-conv .fc-total{font-size:14px;color:var(--desk-accent)}
.fund-conv small{font-size:10px;line-height:1.4}

/* === perf 2026-10-13: резерв места под полосы, которые вставляет JS (без сдвигов макета) === */
html:has(link[href*="/menu.css"]) body:not(:has(.tkr-band:not([hidden]))){--rs-tkr:36px}
html:has(link[href*="/menu.css"]) body:not(:has(.coin-bar)):not(:has(#coinSlot)){--rs-coin:36px}
header.top{margin-bottom:calc(var(--rs-tkr,0px) + var(--rs-coin,0px))}
@media(max-width:640px){html:has(link[href*="/menu.css"]) body:not(:has(.tkr-band:not([hidden]))){--rs-tkr:32px}}
@media print{header.top{margin-bottom:0}}
/* длинные списки ниже первого экрана рендерятся по мере прокрутки */
#markets>*{content-visibility:auto;contain-intrinsic-size:auto 450px}
main .section,footer.footer{content-visibility:auto;contain-intrinsic-size:auto 600px}
/* margin первого блока main не схлопывается с резервом под полосами — позиция контента одинакова до и после их загрузки */
body>main::before{content:"";display:table}
/* /markets: резерв под чипы тем и панель режима, которые заполняет JS */
#tagChips.bx-tags:empty{min-height:42px;box-sizing:border-box}
[data-mode-bar]:empty{display:block;min-height:40px;margin:0 0 12px}
.workspace>.ls-main{min-height:calc(100vh - 160px)}
@media(max-width:640px){#tagChips.bx-tags:empty{min-height:54px}[data-mode-bar]:empty{min-height:92px}}

#markets:not(:has(.card)){min-height:110vh}
#liveSide .ls-card[data-w]:has(>.ls-b>.ls-empty:only-child){min-height:400px;box-sizing:border-box}#liveSide .ls-card[data-w=news]:has(>.ls-b>.ls-empty:only-child){min-height:740px}
#topList:not(:has(.card)){min-height:840px;box-sizing:border-box}
.side-card>[data-mode-bar]:empty{min-height:92px}

/* ===== visual-20261015: home layout, thumbnails, numbers ===== */
body:has(#heroTitle) main>.shell{max-width:1248px}
.hero .feature{display:flex;flex-direction:column;justify-content:center}
.feature h1{font-size:clamp(32px,4.2vw,48px);font-weight:700}
.section-head h2,.prose>h2{font-size:28px;font-weight:600;line-height:1.2}
#feed .workspace:has(>#trade):not(:has(>.live-side)){grid-template-columns:minmax(0,1fr)}
body.live-owner.mode-real #feed .workspace:has(>#trade):not(:has(>.live-side)){grid-template-columns:minmax(0,1fr) 380px}
#feed .workspace:has(>#trade):not(:has(>.live-side)) .markets{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body.live-owner.mode-real #feed .workspace:has(>#trade):not(:has(>.live-side)) .markets{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1050px){#feed .workspace:has(>#trade):not(:has(>.live-side)) .markets,body.live-owner.mode-real #feed .workspace:has(>#trade):not(:has(>.live-side)) .markets{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){#feed .workspace:has(>#trade):not(:has(>.live-side)) .markets,body.live-owner.mode-real #feed .workspace:has(>#trade):not(:has(>.live-side)) .markets{grid-template-columns:1fr}}
.home-strips{display:grid;gap:8px;margin:8px 0 16px}
.home-strips>.ticker,.home-strips>.hot-band,.home-strips>#coinSlot{border:1px solid var(--border);border-radius:var(--r);overflow:hidden}
.home-strips>.hot-band[hidden].gone{display:none}
#coinSlot{min-height:38px}
#coinSlot .coin-bar{position:relative;top:auto;border-bottom:0}
.hero-plate b,.price-line b,.mono,.oc b,.pct,.bx-big b,.coin-item,.tkr-item,.hot-item,.mq-item,.ar-rate{font-variant-numeric:tabular-nums}
.hero-plate b{font-family:var(--mono);font-weight:600}
.card-img.ci{position:relative;display:grid;place-items:center;width:48px;height:48px;border-radius:10px;overflow:hidden;flex:none;background:var(--surface);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 22%,transparent);color:var(--accent)}
.card-img.ci>svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.card-img.ci>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .2s;background:color-mix(in srgb,var(--accent) 14%,var(--surface))}
.bx-card .card-img.ci{width:48px;height:48px;border-radius:10px;background:var(--surface)}
.live-dot{background:var(--live)}
.card-img.ci>img.ok{opacity:1}
@media(min-width:1051px){.hero #topList>.card:nth-child(n+2){display:none}#topList:not(:has(.card)){min-height:420px}}
.btn,.btn-primary,.btn-primary:hover{box-shadow:none}
@media(min-width:1051px){.hero>.side-card{min-height:640px}.side-card>[data-mode-bar]:empty{min-height:109px}}
.bx-legmain{min-width:104px}
.bx-legtop .lbl{min-width:0;flex:1 1 auto}
.bx-legtop .pct{flex:none;min-width:4.5ch;text-align:right;font-variant-numeric:tabular-nums}
.bx-leg .outcomes{flex:none}

/* ===== footer-20261015 (Polymarket-style) ===== */
.footer.fx{border-top:1px solid var(--border);margin-top:48px;padding:40px 0 32px;color:var(--text-2);font-size:14px;contain-intrinsic-size:auto 640px}
.fx-top{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:32px}
.fx-brand{display:inline-flex;align-items:center;gap:10px;color:var(--c-text);text-decoration:none;font-size:18px}
.fx-brand .footer-logo{width:40px;height:40px;margin:0}
.fx-tag{margin:0;color:var(--text-2);font-size:14px}
.fx-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:32px}
.footer.fx h3{color:var(--c-text);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin:0 0 16px}
.footer.fx ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.fx-cats ul{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
.footer.fx li a{color:var(--c-text);text-decoration:none;font-size:14px;line-height:1.3;display:inline-block}
.footer.fx li a:hover{color:var(--accent)}
.footer.fx li small{display:block;color:var(--text-2);font-size:12px;margin-top:2px}
.fx-bottom{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:40px;padding-top:24px;border-top:1px solid var(--border)}
.fx-soc{display:flex;gap:8px}
.fx-soc .soc-btn{width:32px;height:32px}
.fx-legal{margin:0;display:flex;flex-wrap:wrap;gap:4px 16px;font-size:13px;flex:1 1 auto}
.fx-legal a{color:var(--text-2);text-decoration:none}.fx-legal a:hover{color:var(--c-text)}
.fx-lang{display:flex;gap:4px;margin-inline-start:auto}
.fx-lang a{font:600 12px var(--mono);color:var(--text-2);text-decoration:none;border:1px solid var(--border);border-radius:999px;padding:4px 10px}
.fx-lang a:hover,.fx-lang a[aria-current]{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 50%,transparent)}
.fx-risk{margin:16px 0 0;font-size:12px;line-height:1.5;color:var(--c-text-3);max-width:880px}
@media(max-width:900px){.fx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fx-cats{grid-column:1/-1}}
@media(max-width:560px){.fx-grid{gap:24px 16px}.fx-cats ul{grid-template-columns:1fr 1fr}.fx-bottom{flex-direction:column;align-items:flex-start}.fx-lang{margin-inline-start:0}}
.footer.fx,.footer.fx *{text-align:start}.fx-top{justify-content:flex-start}
.footer.fx ul{justify-items:start}

/* ===== guide-20261015: spacing scale, accent budget, caps labels ===== */
:root{--s-1:8px;--s-2:16px;--s-3:24px;--s-4:32px;--s-6:48px}
/* 1) spacing on the 8-grid */
.hero{gap:var(--s-3);padding:var(--s-4) 0 var(--s-2)}
.feature{padding:var(--s-4)}
.side-card{padding:var(--s-3);gap:var(--s-2)}
.price-line{margin:var(--s-1) 0 var(--s-3);padding:var(--s-1) var(--s-2)}
.cta-row{gap:var(--s-1)}
.hero-plate{gap:var(--s-4);margin:var(--s-2) 0 var(--s-1)}
.section{padding:var(--s-4) 0}
.section-head{gap:var(--s-2);margin-bottom:var(--s-2)}
.steps{gap:var(--s-2)}
.step,.panel{padding:var(--s-3)}
.controls{gap:var(--s-1);margin-bottom:var(--s-2)}
.chips{gap:var(--s-1);padding:0 0 var(--s-1)}
.card{padding:var(--s-2)}
.markets{gap:var(--s-2)}
.workspace{gap:var(--s-3)}
.live-side{gap:var(--s-2)}
html body .ls-card{padding:var(--s-2)}
html body .card.bx-card{padding:var(--s-2);gap:var(--s-1)}
@media(max-width:720px){.feature{padding:var(--s-3)}.hero{gap:var(--s-2);padding:var(--s-3) 0 var(--s-2)}.section{padding:var(--s-3) 0}}
/* 2) accent budget: Yes = tinted outline, solid only on hover / selected / in coupon */
html body .bx-card .oc.o0,html body .asc-trade .oc.o0{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 55%,transparent);filter:none}
html body .bx-card .oc.o0:hover,html body .bx-card .oc.o0:focus-visible,html body .bx-card .oc.o0[aria-pressed=true],html body .bx-card .oc.o0.in-slip,
html body .asc-trade .oc.o0:hover,html body .asc-trade .oc.o0[aria-pressed=true]{background:var(--accent);color:var(--odds-yes-fg);box-shadow:none}
html body .bx-card .oc.o0.in-slip{box-shadow:inset 0 0 0 2px var(--warning)}
html body .bx-card .oc.o0 b{color:inherit}
.bx-bar i{background:color-mix(in srgb,var(--accent) 70%,transparent)}
/* secondary buttons always outline; one solid primary per block */
.cta-row .btn:not(.btn-primary),.asc-info .btn:not(.btn-primary){background:transparent;border-color:var(--border)}
/* 3) caps labels: 11–12px, +8% tracking, secondary colour (role-coloured ticker/status tags excluded) */
html body .eyebrow,html body .odds-pop-h,html body .footer.fx h3,html body .bx-eyebrow,html body .bx-avail span,html body .lv-eyebrow,html body .lv-side h2,
html body .lv-group,html body .lv-bk h4,html body .ls-h,html body .ls-sh,html body .menu-group-t{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-2)}
html body .bx-avail span,html body .lv-bk h4,html body .ls-sh,html body .menu-group-t,html body .bx-eyebrow{font-size:11px}
html body .ls-h{font-family:var(--font);font-weight:700}

/* ===== review-20261015 ===== */
.hero-plate b,.num,.card-foot .num,.pct,.bx-big b,.oc b,.mono,.ls-meta2,.ar-rate,.price-line b{font-family:var(--mono)!important;font-variant-numeric:tabular-nums}
.chips{scrollbar-width:none;-ms-overflow-style:none}.chips::-webkit-scrollbar{display:none}
html body .bx-card .oc.oc-c{height:auto;min-height:40px;padding:4px}
html body .bx-card .oc.oc-c span{max-width:72px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11px;line-height:1.15;overflow-wrap:anywhere;text-align:center}
.multi-row .oc span{max-width:none;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.15;overflow-wrap:anywhere}
@media(min-width:1051px){.hero>.side-card{min-height:520px}}
.home-strips{margin:var(--s-4) 0}