/* ANIOVA_MOBILE_LAYOUT_V2 */
html,body{max-width:100%;overflow-x:hidden}
img,video,canvas,svg{max-width:100%}
.container,.section,.card,.settings-shell,.modal-body,.topbar-inner,.row>*{min-width:0}
.input,select,textarea{min-width:0;max-width:100%}
.release-calendar,.settings-tabs,.tabs{max-width:100%;-webkit-overflow-scrolling:touch}
.social-link-chip{text-decoration:none;cursor:pointer}
.social-link-chip:hover,.social-link-chip:focus-visible{text-decoration:underline}
.social-handle-chip{cursor:default}
.mobile-account-menu{display:none;position:relative;margin:0}
.mobile-account-menu>summary{list-style:none}
.mobile-account-menu>summary::-webkit-details-marker{display:none}
.mobile-menu-toggle{width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);display:grid;place-items:center;cursor:pointer;padding:0}
.hamburger-lines{width:20px;display:grid;gap:4px}
.hamburger-lines i{display:block;height:2px;border-radius:999px;background:var(--text)}
.mobile-menu-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:180;width:min(280px,calc(100vw - 24px));padding:8px;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:0 18px 50px rgba(0,0,0,.5);display:grid;gap:4px}
.mobile-menu-panel button{width:100%;border:0;background:transparent;color:var(--text);padding:11px 12px;border-radius:10px;text-align:left;font:inherit;cursor:pointer}
.mobile-menu-panel button:hover,.mobile-menu-panel button:focus-visible{background:var(--panel2);outline:none}
.mobile-menu-panel .mobile-menu-logout{color:#ff8a8a}
.mobile-menu-user{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:9px;padding:6px 8px 10px;border-bottom:1px solid var(--line);margin-bottom:3px}
.mobile-menu-user span{min-width:0;display:grid}
.mobile-menu-user strong,.mobile-menu-user small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mobile-menu-user small{color:var(--muted)}

@media(max-width:900px){
  .topbar-inner{gap:8px}
  .container{width:100%}
  .section-head{gap:10px;flex-wrap:wrap;align-items:flex-start}
  .section-head>.row,.home-welcome,.profile-actions,.release-actions,.security-actions,.bulk-toolbar{flex-wrap:wrap}
  .home-welcome{align-items:flex-start;gap:12px}
  .detail-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .list-item{grid-template-columns:56px minmax(0,1fr)}
  .list-item>.library-actions,.list-item>.actions{grid-column:1/-1;justify-content:flex-start;flex-wrap:wrap}
  .social-user{grid-template-columns:48px minmax(0,1fr)}
  .social-user>.actions{grid-column:1/-1;justify-content:flex-start;flex-wrap:wrap}
  .bottom-inner{grid-template-columns:repeat(auto-fit,minmax(46px,1fr));height:68px}
  .nav-btn{min-width:0;padding:4px 2px}
}

@media(max-width:620px){
  .shell{padding-bottom:calc(76px + var(--safe-bottom))}
  .topbar-inner{height:56px;display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:8px}
  .topbar .brand{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .topbar-inner>.desktop-topbar-control{display:none!important}
  .mobile-account-menu{display:block;justify-self:end}
  .container{padding-top:14px;padding-bottom:20px}
  .page-title{font-size:22px}
  .grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid-2,.auth-card .grid-2,.form-grid .grid-2,.setup-profile-grid,.detail-hero{grid-template-columns:1fr}
  .detail-cover{width:min(180px,48vw);margin:auto}
  .detail-title-row{align-items:flex-start}
  .detail-actions,.providers,.feed-actions,.event-meta,.chips{max-width:100%;flex-wrap:wrap}
  .detail-actions>.btn,.providers>*{max-width:100%}
  .modal-backdrop{padding-top:max(8px,var(--safe-top));padding-right:max(8px,var(--safe-right));padding-bottom:max(8px,var(--safe-bottom));padding-left:max(8px,var(--safe-left));align-items:end}
  .modal{width:100%;max-height:calc(100dvh - var(--safe-top) - 8px);border-radius:18px 18px 0 0}
  .modal-head{padding:12px}
  .modal-body{padding:12px}
  .settings-footer{bottom:0;flex-wrap:wrap}
  .settings-footer .error{width:100%}
  .release-row{grid-template-columns:54px minmax(0,1fr)}
  .release-actions{grid-column:1/-1;justify-content:flex-start}
  .event-card .row.between,.feed-card>.row{flex-wrap:wrap;align-items:flex-start}
  .btn{max-width:100%;white-space:normal;overflow-wrap:anywhere}
  .bottom-inner{grid-template-columns:repeat(auto-fit,minmax(42px,1fr));height:64px}
  .bottom-nav .nav-btn{font-size:9px}
  .nav-btn span:first-child{font-size:18px}
  .tabs{overscroll-behavior-x:contain;touch-action:pan-x}
  .tab{flex:0 0 auto}
  .release-calendar{overflow-x:auto;overscroll-behavior-x:contain;touch-action:pan-x}
}

@media(max-width:420px){
  .grid-4,.grid-3,.grid-2,.starter-anime-grid,.theme-grid,.contrast-grid,.security-grid,.settings-summary{grid-template-columns:1fr}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .detail-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .taste-row{grid-template-columns:82px minmax(0,1fr) 36px}
  .topbar-inner{grid-template-columns:minmax(0,1fr) 40px;padding-left:10px;padding-right:10px}
  .mobile-menu-toggle{width:40px;height:40px}
  .bottom-inner{grid-template-columns:repeat(auto-fit,minmax(40px,1fr))}
  .nav-btn span:last-child{font-size:8px}
  .auth-shell{padding:18px 10px}
  .auth-card{padding:18px 14px}
  .profile-hero{grid-template-columns:74px minmax(0,1fr)}
  .profile-avatar{width:74px;height:74px;font-size:26px}
  .profile-actions{grid-column:1/-1}
  .list-item{grid-template-columns:48px minmax(0,1fr)}
  .thumb-tools,.trash-icon-btn,.bulk-check{width:48px}
  .thumb{width:48px;height:66px}
  .verify-code{font-size:22px;letter-spacing:7px}
}

/* ANIOVA_MOBILE_TOUCH_NAVIGATION_V2 */
button,a[href],[role="button"],[data-route],[data-anime],[data-user-profile],[data-user-profile-username],[data-action],[data-social-tab],[data-profile-tab],[data-event-tab],[data-events-section],[data-lib-filter],[data-staff-tab],[data-settings-tab]{
  touch-action:manipulation;
  -webkit-tap-highlight-color:rgba(255,255,255,.08);
}
.tabs,.release-calendar{touch-action:pan-x}
@media(pointer:coarse){
  [data-route],[data-user-profile],[data-user-profile-username],[data-anime],[data-action],[data-social-tab],[data-profile-tab],[data-event-tab],[data-events-section],[data-lib-filter],[data-staff-tab],[data-settings-tab]{cursor:pointer}
  .anime-card[data-anime],.list-item[data-anime]{min-height:44px}
}
/* ANIOVA_UI_STAGE_11_MOBILE_CSS */