.mobile-tab-bar,.mobile-menu,.catalog-filter-toggle,.detail-description-toggle{display:none}@media (max-width:800px){:root{--header-height:60px;--mobile-nav-height:68px;--mobile-gutter:16px}html{scroll-padding-top:calc(var(--header-height) + env(safe-area-inset-top) + 12px);scroll-padding-bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom) + 12px)}body{min-height:100dvh;padding-bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom))}.app-container{width:calc(100% - var(--mobile-gutter) * 2)}.app-main{min-height:calc(100dvh - var(--header-height) - var(--mobile-nav-height) - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding-block:16px 32px}.page-stack{grid-template-columns:minmax(0,1fr);gap:28px}.site-header{padding-top:env(safe-area-inset-top);background:color-mix(in srgb, var(--background) 95%, transparent)}.header-inner{height:var(--header-height);gap:8px}.header-brand .wordmark{font-size:25px}.header-actions{gap:4px;margin-left:auto}.desktop-nav,.header-search,.header-actions>.language-switcher,.header-actions>.theme-switcher-header,.header-profile,.header-history,.header-login,.header-register{display:none}.icon-btn,.mobile-only,.btn{min-height:44px}.icon-btn{flex-shrink:0;width:44px;height:44px}.header-actions .icon-btn,.mobile-back{background:0 0;border:0;border-radius:12px}.mobile-back{margin-left:-8px}.mobile-tab-bar{z-index:70;min-height:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom));padding:6px max(4px, env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(4px, env(safe-area-inset-left));border-top:1px solid var(--border);background:color-mix(in srgb, var(--surface) 96%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;inset:auto 0 0}.mobile-tab-bar a{min-width:0;min-height:54px;color:var(--secondary-text);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:500;line-height:1.2;display:flex}.mobile-tab-icon{border-radius:10px;place-items:center;width:48px;height:28px;display:grid}.mobile-tab-bar a[aria-current=page]{color:var(--accent);font-weight:700}.mobile-tab-bar a[aria-current=page] .mobile-tab-icon{background:color-mix(in srgb, var(--accent) 12%, transparent)}.mobile-tab-bar a:active,.header-actions .icon-btn:active,.mobile-menu-links a:active{background:var(--muted)}.mobile-menu{width:100%;max-width:100%;max-height:min(88dvh,760px);color:var(--foreground);background:var(--surface);border:1px solid var(--border);border-bottom:0;border-radius:24px 24px 0 0;margin:0;padding:0;position:fixed;inset:auto 0 0;overflow:visible}.mobile-menu[open]{display:block}.mobile-menu::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0008}.mobile-menu-content{max-height:inherit;overscroll-behavior:contain;padding:10px 20px calc(24px + env(safe-area-inset-bottom));overflow-y:auto}.mobile-menu-content:before{content:"";background:var(--border);border-radius:4px;width:32px;height:4px;margin:0 auto 10px;display:block}.mobile-menu-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.mobile-menu-heading h2{font-size:22px}.mobile-menu-account{background:var(--muted);border-radius:14px;align-items:center;gap:12px;margin-bottom:12px;padding:12px;display:flex}.mobile-menu-account>span{overflow-wrap:anywhere;flex:1;min-width:0}.mobile-menu-account>span>span{color:var(--secondary-text);margin-top:2px;font-size:11px;display:block}.mobile-menu-links{display:grid}.mobile-menu-links a{border-radius:10px;align-items:center;gap:12px;min-height:48px;padding:10px 8px;font-size:14px;display:flex}.mobile-menu-links a>svg:first-child{color:var(--secondary-text)}.mobile-menu-links a>svg:last-child{color:var(--muted-text);margin-left:auto}.mobile-menu-preferences{border-top:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-block:16px;padding-top:20px;display:grid}.mobile-menu-preferences>.field{min-width:0}.mobile-menu-preferences .field-label{font-size:12px}.mobile-menu-content>div:last-child>.btn{width:100%}.select-option,.select-control--compact .select-trigger,.catalog-page{min-height:44px}.app-main summary{align-content:center;min-height:44px}.catalog-sources a{align-items:center;min-height:44px;display:inline-flex}.select-option{font-size:14px}.input,.input-group input,.search-form input,.select-control--field .select-trigger{font-size:16px}.home-discovery{gap:28px}.home-discovery .discovery-hero{border-radius:18px;align-items:flex-end;min-height:360px;display:flex}.discovery-hero .hero-art{opacity:1;object-position:center 26%}.discovery-hero:after{background:linear-gradient(#08091112 0%,#08091170 23%,#080911ed 61%,#080911 100%)}.discovery-hero .hero-content{width:100%;max-width:none;padding:90px 20px 66px}.discovery-hero h1{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:8px 0 12px;font-size:clamp(24px,6.5vw,32px);line-height:1.13;display:-webkit-box;overflow:hidden}.discovery-hero .home-featured-label{color:#e2ddec;font-size:11px}.home-hero-meta{gap:10px;margin-bottom:0;font-size:11px}.discovery-hero .home-hero-description{display:none}.discovery-hero .hero-bottom{flex-wrap:nowrap;margin-top:18px}.discovery-hero .hero-bottom .btn{padding-inline:14px;font-size:12px}.home-hero-switcher{gap:4px;bottom:8px;right:12px}.home-hero-switcher .btn{background:0 0;border:0;width:44px;min-width:44px}.section-heading{align-items:center;gap:12px;margin-bottom:16px}.section-heading h2{text-wrap:initial;font-size:20px;line-height:1.25}.section-heading>a{justify-content:center;min-height:44px}.home-all-link{border:0;place-items:center;min-width:44px;display:grid}.home-anime-rail,.home-resume-rail,.home-update-rail{overscroll-behavior-x:contain;scroll-snap-type:x proximity;margin-right:calc(-1 * var(--mobile-gutter));padding:2px var(--mobile-gutter) 4px 1px;scrollbar-width:none;grid-template-columns:none;grid-auto-flow:column;gap:12px;scroll-padding-left:1px;display:grid;overflow-x:auto}.home-anime-rail{grid-auto-columns:clamp(132px,40%,185px)}.home-resume-rail{grid-auto-columns:88%}.home-update-rail{grid-template-rows:repeat(2,auto);grid-auto-columns:90%;gap:0 16px}.home-anime-rail>*,.home-resume-rail>*,.home-update-rail>*{scroll-snap-align:start}.home-resume-card{border-radius:14px;gap:12px;padding:12px}.home-resume-card>img{border-radius:6px;width:64px;height:96px}.home-resume-card h3,.home-update-card h3{font-size:14px}.home-resume-action,.home-release-badge{color:var(--accent)}.home-update-card{gap:12px;padding-block:12px}.anime-card h3{margin-top:8px;font-size:14px;line-height:1.4}.card-meta{gap:4px 8px;font-size:11px}.poster-wrap{border-radius:12px}.catalog-page-layout{gap:20px}.catalog-page-heading h1{margin:0 0 16px;font-size:26px}.catalog-page-heading>p{display:none}.search-form{border-radius:12px}.search-form input,.search-form button{min-height:48px}.catalog-quick-genres,.detail-genres,.collection-tabs{overscroll-behavior-x:contain;scrollbar-width:none;margin-right:calc(-1 * var(--mobile-gutter));padding-right:var(--mobile-gutter);flex-wrap:nowrap;overflow-x:auto}.catalog-quick-genres>*,.detail-genres>*,.collection-tabs>*{white-space:nowrap;flex-shrink:0;align-items:center;min-height:44px;display:inline-flex}.catalog-filters{border-radius:12px;padding:0}.catalog-filter-toggle{text-align:left;align-items:center;gap:10px;width:100%;min-height:52px;padding:12px 14px;font-size:14px;font-weight:600;display:flex}.catalog-filter-toggle>span:first-of-type{align-items:center;gap:6px;display:flex}.catalog-filter-sort{text-overflow:ellipsis;white-space:nowrap;max-width:45%;color:var(--secondary-text);margin-left:auto;font-size:11px;font-weight:400;overflow:hidden}.catalog-filter-count{background:color-mix(in srgb, var(--accent) 14%, transparent);min-width:20px;height:20px;color:var(--accent);border-radius:6px;place-items:center;padding-inline:4px;font-size:11px;display:grid}.catalog-filter-toggle[aria-expanded=true]>svg:last-child,.detail-description-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.catalog-filter-content{padding:0 16px 16px;display:none}.catalog-filter-content.is-expanded{display:block}.catalog-filter-fields{gap:12px}.catalog-genre-options label{min-height:44px}.catalog-filter-actions .btn{flex:1}.catalog-filter-actions>.text-link{align-items:center;min-height:44px;display:inline-flex}.detail-header,.detail-header.has-backdrop{grid-template-columns:104px minmax(0,1fr);gap:16px;padding:8px 0 0;display:grid}.detail-header.has-backdrop{margin-inline:calc(-1 * var(--mobile-gutter));padding:20px var(--mobile-gutter) 0}.detail-header.has-backdrop:before,.detail-backdrop{border-radius:0;height:280px}.detail-backdrop-image{opacity:.55}.detail-body{display:contents}.detail-header>.detail-cover{grid-area:1/1;width:104px;margin:0}.detail-title{grid-area:1/2;align-self:center;min-width:0}.detail-header.has-backdrop .detail-title,.detail-header.has-backdrop .detail-actions,.detail-header.has-backdrop .detail-genres,.detail-header.has-backdrop .detail-synopsis,.detail-header.has-backdrop .anime-personal-actions{z-index:2;position:relative}.detail-title h1{overflow-wrap:anywhere;font-size:clamp(21px,5.7vw,28px);line-height:1.15}.detail-title>.muted{margin-top:6px;font-size:12px}.detail-title .chips{gap:5px;margin-block:12px 0}.detail-title .badge{padding:3px 6px;font-size:10px}.detail-cover .cover-gallery-stage>.cover-gallery-arrow{display:none}.cover-gallery-expand{width:36px;height:36px;top:4px;right:4px}.detail-cover .cover-gallery-thumbnails{scrollbar-width:none;justify-content:flex-start;gap:6px;max-width:100%;padding:3px 2px 5px;overflow-x:auto}.detail-cover .cover-gallery-thumbnail{min-width:44px;min-height:44px}.detail-actions,.detail-genres,.detail-synopsis,.detail-body>.anime-personal-actions{grid-column:1/-1;min-width:0;margin-block:0}.detail-actions{grid-row:2;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:8px;display:grid}.detail-actions>*{flex:1;min-width:0}.detail-actions .btn{border-radius:12px;width:100%;min-height:48px;padding-inline:10px;font-size:12px}.detail-actions .select-trigger{border-radius:12px;min-height:48px;padding-inline:12px;font-size:13px}.detail-genres{grid-row:3}.detail-synopsis{grid-row:4}.detail-description{margin-top:0;font-size:14px;line-height:1.7}.detail-description[data-collapsible=true][data-expanded=false]{-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.detail-description-toggle{min-height:44px;color:var(--accent);align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.detail-body>.anime-personal-actions{border-top:1px solid var(--border);grid-row:5;padding-top:16px}.catalog-anime-details .detail-body>.anime-personal-actions{border-top:0;grid-row:2;padding-top:0}.anime-more-details{background:0 0;border-width:1px 0;border-radius:0;margin-top:16px;padding:12px 0}.anime-more-details>summary{align-content:center;min-height:44px}.watch-player{flex-direction:column;min-width:0;display:flex}.watch-player>.player-frame{width:calc(100% + var(--mobile-gutter) * 2);margin-inline:calc(-1 * var(--mobile-gutter));border-radius:0;order:-2;margin-bottom:16px}.watch-player>.watch-resume{order:-1;padding:16px}.watch-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.watch-toolbar,.watch-toolbar>div{width:100%}.watch-toolbar>div:first-child .btn{flex:1}.watch-toolbar>div:last-child{justify-content:space-between}.watch-player label:has(input[type=checkbox]){min-height:44px}.episode-guide{padding:16px}.profile-header{flex-direction:row;align-items:center;gap:16px;padding:20px 16px}.profile-avatar{border-radius:22px;width:80px;height:80px}.profile-header:has(.avatar-control){flex-direction:column;align-items:stretch}.profile-header .avatar-control{grid-template-columns:80px minmax(0,1fr);align-items:center;gap:0 16px;width:100%;display:grid}.profile-header .avatar-edit-trigger{border-radius:22px;grid-area:1/1/span 2}.profile-header .avatar-control>.muted,.profile-header .avatar-delete-action{grid-column:2}.profile-header .avatar-delete-action{min-height:44px}.profile-header .avatar-control>.form-error,.profile-header .avatar-control>.form-success{grid-column:1/-1}.profile-content h1{font-size:24px}.watch-history-card{gap:14px;padding:16px}.watch-history-poster{width:64px;height:96px}.site-footer{padding-block:24px}.footer-top{gap:16px}.site-footer .footer-top>a{display:none}.footer-links{gap:0 20px}.footer-links a{align-items:center;min-height:44px;font-size:12px;display:inline-flex}.cookie-banner{bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom) + 12px);max-height:calc(100dvh - var(--header-height) - var(--mobile-nav-height) - 40px);overflow-y:auto}}@media (min-width:521px) and (max-width:800px){.home-anime-rail{grid-auto-columns:25%}.home-resume-rail,.home-update-rail{grid-auto-columns:60%}.detail-header,.detail-header.has-backdrop{grid-template-columns:140px minmax(0,1fr)}.detail-header>.detail-cover{width:140px}}@media (max-width:359px){.detail-header,.detail-header.has-backdrop{grid-template-columns:88px minmax(0,1fr);gap:12px}.detail-header>.detail-cover{width:88px}.detail-title h1{font-size:20px}.detail-actions{grid-template-columns:minmax(0,1fr)}.mobile-menu-preferences{grid-template-columns:1fr}}
