/* GodToons desktop-only layout layer. Loaded only by templates/base.html. */
.desktop-page{
  --desktop-bg:#050811;--desktop-surface:#0a1220;--desktop-raised:#0f1929;--desktop-card:#0d1726;
  --desktop-border:rgba(151,183,220,.15);--desktop-border-strong:rgba(53,190,255,.44);
  --desktop-text:#f5f8ff;--desktop-secondary:#c5cfdd;--desktop-muted:#8492a7;
  --desktop-blue:#168bff;--desktop-cyan:#22c7f3;--desktop-purple:#8b5cf6;--desktop-pink:#ec4899;
  --desktop-green:#28c77b;--desktop-orange:#f59e0b;--desktop-red:#ef476f;
  --desktop-section-gap:28px;--desktop-card-radius:15px;--desktop-header-height:68px;--desktop-sidebar-width:320px;
  --desktop-max-width:1600px;--desktop-shadow-1:0 12px 34px rgba(0,0,0,.22);--desktop-motion:180ms;
  margin:0;min-width:1024px;background:var(--desktop-bg);color:var(--desktop-text);overflow-x:auto;color-scheme:dark
}
.desktop-page *,.desktop-page *::before,.desktop-page *::after{box-sizing:border-box}
.desktop-page :focus-visible{outline:2px solid var(--desktop-cyan);outline-offset:3px}
.desktop-page .site-shell{width:100%;max-width:none;margin:0;min-height:100vh;border-radius:0;background:linear-gradient(180deg,#050811,#07101c 45%,#04070d)}
.desktop-page .main-content{width:min(var(--desktop-max-width),calc(100% - clamp(48px,6vw,96px)));max-width:none;margin:0 auto;padding:30px 0 54px;min-height:70vh}
.desktop-page .container{width:min(var(--desktop-max-width),calc(100% - clamp(48px,6vw,96px)));max-width:none;margin-inline:auto}
.desktop-page .nav{position:sticky;top:0;z-index:100;height:var(--desktop-header-height);background:rgba(5,8,17,.94);border-bottom:1px solid var(--desktop-border);backdrop-filter:blur(10px)}
.desktop-page .nav.scrolled{background:rgba(5,8,17,.985);box-shadow:0 8px 28px rgba(0,0,0,.22)}
.desktop-page .nav-inner{height:100%;width:min(var(--desktop-max-width),calc(100% - clamp(40px,5vw,88px)));max-width:none;margin:0 auto;padding:0;display:flex;align-items:center;gap:14px}
.desktop-page .brand{flex:0 0 auto;max-width:190px}
.desktop-page .brand-full-logo{max-width:180px;max-height:48px;object-fit:contain}
.desktop-page .nav-links{display:flex;align-items:center;gap:3px;min-width:0;flex:1;overflow:visible}
.desktop-page .nav-links>a,.desktop-page .nav-more summary{min-height:38px;display:flex;align-items:center;padding:0 10px;border-radius:9px;color:var(--desktop-secondary);font-size:13px;font-weight:710;white-space:nowrap}
.desktop-page .nav-links>a:hover,.desktop-page .nav-more summary:hover{background:rgba(255,255,255,.05);color:#fff}
.desktop-page .nav-links>a.active{background:rgba(34,199,243,.1);color:#fff}
.desktop-page .nav-links>a.active::after{content:"";position:absolute;left:12px;right:12px;bottom:-15px;height:2px;background:var(--desktop-cyan);border-radius:2px}
.desktop-page .nav-links>a{position:relative}
.desktop-page .membership-nav-highlight{background:transparent!important;color:var(--desktop-secondary)!important;box-shadow:none!important}
.desktop-page .membership-nav-highlight.active{background:rgba(139,92,246,.12)!important;color:#ede9fe!important}
.desktop-page .nav-more{position:relative}
.desktop-page .nav-more summary{cursor:pointer;list-style:none}
.desktop-page .nav-more summary::-webkit-details-marker{display:none}
.desktop-page .nav-more-menu{position:absolute;top:46px;right:0;width:190px;padding:7px;border:1px solid var(--desktop-border);border-radius:12px;background:var(--desktop-raised);box-shadow:var(--desktop-shadow-1)}
.desktop-page .nav-more-menu a{display:block;padding:10px;border-radius:8px;color:var(--desktop-secondary);font-size:13px}
.desktop-page .nav-more-menu a:hover{background:rgba(255,255,255,.05);color:#fff}
.desktop-page .nav-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}
.desktop-page .icon-btn,.desktop-page .theme-toggle{width:40px;height:40px;border:1px solid var(--desktop-border);border-radius:10px;background:rgba(255,255,255,.025);color:var(--desktop-text);display:grid;place-items:center}
.desktop-page .icon-btn:hover,.desktop-page .theme-toggle:hover{border-color:var(--desktop-border-strong);background:rgba(34,199,243,.06)}
.desktop-page .desktop-account-button{display:flex;align-items:center;gap:8px;min-height:40px;padding:4px 10px 4px 5px;border:1px solid var(--desktop-border);border-radius:10px;background:rgba(255,255,255,.025)}
.desktop-page .desktop-account-button img{width:30px;height:30px;border-radius:8px;object-fit:cover}
.desktop-page .desktop-account-button span{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:760}
.desktop-page .mobile-bottom-nav,.desktop-page .category-bottom-dock{display:none!important}

/* General surfaces */
.desktop-page .section{margin:0 0 var(--desktop-section-gap)}
.desktop-page .section,.desktop-page .card,.desktop-page .panel,.desktop-page .form{border-color:var(--desktop-border)}
.desktop-page .section-title{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}
.desktop-page .section-title h1,.desktop-page .section-title h2{margin:0;line-height:1.12}
.desktop-page .section-title h1{font-size:34px}.desktop-page .section-title h2{font-size:24px}
.desktop-page .section-title p{margin:5px 0 0;color:var(--desktop-muted)}
.desktop-page .card{background:var(--desktop-card);border:1px solid var(--desktop-border);border-radius:var(--desktop-card-radius);box-shadow:none;overflow:hidden}
.desktop-page .btn{min-height:40px;border-radius:10px;padding:9px 14px}
.desktop-page .btn.primary{background:linear-gradient(135deg,var(--desktop-blue),#0ba5e9)}
.desktop-page input,.desktop-page select,.desktop-page textarea{border-radius:10px;border-color:var(--desktop-border);background:#08111f;color:var(--desktop-text)}

/* Hero and homepage */
.desktop-page .anime-home-hero{min-height:clamp(450px,36vw,570px);border:1px solid var(--desktop-border);border-radius:22px;overflow:hidden;box-shadow:none}
.desktop-page .anime-home-hero::after{background:linear-gradient(90deg,rgba(5,8,17,.94) 0,rgba(5,8,17,.62) 52%,rgba(5,8,17,.14) 79%),linear-gradient(0deg,rgba(5,8,17,.88),transparent 45%)}
.desktop-page .hero-copy{max-width:690px}
.desktop-page .hero-copy h1{font-size:clamp(45px,5vw,76px);line-height:.95;letter-spacing:-2.4px}
.desktop-page .hero-copy p{max-width:630px;font-size:16px;line-height:1.65;color:var(--desktop-secondary)}
.desktop-page .hero-search{max-width:650px;display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:10px}
.desktop-page .hero-search input,.desktop-page .hero-search button{height:50px}
.desktop-page .home-layout-pro{display:grid;grid-template-columns:minmax(0,1fr) var(--desktop-sidebar-width);gap:24px;align-items:start}
.desktop-page .home-main-pro{min-width:0}
.desktop-page .home-sidebar-pro{position:sticky;top:calc(var(--desktop-header-height) + 20px);max-height:calc(100vh - var(--desktop-header-height) - 40px);overflow:auto;scrollbar-width:thin}

/* Media cards and grids */
.desktop-page .anime-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(154px,1fr));gap:18px;justify-content:start}
.desktop-page .anime-grid>.anime-card,.desktop-page .anime-grid>.episode-card{max-width:none;width:100%}
.desktop-page .anime-card,.desktop-page .episode-card{position:relative;display:flex;flex-direction:column;height:100%;background:var(--desktop-card);border:1px solid var(--desktop-border);border-radius:var(--desktop-card-radius);transition:border-color var(--desktop-motion),transform var(--desktop-motion),box-shadow var(--desktop-motion)}
.desktop-page .anime-card:hover,.desktop-page .episode-card:hover{transform:translateY(-3px);border-color:rgba(34,199,243,.4);box-shadow:0 14px 34px rgba(0,0,0,.24)}
.desktop-page .anime-card>a,.desktop-page .episode-card-link{position:relative;display:block;overflow:hidden;background:#08101b}
.desktop-page .anime-card .poster,.desktop-page .episode-card .poster{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;transition:transform .3s ease}
.desktop-page .anime-card:hover .poster,.desktop-page .episode-card:hover .poster{transform:scale(1.025)}
.desktop-page .anime-card .card-body,.desktop-page .episode-card .card-body{display:flex;flex-direction:column;flex:1;gap:8px;padding:12px}
.desktop-page .anime-card .card-body>b,.desktop-page .episode-card .card-body>b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:38px;font-size:14px;line-height:1.34}
.desktop-page .anime-card .meta,.desktop-page .episode-card .meta{margin-top:0;display:flex;flex-wrap:wrap;gap:6px;max-height:none;overflow:visible}
.desktop-page .anime-card .muted,.desktop-page .episode-card .muted{margin-top:auto;padding-top:8px;font-size:11px}
.desktop-page .tag{border:1px solid rgba(139,92,246,.18);background:rgba(139,92,246,.1);color:#ddd6fe}
.desktop-page .meta .tag:nth-child(2){background:rgba(34,199,243,.09);border-color:rgba(34,199,243,.18);color:#a5f3fc}
.desktop-page .meta .tag:nth-child(3){background:rgba(39,198,122,.09);border-color:rgba(39,198,122,.18);color:#a7f3d0}
.desktop-page .movie-ribbon{background:var(--desktop-orange);color:#171108}
.desktop-page .episode-ribbon{background:rgba(236,72,153,.9)}

/* Category/search toolbar and pagination */
.desktop-page .category-hero,.desktop-page .library-hero{min-height:0!important;padding:24px!important;border:1px solid var(--desktop-border);border-radius:18px;background:var(--desktop-surface)!important}
.desktop-page .search-toolbar,.desktop-page .category-toolbar{display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(4,minmax(130px,.7fr)) auto;gap:10px;align-items:end;padding:14px;border:1px solid var(--desktop-border);border-radius:14px;background:var(--desktop-surface);margin-bottom:18px}
.desktop-page .search-toolbar label,.desktop-page .category-toolbar label{display:grid;gap:6px;color:var(--desktop-muted);font-size:11px;font-weight:760}
.desktop-page .pagination,.desktop-page .library-pagination{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:28px}
.desktop-page .pagination a,.desktop-page .pagination span,.desktop-page .library-pagination a,.desktop-page .library-pagination span{min-width:40px;min-height:40px;display:grid;place-items:center;padding:7px 10px;border:1px solid var(--desktop-border);border-radius:9px;background:var(--desktop-surface);color:var(--desktop-secondary)}
.desktop-page .pagination .active,.desktop-page .pagination [aria-current=page],.desktop-page .library-pagination .active{border-color:var(--desktop-cyan);background:rgba(34,199,243,.09);color:#fff}

/* Watch page */
.desktop-page .watch-layout,.desktop-page .episode-layout-pro{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}
.desktop-page .watch-main,.desktop-page .episode-main-pro{min-width:0}
.desktop-page .watch-sidebar,.desktop-page .episode-sidebar-pro{position:sticky;top:calc(var(--desktop-header-height) + 18px);max-height:calc(100vh - var(--desktop-header-height) - 36px);overflow:auto}
.desktop-page .player-wrap,.desktop-page .stream-player,.desktop-page .video-wrap{width:100%;aspect-ratio:16/9;height:auto!important;max-height:min(72vh,850px);background:#000;border:1px solid var(--desktop-border);border-radius:16px;overflow:hidden}
.desktop-page .player-wrap iframe,.desktop-page .player-wrap video,.desktop-page .stream-player iframe,.desktop-page .stream-player video,.desktop-page .video-wrap iframe,.desktop-page .video-wrap video{width:100%;height:100%;border:0;object-fit:contain;background:#000}
.desktop-page .episode-side-grid,.desktop-page .watch-episode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.desktop-page .episode-side-grid a,.desktop-page .watch-episode-grid a{min-height:43px;display:grid;place-items:center;border:1px solid var(--desktop-border);border-radius:9px;background:var(--desktop-surface);font-size:12px;font-weight:760}
.desktop-page .episode-side-grid a.active,.desktop-page .watch-episode-grid a.active{border-color:var(--desktop-cyan);background:rgba(34,199,243,.09)}
.desktop-page .watch-tabs{display:flex;gap:6px;overflow-x:auto;border-bottom:1px solid var(--desktop-border)}
.desktop-page .watch-tabs button{min-height:44px;padding:8px 15px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--desktop-muted)}
.desktop-page .watch-tabs button.active{color:#fff;border-bottom-color:var(--desktop-cyan)}

/* AI */
.desktop-page .god-ai-widget{right:24px;bottom:24px;z-index:95}
.desktop-page .god-ai-panel{width:min(390px,calc(100vw - 48px));height:min(620px,calc(100vh - var(--desktop-header-height) - 42px));max-height:none;border:1px solid var(--desktop-border);border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.44);overflow:hidden}
.desktop-page .god-ai-messages{flex:1;min-height:0;overflow-y:auto}
.desktop-page .god-ai-launcher{box-shadow:0 13px 35px rgba(0,0,0,.32)}

/* Account/profile/VIP */
.desktop-page .account-dashboard,.desktop-page .profile-shell,.desktop-page .membership-shell{max-width:var(--desktop-max-width);margin-inline:auto}
.desktop-page .account-actions-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.desktop-page .profile-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start}
.desktop-page .vip-plan-grid,.desktop-page .membership-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}

/* Social app */
.desktop-page .main-content:has(.social-app){width:100%;max-width:none;padding:0}
.desktop-page .social-app{height:calc(100vh - var(--desktop-header-height));min-height:620px;border-top:0}
.desktop-page .social-main,.desktop-page .dm-chat{min-width:0}

/* Footer */
.desktop-page .footer{border-top:1px solid var(--desktop-border);background:#050a13;padding:28px 0}
.desktop-page .footer-inner-pro{display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:24px}
.desktop-page .footer-link-card{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px 14px;border:0!important;background:transparent!important;padding:0!important}
.desktop-page .footer-link-card span{display:none}
.desktop-page .footer-link-card a{color:var(--desktop-secondary);font-size:13px}
.desktop-page .footer-link-card a:hover{color:var(--desktop-cyan)}

@media(max-width:1365px){.desktop-page .nav-links>a:nth-of-type(4),.desktop-page .nav-links>a:nth-of-type(5){display:none}.desktop-page .home-layout-pro{grid-template-columns:minmax(0,1fr) 300px}.desktop-page .anime-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}.desktop-page .watch-layout,.desktop-page .episode-layout-pro{grid-template-columns:minmax(0,1fr) 310px}}
@media(max-width:1120px){.desktop-page .nav-links>a:nth-of-type(2),.desktop-page .nav-links>a:nth-of-type(6){display:none}.desktop-page .home-layout-pro{grid-template-columns:1fr}.desktop-page .home-sidebar-pro{position:relative;top:auto;max-height:none}.desktop-page .watch-layout,.desktop-page .episode-layout-pro{grid-template-columns:1fr}.desktop-page .watch-sidebar,.desktop-page .episode-sidebar-pro{position:relative;top:auto;max-height:none}.desktop-page .profile-grid{grid-template-columns:1fr}.desktop-page .vip-plan-grid,.desktop-page .membership-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.desktop-page *,.desktop-page *::before,.desktop-page *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.desktop-page .category-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.desktop-page .category-tabs a{min-height:42px;display:inline-flex;align-items:center;padding:8px 16px;border:1px solid var(--desktop-border);border-radius:10px;background:var(--desktop-card);color:var(--desktop-secondary);font-weight:750}.desktop-page .category-tabs a.active{border-color:var(--desktop-cyan);background:rgba(34,199,243,.09);color:#fff}.desktop-page .category-toolbar{grid-template-columns:minmax(240px,1.4fr) minmax(140px,.6fr) minmax(160px,.7fr) auto}.desktop-page .library-pagination small{margin-left:8px;color:var(--desktop-muted)}.desktop-page .library-pagination [aria-disabled=true]{opacity:.45}

.desktop-page .anime-card .meta .tag,.desktop-page .episode-card .meta .tag{margin:0;white-space:normal;line-height:1.1;text-align:center}
.desktop-page .anime-card .muted,.desktop-page .episode-card .muted{line-height:1.35}
.desktop-page .admin-wrap{min-height:calc(100vh - 64px)}


/* Desktop homepage recovery patch — 2026-07-13 v3 */
.desktop-page .site-shell-pro{overflow:visible!important}
.desktop-page .nav{position:sticky!important;top:0!important}
.desktop-page .anime-home-hero{min-height:430px!important;max-height:500px!important}
.desktop-page .anime-home-hero .anime-hero-grid{min-height:430px!important;padding:46px 48px 42px!important}
.desktop-page .anime-home-hero.hero-no-cards{min-height:360px!important;max-height:410px!important}
.desktop-page .anime-home-hero.hero-no-cards .anime-hero-grid{min-height:360px!important;align-items:center!important;padding:42px 48px!important}
.desktop-page .anime-home-hero.hero-no-cards .hero-copy{align-self:center!important;max-width:620px!important}
.desktop-page .anime-home-hero.hero-no-cards .hero-arrow{display:none!important}
.desktop-page .home-sections-stack .reveal-on-scroll{opacity:1!important;transform:none!important}
.desktop-page .home-layout-pro{margin-top:24px}
.desktop-page .home-sidebar-clean{position:sticky;top:calc(var(--desktop-header-height) + 18px);align-self:start}
@media(max-width:1120px){.desktop-page .anime-home-hero,.desktop-page .anime-home-hero.hero-no-cards{max-height:none!important}.desktop-page .anime-home-hero .anime-hero-grid,.desktop-page .anime-home-hero.hero-no-cards .anime-hero-grid{padding:38px 32px!important}}

/* 2026-07-13 focused desktop expansion without stretching the homepage hero */
.desktop-page .nav{display:block!important;visibility:visible!important;opacity:1!important;position:sticky!important;top:0!important}
.desktop-page .core-page{width:calc(100% - 32px)!important;max-width:1780px!important;margin-left:auto!important;margin-right:auto!important}
.desktop-page .account-page,.desktop-page .public-profile-page,.desktop-page .notification-page,.desktop-page .membership-page,.desktop-page .profile-editor-page{max-width:1780px!important}
.desktop-page .profile-editor-page{width:100%!important}
.desktop-page .account-dashboard-hero,.desktop-page .profile-shell{width:100%!important;max-width:none!important}
.desktop-page .account-dashboard-avatar{border-radius:50%!important;clip-path:circle(50% at 50% 50%);object-fit:cover!important}
.desktop-page .god-ai-panel{width:360px!important;height:min(560px,calc(100vh - 110px))!important;border-radius:20px!important}
.desktop-page .god-ai-widget{right:20px!important;bottom:20px!important}

/* v6 desktop homepage quick dock */
.desktop-home-dock{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:94;display:grid;grid-template-columns:repeat(4,minmax(76px,1fr));gap:7px;width:min(430px,calc(100vw - 36px));padding:8px;border:1px solid rgba(151,183,220,.2);border-radius:20px;background:rgba(6,12,22,.92);backdrop-filter:blur(18px);box-shadow:0 22px 65px rgba(0,0,0,.48)}
.desktop-home-dock a{min-height:54px;display:grid;grid-template-columns:24px auto;align-items:center;justify-content:center;gap:7px;border-radius:14px;color:#b9c8dc;font-size:12px;font-weight:850;text-decoration:none}
.desktop-home-dock a:hover,.desktop-home-dock a.active{background:rgba(34,199,243,.11);color:#fff}
.desktop-home-dock img{width:23px;height:23px;border-radius:7px;object-fit:cover}
.desktop-page:has(.desktop-home-dock) .footer{padding-bottom:92px}