@media (max-width: 1100px) {
  :root {
    --color-bg: #000000;
    --color-bg-box: #000000;
    --color-bg-input: #24262a;
    --color-bg-btn: #222225;
    --color-bg-btn-hover: #19191b;
    --color-bg-btn-active: #111112;
    --color-shadow-box: 0 8px 24px #000d;
    --color-shadow-header: 0 1px 18px #000e;
    --color-shadow-btn: 0 2px 7px #000a;
    --color-shadow-hover: 0 0 10px #4446;
    --color-text: #e0e0e0;
    --color-text-muted: #b0b0b0;
    --color-text-light: #f2f2f2;
    --color-text-title: #fff;
    --color-green: #4dbd7e;
    --color-green-dark: #5ec979;
    --color-red: #ff2c1a;
    --color-grey: #888;
    --color-border: #18181c;
    --color-table-head: #18181e;
    --color-table-row-hover: #19191f;
    --radius-box: 15px;
    --radius-btn: 15px;
    --radius-field: 9px;
    --font-family: 'Inter', Arial, Helvetica, sans-serif;

    --space-1: clamp(8px, 1.6vw, 12px);
    --space-2: clamp(12px, 3vw, 18px);
    --space-3: clamp(16px, 4vw, 24px);
    --space-4: clamp(20px, 5vw, 28px);

    --mobile-left-gap: var(--space-3);
    --mobile-gap-between: 5px;

    --mobile-left-gap-trending: calc(var(--mobile-left-gap) - 8px);

    --mobile-name-col-width: 160px;
    --mobile-price-col-width: 110px;

    --mobile-sparkline-canvas-width: clamp(56px, 18vw, 92px);
    --mobile-sparkline-canvas-height: clamp(22px, 7.6vw, 34px);

    --mobile-name-max-ch: 11;
    --mobile-remove-btn-space: 24px;

    --mobile-trending-card-h: 200px;

    --trending-card-content-raise: 6px;
    --trend-offset-y: calc(-12px - (var(--trending-card-content-raise) * 0.4));

    --start-chat-height: 60px;

    --mobile-trending-filter-gap: 0px;
    --mobile-filterbar-raise: 25px;
    --filterbar-font-size: clamp(0.60rem, 0.64rem + 1.40vw, 1.32rem);
    --filter-fav-size: clamp(30px, calc(var(--filterbar-font-size) * 2.45), 38px);
    --filter-fav-icon-size: clamp(16px, calc(var(--filter-fav-size) * 0.54), 22px);

    --filter-search-hover-scale-x: 0.82;
    --filter-wide-hover-scale-x: 1.16;

    --filter-loser-nudge-x: 6px;

    --mobile-trending-card-bg: #1d1f22;

    --global-chat-bar-height: 110px;
  }

  body {
    background: #000;
    color: var(--color-text);
    font-family: var(--font-family);
    margin: 0;
    padding: 0;
    height: var(--app-vh);
    min-height: var(--app-vh);
    width: 100vw;
    overflow-x: hidden;
    -webkit-tap-highlight-color: transparent;
    display: flex;
    flex-direction: column;
  }

  body.has-global-chat-bar { padding-bottom: 0; }

  .krypto-bottom-search { display: none !important; }

  header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 50px;
    background: #000;
    color: #e0e0e0;
    z-index: 40000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 var(--space-2) 0 4px;
    box-shadow: 0 4px 16px #0008;
    border-bottom: 1px solid #18181c;
  }

  .logo-menu-container {
    padding-left: 0 !important;
    gap: 10px !important;
    margin-left: 0 !important;
  }

  .logo {
    font-size: 1.5rem;
    font-weight: 900;
    margin-left: 0;
    letter-spacing: 0.01em;
    color: #fff;
    text-shadow: none;
    font-family: 'Inter', Arial, Helvetica, sans-serif;
    text-transform: none;
    user-select: none;
  }

  .acc-symbol-profile {
    width: 42px;
    height: 42px;
    margin-left: 4px;
    margin-right: 6px;
    border-radius: 50%;
    object-fit: cover;
    cursor: pointer;
  }

  .menu-toggle-btn {
    padding: 0;
    background: none;
    border: none;
    outline: none;
    box-shadow: none;
    margin-left: 0 !important;
    display: flex;
    align-items: center;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    justify-content: center;
  }

  .menu-toggle-icon svg {
    width: 30px;
    height: 30px;
    display: block;
  }

  .menu-line {
    fill: #e6e6e6 !important;
    filter: none !important;
    box-shadow: none !important;
    stroke: none !important;
  }

  .menu-toggle-btn:hover .menu-line,
  .menu-toggle-btn:focus .menu-line,
  .menu-toggle-btn:focus-visible .menu-line { fill: #f0f0f0 !important; }

  .menu-toggle-btn.active .menu-line { fill: #ffffff !important; }

  .menu-toggle-btn,
  .menu-toggle-btn:hover,
  .menu-toggle-btn:focus,
  .menu-toggle-btn:focus-visible {
    box-shadow: none !important;
    filter: none !important;
    background: none !important;
  }

  .top-right {
    gap: 8px;
    margin-right: 0;
    display: flex;
    align-items: center;
  }
  .search-btn,
  .search-btn svg { display: none !important; }

  .login-btn { display: none !important; }

  .sidebar {
    position: fixed;
    top: 50px;
    left: 0;
    width: 30vw;
    min-width: 180px;
    max-width: 320px;
    height: calc(var(--app-vh) - 50px);
    background: #000000;
    z-index: 250;
    transform: translateX(-100%);
    transition: transform 0.33s cubic-bezier(.8,.2,.2,1);
    border-right: none;
    padding-top: 15vh;
    border-radius: 0 0 18px 0;
    display: flex;
    flex-direction: column;
  }
  .sidebar.open { transform: translateX(0); background: #000000; }

  .sidebar nav ul {
    padding: 0 !important;
    margin: 0;
    list-style: none;
    width: 100%;
  }

  .sidebar nav ul li {
    width: 100%;
    box-sizing: border-box;
    padding: 12px 16px;
    margin: 0 0 4px 0;
    font-size: 0.95rem;
    font-weight: 700;
    color: #e0e0e0;
    background: transparent;
    border-radius: 0 12px 12px 0;
    cursor: pointer;
    line-height: 1.2;
    position: relative;
    transition: background .18s, color .18s;
  }
  .sidebar nav ul li:last-child { margin-bottom: 0; }
  .sidebar nav ul li:hover,
  .sidebar nav ul li:focus,
  .sidebar nav ul li:active,
  .sidebar nav ul li.active,
  .sidebar nav ul li[aria-current="page"] {
    background: #24262a;
    color: #ffffff;
    outline: none;
  }
  .sidebar nav ul li:focus-visible {
    outline: 2px solid #2562e4;
    outline-offset: 2px;
  }
  .sidebar nav ul li a.nav-link {
    color: inherit;
    text-decoration: none;
    display: block;
    width: 100%;
    font-size: inherit;
    line-height: inherit;
  }

  main {
    margin-top: 50px;
    padding-bottom: calc(var(--global-chat-bar-height) + env(safe-area-inset-bottom));
    min-height: calc(var(--app-vh) - 50px);
    width: 100vw;
    display: block;
    background: #000;
  }

  .center-menu-wrapper,
  .trending-coins-wrapper,
  .trending-wrapper,
  .main-content,
  .app-main,
  .content-wrapper {
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    row-gap: 0 !important;
  }

  .side-box-title {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .side-box {
    background: var(--color-bg) !important;
    border: 1.5px solid var(--color-bg) !important;
    box-shadow: none !important;
    padding-left: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  .side-box-list {
    max-width: 100vw;
    width: 100%;
    margin: 0 !important;
    padding: 0 var(--mobile-left-gap) 0 var(--mobile-left-gap-trending) !important;
    display: flex;
    flex-direction: row;
    gap: var(--space-2);
    overflow-x: auto;
    overflow-y: visible;
    scrollbar-width: none;
    -ms-overflow-style: none;
    background: none !important;
    box-sizing: border-box;
    justify-content: flex-start !important;
    border: none !important;
  }
  .side-box-list::-webkit-scrollbar { display: none; height: 0 !important; }

  #trending-coins-box {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  .side-box-list li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    min-width: 152px;
    max-width: 162px;
    height: var(--mobile-trending-card-h) !important;
    min-height: var(--mobile-trending-card-h) !important;
    max-height: var(--mobile-trending-card-h) !important;
    background: var(--mobile-trending-card-bg);
    border-radius: 18px;
    padding: calc(32px - var(--trending-card-content-raise)) 10px 24px 10px;
    margin: 0 !important;
    font-size: 1.09rem;
    box-shadow: none;
    border: 1.5px solid var(--color-bg);
    cursor: pointer;
    gap: 11px;
    color: #e0e0e0;
    transition: background 0.16s, box-shadow 0.16s;
    position: relative;
    flex-shrink: 0;
    opacity: 1;
    box-sizing: border-box;
  }
  .side-box-list li:hover { background: var(--mobile-trending-card-bg); box-shadow: 0 4px 20px #23232844; color: #fff; }
  .side-box-list li:focus-visible { outline: 2px solid #2562e4; outline-offset: 2px; }

  .side-box-coin-icon {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: #232424;
    object-fit: cover;
    margin: 0;
    box-shadow: 0 1px 10px #0002;
    display: block;
    border: none;
    transform: translateY(calc(-0.1 * var(--trending-card-content-raise)));
  }

  .side-box-coin-name-container {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    gap: var(--space-1) !important;
    width: 100% !important;
    min-height: 38px !important;
    transform: translateY(calc(-0.2 * var(--trending-card-content-raise)));
  }
  .side-box-coin-fullname {
    font-weight: 700;
    font-size: 1.13rem;
    color: #fff;
    text-align: center;
    max-width: 110px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: 0.01em;
    line-height: 1.1;
    display: block;
    margin: 0 auto;
  }

  .side-box-trend-graphic-vertical {
    font-size: 1.03em;
    font-weight: 700;
    text-align: center !important;
    margin: 0 auto !important;
    width: 100%;
    letter-spacing: 0.01em;
    display: block !important;
    opacity: 1;
    white-space: nowrap;
    flex-shrink: 0;
    background: none !important;
    position: relative !important;
    top: var(--trend-offset-y) !important;
  }
  .side-box-trend-graphic-vertical canvas,
  .side-box-sparkline-vertical { display: none !important; }
  .side-box-trend-vertical {
    display: block !important;
    width: 100%;
    text-align: center !important;
    margin: 0 auto !important;
  }
  .side-box-trend-vertical.positive { color: var(--color-green); }
  .side-box-trend-vertical.negative { color: var(--color-red); }

  .side-box-coin-price { display: none !important; }

  #crypto-table-container,
  .crypto-table-wrapper {
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 100vw !important;
    margin: 0 !important;
    padding: 0 !important;
    padding-bottom: calc(var(--global-chat-bar-height) + 32px + env(safe-area-inset-bottom)) !important;
  }
  #crypto-table-container {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    background: #000;
    gap: 0 !important;
    row-gap: 0 !important;
  }

  .mobile-fav-addbar {
    order: 2;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8px var(--mobile-left-gap) 6px var(--mobile-left-gap) !important;
    box-sizing: border-box !important;
    background: transparent !important;
    margin: 120px auto calc(120px + env(safe-area-inset-bottom)) auto;
  }
  .mobile-fav-add-btn {
    background: #121314 !important;
    border: 1px solid #2f3133 !important;
    color: #e2e2e2 !important;
    border-radius: 10px !important;
    padding: 10px 16px !important;
    font-weight: 700 !important;
    font-size: 1.0rem !important;
    box-shadow: 0 1.5px 7px #2222 !important;
    letter-spacing: .01em;
  }
  .mobile-fav-add-btn:hover,
  .mobile-fav-add-btn:focus { background: #1a1b1d !important; border-color: #3a3c3e !important; }
  .mobile-fav-add-btn:focus-visible {
    outline: 2px solid #2562e4 !important;
    outline-offset: 2px !important;
  }

  #crypto-table-container:has(.crypto-table tbody tr:nth-child(n+2)) .mobile-fav-addbar {
    order: 3;
    margin: 10px auto calc(120px + env(safe-area-inset-bottom)) auto;
  }

  .center-menu,
  .chat-center {
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 100vw !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #000;
    gap: 0 !important;
    row-gap: 0 !important;
  }

  .center-menu::before {
    content: none !important;
    display: none !important;
  }

  #crypto-table-filter-bar {
    padding-top: var(--mobile-trending-filter-gap) !important;
    overflow: visible !important;
    position: relative !important;
    margin-top: 0 !important;
  }

  .top-filter-bar,
  .center-menu .top-filter-bar,
  #crypto-table-filter-bar .top-filter-bar,
  body .center-menu #crypto-table-filter-bar .top-filter-bar {
    margin-top: calc(-1 * var(--mobile-filterbar-raise)) !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
  }

  .trending-coins-wrapper,
  .trending-wrapper,
  .center-menu-wrapper {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    gap: 0 !important;
    row-gap: 0 !important;
  }

  .footer-info {
    font-size: 0.95rem;
    color: #b0b0b0;
    text-align: center;
    margin: 10px 0 70px 0;
    padding-bottom: 65px;
  }

  ::-webkit-scrollbar { width: 0; background: transparent; }
  ::-webkit-scrollbar-thumb { background: transparent; }

  .chat-headline,
  .custom-chat-info,
  .chat-title {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .chat-messages {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  .chat-messages:empty { display: none !important; }

  .crypto-table {
    order: 1;
    width: calc(100vw - var(--mobile-left-gap)) !important;
    min-width: calc(100vw - var(--mobile-left-gap)) !important;
    max-width: calc(100vw - var(--mobile-left-gap)) !important;
    border-radius: 0 !important;
    overflow-x: hidden !important;
    box-shadow: none !important;
    border: none !important;
    background: #000 !important;
    font-size: 1.00rem;
    margin: 0 !important;
    table-layout: fixed !important;
    margin-left: var(--mobile-left-gap) !important;
    margin-right: 0 !important;
    padding: 0 !important;
  }
  .crypto-table { margin-top: -6px !important; }

  .crypto-table thead { display: none !important; visibility: hidden !important; height: 0 !important; }

  .crypto-table tr {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    background: #000 !important;
    border-radius: 18px !important;
    margin: 0 0 6px 0 !important;
    padding: 0 !important;
    border: 1px solid transparent !important;
    min-height: 58px !important;
    position: relative !important;
    width: 100% !important;
    transition: border-color .4s, background .45s, box-shadow .45s !important;
    box-shadow: none !important;
  }

  .crypto-table tr > td { background: transparent !important; }
  .crypto-table tr:not(:last-child)::after { content: none !important; height: 0 !important; }
  .crypto-table tr::before,
  .crypto-table tr::after { display: none !important; content: none !important; }
  .crypto-table tr:hover,
  .crypto-table tr:focus-within {
    background: #000 !important;
    border-color: rgba(255,255,255,0.08) !important;
    box-shadow: 0 6px 18px -10px #000c, 0 0 0 1px rgba(255,255,255,0.08) !important;
  }

  .crypto-table td:first-child,
  .crypto-table td:nth-child(2) {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    visibility: hidden !important;
  }

  .crypto-table td.logo-cell,
  .crypto-table td.name-cell,
  .crypto-table td:nth-child(3) {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-direction: row !important;
    flex: 0 1 var(--mobile-name-col-width) !important;
    min-width: var(--mobile-name-col-width) !important;
    max-width: var(--mobile-name-col-width) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    border: none !important;
    background: transparent !important;
    gap: 8px !important;
  }
  .crypto-table td.logo-cell img,
  .crypto-table td.name-cell img,
  .crypto-table td:nth-child(3) img {
    width:36px !important;
    height:36px !important;
    border-radius:50% !important;
    object-fit:cover !important;
    display:block !important;
    flex-shrink:0 !important;
  }

  .mobile-fav-remove-btn {
    background: transparent !important;
    border: none !important;
    color: #b9b9b9 !important;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    padding: 0 2px !important;
    margin: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  .crypto-table[data-filter="fav"] .mobile-fav-remove-btn { display: inline-flex !important; }
  .mobile-fav-remove-btn:hover,
  .mobile-fav-remove-btn:focus { color: #e82c1a !important; }
  .mobile-fav-remove-btn:focus-visible {
    outline: 2px solid #2562e4 !important;
    outline-offset: 2px !important;
  }

  .crypto-table td.name-cell .coin-info-mobile,
  .crypto-table td:nth-child(3) .coin-info-mobile {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 4px;
    min-width: 0;
    max-width: calc(var(--mobile-name-col-width) - 54px);
  }
  .crypto-table[data-filter="fav"] td.name-cell .coin-info-mobile,
  .crypto-table[data-filter="fav"] td:nth-child(3) .coin-info-mobile {
    max-width: calc(var(--mobile-name-col-width) - 54px - var(--mobile-remove-btn-space));
  }

  .crypto-table td.name-cell .coin-name-mobile,
  .crypto-table td:nth-child(3) .coin-name-mobile {
    font-weight: 700;
    font-size: 0.95em;
    color: #fff;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(var(--mobile-name-max-ch) * 1ch) !important;
    display: block;
    line-height: 1.15;
    margin: 0 4px 0 0;
  }
  .crypto-table td.name-cell .coin-symbol-mobile,
  .crypto-table td:nth-child(3) .coin-symbol-mobile {
    font-weight: 600;
    font-size: 0.80em;
    color: #888;
    text-align: left;
    opacity: 0.8;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(var(--mobile-name-max-ch) * 1ch);
    display: block;
    line-height: 1.1;
    margin: 0;
  }

  .crypto-table td.sparkline-cell,
  .crypto-table td:nth-child(10) {
    flex: 0 0 calc(var(--mobile-sparkline-canvas-width) + 10px) !important;
    min-width: calc(var(--mobile-sparkline-canvas-width) + 10px) !important;
    max-width: calc(var(--mobile-sparkline-canvas-width) + 10px) !important;
    justify-content: center !important;
    align-items: center !important;
    display: flex !important;
    padding: 0 4px !important;
    margin: 0 !important;
    border: none;
    background: transparent;
    order: 5;
  }

  .crypto-table .sparkline {
    display: block;
    margin: 0 auto !important;
    background: #000 !important;
    border-radius: 0;
    width: var(--mobile-sparkline-canvas-width) !important;
    height: var(--mobile-sparkline-canvas-height) !important;
    max-width: var(--mobile-sparkline-canvas-width) !important;
    max-height: var(--mobile-sparkline-canvas-height) !important;
    min-width: var(--mobile-sparkline-canvas-width) !important;
    min-height: var(--mobile-sparkline-canvas-height) !important;
    transform: scaleY(1.35) !important;
    transform-origin: center center !important;
    transition: none !important;
    filter: none !important;
  }
  .crypto-table tr:hover .sparkline,
  .crypto-table tr:focus-within .sparkline { filter: none !important; }

  .crypto-table td.price-cell,
  .crypto-table td:nth-child(4) {
    min-width: var(--mobile-price-col-width);
    max-width: var(--mobile-price-col-width);
    flex: 0 0 var(--mobile-price-col-width);
    justify-content: flex-end;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 8px 14px 8px 0 !important;
    margin-left: auto;
    margin-right: 0;
    line-height: 1.1;
    border: none;
    background: #000 !important;
    order: 6;
    gap: 4px !important;
  }
  .crypto-mobile-price,
  .crypto-price {
    font-weight: 700;
    font-size: 0.95em;
    color: #fff;
    margin: 0 !important;
  }
  .crypto-mobile-change24h,
  .crypto-percent {
    font-size: 0.95em;
    font-weight: 600;
    opacity: 0.92;
    display: block;
    line-height: 1.05;
    text-align: right;
    width: 100%;
  }
  .crypto-mobile-change24h.positive,
  .crypto-percent.positive { color: var(--color-green) !important; }
  .crypto-mobile-change24h.negative,
  .crypto-percent.negative { color: #ff2c1a; }

  .crypto-table td:not(.logo-cell):not(.name-cell):not(.price-cell):not(.sparkline-cell):not(:nth-child(3)):not(:nth-child(4)):not(:nth-child(10)) {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    visibility: hidden !important;
  }

  .side-box.right,
  .side-box.growth,
  .growth-table,
  .biggest-growth-table,
  .growth-coins-table,
  #growth-table,
  #biggest-growth-table,
  #growth-coins-table,
  [id*="growth-table"],
  [class*="growth-table"] {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    z-index: -1 !important;
  }

  .top-filter-bar {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start !important;
    padding-left: var(--mobile-left-gap) !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    width: 100vw !important;
    gap: var(--mobile-gap-between);
    font-size: 1em;
    background: none;
    overflow: visible !important;
  }

  .filter-btn {
    flex: 1 1 0 !important;
    padding: 11px 0 !important;
    margin: 0 !important;
    border: none !important;
    outline: none !important;
    background: none !important;
    color: #868585 !important;
    font-size: var(--filterbar-font-size) !important;
    font-family: 'Inter', Arial, Helvetica, sans-serif !important;
    font-weight: 700 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    letter-spacing: 0.01em;
    transition: background 0.18s, color 0.18s;
    min-width: 0;
    min-height: 0;
    text-align: center;
    line-height: 1.1;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    appearance: none;
  }

  .top-filter-bar .filter-btn:not(.filter-fav) {
    font-size: calc(var(--filterbar-font-size) * 0.92) !important;
  }

  .top-filter-bar .filter-btn::-moz-focus-inner { border: 0; }
  .top-filter-bar .filter-btn:focus { outline: none !important; }
  .top-filter-bar .filter-btn:focus-visible { outline: none !important; }

  .filter-btn svg {
    width: 23px;
    height: 23px;
    stroke: #b0b0b0;
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    margin-bottom: 2px;
    flex-shrink: 0;
  }

  .filter-btn:active,
  .filter-btn:focus,
  .filter-btn:hover {
    background: var(--mobile-trending-card-bg) !important;
    color: #e2e2e2 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    outline: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .filter-btn.active {
    background: #24262a !important;
    color: #c4c4c4 !important;
    border-radius: 10px !important;
    font-weight: 700 !important;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .top-filter-bar .filter-btn.filter-start.active {
    background: var(--mobile-trending-card-bg) !important;
    color: #e2e2e2 !important;
    border-radius: 10px !important;
  }

  .top-filter-bar .filter-btn.filter-start:hover,
  .top-filter-bar .filter-btn.filter-start:focus,
  .top-filter-bar .filter-btn.filter-start:active,
  .top-filter-bar .filter-btn.filter-start.active:hover,
  .top-filter-bar .filter-btn.filter-start.active:focus,
  .top-filter-bar .filter-btn.filter-start.active:active {
    background: var(--mobile-trending-card-bg) !important;
    color: #e2e2e2 !important;
  }

  .filter-fav {
    flex: 0 0 auto !important;
    background: #121314 !important;
    border: 1px solid #868585 !important;
    box-shadow: 0 1.5px 7px #2222 !important;
    min-width: var(--filter-fav-size) !important;
    max-width: var(--filter-fav-size) !important;
    width: var(--filter-fav-size) !important;
    height: var(--filter-fav-size) !important;
    padding: 0 !important;
    margin-right: 7px !important;
    border-radius: 7px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background 0.18s, border 0.18s, transform 0.06s;
    position: relative;
  }
  .filter-fav svg {
    margin: 0 !important;
    width: var(--filter-fav-icon-size) !important;
    height: var(--filter-fav-icon-size) !important;
    display: inline-block !important;
    vertical-align: middle !important;
    stroke: #868585 !important;
    fill: none !important;
    transition: stroke 0.18s;
    flex-shrink: 0;
  }
  .filter-fav:active svg,
  .filter-fav:focus svg,
  .filter-fav:hover svg,
  .filter-fav.active svg { stroke: #fff !important; }

  #search-modal-wrapper,
  .search-modal-backdrop,
  .search-modal {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    opacity: 0 !important;
  }

  .crypto-searchbar-wrapper {
    max-width: 100vw !important;
    width: 100vw !important;
    padding: 10px var(--mobile-left-gap) 4px var(--mobile-left-gap) !important;
    margin: 0 !important;
    background: transparent !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    box-sizing: border-box !important;
  }

  .crypto-searchbar {
    width: 100% !important;
    font-size: 1.08rem !important;
    font-weight: 500 !important;
    background: var(--mobile-trending-card-bg) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 28px !important;
    padding: 13px 18px !important;
    box-shadow: 0 2px 12px #00000055 !important;
    outline: none !important;
    margin: 0 0 10px 0 !important;
    transition: background 0.16s, box-shadow 0.16s;
  }
  .crypto-searchbar:focus {
    background: var(--mobile-trending-card-bg) !important;
    border: none !important;
    box-shadow: 0 3px 16px -2px #00000066 !important;
    outline: none !important;
  }
  .crypto-searchbar:focus-visible { outline: none !important; }

  .crypto-search-suggestions {
    width: 100% !important;
    background: var(--color-bg-box) !important;
    border-radius: 18px !important;
    box-shadow: 0 4px 22px -4px #000c !important;
    padding: 4px 0 6px 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    max-height: 560px !important;
    overflow-y: auto !important;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .crypto-search-suggestions::-webkit-scrollbar { display: none; }

  .crypto-search-suggestion {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 11px 16px !important;
    cursor: pointer !important;
    border-radius: 14px !important;
    transition: background 0.13s, box-shadow 0.13s !important;
  }
  .crypto-search-suggestion:hover,
  .crypto-search-suggestion:focus {
    background: #24262a !important;
    box-shadow: 0 0 0 1px #26272b, 0 0 6px #2562e422 !important;
  }
  .crypto-search-suggestion:focus-visible {
    outline: 2px solid #2562e4 !important;
    outline-offset: 2px !important;
  }

  .crypto-search-suggestion-icon {
    width: 26px !important;
    height: 26px !important;
    border-radius: 6px !important;
    background: #222 !important;
    object-fit: cover !important;
    margin-right: 0 !important;
  }

  .crypto-search-suggestion-info {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 2px !important;
  }

  .crypto-search-suggestion-name {
    font-size: 1rem !important;
    font-weight: 700 !important;
    color: #fff !important;
  }

  .crypto-search-suggestion-symbol {
    font-size: 0.86rem !important;
    font-weight: 600 !important;
    color: #888 !important;
    opacity: 0.92 !important;
  }

  .crypto-search-suggestion-price {
    margin-left: auto !important;
    font-size: 0.96rem !important;
    font-weight: 700 !important;
    color: var(--color-green) !important;
  }

  .crypto-search-suggestion-empty {
    text-align: center !important;
    color: #777 !important;
    font-size: 0.97rem !important;
    padding: 18px 0 !important;
  }

  .modal,
  .modal-success,
  .modal-profile {
    width: 72vw !important;
    max-width: 400px !important;
    min-width: 280px !important;
    padding: 24px 20px 18px !important;
    border-radius: 22px !important;
    background: #141516 !important;
    box-shadow:
      0 24px 48px -22px #000e,
      0 6px 22px -12px #000a,
      0 0 0 1px #1c1d1f inset !important;
    align-items: stretch !important;
    gap: 0 !important;
  }

  .modal-x{
    position: absolute !important;
    top: 8px !important;
    right: 10px !important;
    font-size: 20px !important;
    width: auto !important;
    height: auto !important;
    background: none !important;
    border: none !important;
    color: #fff !important;
    line-height: 1 !important;
    padding: 0 !important;
  }

  .modal-content,
  .modal-profile-content,
  .modal-success-content {
    width: 100% !important;
    gap: 14px !important;
    align-items: stretch !important;
  }

  .modal-content h2 {
    font-size: 1.24rem !important;
    margin: 0 0 2px 0 !important;
    text-align: center !important;
    font-weight: 700 !important;
    letter-spacing: .02em !important;
  }

  .modal-content form {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    margin: 0 0 2px 0 !important;
  }

  .modal-content label {
    font-size: 0.86rem !important;
    margin: 0 0 1px 0 !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
    letter-spacing: .01em !important;
    color: #e9e9e9 !important;
  }
  .checkbox-label{ font-size: 0.86rem !important; }

  .modal-content input[type="email"],
  .modal-content input[type="password"],
  .modal-content input[type="text"] {
    background: #1d1e20 !important;
    border: 1px solid #27292b !important;
    border-radius: 12px !important;
    padding: 8px 12px !important;
    font-size: 0.88rem !important;
    font-weight: 500 !important;
    color: #fff !important;
    box-shadow: none !important;
    outline: none !important;
    margin-top: 0 !important;
    transition: background .18s, border-color .18s !important;
  }
  .modal-content input[type="email"]:focus,
  .modal-content input[type="password"]:focus,
  .modal-content input[type="text"]:focus {
    background: #232527 !important;
    border-color: #3c3f42 !important;
    outline: none !important;
  }
  .modal-content input[type="email"]:focus-visible,
  .modal-content input[type="password"]:focus-visible,
  .modal-content input[type="text"]:focus-visible { outline: none !important; }

  .modal-content input + label { margin-top: 8px !important; }

  .checkbox-container { margin-top: 6px !important; }

  .form-error {
    font-size: 0.70rem !important;
    margin: -4px 0 -4px 0 !important;
    min-height: 12px !important;
  }
  .form-success {
    font-size: 0.84rem !important;
    padding: 9px 10px !important;
    border-radius: 12px !important;
  }

  #forgot-password-link {
    font-size: 0.76rem !important;
    margin: -2px 0 -2px 0 !important;
    text-align: center !important;
  }

  .modal-content button[type="submit"] {
    background: #2a2b2d !important;
    border: 1px solid #343638 !important;
    border-radius: 14px !important;
    padding: 9px 12px !important;
    font-size: 0.86rem !important;
    font-weight: 700 !important;
    letter-spacing: .02em !important;
    margin: 8px 0 0 0 !important;
    box-shadow: 0 4px 18px -10px #000c !important;
    transition: background .18s, border-color .18s !important;
  }
  .modal-content button[type="submit"]:hover,
  .modal-content button[type="submit"]:focus {
    background: #303234 !important;
    border-color: #404346 !important;
    outline: none !important;
  }
  .modal-content button[type="submit"]:active { background: #242526 !important; }
  .modal-content button[type="submit"]:focus-visible { outline: none !important; }

  .modal-links {
    gap: 5px !important;
    margin: 6px 0 0 0 !important;
    font-size: 0.80rem !important;
    align-items: center !important;
  }
  #login-not-registered-container { gap: 6px !important; }
  #login-not-registered-container span,
  #login-not-registered-container button { font-size: 0.86rem !important; }
  .modal-link { color: #aeb0b2 !important; font-weight: 500 !important; }
  .modal-link:hover,
  .modal-link:focus { color: #fff !important; }
  .modal-link { font-size: 0.82rem !important; }

  .close-modal {
    position: absolute !important;
    top: 12px !important;
    right: 14px !important;
    width: 30px !important;
    height: 30px !important;
    font-size: 18px !important;
    background: #1d1e20 !important;
    border-radius: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #fff !important;
    border: 1px solid #26282a !important;
    transition: background .18s, border-color .18s !important;
  }
  .close-modal:hover,
  .close-modal:focus { background: #26262a !important; border-color: #343638 !important; outline: none !important; }
  .close-modal:focus-visible { outline: none !important; }

  .modal-backdrop {
    background: rgba(15,16,18,0.90) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
  }

  .modal-profile-content {
    padding-top: 4px !important;
    gap: 20px !important;
    align-items: center !important;
  }
  .profile-modal-avatar {
    width: 84px !important;
    height: 84px !important;
    border: 2px solid #2d2f31 !important;
    background: #202123 !important;
  }
  .profile-modal-info { font-size: 0.86rem !important; }
  .profile-logout-btn {
    background: #27292b !important;
    border: 1px solid #333537 !important;
    border-radius: 16px !important;
    padding: 10px 18px !important;
    font-size: 0.86rem !important;
    font-weight: 600 !important;
    transition: background .18s, border-color .18s !important;
  }
  .profile-logout-btn:hover,
  .profile-logout-btn:focus {
    background: #303234 !important;
    border-color: #404346 !important;
    outline: none !important;
  }
  .profile-logout-btn:focus-visible { outline: none !important; }

  .modal-success-content {
    height: auto !important;
    min-height: 110px !important;
    font-size: 0.90rem !important;
  }

  .twofa-qr{
    width: clamp(160px, 44vw, 280px) !important;
    height: clamp(160px, 44vw, 280px) !important;
    padding: 6px !important;
    border-radius: 8px !important;
  }
  .twofa-secret-hint{ font-size: 0.82rem !important; }
  .twofa-code-input{ letter-spacing: 0.25ch !important; }

  .top-filter-bar .filter-btn.filter-search {
    position: relative;
    z-index: 1;
    -webkit-tap-highlight-color: transparent;
  }
  .top-filter-bar .filter-btn.filter-search::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 10px;
    background: var(--mobile-trending-card-bg);
    transform-origin: center;
    transform: scaleX(var(--filter-search-hover-scale-x));
    opacity: 0;
    transition: none;
    z-index: -1;
    pointer-events: none;
  }
  .top-filter-bar .filter-btn.filter-search:hover::before,
  .top-filter-bar .filter-btn.filter-search:focus-visible::before,
  .top-filter-bar .filter-btn.filter-search:active::before,
  .top-filter-bar .filter-btn.filter-search.active::before {
    opacity: 1;
    box-shadow: 0 1.5px 7px #2222;
  }
  .top-filter-bar .filter-btn.filter-search:hover,
  .top-filter-bar .filter-btn.filter-search:focus,
  .top-filter-bar .filter-btn.filter-search:active,
  .top-filter-bar .filter-btn.filter-search.active {
    background: transparent !important;
  }

  .top-filter-bar .filter-btn.filter-winner,
  .top-filter-bar .filter-btn.filter-loser {
    position: relative;
    z-index: 1;
    -webkit-tap-highlight-color: transparent;
  }
  .top-filter-bar .filter-btn.filter-winner::before,
  .top-filter-bar .filter-btn.filter-loser::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 10px;
    background: var(--mobile-trending-card-bg);
    transform-origin: center;
    transform: scaleX(var(--filter-wide-hover-scale-x));
    opacity: 0;
    transition: none;
    z-index: -1;
    pointer-events: none;
  }
  .top-filter-bar .filter-btn.filter-winner:hover::before,
  .top-filter-bar .filter-btn.filter-winner:focus-visible::before,
  .top-filter-bar .filter-btn.filter-winner:active::before,
  .top-filter-bar .filter-btn.filter-winner.active::before,
  .top-filter-bar .filter-btn.filter-loser:hover::before,
  .top-filter-bar .filter-btn.filter-loser:focus-visible::before,
  .top-filter-bar .filter-btn.filter-loser:active::before,
  .top-filter-bar .filter-btn.filter-loser.active::before {
    opacity: 1;
    box-shadow: 0 1.5px 9px #2222;
  }
  .top-filter-bar .filter-btn.filter-winner:hover,
  .top-filter-bar .filter-btn.filter-winner:focus,
  .top-filter-bar .filter-btn.filter-winner:active,
  .top-filter-bar .filter-btn.filter-winner.active,
  .top-filter-bar .filter-btn.filter-loser:hover,
  .top-filter-bar .filter-btn.filter-loser:focus,
  .top-filter-bar .filter-btn.filter-loser:active,
  .top-filter-bar .filter-btn.filter-loser.active {
    background: transparent !important;
  }

  .top-filter-bar .filter-btn.filter-loser {
    transform: translateX(var(--filter-loser-nudge-x));
  }
}

/* Zusätzliche Breakpoints für sehr kleine Bildschirme */
@media (max-width: 390px) {
  :root {
    --mobile-sparkline-canvas-width: clamp(44px, 15.5vw, 68px);
    --mobile-sparkline-canvas-height: clamp(20px, 6.2vw, 30px);
  }
  .crypto-table td.sparkline-cell,
  .crypto-table td:nth-child(10) {
    flex-basis: calc(var(--mobile-sparkline-canvas-width) + 8px) !important;
    min-width: calc(var(--mobile-sparkline-canvas-width) + 8px) !important;
    max-width: calc(var(--mobile-sparkline-canvas-width) + 8px) !important;
  }
}

@media (max-width: 360px) {
  :root {
    --mobile-sparkline-canvas-width: clamp(40px, 14vw, 64px);
    --mobile-sparkline-canvas-height: clamp(18px, 5.8vw, 28px);
  }
  .crypto-table td.sparkline-cell,
  .crypto-table td:nth-child(10) {
    flex-basis: calc(var(--mobile-sparkline-canvas-width) + 6px) !important;
    min-width: calc(var(--mobile-sparkline-canvas-width) + 6px) !important;
    max-width: calc(var(--mobile-sparkline-canvas-width) + 6px) !important;
  }
}

@media (max-width:1100px) and (min-height:850px) {
  header .logo { font-size: 1.56rem; }
  .sidebar nav ul li { font-size: 0.98rem; }
  .crypto-table { font-size: 1.03rem; }
  .crypto-searchbar { font-size: 1.10rem; }
  .filter-btn { font-size: calc(var(--filterbar-font-size) * 1.05); }
  .top-filter-bar .filter-btn:not(.filter-fav) { font-size: calc(var(--filterbar-font-size) * 1.05 * 0.92) !important; }
  .crypto-search-suggestion-name { font-size: 1.02rem !important; }
  .crypto-search-suggestion-symbol { font-size: 0.88rem !important; }
}

@media (max-width:1100px) and (min-height:910px) {
  header .logo { font-size: 1.62rem; }
  .sidebar nav ul li { font-size: 1.02rem; }
  .crypto-table { font-size: 1.07rem; }
  .crypto-searchbar { font-size: 1.14rem; }
  .filter-btn { font-size: calc(var(--filterbar-font-size) * 1.08); }
  .top-filter-bar .filter-btn:not(.filter-fav) { font-size: calc(var(--filterbar-font-size) * 1.08 * 0.92) !important; }
  .crypto-search-suggestion-name { font-size: 1.06rem !important; }
  .crypto-search-suggestion-symbol { font-size: 0.92rem !important; }
}

@media (max-width:1100px) and (min-height:901px) {
  .crypto-table { margin-top: -2px !important; }
}

/* NEU (>1000px) Schrift & Sidebar-Menü weiter unten */
@media (max-width:1100px) and (min-height:1000px) {
  .sidebar { padding-top: 18vh; }
  header .logo { font-size: 1.76rem; }
  .sidebar nav ul li { font-size: 1.10rem; }
  .crypto-table { font-size: 1.12rem; }
  .crypto-searchbar { font-size: 1.20rem; }
  .filter-btn { font-size: calc(var(--filterbar-font-size) * 1.13); }
  .top-filter-bar .filter-btn:not(.filter-fav) { font-size: calc(var(--filterbar-font-size) * 1.13 * 0.92) !important; }
  .crypto-search-suggestion-name { font-size: 1.12rem !important; }
  .crypto-search-suggestion-symbol { font-size: 0.98rem !important; }
}

@media (max-width:1100px) and (min-height:1100px) {
  .sidebar { padding-top: 20vh; }
  header .logo { font-size: 1.84rem; }
  .sidebar nav ul li { font-size: 1.14rem; }
  .crypto-table { font-size: 1.16rem; }
  .crypto-searchbar { font-size: 1.24rem; }
  .filter-btn { font-size: calc(var(--filterbar-font-size) * 1.15); }
  .top-filter-bar .filter-btn:not(.filter-fav) { font-size: calc(var(--filterbar-font-size) * 1.15 * 0.92) !important; }
  .crypto-search-suggestion-name { font-size: 1.16rem !important; }
  .crypto-search-suggestion-symbol { font-size: 1.02rem !important; }
}

@media (max-width:1100px) and (min-height:1200px) {
  .sidebar { padding-top: 22vh; }
  header .logo { font-size: 1.90rem; }
  .sidebar nav ul li { font-size: 1.18rem; }
  .crypto-table { font-size: 1.20rem; }
  .crypto-searchbar { font-size: 1.28rem; }
  .filter-btn { font-size: calc(var(--filterbar-font-size) * 1.18); }
  .top-filter-bar .filter-btn:not(.filter-fav) { font-size: calc(var(--filterbar-font-size) * 1.18 * 0.92) !important; }
  .crypto-search-suggestion-name { font-size: 1.20rem !important; }
  .crypto-search-suggestion-symbol { font-size: 1.06rem !important; }
}

@media (max-width:1100px) and (min-height:1300px) {
  .sidebar { padding-top: 24vh; }
  header .logo { font-size: 1.98rem; }
  .sidebar nav ul li { font-size: 1.22rem; }
  .crypto-table { font-size: 1.24rem; }
  .crypto-searchbar { font-size: 1.32rem; }
  .filter-btn { font-size: calc(var(--filterbar-font-size) * 1.21); }
  .top-filter-bar .filter-btn:not(.filter-fav) { font-size: calc(var(--filterbar-font-size) * 1.21 * 0.92) !important; }
  .crypto-search-suggestion-name { font-size: 1.24rem !important; }
  .crypto-search-suggestion-symbol { font-size: 1.10rem !important; }
}

/* Niedrigere Höhen-Anpassungen */
@media (max-width:1100px) and (max-height:900px) {
  :root {
    --mobile-trending-card-h: 180px;
    --trending-card-content-raise: 4px;
    --mobile-filterbar-raise: 45px;
    --mobile-trending-filter-gap: -4px;
  }
  .side-box-list li {
    min-width: 144px;
    max-width: 154px;
    padding: calc(28px - var(--trending-card-content-raise)) 8px 20px 8px;
    gap: 10px;
  }
  .side-box-coin-icon { width: 48px; height: 48px; }
  .side-box-coin-fullname { font-size: 1.06rem; }
  .side-box-trend-vertical { font-size: 0.96rem; }
  .crypto-table { margin-top: -8px !important; }
  .crypto-table tr { margin: 0 0 5px 0 !important; min-height: 58px !important; }
}

@media (max-width:1100px) and (max-height:800px) {
  :root {
    --mobile-trending-card-h: 160px;
    --trending-card-content-raise: 2px;
    --mobile-filterbar-raise: 65px;
    --mobile-trending-filter-gap: -6px;
  }
  .side-box-list li {
    min-width: 134px;
    max-width: 144px;
    padding: calc(24px - var(--trending-card-content-raise)) 8px 16px 8px;
    gap: 9px;
  }
  .side-box-coin-icon { width: 44px; height: 44px; }
  .side-box-coin-fullname { font-size: 1.00rem; }
  .side-box-trend-vertical { font-size: 0.92rem; }
  #crypto-table-container { margin-top: -12px !important; }
  .crypto-table { margin-top: -16px !important; }
  .crypto-table tr { margin: 0 0 4px 0 !important; min-height: 56px !important; }
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}

@media (max-width:1100px){
  .crypto-table td.price-cell > .crypto-price,
  .crypto-table td.price-cell > .crypto-mobile-price { font-size: 0.95em !important; font-weight: 700 !important; line-height: 1.15 !important; }
  .crypto-table td.price-cell > .crypto-percent,
  .crypto-table td.price-cell > .crypto-mobile-change24h { font-size: 0.95em !important; font-weight: 600 !important; line-height: 1.15 !important; }
  .crypto-table td.name-cell > .coin-info-mobile > .coin-name-mobile { font-size: 0.95em !important; font-weight: 700 !important; }
  .crypto-table td.name-cell > .coin-info-mobile > .coin-symbol-mobile { font-size: 0.80em !important; font-weight: 600 !important; }
}