@media(max-width:800px){
  .catalog-filters{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .catalog-filters .filter-group{margin:0}
  .genre-chips{gap:6px}
  .genre-chip{padding:6px 12px}
  .results{gap:12px}
  .history-grid{grid-template-columns:1fr}
  .profile-box{flex-wrap:wrap}
  .profile-box .primary{margin-left:0!important;width:100%;margin-top:10px}
  .admin-actions-bar{flex-direction:column;align-items:stretch}
  .admin-actions-bar>div{flex-wrap:wrap}
  .header-actions{gap:8px}
  .search-main{font-size:16px!important}
  input[type="search"],select,input[type="text"],input[type="email"],input[type="password"]{font-size:16px}
}

@media(max-width:600px){
  .reader-top-bar{flex-wrap:wrap;gap:6px;padding:6px 8px}
  .reader-top-bar .primary{padding:6px 8px;font-size:11px}
  .reader-top-bar b{font-size:11px;width:100%;order:-1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .reader-progress{top:84px}
  .reader-floating-nav{flex-wrap:nowrap;justify-content:center;gap:5px;left:6px;right:6px;transform:none;padding:6px 8px}
  .reader-floating-nav .primary{padding:7px 8px;font-size:11px;flex-shrink:0}
  .reader-floating-nav .reader-page-jump{width:44px;flex-shrink:0}
  .reader-floating-nav span{white-space:nowrap;font-size:11px}
  .reader-side-panel{left:10px!important;right:10px!important;width:auto!important;max-width:none!important;top:96px!important}
  .reader-tap-zone{width:26%}
  .bell-panel{left:10px;right:10px;width:auto}
  .toast{bottom:96px;width:max-content;max-width:calc(100vw - 24px)}
  .desktop-nav+.header-actions .search-top{display:none}
  .admin-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .admin-table{min-width:640px}
  .load-more{width:100%}
  .section-head{flex-wrap:wrap}
}

.bottom{
  padding-bottom:calc(env(safe-area-inset-bottom, 0px));
}

@supports(padding:max(0px)){
  .bottom{padding-bottom:max(env(safe-area-inset-bottom,0px),10px)}
}

@media(min-width:801px){
  .bottom{display:none}
  main{padding-bottom:60px}
  .scroll-top{bottom:24px}
  .toast{bottom:24px}
}