/* Self-hosted webfonts (Inter, JetBrains Mono, Space Grotesk; SIL OFL 1.1, see /fonts/LICENSE.txt). Generated from Google Fonts css2 with unicode-range subsets. */
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format('woff2');unicode-range:U+1F00-1FFF;}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.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;}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format('woff2');unicode-range:U+1F00-1FFF;}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.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;}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format('woff2');unicode-range:U+1F00-1FFF;}@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;}@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.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;}@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format('woff2');unicode-range:U+1F00-1FFF;}@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;}@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.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;}@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPx3cwhsk.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxTcwhsk.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxPcwhsk.woff2) format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;}@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPx_cwhsk.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;}@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPx7cwhsk.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxDcwg.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPx3cwhsk.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxTcwhsk.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxPcwhsk.woff2) format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;}@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPx_cwhsk.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;}@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPx7cwhsk.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxDcwg.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPx3cwhsk.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxTcwhsk.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxPcwhsk.woff2) format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;}@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPx_cwhsk.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;}@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPx7cwhsk.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxDcwg.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/V8mDoQDjQSkFtoMM3T6r8E7mPb54C-s0.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;}@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/V8mDoQDjQSkFtoMM3T6r8E7mPb94C-s0.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/V8mDoQDjQSkFtoMM3T6r8E7mPbF4Cw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/V8mDoQDjQSkFtoMM3T6r8E7mPb54C-s0.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;}@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/V8mDoQDjQSkFtoMM3T6r8E7mPb94C-s0.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/V8mDoQDjQSkFtoMM3T6r8E7mPbF4Cw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/V8mDoQDjQSkFtoMM3T6r8E7mPb54C-s0.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;}@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/V8mDoQDjQSkFtoMM3T6r8E7mPb94C-s0.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/V8mDoQDjQSkFtoMM3T6r8E7mPbF4Cw.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;}
/* ==========================================================================
   Toolz — markets terminal UI
   ========================================================================== */
:root {
  --bg: #000;
  --bg2: #05070d;
  --panel: rgba(12, 16, 27, 0.72);
  --panel-solid: #0a0e18;
  --panel-hi: rgba(20, 26, 42, 0.85);
  --line: rgba(255, 255, 255, 0.07);
  --line2: rgba(255, 255, 255, 0.13);
  --text: #e8ecf4;
  --text2: #c3cad8;
  --muted: #8a93a6;
  --dim: #5b6478;
  --blue: #00e5ff;
  --blue2: #2f7bff;
  --purple: #b14dff;
  --purple2: #7c3aed;
  --up: #00f59b;
  --down: #ff3b6b;
  --amber: #ffb02e;
  --grad: linear-gradient(90deg, var(--blue), var(--purple));
  --grad-soft: linear-gradient(135deg, rgba(0, 229, 255, 0.14), rgba(177, 77, 255, 0.14));
  --radius: 14px;
  --radius-s: 10px;
  --shadow: 0 10px 40px rgba(0, 0, 0, 0.55);
  --font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Noto Sans', 'Noto Sans Arabic', 'Noto Sans Hebrew', 'Noto Sans Devanagari', 'Noto Sans Bengali', 'Noto Sans Thai', 'PingFang SC', 'Hiragino Sans', 'Microsoft YaHei', 'Malgun Gothic', sans-serif;
  --mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --display: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  --hdr-h: 64px;
  color-scheme: dark;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font: 15px/1.55 var(--font);
  font-feature-settings: 'cv11', 'ss01';
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
  overflow-x: hidden;
}
img, svg { max-width: 100%; }
a { color: inherit; text-decoration: none; }
a:hover { color: var(--blue); }
button { font: inherit; color: inherit; }
h1, h2, h3 { font-family: var(--display); letter-spacing: -0.01em; line-height: 1.2; margin: 0; }
p { margin: 0 0 0.8em; }
small { font-size: 0.82em; }
.muted { color: var(--muted); }
.small { font-size: 12.5px; }
.mono, .num { font-family: var(--mono); font-variant-numeric: tabular-nums; }
.center { text-align: center; }
.pad { padding: 12px 0; }
.pad-x { padding: 0 16px; }
.up { color: var(--up) !important; }
.down { color: var(--down) !important; }
.amber { color: var(--amber) !important; }
.flat { color: var(--muted); }
/* visually hidden until focused; no large negative offset (in RTL that widened the page to ~10000px) */
.skip { position: absolute; inset-inline-start: 12px; top: 12px; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.skip:focus { width: auto; height: auto; overflow: visible; clip-path: none; z-index: 100; background: var(--blue); color: #000; padding: 8px 12px; border-radius: 8px; }
:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; border-radius: 6px; }
::selection { background: rgba(0, 229, 255, 0.3); }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.1); border-radius: 10px; border: 2px solid #000; }
::-webkit-scrollbar-thumb:hover { background: rgba(0, 229, 255, 0.35); }

/* ---------- ambient background ---------- */
.bg-fx { position: fixed; inset: 0; z-index: -1; pointer-events: none; overflow: hidden; }
.bg-fx::before {
  content: ''; position: absolute; inset: -20%;
  background:
    radial-gradient(40% 35% at 12% 0%, rgba(0, 229, 255, 0.13), transparent 70%),
    radial-gradient(38% 32% at 92% 4%, rgba(177, 77, 255, 0.15), transparent 70%),
    radial-gradient(30% 30% at 50% 100%, rgba(47, 123, 255, 0.07), transparent 70%);
  animation: drift 28s ease-in-out infinite alternate;
}
.bg-fx::after {
  content: ''; position: absolute; inset: 0;
  background-image: linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: radial-gradient(ellipse 80% 60% at 50% 0%, #000 20%, transparent 75%);
  -webkit-mask-image: radial-gradient(ellipse 80% 60% at 50% 0%, #000 20%, transparent 75%);
}
@keyframes drift { to { transform: translate3d(2%, 3%, 0) scale(1.05); } }

/* ---------- header ---------- */
.hdr { position: sticky; top: 0; z-index: 50; border-bottom: 1px solid var(--line); }
/* blur lives on a pseudo-element so the fixed mobile nav is not contained by the header */
.hdr::before { content: ''; position: absolute; inset: 0; z-index: -1; background: rgba(0, 0, 0, 0.78); backdrop-filter: saturate(160%) blur(14px); -webkit-backdrop-filter: saturate(160%) blur(14px); }
.hdr::after { content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: 1px; background: var(--grad); opacity: 0.35; }
.hdr.scrolled { box-shadow: 0 8px 30px rgba(0, 0, 0, 0.6); }
.hdr-in { max-width: 1480px; margin: 0 auto; height: var(--hdr-h); display: flex; align-items: center; gap: 18px; padding: 0 16px; }
.logo { display: inline-flex; align-items: center; gap: 10px; flex-shrink: 0; }
.logo-m { width: 34px; height: 34px; filter: drop-shadow(0 0 10px rgba(0, 229, 255, 0.45)); }
/* wordmark: "TOOLZ" with ".trade" below it at half size, starting under the T (kept LTR on RTL pages) */
.logo-w { display: inline-flex; flex-direction: column; align-items: flex-start; direction: ltr; font-size: 21px; line-height: 1; }
.logo-d { font-family: var(--display); font-weight: 700; font-size: 0.5em; line-height: 1; margin-top: 3px; color: #39ff14; text-shadow: 0 0 6px rgba(57, 255, 20, 0.55); }
.logo-t { font-family: var(--display); font-weight: 700; font-size: 1em; line-height: 1; letter-spacing: 0.14em; background: var(--grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.logo:hover { color: inherit; }

.nav { flex: 1; min-width: 0; }
.nav-mhead { display: none; }
.nav-l { list-style: none; display: flex; gap: 2px; margin: 0; padding: 0; justify-content: center; }
.nav-i { position: relative; }
.nav-a { display: flex; align-items: center; gap: 6px; padding: 8px 10px; border-radius: 10px; color: var(--text2); font-weight: 500; font-size: 14px; white-space: nowrap; transition: color 0.15s, background 0.15s; }
.nav-a .ic { width: 16px; height: 16px; opacity: 0.8; }
.nav-a .caret { width: 12px; height: 12px; opacity: 0.5; transition: transform 0.2s; }
.nav-i:hover > .nav-a, .nav-i:focus-within > .nav-a, .nav-i.on > .nav-a { color: #fff; background: rgba(255, 255, 255, 0.05); }
.nav-i.on > .nav-a { box-shadow: inset 0 -2px 0 var(--blue); }
.mega { position: absolute; top: calc(100% + 8px); inset-inline-start: 50%; transform: translateX(-50%) translateY(6px); opacity: 0; visibility: hidden; transition: opacity 0.18s, transform 0.18s, visibility 0.18s; z-index: 60; }
[dir='rtl'] .mega { transform: translateX(50%) translateY(6px); }
.nav-i:hover .mega, .nav-i:focus-within .mega { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); }
[dir='rtl'] .nav-i:hover .mega, [dir='rtl'] .nav-i:focus-within .mega { transform: translateX(50%) translateY(0); }
.mega::before { content: ''; position: absolute; top: -10px; left: 0; right: 0; height: 10px; }
.mega-in { display: flex; gap: 6px; background: rgba(8, 11, 20, 0.97); border: 1px solid var(--line2); border-radius: 16px; padding: 10px; box-shadow: var(--shadow), 0 0 0 1px rgba(0, 229, 255, 0.05), 0 20px 60px rgba(0, 229, 255, 0.06); min-width: 300px; }
.mega-pages { list-style: none; margin: 0; padding: 0; min-width: 270px; }
.mega-pages a { display: block; padding: 9px 12px; border-radius: 10px; }
.mega-pages a b { display: block; font-weight: 600; font-size: 14px; color: var(--text); }
.mega-pages a small { color: var(--muted); font-size: 12px; }
.mega-pages a:hover, .mega-pages a[aria-current] { background: var(--grad-soft); }
.mega-pages a:hover b { color: #fff; }
.mega-feat { border-inline-start: 1px solid var(--line); padding: 4px 4px 4px 12px; min-width: 250px; }
.mega-ft { font-size: 11px; text-transform: uppercase; letter-spacing: 0.1em; color: var(--dim); padding: 6px 8px; }
.mf { display: grid; grid-template-columns: 1fr auto auto; gap: 10px; align-items: center; padding: 7px 8px; border-radius: 8px; font-size: 13px; }
.mf:hover { background: rgba(255, 255, 255, 0.04); }
.mf .q { font-family: var(--mono); font-size: 12.5px; }
.mf .chg { font-size: 12px; font-family: var(--mono); min-width: 58px; text-align: end; }

.hdr-tools { display: flex; align-items: center; gap: 6px; flex-shrink: 0; }
.ico-btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 38px; min-width: 38px; padding: 0 9px; border-radius: 10px; border: 1px solid var(--line); background: rgba(255, 255, 255, 0.03); cursor: pointer; transition: border-color 0.15s, background 0.15s; }
.ico-btn:hover { border-color: rgba(0, 229, 255, 0.4); background: rgba(0, 229, 255, 0.06); }
.ico-btn kbd { font-family: var(--mono); font-size: 11px; color: var(--muted); border: 1px solid var(--line2); border-radius: 5px; padding: 0 5px; }
.ic { width: 18px; height: 18px; flex-shrink: 0; }
.lang-btn { display: inline-flex; align-items: center; gap: 6px; height: 38px; padding: 0 10px; border-radius: 10px; border: 1px solid var(--line); background: rgba(255, 255, 255, 0.03); cursor: pointer; font-family: var(--mono); font-size: 13px; font-weight: 600; }
.lang-btn:hover { border-color: rgba(177, 77, 255, 0.5); }
.install-btn { display: inline-flex; align-items: center; gap: 6px; height: 38px; padding: 0 12px; border-radius: 10px; border: 0; background: var(--grad); color: #000; font-weight: 600; cursor: pointer; font-size: 13px; }
.install-btn[hidden] { display: none; }
.burger { display: none; }

/* ticker */
.ticker { height: 34px; overflow: hidden; border-top: 1px solid var(--line); position: relative; direction: ltr; mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); -webkit-mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); }
.ticker-track { display: inline-flex; white-space: nowrap; animation: marquee 90s linear infinite; height: 100%; align-items: center; }
/* pause on hover only with a real mouse: on touch screens :hover sticks after a tap and froze the ticker */
@media (hover: hover) and (pointer: fine) { .ticker:hover .ticker-track { animation-play-state: paused; } }
.tk-dup { display: inline-flex; }
.tk { display: inline-flex; align-items: center; gap: 8px; padding: 0 18px; font-size: 12.5px; border-inline-end: 1px solid var(--line); height: 20px; }
.tk b { font-weight: 600; color: var(--text2); }
.tk .q { font-family: var(--mono); }
.tk .chg { font-family: var(--mono); font-size: 12px; }
@keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* ---------- layout ---------- */
.wrap { max-width: 1480px; margin: 0 auto; padding: 0 16px; }
.grid { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 22px; align-items: start; padding-bottom: 24px; }
.main { min-width: 0; display: flex; flex-direction: column; gap: 18px; }
.side { display: flex; flex-direction: column; gap: 16px; position: sticky; top: calc(var(--hdr-h) + 50px); }
.g-full { grid-template-columns: minmax(0, 1fr); }
.g-full .side { position: static; display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); align-items: start; }
.cards2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.cards3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.cards2.inner { gap: 14px; margin-top: 14px; }

.crumbs ol { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; padding: 14px 0 4px; margin: 0; font-size: 12.5px; color: var(--muted); }
.crumbs li + li::before { content: '/'; margin-inline-end: 6px; color: var(--dim); }
.crumbs a:hover { color: var(--blue); }

/* ---------- cards ---------- */
.card { position: relative; background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius); padding: 16px 18px; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); min-width: 0; }
.card::before { content: ''; position: absolute; inset: -1px; border-radius: inherit; padding: 1px; background: linear-gradient(135deg, rgba(0, 229, 255, 0.35), transparent 30%, transparent 70%, rgba(177, 77, 255, 0.35)); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; opacity: 0; transition: opacity 0.3s; pointer-events: none; }
.card:hover::before { opacity: 1; }
.card.flush { padding: 0; overflow: hidden; }
.card.flush .tbl-wrap { border-radius: var(--radius); }
.card.pad { padding: 14px; }
.card-h { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; flex-wrap: wrap; }
.card-t { display: flex; align-items: center; gap: 9px; font-size: 16px; font-weight: 600; }
.card-t .ic { color: var(--blue); width: 18px; height: 18px; filter: drop-shadow(0 0 6px rgba(0, 229, 255, 0.5)); }
.more { display: inline-flex; align-items: center; gap: 4px; font-size: 13px; color: var(--muted); }
.more .ic { width: 15px; height: 15px; }
.more:hover { color: var(--blue); }
[dir='rtl'] .more .ic, [dir='rtl'] .btn .ic { transform: scaleX(-1); }
.side-card { padding: 14px; }
.side-card .card-t { font-size: 14.5px; }

/* ---------- page header ---------- */
.ph { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding-top: 6px; }
.ph-l { display: flex; align-items: center; gap: 14px; }
.ph-ic { width: 52px; height: 52px; flex-shrink: 0; border-radius: 14px; display: grid; place-items: center; background: var(--grad-soft); border: 1px solid rgba(0, 229, 255, 0.25); box-shadow: 0 0 30px rgba(0, 229, 255, 0.12); }
.ph-ic .ic { width: 26px; height: 26px; color: var(--blue); }
.ph h1 { font-size: clamp(24px, 3.2vw, 34px); font-weight: 700; }
.ph-sub { color: var(--muted); margin: 6px 0 0; max-width: 820px; }
.lead { color: var(--text2); font-size: 16px; max-width: 900px; }

/* ---------- hero ---------- */
.hero { position: relative; padding: 28px 0 6px; }
.hero h1 { font-size: clamp(30px, 5vw, 54px); font-weight: 700; letter-spacing: -0.025em; max-width: 920px; background: linear-gradient(92deg, #fff 30%, #9befff 60%, #d7a6ff); -webkit-background-clip: text; background-clip: text; color: transparent; }
.hero p { color: var(--text2); font-size: clamp(15px, 1.6vw, 18px); max-width: 760px; margin-top: 14px; }
.eyebrow { display: inline-flex; align-items: center; gap: 8px; padding: 5px 12px; border-radius: 99px; border: 1px solid rgba(0, 229, 255, 0.3); background: rgba(0, 229, 255, 0.07); color: var(--blue); font-size: 12.5px; font-weight: 600; letter-spacing: 0.04em; margin-bottom: 16px; }
.eyebrow .ic { width: 14px; height: 14px; }
.hero-cta { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 20px; }

/* ---------- buttons / inputs ---------- */
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 42px; padding: 0 18px; border-radius: 11px; border: 0; background: var(--grad); color: #000; font-weight: 600; cursor: pointer; box-shadow: 0 6px 24px rgba(0, 229, 255, 0.2); transition: transform 0.15s, box-shadow 0.15s; white-space: nowrap; }
.btn:hover { color: #000; transform: translateY(-1px); box-shadow: 0 10px 30px rgba(177, 77, 255, 0.3); }
.btn .ic { width: 16px; height: 16px; }
.btn.ghost { background: rgba(255, 255, 255, 0.03); color: var(--text); border: 1px solid var(--line2); box-shadow: none; }
.btn.ghost:hover { border-color: rgba(0, 229, 255, 0.5); color: #fff; }
.btn.sm { height: 32px; padding: 0 12px; font-size: 13px; }
.btn:disabled { opacity: 0.5; cursor: default; }
.inp { height: 40px; width: 100%; padding: 0 12px; border-radius: 10px; border: 1px solid var(--line2); background: rgba(0, 0, 0, 0.55); color: var(--text); font: inherit; font-size: 14px; outline: none; transition: border-color 0.15s, box-shadow 0.15s; }
.inp:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(0, 229, 255, 0.15); }
.inp.big { height: 52px; font-size: 20px; font-family: var(--mono); }
.inp.sm { height: 30px; width: auto; font-size: 12.5px; padding: 0 8px; }
select.inp { appearance: none; background-image: linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%); background-position: calc(100% - 16px) 50%, calc(100% - 11px) 50%; background-size: 5px 5px; background-repeat: no-repeat; padding-inline-end: 30px; }
[dir='rtl'] select.inp { background-position: 16px 50%, 11px 50%; }
select.inp option, select.inp optgroup { background: #0a0e18; color: var(--text); }
input[type='date'].inp { color-scheme: dark; }
.fld { display: flex; flex-direction: column; gap: 6px; font-size: 13px; color: var(--muted); }

/* ---------- stats ---------- */
.stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; }
.st-grid { grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); }
.stat { position: relative; background: var(--panel); border: 1px solid var(--line); border-radius: 12px; padding: 12px 14px; overflow: hidden; display: block; min-width: 0; }
a.stat:hover { border-color: rgba(0, 229, 255, 0.35); color: inherit; background: rgba(0, 229, 255, 0.035); }
.stat::after { content: ''; position: absolute; inset-inline-start: 0; top: 0; bottom: 0; width: 2px; background: var(--grad); opacity: 0.5; }
.stat-l { font-size: 11.5px; text-transform: uppercase; letter-spacing: 0.07em; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.stat-v { font-family: var(--mono); font-size: 19px; font-weight: 600; margin-top: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.stat-v a { color: var(--text); }
.stat-s { font-size: 12.5px; margin-top: 2px; color: var(--muted); font-family: var(--mono); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* ---------- tables ---------- */
.tbl-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.tbl { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 14px; }
.tbl th { font-size: 11.5px; text-transform: uppercase; letter-spacing: 0.06em; color: var(--muted); font-weight: 600; text-align: start; padding: 11px 12px; border-bottom: 1px solid var(--line2); white-space: nowrap; background: rgba(5, 7, 13, 0.6); }
.tbl td { padding: 10px 12px; border-bottom: 1px solid var(--line); vertical-align: middle; white-space: nowrap; }
.tbl tbody tr { transition: background 0.12s; }
.tbl tbody tr:hover { background: linear-gradient(90deg, rgba(0, 229, 255, 0.05), rgba(177, 77, 255, 0.03)); }
.tbl tbody tr:last-child td { border-bottom: 0; }
.tbl .num { text-align: end; }
.tbl.dense td { padding: 7px 10px; font-size: 13.5px; }
.tbl.dense th { padding: 9px 10px; }
.sorth { cursor: pointer; user-select: none; }
.sorth:hover { color: var(--text); }
.sorth[data-dir]::after { content: '▾'; margin-inline-start: 4px; color: var(--blue); }
.sorth[data-dir='asc']::after { content: '▴'; }
.c-rank { color: var(--muted); width: 40px; font-family: var(--mono); font-size: 13px; }
.c-name { min-width: 170px; }
.aname { display: inline-flex; align-items: center; gap: 10px; min-width: 0; }
.aname > span { display: flex; flex-direction: column; line-height: 1.2; min-width: 0; }
.aname b { font-weight: 600; color: var(--text); overflow: hidden; text-overflow: ellipsis; max-width: 220px; }
.aname small { color: var(--muted); font-size: 12px; font-family: var(--mono); }
.aname:hover b { color: var(--blue); }
.cimg { border-radius: 50%; background: #0b0f1a; flex-shrink: 0; }
.c-spark { width: 130px; }
.spark { display: block; }
.tbl-tools { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.tbl-tools .inp { max-width: 300px; }
tr.past td { opacity: 0.55; }
tr.hl-row td { background: rgba(0, 229, 255, 0.06); }
.matrix th:first-child, .matrix tbody th { font-family: var(--mono); color: var(--blue); }
.mstat { width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0; background: var(--dim); }
.mstat.open { background: var(--up); box-shadow: 0 0 8px var(--up); }
.hl { font-family: var(--mono); font-size: 12.5px; color: var(--muted); }
.r52 { position: relative; width: 90px; height: 4px; border-radius: 4px; background: linear-gradient(90deg, var(--down), var(--amber), var(--up)); opacity: 0.8; }
.r52 i { position: absolute; top: -4px; width: 3px; height: 12px; background: #fff; border-radius: 2px; transform: translateX(-50%); box-shadow: 0 0 6px #fff; }

.chg { font-family: var(--mono); font-variant-numeric: tabular-nums; }
.chg.up { color: var(--up); }
.chg.down { color: var(--down); }
.chg.flat { color: var(--muted); }
.q { transition: color 0.4s; border-radius: 4px; }
.fl-up { animation: flup 1.1s ease-out; }
.fl-down { animation: fldown 1.1s ease-out; }
@keyframes flup { 0% { background: rgba(0, 245, 155, 0.35); color: #fff; } 100% { background: transparent; } }
@keyframes fldown { 0% { background: rgba(255, 59, 107, 0.35); color: #fff; } 100% { background: transparent; } }

/* ---------- lists ---------- */
.qlist, .movers, .mini-list, .news, .evs, .calmini, .kv, .levels, .hbars, .legend, .liq-feed, .ev-mini { list-style: none; margin: 0; padding: 0; }
.qlist li a { display: grid; grid-template-columns: minmax(0, 1fr) 80px auto; align-items: center; gap: 12px; padding: 9px 4px; border-bottom: 1px solid var(--line); }
.qlist li:last-child a { border-bottom: 0; }
.qlist li a:hover { color: inherit; background: rgba(255, 255, 255, 0.025); }
.ql-n { display: flex; flex-direction: column; min-width: 0; line-height: 1.25; }
.ql-n b { font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ql-n small { color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ql-v { display: flex; flex-direction: column; align-items: flex-end; font-family: var(--mono); font-size: 13.5px; line-height: 1.3; }
.ql-v .chg { font-size: 12px; }
.movers li a { display: grid; grid-template-columns: 22px minmax(0, 1fr) auto 76px; gap: 10px; align-items: center; padding: 8px 2px; border-bottom: 1px solid var(--line); }
.movers li:last-child a { border-bottom: 0; }
.mv-n { display: flex; flex-direction: column; line-height: 1.2; min-width: 0; }
.mv-n small { color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mv-p { font-family: var(--mono); font-size: 13px; }
.movers .chg { text-align: end; font-size: 13px; }
.mini-list li a { display: grid; grid-template-columns: 20px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 7px 0; border-bottom: 1px solid var(--line); font-size: 13.5px; }
.mini-list li:last-child a { border-bottom: 0; }
.ml-n { display: flex; flex-direction: column; line-height: 1.2; min-width: 0; }
.ml-n small { color: var(--muted); }
.ml-v { display: flex; flex-direction: column; align-items: flex-end; font-family: var(--mono); font-size: 12.5px; }
.kv li { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--line); }
.kv li:last-child { border-bottom: 0; }
.kv li span { color: var(--muted); }
.legend { display: flex; flex-direction: column; gap: 8px; }
.legend.inline { flex-direction: row; flex-wrap: wrap; gap: 16px; margin-top: 10px; font-size: 13px; color: var(--muted); }
.legend li { display: flex; align-items: center; gap: 8px; }
.legend i { width: 12px; height: 12px; border-radius: 3px; display: inline-block; flex-shrink: 0; }
.legend b { margin-inline-start: auto; font-family: var(--mono); font-weight: 500; }
.legend.inline b { margin-inline-start: 6px; }

/* news */
.news li { padding: 12px 0; border-bottom: 1px solid var(--line); }
.news li:last-child { border-bottom: 0; }
.news li.has-img { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 14px; align-items: start; }
.news li.has-img img { width: 112px; height: 70px; object-fit: cover; border-radius: 10px; background: #0b0f1a; border: 1px solid var(--line); }
.news-t { font-weight: 500; font-size: 15px; line-height: 1.45; color: var(--text); display: block; }
.news-t:hover { color: var(--blue); }
.news-m { display: flex; gap: 10px; align-items: center; font-size: 12.5px; color: var(--muted); margin-top: 4px; flex-wrap: wrap; }
.news-m .src { color: var(--purple); font-weight: 500; }

/* events */
.ev { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--line); }
.ev:last-child { border-bottom: 0; }
.ev.new { animation: evnew 2s ease-out; }
@keyframes evnew { from { background: rgba(0, 229, 255, 0.12); } to { background: transparent; } }
.ev-ic { width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; background: rgba(0, 229, 255, 0.08); color: var(--blue); border: 1px solid rgba(0, 229, 255, 0.2); }
.ev-ic .ic { width: 17px; height: 17px; }
.sev-warning .ev-ic { background: rgba(255, 176, 46, 0.08); color: var(--amber); border-color: rgba(255, 176, 46, 0.25); }
.sev-critical .ev-ic { background: rgba(255, 59, 107, 0.1); color: var(--down); border-color: rgba(255, 59, 107, 0.35); box-shadow: 0 0 16px rgba(255, 59, 107, 0.25); }
.ev-b a, .ev-b > span { font-weight: 500; color: var(--text); }
.ev-b a:hover { color: var(--blue); }
.ev-m { display: flex; gap: 10px; font-size: 12px; color: var(--muted); margin-top: 3px; }
.ev-m .sev { text-transform: uppercase; letter-spacing: 0.06em; font-weight: 600; font-size: 11px; }
.sev-critical .ev-m .sev { color: var(--down); }
.sev-warning .ev-m .sev { color: var(--amber); }
.evs.cmp .ev { padding: 9px 0; }
.ev-mini li { display: grid; grid-template-columns: 10px minmax(0, 1fr); gap: 10px; padding: 8px 0; border-bottom: 1px solid var(--line); font-size: 13px; }
.ev-mini li:last-child { border-bottom: 0; }
.ev-mini p { margin: 0; line-height: 1.4; }
.ev-mini small { color: var(--muted); }
.ev-mini .dot { width: 8px; height: 8px; border-radius: 50%; margin-top: 6px; background: var(--blue); }
.ev-mini .sev-warning .dot { background: var(--amber); }
.ev-mini .sev-critical .dot { background: var(--down); box-shadow: 0 0 8px var(--down); }

/* calendar */
.calmini li { display: grid; grid-template-columns: 70px 44px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 9px 0; border-bottom: 1px solid var(--line); font-size: 13.5px; }
.calmini li:last-child { border-bottom: 0; }
.cal-t { font-family: var(--mono); color: var(--muted); font-size: 12.5px; }
.cal-n { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cc { display: inline-block; font-family: var(--mono); font-size: 11.5px; font-weight: 600; padding: 2px 6px; border-radius: 6px; background: rgba(255, 255, 255, 0.06); border: 1px solid var(--line2); color: var(--text2); }
.imp { font-size: 11px; text-transform: uppercase; letter-spacing: 0.05em; font-weight: 600; }
.imp-high .imp, .imp-pill.imp-high { color: var(--down); }
.imp-medium .imp, .imp-pill.imp-medium { color: var(--amber); }
.imp-low .imp, .imp-pill.imp-low { color: var(--muted); }
.imp-pill { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; padding: 3px 8px; border-radius: 99px; background: rgba(255, 255, 255, 0.05); }
.imp-pill.imp-high { background: rgba(255, 59, 107, 0.12); }
.imp-pill.imp-medium { background: rgba(255, 176, 46, 0.1); }
.imp-pill.imp-holiday { color: var(--purple); background: rgba(177, 77, 255, 0.1); }
.cal tr.day th { background: linear-gradient(90deg, rgba(0, 229, 255, 0.08), transparent); color: var(--blue); font-size: 12.5px; padding: 10px 12px; text-transform: none; letter-spacing: 0; }
.chip.imp-high.on { border-color: var(--down); background: rgba(255, 59, 107, 0.12); }
.chip.imp-medium.on { border-color: var(--amber); background: rgba(255, 176, 46, 0.12); }

/* ---------- tabs / chips / seg ---------- */
.tabs { display: inline-flex; gap: 4px; padding: 4px; border-radius: 12px; background: rgba(255, 255, 255, 0.03); border: 1px solid var(--line); max-width: 100%; overflow-x: auto; scrollbar-width: none; }
.tabs::-webkit-scrollbar { display: none; }
.tab { padding: 7px 14px; border-radius: 9px; font-size: 13.5px; font-weight: 500; color: var(--muted); white-space: nowrap; cursor: pointer; background: none; border: 0; }
.tab:hover { color: var(--text); }
.tab.on { color: #fff; background: var(--grad-soft); box-shadow: inset 0 0 0 1px rgba(0, 229, 255, 0.35), 0 0 18px rgba(0, 229, 255, 0.12); }
.tabs.mini { margin-bottom: 10px; }
.page-tabs { margin-top: -4px; }
.tabp { display: none; }
.tabp.on { display: block; }
.chips { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.chip { height: 30px; padding: 0 12px; border-radius: 99px; border: 1px solid var(--line2); background: rgba(255, 255, 255, 0.02); color: var(--muted); font-size: 12.5px; cursor: pointer; white-space: nowrap; transition: all 0.15s; }
.chip:hover { color: var(--text); border-color: rgba(255, 255, 255, 0.25); }
.chip.on { color: #fff; border-color: rgba(0, 229, 255, 0.6); background: rgba(0, 229, 255, 0.1); box-shadow: 0 0 12px rgba(0, 229, 255, 0.15); }
.chips .sep { width: 1px; height: 20px; background: var(--line2); margin: 0 4px; }
.seg { display: inline-flex; padding: 3px; border-radius: 10px; background: rgba(255, 255, 255, 0.03); border: 1px solid var(--line); gap: 2px; }
.seg button { height: 30px; min-width: 38px; padding: 0 10px; border: 0; border-radius: 7px; background: none; color: var(--muted); font-family: var(--mono); font-size: 12.5px; cursor: pointer; }
.seg button:hover { color: var(--text); }
.seg button.on { background: var(--grad); color: #000; font-weight: 700; }
.seg.wide { flex-wrap: wrap; }
.badge { display: inline-flex; align-items: center; gap: 4px; font-size: 11.5px; font-weight: 600; padding: 3px 9px; border-radius: 99px; background: rgba(255, 255, 255, 0.06); border: 1px solid var(--line2); color: var(--text2); font-family: var(--mono); }
.badge.rank { background: var(--grad-soft); border-color: rgba(0, 229, 255, 0.35); color: #fff; }
.badge.live { color: var(--up); border-color: rgba(0, 245, 155, 0.4); }
.badge.live::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--up); box-shadow: 0 0 8px var(--up); animation: pulse 1.6s infinite; }
@keyframes pulse { 50% { opacity: 0.35; } }
.pill { font-size: 11.5px; font-weight: 700; padding: 3px 9px; border-radius: 99px; text-transform: uppercase; letter-spacing: 0.04em; }
.st-open { color: var(--up); background: rgba(0, 245, 155, 0.1); }
.st-closed { color: var(--muted); background: rgba(255, 255, 255, 0.05); }
.st-break { color: var(--amber); background: rgba(255, 176, 46, 0.1); }
.live-dot { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: var(--up); font-weight: 600; }
.live-dot::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: var(--up); box-shadow: 0 0 8px var(--up); animation: pulse 1.4s infinite; }

/* ratings */
.rating { display: inline-block; font-size: 11.5px; font-weight: 700; padding: 3px 9px; border-radius: 7px; white-space: nowrap; text-transform: uppercase; letter-spacing: 0.03em; }
.r-strong_buy { color: #001a10; background: var(--up); box-shadow: 0 0 12px rgba(0, 245, 155, 0.35); }
.r-buy { color: var(--up); background: rgba(0, 245, 155, 0.12); }
.r-neutral { color: var(--text2); background: rgba(255, 255, 255, 0.07); }
.r-sell { color: var(--down); background: rgba(255, 59, 107, 0.12); }
.r-strong_sell { color: #fff; background: var(--down); box-shadow: 0 0 12px rgba(255, 59, 107, 0.35); }
.r-none { color: var(--dim); }
.sig { font-size: 12px; font-weight: 600; }

/* ---------- gauges ---------- */
.gauge { text-align: center; max-width: 260px; margin: 0 auto; }
.gauge svg { width: 100%; height: auto; display: block; }
.gauge.big { max-width: 320px; }
.g-label { font-family: var(--display); font-size: 22px; font-weight: 700; margin-top: -6px; }
.gauge.big .g-label { font-size: 30px; background: var(--grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.g-sub { color: var(--muted); font-size: 13px; }
.g-tick { fill: var(--muted); font-size: 8px; }
.ta-gauges { display: grid; grid-template-columns: 1fr 1.25fr 1fr; gap: 16px; align-items: end; }
.ta-g { text-align: center; }
.ta-g h3 { font-size: 13px; color: var(--muted); font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; font-family: var(--font); margin-bottom: 4px; }
.ta-g .gauge { max-width: 200px; }
.ta-g.main .gauge { max-width: 280px; }
.ta-g .g-label { font-size: 16px; }
.ta-g.main .g-label { font-size: 24px; }
.ta-cnt { display: flex; justify-content: center; gap: 10px; font-size: 12px; font-family: var(--mono); color: var(--muted); margin-top: 6px; }
.fng-extreme_fear { color: var(--down); }
.fng-fear { color: #ff7a59; }
.fng-neutral { color: var(--text2); }
.fng-greed { color: #7dff9e; }
.fng-extreme_greed { color: var(--up); }

/* ---------- asset header ---------- */
.ah { display: flex; justify-content: space-between; align-items: flex-end; gap: 18px; flex-wrap: wrap; padding-top: 6px; }
.ah-id { display: flex; align-items: center; gap: 14px; min-width: 0; }
.ah-id .cimg { width: 52px; height: 52px; box-shadow: 0 0 24px rgba(0, 229, 255, 0.2); }
.ah-ico { width: 52px; height: 52px; border-radius: 14px; display: grid; place-items: center; background: var(--grad-soft); border: 1px solid rgba(0, 229, 255, 0.25); flex-shrink: 0; }
.ah-ico .ic { width: 26px; height: 26px; color: var(--blue); }
.ah h1 { font-size: clamp(22px, 3vw, 32px); font-weight: 700; }
.ah-tags { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 8px; }
.ah-px { text-align: end; min-width: 260px; }
.ah-price { font-family: var(--mono); font-size: clamp(28px, 4vw, 40px); font-weight: 700; letter-spacing: -0.02em; line-height: 1.1; text-shadow: 0 0 30px rgba(0, 229, 255, 0.2); }
.ah-price small { font-size: 14px; font-weight: 500; }
.ah-chg { font-size: 16px; margin-top: 4px; }
.ah-ext { font-size: 13px; margin-top: 6px; }
.rbar { display: grid; grid-template-columns: auto 1fr auto; gap: 10px; align-items: center; margin-top: 10px; font-size: 12px; }
.rbar-l, .rbar-r { display: flex; flex-direction: column; line-height: 1.2; }
.rbar-l span, .rbar-r span { color: var(--muted); font-size: 11px; }
.rbar-r { text-align: end; }
.rbar b { font-family: var(--mono); font-weight: 500; }
.rbar-t { position: relative; height: 5px; border-radius: 5px; background: linear-gradient(90deg, var(--down), var(--amber) 50%, var(--up)); opacity: 0.85; min-width: 90px; }
.rbar-t i { position: absolute; top: -4px; width: 4px; height: 13px; border-radius: 2px; background: #fff; transform: translateX(-50%); box-shadow: 0 0 8px #fff; }

/* ---------- charts ---------- */
.chart-card { padding: 12px 14px 10px; }
.chart-bar { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; margin-bottom: 10px; }
.chart-wrap { position: relative; width: 100%; height: 460px; }
.chart-wrap.tall { height: 520px; }
.chart-wrap.loading::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, transparent, rgba(0, 229, 255, 0.06), transparent); animation: shimmer 1.2s infinite; }
@keyframes shimmer { from { transform: translateX(-100%); } to { transform: translateX(100%); } }
.chart-loading { position: absolute; inset: 0; display: grid; place-items: center; color: var(--muted); font-size: 13px; }
.chart-legend { display: flex; flex-wrap: wrap; gap: 14px; font-family: var(--mono); font-size: 12px; color: var(--muted); padding: 8px 2px 0; min-height: 26px; direction: ltr; }
.chart-legend b { color: var(--text); font-weight: 500; }
.chart-box { width: 100%; }
.achart, .liq-hist, .curve, .rsi-plot, .dca-chart, .bars { width: 100%; height: auto; display: block; }
.achart { height: 220px; }
.liq-hist { height: 200px; }
.dca-chart { height: 220px; margin-top: 14px; }
.bars { height: 180px; margin: 14px 0; }
.ax { fill: var(--muted); font-size: 11px; font-family: var(--mono); }
.lbl { fill: var(--text2); font-size: 10px; font-family: var(--mono); }
.tv-lightweight-charts a { opacity: 0.4; }

/* treemap */
.tmap { position: relative; width: 100%; border-radius: 12px; overflow: hidden; background: #050505; }
.tm { position: absolute; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; border: 1px solid #000; overflow: hidden; color: #fff; font-size: var(--fs, 12px); line-height: 1.15; transition: filter 0.15s; }
.tm:hover { filter: brightness(1.35) saturate(1.2); z-index: 2; color: #fff; outline: 1px solid rgba(255, 255, 255, 0.6); }
.tm b { font-weight: 700; font-family: var(--display); }
.tm span { font-family: var(--mono); font-size: 0.72em; opacity: 0.95; }
.tm small { font-family: var(--mono); font-size: 0.5em; opacity: 0.8; margin-top: 2px; }
.hm-legend { display: flex; justify-content: center; gap: 0; margin-top: 12px; font-family: var(--mono); font-size: 11px; }
.hm-legend span { padding: 4px 8px; color: #fff; }
.hm-legend span:first-child { border-radius: 6px 0 0 6px; }
.hm-legend span:last-child { border-radius: 0 6px 6px 0; }
.sector-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 14px; }
.sector-h { display: flex; justify-content: space-between; margin-bottom: 6px; font-size: 13.5px; }

/* donut */
.donut-wrap { display: grid; grid-template-columns: minmax(160px, 260px) 1fr; gap: 24px; align-items: center; }
.donut { width: 100%; filter: drop-shadow(0 0 16px rgba(0, 229, 255, 0.15)); }

/* horizontal bars */
.hbars li { display: grid; grid-template-columns: 64px 1fr 76px; gap: 10px; align-items: center; padding: 4px 0; font-size: 13px; }
.hbars li a { font-family: var(--mono); font-weight: 600; }
.hbars li.beat a { color: var(--up); }
.hb { height: 8px; background: rgba(255, 255, 255, 0.04); border-radius: 6px; overflow: hidden; }
.hb i { display: block; height: 100%; border-radius: 6px; }
.hb i.pos { background: linear-gradient(90deg, rgba(0, 245, 155, 0.4), var(--up)); }
.hb i.neg { background: linear-gradient(90deg, rgba(255, 59, 107, 0.4), var(--down)); }
.hbars .chg { text-align: end; }

/* share bars */
.sbar { display: flex; height: 8px; border-radius: 6px; overflow: hidden; background: rgba(255, 255, 255, 0.05); min-width: 140px; }
.sbar.big { height: 14px; }
.sbar i { display: block; height: 100%; }
.lsbar { display: flex; height: 5px; border-radius: 5px; overflow: hidden; background: var(--up); margin: 8px 0 4px; }
.lsbar .l { background: var(--down); }
.fcell { border-radius: 0; }

/* liquidation feed */
.feed-tools { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
.liq-feed { max-height: 520px; overflow-y: auto; }
.liq-feed li { display: grid; grid-template-columns: 64px 64px 80px 1fr 56px 70px; gap: 8px; align-items: center; padding: 7px 4px; border-bottom: 1px solid var(--line); font-size: 13px; }
.liq-feed li time { font-family: var(--mono); font-size: 11.5px; color: var(--muted); text-align: end; }
.lq-side { font-size: 11px; font-weight: 700; text-transform: uppercase; }
.liq-feed li.long .lq-side { color: var(--down); }
.liq-feed li.short .lq-side { color: var(--up); }

/* support / resistance */
.sr { display: grid; grid-template-columns: 1fr auto 1fr; gap: 18px; align-items: center; margin-bottom: 12px; }
.sr h3 { font-size: 12.5px; text-transform: uppercase; letter-spacing: 0.06em; color: var(--muted); font-family: var(--font); margin-bottom: 8px; }
.levels li { display: grid; grid-template-columns: 30px 1fr auto auto; gap: 10px; align-items: center; padding: 8px 10px; border-radius: 9px; margin-bottom: 5px; background: rgba(255, 255, 255, 0.025); border: 1px solid var(--line); font-size: 13.5px; }
.levels li.res { border-color: rgba(255, 59, 107, 0.22); }
.levels li.sup { border-color: rgba(0, 245, 155, 0.22); }
.lv-n { font-family: var(--mono); font-weight: 700; color: var(--muted); }
.res .lv-n { color: var(--down); }
.sup .lv-n { color: var(--up); }
.lv-d { font-family: var(--mono); font-size: 12px; }
.str { font-size: 10.5px; text-transform: uppercase; font-weight: 700; letter-spacing: 0.04em; color: var(--dim); }
.str-strong { color: var(--blue); }
.str-moderate { color: var(--text2); }
.sr-now { text-align: center; padding: 14px 18px; border-radius: 12px; background: var(--grad-soft); border: 1px solid rgba(0, 229, 255, 0.3); }
.sr-now span { display: block; font-size: 11px; color: var(--muted); text-transform: uppercase; letter-spacing: 0.08em; }
.sr-now b { font-size: 18px; }
.pivots td:first-child { color: var(--text2); }

/* forecast */
.fc td b { font-weight: 600; }
.tf-ratings { display: flex; gap: 14px; flex-wrap: wrap; }
.tfr { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255, 255, 255, 0.02); font-family: var(--mono); }

/* prose */
.prose p { color: var(--text2); line-height: 1.75; }
.prose p:last-child { margin-bottom: 0; }
.prose h2 { font-size: 20px; margin: 18px 0 10px; }
.prose h3 { font-size: 16px; margin: 16px 0 8px; }
.prose ul { color: var(--text2); padding-inline-start: 20px; line-height: 1.75; }
.prose a { color: var(--blue); }
.brief p { padding-inline-start: 14px; border-inline-start: 2px solid rgba(0, 229, 255, 0.35); }
.seo-text { color: var(--muted); font-size: 14px; }
.seo-text h2 { font-size: 18px; color: var(--text); margin: 4px 0 10px; }
.seo-text h3 { font-size: 15px; color: var(--text); margin: 16px 0 6px; }
.seo-text p { line-height: 1.75; }
.seo-text ul { line-height: 1.75; padding-inline-start: 20px; }
.legal h2 { font-size: 18px; margin: 22px 0 8px; color: var(--text); }
.callout { display: flex; gap: 12px; align-items: flex-start; padding: 12px 16px; border-radius: 12px; background: rgba(0, 229, 255, 0.05); border: 1px solid rgba(0, 229, 255, 0.25); }
.callout .ic { color: var(--blue); margin-top: 2px; }
.callout p { margin: 0; color: var(--text2); font-size: 14px; }
.callout.warn { background: rgba(255, 176, 46, 0.06); border-color: rgba(255, 176, 46, 0.3); }
.callout.warn .ic { color: var(--amber); }
.empty { display: flex; align-items: center; gap: 10px; color: var(--muted); padding: 18px 4px; }

/* faq */
.faq details { border: 1px solid var(--line); border-radius: 12px; margin-bottom: 8px; background: rgba(255, 255, 255, 0.015); }
.faq summary { cursor: pointer; padding: 13px 16px; font-weight: 600; list-style: none; display: flex; justify-content: space-between; gap: 12px; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: '+'; color: var(--blue); font-family: var(--mono); font-size: 18px; line-height: 1; }
.faq details[open] summary::after { content: '−'; }
.faq details[open] { border-color: rgba(0, 229, 255, 0.3); }
.faq-a { padding: 0 16px 14px; color: var(--text2); line-height: 1.7; }

/* tools */
.tool-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 12px; }
.tool { display: flex; flex-direction: column; gap: 4px; padding: 14px; border-radius: 12px; border: 1px solid var(--line); background: rgba(255, 255, 255, 0.02); transition: all 0.18s; }
.tool .ic { color: var(--purple); width: 22px; height: 22px; margin-bottom: 6px; }
.tool b { font-weight: 600; color: var(--text); }
.tool small { color: var(--muted); font-size: 12.5px; line-height: 1.4; }
.tool:hover { border-color: rgba(177, 77, 255, 0.45); background: var(--grad-soft); transform: translateY(-2px); color: inherit; }
.tool-form { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 14px; }
.tool-out { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 10px; margin-top: 18px; }
.tool-out:empty { display: none; }
.o { padding: 12px 14px; border-radius: 12px; background: rgba(0, 0, 0, 0.45); border: 1px solid var(--line2); }
.o span { display: block; font-size: 11.5px; color: var(--muted); text-transform: uppercase; letter-spacing: 0.06em; }
.o b { display: block; font-family: var(--mono); font-size: 20px; font-weight: 600; margin-top: 4px; word-break: break-all; }
.tool-extra { margin-top: 16px; }
.tool-extra h3 { font-size: 14px; margin-bottom: 8px; color: var(--muted); }
.conv-grid { display: grid; grid-template-columns: 1fr 1fr auto 1fr; gap: 12px; align-items: end; }
.conv-grid .swap { height: 40px; }
.conv-out { margin-top: 18px; font-size: 18px; font-family: var(--mono); display: flex; flex-direction: column; gap: 6px; }
.conv-out b { font-size: clamp(22px, 3vw, 30px); background: var(--grad); -webkit-background-clip: text; background-clip: text; color: transparent; }

/* metals */
.metal-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }
.mcard { display: flex; flex-direction: column; gap: 4px; padding: 16px; border-radius: 14px; background: var(--panel); border: 1px solid var(--line); }
.mcard:hover { border-color: rgba(255, 176, 46, 0.45); color: inherit; }
.mc-n { color: var(--muted); font-size: 13px; text-transform: uppercase; letter-spacing: 0.06em; }
.mc-p { font-family: var(--mono); font-size: 24px; font-weight: 700; }
.mcard .spark { margin-top: 6px; width: 100%; }

/* countdown */
.countdown { text-align: center; padding: 28px 18px; }
.cd-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; max-width: 640px; margin: 0 auto 18px; }
.cd-grid div { padding: 16px 8px; border-radius: 14px; background: rgba(0, 0, 0, 0.5); border: 1px solid var(--line2); }
.cd-grid b { display: block; font-family: var(--mono); font-size: clamp(30px, 6vw, 54px); font-weight: 700; background: var(--grad); -webkit-background-clip: text; background-clip: text; color: transparent; line-height: 1; }
.cd-grid span { font-size: 12px; color: var(--muted); text-transform: uppercase; letter-spacing: 0.08em; }
.prog { height: 8px; border-radius: 8px; background: rgba(255, 255, 255, 0.05); overflow: hidden; max-width: 640px; margin: 0 auto 12px; }
.prog i { display: block; height: 100%; background: var(--grad); box-shadow: 0 0 14px rgba(0, 229, 255, 0.5); }

/* rainbow */
.rb-legend { list-style: none; display: flex; flex-wrap: wrap; gap: 8px 16px; padding: 12px 4px 0; margin: 0; font-size: 12.5px; color: var(--text2); }
.rb-legend li { display: flex; align-items: center; gap: 6px; }
.rb-legend i { width: 14px; height: 10px; border-radius: 3px; }

/* ---------- ads ---------- */
.ad { display: flex; justify-content: center; align-items: center; margin: 14px auto; max-width: 100%; overflow: hidden; text-align: center; }
.ad-in { max-width: 100%; overflow: hidden; }
.ad-1 { margin-top: 12px; }
.side .ad { margin: 0; }
.ad-prev { width: min(100%, 728px); min-height: 90px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 4px; border: 2px dashed rgba(177, 77, 255, 0.6); border-radius: 12px; color: var(--purple); font-weight: 700; font-size: 13px; background: rgba(177, 77, 255, 0.06); padding: 10px; }
.ad-prev small { color: var(--muted); font-weight: 400; }
.side .ad-prev { min-height: 250px; }
.ad-prev-5 { position: fixed; bottom: 12px; inset-inline-end: 12px; z-index: 40; width: auto; min-height: 0; background: rgba(0, 0, 0, 0.9); }

/* ---------- footer ---------- */
.ftr { border-top: 1px solid var(--line); margin-top: 20px; background: linear-gradient(180deg, rgba(5, 7, 13, 0.4), #000); position: relative; }
.ftr::before { content: ''; position: absolute; top: -1px; left: 10%; right: 10%; height: 1px; background: var(--grad); opacity: 0.4; }
.ftr-in { max-width: 1480px; margin: 0 auto; padding: 40px 16px 20px; display: grid; grid-template-columns: 300px 1fr; gap: 40px; }
.ftr-brand p { color: var(--muted); font-size: 13.5px; margin-top: 14px; }
.ftr-risk { display: flex; gap: 8px; align-items: flex-start; font-size: 12.5px !important; }
.ftr-risk .ic { color: var(--amber); width: 16px; height: 16px; margin-top: 2px; }
.ftr-cols { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 24px; }
.ftr-col h3, .ftr-langs h3 { font-size: 12px; text-transform: uppercase; letter-spacing: 0.1em; color: var(--text2); margin-bottom: 10px; font-family: var(--font); display: flex; align-items: center; gap: 6px; }
.ftr-col ul, .ftr-langs ul { list-style: none; margin: 0; padding: 0; }
.ftr-col li { margin-bottom: 6px; }
.ftr-col a { color: var(--muted); font-size: 13.5px; }
.ftr-col a:hover { color: var(--blue); }
.ftr-langs { max-width: 1480px; margin: 0 auto; padding: 18px 16px; border-top: 1px solid var(--line); }
.ftr-langs ul { display: flex; flex-wrap: wrap; gap: 6px 14px; }
.ftr-langs a { font-size: 13px; color: var(--muted); }
.ftr-langs a[aria-current] { color: var(--blue); }
.ftr-bot { max-width: 1480px; margin: 0 auto; padding: 16px 16px 30px; border-top: 1px solid var(--line); display: flex; flex-wrap: wrap; gap: 10px 24px; justify-content: space-between; font-size: 12.5px; color: var(--dim); }
.ftr-links { display: flex; gap: 16px; flex-wrap: wrap; }
.ftr-links a { color: var(--muted); }
.ftr-src { width: 100%; }

/* ---------- modals / toast ---------- */
.modal { position: fixed; inset: 0; z-index: 100; display: flex; justify-content: center; align-items: flex-start; padding: 8vh 16px 16px; }
.modal[hidden] { display: none; }
.modal-bg { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.7); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
.modal-box { position: relative; width: 100%; max-width: 720px; max-height: 84vh; overflow: auto; background: rgba(8, 11, 20, 0.98); border: 1px solid var(--line2); border-radius: 18px; box-shadow: var(--shadow), 0 0 80px rgba(0, 229, 255, 0.08); padding: 16px; animation: pop 0.18s ease-out; }
@keyframes pop { from { transform: translateY(8px) scale(0.98); opacity: 0; } }
.modal-h { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; }
.modal-h h2 { display: flex; gap: 8px; align-items: center; font-size: 18px; }
.modal-h .ic { color: var(--blue); }
body.modal-open { overflow: hidden; }
.search-in { display: flex; align-items: center; gap: 10px; padding: 4px 6px 12px; border-bottom: 1px solid var(--line); }
.search-in > .ic { color: var(--blue); width: 22px; height: 22px; }
.search-in input { flex: 1; height: 44px; background: none; border: 0; outline: none; color: var(--text); font-size: 18px; }
.search-res { list-style: none; margin: 8px 0 0; padding: 0; }
.search-res li a { display: grid; grid-template-columns: 30px 1fr auto; gap: 10px; align-items: center; padding: 10px; border-radius: 10px; }
.search-res li.sel a, .search-res li a:hover { background: var(--grad-soft); color: inherit; }
.search-res li a > span { width: 26px; height: 26px; border-radius: 8px; display: grid; place-items: center; font-family: var(--mono); font-size: 11px; font-weight: 700; background: rgba(255, 255, 255, 0.06); color: var(--blue); }
.search-res small { color: var(--muted); font-family: var(--mono); }
.search-res .none { color: var(--muted); padding: 14px; }
.lang-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 8px; }
.lang-grid a { display: flex; flex-direction: column; padding: 10px 12px; border-radius: 10px; border: 1px solid var(--line); }
.lang-grid a b { font-weight: 600; }
.lang-grid a small { color: var(--muted); }
.lang-grid a:hover, .lang-grid a.on { border-color: rgba(0, 229, 255, 0.5); background: var(--grad-soft); color: inherit; }
.toast { position: fixed; z-index: 120; left: 50%; bottom: 20px; transform: translate(-50%, 20px); opacity: 0; transition: all 0.25s; display: flex; align-items: center; gap: 12px; padding: 12px 14px 12px 16px; border-radius: 14px; background: rgba(8, 11, 20, 0.97); border: 1px solid rgba(0, 229, 255, 0.35); box-shadow: var(--shadow), 0 0 40px rgba(0, 229, 255, 0.15); font-size: 14px; max-width: calc(100vw - 24px); }
.toast.show { opacity: 1; transform: translate(-50%, 0); }
.toast[hidden] { display: none; }
.spin { width: 16px; height: 16px; border-radius: 50%; border: 2px solid rgba(0, 229, 255, 0.25); border-top-color: var(--blue); animation: rot 0.8s linear infinite; flex-shrink: 0; }
@keyframes rot { to { transform: rotate(360deg); } }

/* 404 */
.nf { text-align: center; padding: 60px 10px; }
.nf-code { font-family: var(--display); font-size: clamp(80px, 16vw, 160px); font-weight: 700; line-height: 1; background: var(--grad); -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 0 30px rgba(0, 229, 255, 0.3)); }
.nf h1 { margin: 10px 0; }
.nf p { color: var(--muted); }
.nf-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 20px; }

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width: 1400px) {
  .nav-a { padding: 8px 8px; font-size: 13.5px; }
  .nav-a .ic { display: none; }
}
@media (max-width: 1279px) {
  .grid { grid-template-columns: minmax(0, 1fr); }
  .side { position: static; display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); align-items: start; }
  .hide-l { display: none; }
}
@media (max-width: 1179px) {
  .burger { display: inline-flex; }
  .nav { position: fixed; top: 0; bottom: 0; inset-inline-end: 0; width: min(420px, 92vw); background: rgba(5, 7, 13, 0.98); border-inline-start: 1px solid var(--line2); z-index: 90; transform: translateX(105%); transition: transform 0.25s ease; overflow-y: auto; padding: 0 0 40px; box-shadow: var(--shadow); }
  [dir='rtl'] .nav { transform: translateX(-105%); }
  body.nav-open .nav { transform: none; }
  body.nav-open::after { content: ''; position: fixed; inset: 0; background: rgba(0, 0, 0, 0.6); z-index: 80; }
  /* the drawer lives inside the sticky header (z-index 50): lift the header above the dimmer or the dimmer swallows every tap */
  body.nav-open .hdr { z-index: 95; }
  .nav-mhead { display: flex; justify-content: space-between; align-items: center; padding: 14px 16px; border-bottom: 1px solid var(--line); position: sticky; top: 0; background: rgba(5, 7, 13, 0.98); z-index: 1; font-family: var(--display); font-weight: 700; }
  .nav-l { flex-direction: column; gap: 0; padding: 8px; }
  .nav-a { padding: 13px 12px; font-size: 15.5px; justify-content: flex-start; }
  .nav-a .ic { display: inline; }
  .nav-a .caret { margin-inline-start: auto; }
  .nav-i.open .caret { transform: rotate(180deg); }
  .mega { position: static; transform: none !important; opacity: 1; visibility: visible; display: none; }
  .nav-i.open .mega { display: block; }
  .mega-in { flex-direction: column; box-shadow: none; border: 0; background: transparent; padding: 0 0 8px 12px; min-width: 0; }
  .mega-pages { min-width: 0; }
  .mega-feat { border: 0; padding: 4px 0; min-width: 0; }
  .ta-gauges { grid-template-columns: 1fr; }
  .ta-g.main { order: -1; }
}
@media (max-width: 1100px) {
  .cards3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .cards2, .cards3 { grid-template-columns: minmax(0, 1fr); }
  .hide-m { display: none; }
  .ftr-in { grid-template-columns: 1fr; gap: 24px; }
  .sr { grid-template-columns: 1fr; }
  .sr-now { order: -1; }
  .donut-wrap { grid-template-columns: 1fr; justify-items: center; }
  .donut { max-width: 220px; }
  .conv-grid { grid-template-columns: 1fr 1fr; }
  .conv-grid .fld:first-child { grid-column: 1 / -1; }
  .conv-grid .swap { grid-column: 1 / -1; justify-self: center; transform: rotate(90deg); }
}
@media (max-width: 640px) {
  :root { --hdr-h: 58px; }
  body { font-size: 14.5px; }
  .hide-s { display: none; }
  .wrap { padding: 0 12px; }
  .hdr-in { gap: 8px; padding: 0 12px; }
  .logo-w { font-size: 18px; }
  .logo-m { width: 30px; height: 30px; }
  .ico-btn kbd, .install-btn span { display: none; }
  .lang-btn span { display: none; }
  .card { padding: 14px 12px; border-radius: 12px; }
  .stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .stat { padding: 10px 12px; }
  .stat-v { font-size: 16px; }
  .tbl { font-size: 13.5px; }
  .tbl td, .tbl th { padding: 9px 8px; }
  .tbl td.c-name, .tbl th.c-name { position: sticky; inset-inline-start: 0; background: #05070d; z-index: 1; }
  .c-name { min-width: 130px; }
  .aname b { max-width: 120px; }
  .ah-px { text-align: start; min-width: 0; width: 100%; }
  .chart-wrap { height: 340px; }
  .news li.has-img { grid-template-columns: 84px minmax(0, 1fr); }
  .news li.has-img img { width: 84px; height: 56px; }
  .calmini li { grid-template-columns: 56px 40px minmax(0, 1fr); }
  .calmini .imp, .calmini li > .muted { display: none; }
  .liq-feed li { grid-template-columns: 54px 54px 70px 1fr 60px; }
  .liq-feed li .small { display: none; }
  .cd-grid { gap: 6px; }
  .ph-ic { width: 44px; height: 44px; }
  .hero { padding-top: 16px; }
  .toast { left: 12px; right: 12px; transform: translateY(20px); }
  .toast.show { transform: none; }
  .qlist li a { grid-template-columns: minmax(0, 1fr) 64px auto; gap: 8px; }
  .qlist .spark { width: 64px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; }
  /* keep the price ticker moving (slower) instead of freezing it; it is the only continuous animation */
  .ticker-track { animation: marquee 180s linear infinite !important; animation-duration: 180s !important; animation-iteration-count: infinite !important; }
}
@media print {
  .hdr, .side, .ad, .ftr, .bg-fx { display: none !important; }
  body { background: #fff; color: #000; }
}

/* contact page */
.contact-form { display: grid; gap: 6px; max-width: 640px; margin-top: 12px; }
.contact-form label { font-weight: 600; margin-top: 8px; }
.contact-form input, .contact-form textarea { width: 100%; box-sizing: border-box; background: var(--bg2); color: inherit; border: 1px solid var(--line); border-radius: 10px; padding: 10px 12px; font: inherit; }
.contact-form .hp { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.legal .msg { padding: 10px 14px; border-radius: 10px; border: 1px solid; }
.legal .msg.ok { border-color: var(--up); color: var(--up); }
.legal .msg.err { border-color: var(--down); color: var(--down); }
.trust-links { margin: 18px 0 8px; }

/* liquidation map / heatmap */
.lm-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 10px; }
.lm-box { position: relative; width: 100%; min-height: 320px; }
.lm-box canvas { display: block; width: 100%; border-radius: 8px; }
.lm-msg { position: absolute; inset: 0; display: grid; place-items: center; }
.lm-tip { position: absolute; z-index: 5; pointer-events: none; background: var(--panel); border: 1px solid var(--line2, var(--line)); border-radius: 8px; padding: 8px 10px; font: 12px/1.45 var(--mono); white-space: nowrap; box-shadow: 0 6px 24px rgba(0, 0, 0, 0.5); }
.lm-legend { display: flex; flex-wrap: wrap; gap: 6px 14px; align-items: center; margin-top: 10px; font-size: 12px; }
.lm-legend i { display: inline-block; width: 10px; height: 10px; border-radius: 2px; margin-right: 5px; vertical-align: -1px; }
.lm-grad { display: inline-block; width: 140px; height: 10px; border-radius: 5px; }

/* blog / own news */
.post-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; }
.post-grid.compact { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }
.post-card { background: var(--panel); border: 1px solid var(--line); border-radius: 14px; overflow: hidden; display: flex; flex-direction: column; }
.post-card.big { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); }
.post-card-img { display: block; aspect-ratio: 16 / 9; background: var(--bg2); overflow: hidden; }
.post-card.big .post-card-img { aspect-ratio: auto; min-height: 260px; }
.post-card-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.3s; }
.post-card:hover .post-card-img img { transform: scale(1.03); }
.post-card-ph { display: block; width: 100%; height: 100%; background: linear-gradient(135deg, rgba(0, 229, 255, 0.18), rgba(177, 77, 255, 0.18)); }
.post-card-b { padding: 14px 16px 16px; display: flex; flex-direction: column; gap: 8px; }
.post-card-b h3 { margin: 0; font-size: 17px; line-height: 1.35; }
.post-card.big .post-card-b h3 { font-size: 22px; }
.post-card-b h3 a { color: var(--text); text-decoration: none; }
.post-card-b h3 a:hover { color: var(--blue); }
.post-card-b p { margin: 0; color: var(--text2, var(--muted)); font-size: 14px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.post-meta { color: var(--muted); font-size: 13px; }
.pager { display: flex; justify-content: center; align-items: center; gap: 12px; margin: 20px 0; }
.post { max-width: 780px; margin: 0 auto; }
.post-h h1 { font-size: clamp(26px, 4vw, 38px); line-height: 1.2; margin: 8px 0 10px; }
.post-lead { font-size: 18px; color: var(--text2, var(--text)); margin: 14px 0; }
.post-cover { margin: 18px 0; }
.post-cover img, .post-body img { width: 100%; height: auto; border-radius: 12px; display: block; }
.post-cover figcaption, .post-body figcaption { color: var(--muted); font-size: 13px; text-align: center; margin-top: 6px; }
.post-body { font-size: 17px; line-height: 1.75; }
.post-body figure { margin: 22px 0; }
.post-body blockquote { border-left: 3px solid var(--purple, #b14dff); margin: 18px 0; padding: 4px 16px; color: var(--text2, var(--text)); }
.post-body table { width: 100%; border-collapse: collapse; } .post-body td, .post-body th { border: 1px solid var(--line); padding: 6px 10px; }
.post-tags { display: flex; flex-wrap: wrap; gap: 6px; margin: 20px 0; }
.share { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 24px 0; padding: 14px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.share-l { color: var(--muted); font-size: 14px; }
.share-set { display: flex; flex-wrap: wrap; gap: 8px; }
.share-b { display: inline-flex; align-items: center; gap: 7px; height: 36px; min-width: 36px; padding: 0 12px; border-radius: 99px; font-size: 13.5px; font-weight: 600; color: var(--text); text-decoration: none; border: 1px solid var(--line); background: rgba(255, 255, 255, 0.03); cursor: pointer; font-family: inherit; transition: border-color 0.15s, background 0.15s, color 0.15s; }
.share-b .ic { width: 17px; height: 17px; color: var(--blue); }
.share-b:hover { border-color: rgba(0, 229, 255, 0.45); background: linear-gradient(90deg, rgba(0, 229, 255, 0.1), rgba(177, 77, 255, 0.1)); }
.share-b:hover .ic { color: var(--purple, #b14dff); }
.share-b.done { border-color: var(--up); color: var(--up); }
.share-wrap { position: relative; }
.share-menu { position: absolute; right: 0; top: calc(100% + 8px); z-index: 60; width: 240px; padding: 10px; border-radius: 14px; border: 1px solid var(--line2, var(--line)); background: #070a12; box-shadow: 0 18px 50px rgba(0, 0, 0, 0.75); }
.share-menu-h { font-size: 12px; color: var(--muted); text-transform: uppercase; letter-spacing: 0.06em; padding: 2px 4px 8px; }
.share-menu .share-set { flex-direction: column; gap: 4px; }
.share-menu .share-b { width: 100%; border-radius: 10px; justify-content: flex-start; border-color: transparent; background: none; }
.share-menu .share-b:hover { border-color: rgba(0, 229, 255, 0.35); }
.ftr-share { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 14px; }
.ftr-share > span { color: var(--muted); font-size: 13px; }
.ftr-share .share-b { padding: 0; width: 38px; justify-content: center; }
@media (max-width: 760px) { .post-card.big { grid-template-columns: 1fr; } .post-card.big .post-card-img { aspect-ratio: 16 / 9; min-height: 0; } .post-body { font-size: 16px; } }
.scr-more { display: flex; justify-content: center; padding: 14px; border-top: 1px solid var(--line); }

/* ---------- on-chain / whales / unlocks ---------- */
.oc-ctl { display: flex; flex-direction: column; gap: 8px; margin-bottom: 10px; }
.tbl tr.grp td { background: rgba(255, 255, 255, 0.03); padding-top: 10px; }
.wh-filter { padding: 0 16px; }
.stats.wide { grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); }
.stats.wide .stat-l, .stats.wide .stat-s { white-space: normal; }
.grid2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 440px), 1fr)); gap: 14px; }
@media (max-width: 600px) { .stats.wide { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
/* long menus (10+ pages) split into two columns on desktop */
@media (min-width: 1180px) { .mega-pages:has(> li:nth-child(10)) { display: grid; grid-template-columns: 1fr 1fr; min-width: 540px; align-content: start; } }
@media (min-width: 1180px) {
  .nav-i:has(.mega-pages > li:nth-child(10)) .mega, [dir='rtl'] .nav-i:has(.mega-pages > li:nth-child(10)) .mega { inset-inline-start: 0; transform: translateY(6px); }
  .nav-i:has(.mega-pages > li:nth-child(10)):hover .mega, .nav-i:has(.mega-pages > li:nth-child(10)):focus-within .mega,
  [dir='rtl'] .nav-i:has(.mega-pages > li:nth-child(10)):hover .mega, [dir='rtl'] .nav-i:has(.mega-pages > li:nth-child(10)):focus-within .mega { transform: translateY(0); }
}
.tbl-wrap.sched { max-height: 520px; overflow: auto; }
.tbl tr.on td { background: rgba(0, 229, 255, 0.06); }