@media (max-width: 700px) {
  html,body{width:100%;height:100%;min-height:0;overflow:hidden}
  body{overscroll-behavior:none}
  .app-shell{
    width:100%;height:100dvh;min-height:0;
    display:grid;grid-template-columns:1fr;
    grid-template-rows:minmax(0,1fr) calc(68px + env(safe-area-inset-bottom));
    overflow:hidden;background:#101820
  }
  .content,.frame-host{
    grid-column:1;grid-row:1;width:100%;height:100%;min-width:0;min-height:0;
    overflow:hidden;padding:0
  }
  .page-frame{width:100%;height:100%;min-height:0;border:0}
  .statusbar{display:none!important}
  .sidebar{
    position:relative;z-index:500;grid-column:1;grid-row:2;
    width:100%;height:calc(68px + env(safe-area-inset-bottom));min-height:0;
    display:block;border:0;border-top:1px solid #425466;
    background:linear-gradient(180deg,#172331,#0c151f);
    box-shadow:0 -8px 25px #0008
  }
  .logo-box,.sidebar-bottom{display:none!important}
  .menu{
    width:100%;height:100%;display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:2px;overflow:visible;padding:5px 4px max(5px,env(safe-area-inset-bottom))
  }
  .menu-item{
    width:100%!important;height:57px;min-height:0;margin:0!important;padding:6px 2px!important;
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
    border:0!important;border-radius:12px!important;
    color:#d8e4ee;font-size:0!important;line-height:1.05;text-align:center;
    overflow:hidden;white-space:normal!important
  }
  .menu-item::before{font-size:20px;line-height:1}
  .menu-item::after{font-size:10px;font-weight:700}
  .menu-item[data-page=markt]::before{content:"📉"}
  .menu-item[data-page=optionen]::before{content:"✅"}
  .menu-item[data-page=handel]::before{content:"📈"}
  .menu-item[data-page=kalender]::before{content:"📅"}
  .menu-item[data-page=markt]::after{content:"Markt"}
  .menu-item[data-page=optionen]::after{content:"Optionen"}
  .menu-item[data-page=handel]::after{content:"Handel"}
  .menu-item[data-page=kalender]::after{content:"Kalender"}
  .menu-item.active{background:#1e5272!important;color:#fff;box-shadow:inset 0 0 0 1px #52dff0}
  .menu-item[data-page=konten],
  .menu-item[data-page=charts],
  .menu-item[data-page=settings]{display:none}
  .mobile-more-button{
    display:flex;width:100%;height:57px;min-height:0;margin:0;padding:6px 2px;
    flex-direction:column;align-items:center;justify-content:center;gap:3px;
    border:0;border-radius:12px;background:transparent;color:#d8e4ee;font:700 10px/1 system-ui
  }
  .mobile-more-button span{font-size:22px;line-height:1}
  .mobile-more-sheet{
    position:fixed;z-index:20000;left:10px;right:10px;
    bottom:calc(76px + env(safe-area-inset-bottom));
    display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;
    padding:14px;border:1px solid #4a6377;border-radius:18px;
    background:#101c28;box-shadow:0 18px 55px #000c
  }
  .mobile-more-sheet.open{display:grid}
  .mobile-more-sheet button{
    min-height:54px;padding:10px;border:1px solid #385166;border-radius:12px;
    background:#192b3b;color:#fff;font:700 13px system-ui
  }
  .mobile-more-sheet button:active{background:#22506b}
  .mobile-more-backdrop{
    position:fixed;z-index:19999;inset:0;display:none;background:#0007
  }
  .mobile-more-backdrop.open{display:block}
}