/* Full-site concept modes. These rules intentionally sit after the existing
   test redesign so every current route remains functional while its visual
   system changes. */
.design-mode{--dm-accent:#ff6548;--dm-bg:#0d0d11;--dm-surface:#18181d;--dm-surface-2:#202026;--dm-line:#34343a;--dm-text:#f5f1e9;--dm-muted:#98949c;--dm-radius:3px;--dm-display:Rubik,Arial,sans-serif;background:var(--dm-bg);color:var(--dm-text)}
.design-mode .page-shell{background:var(--dm-bg)}.design-mode .main{color:var(--dm-text)}.design-mode .panel,.design-mode .panel-item,.design-mode .card,.design-mode .detail-hero,.design-mode .auth-card,.design-mode .profile-card{border-color:var(--dm-line);border-radius:var(--dm-radius);background:var(--dm-surface);box-shadow:none}.design-mode .button:not(.ghost),.design-mode button.button:not(.ghost){border-color:var(--dm-accent);border-radius:var(--dm-radius);background:var(--dm-accent);color:#111}.design-mode .button.ghost,.design-mode .chip{border-color:var(--dm-line);border-radius:var(--dm-radius);background:transparent}.design-mode h1,.design-mode h2,.design-mode h3{font-family:var(--dm-display);letter-spacing:-.035em}.design-mode a:hover{color:var(--dm-accent)}
.design-mode-menu{position:relative}.design-mode-menu>summary{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--dm-line,#38383f);border-radius:50%;color:var(--dm-accent,#ff6548);font-weight:900;cursor:pointer;list-style:none}.design-mode-menu>summary::-webkit-details-marker{display:none}.design-mode-popover{position:absolute;z-index:120;top:45px;right:0;display:grid;width:240px;padding:10px;border:1px solid var(--dm-line,#38383f);background:var(--dm-surface,#18181d);box-shadow:0 18px 55px #0009}.design-mode-popover strong{padding:9px;color:var(--dm-muted,#999);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.design-mode-popover a{padding:10px;color:var(--dm-text,#fff);font-size:12px}.design-mode-popover a[aria-current=page]{background:var(--dm-accent,#ff6548);color:#111;font-weight:800}
.design-editorial{--dm-accent:#ff6548;--dm-bg:#0b0b0e;--dm-surface:#141418;--dm-surface-2:#1b1b20;--dm-line:#302f35;--dm-radius:2px;--dm-display:Georgia,'Times New Roman',serif}.design-editorial .studio-header{border-bottom-color:var(--dm-line)}.design-editorial .panel,.design-editorial .panel-item{border-left:0;border-right:0}.design-editorial .card-grid{gap:24px}.design-editorial .title-card{border-radius:0}
.design-library{--dm-accent:#f7c948;--dm-bg:#0d0d10;--dm-surface:#131318;--dm-surface-2:#19191e;--dm-line:#33333a;--dm-radius:0;--dm-display:Arial,sans-serif}.design-library .main{max-width:1480px}.design-library .panel,.design-library .panel-item{padding-top:14px;padding-bottom:14px}.design-library .title-grid,.design-library .catalog-grid{gap:12px}.design-library .button{min-height:38px}.design-library .chip{padding-block:6px}
.design-channel{--dm-accent:#ff4f31;--dm-bg:#090a0d;--dm-surface:#16171b;--dm-surface-2:#1d1e23;--dm-line:#383940;--dm-radius:1px;--dm-display:'Arial Narrow',Arial,sans-serif}.design-channel .studio-header{border-bottom:3px solid var(--dm-accent)}.design-channel h1,.design-channel h2{text-transform:none;font-weight:900}.design-channel .panel>h2:before{content:'ON AIR';margin-right:10px;color:var(--dm-accent);font:800 9px monospace;letter-spacing:.1em}
.design-shelf{--dm-accent:#e87757;--dm-bg:#12100f;--dm-surface:#1d1917;--dm-surface-2:#25201d;--dm-line:#403832;--dm-text:#f3e9d9;--dm-muted:#a89d91;--dm-radius:5px;--dm-display:Georgia,'Times New Roman',serif}.design-shelf .page-shell{max-width:1320px}.design-shelf .panel,.design-shelf .panel-item{border-color:#403832}.design-shelf .progress-bar,.design-shelf progress{accent-color:var(--dm-accent)}
.design-split{--dm-accent:#ff6a4a;--dm-bg:#0c0c10;--dm-surface:#17171c;--dm-surface-2:#201d21;--dm-line:#36343a;--dm-radius:2px;--dm-display:Arial,sans-serif}.design-split .studio-nav a:nth-child(1),.design-split .studio-nav a:nth-child(2){font-weight:900}.design-split .studio-nav a:nth-child(1){color:#fff}.design-split .studio-nav a:nth-child(2){color:#d7b6c8}.design-split .manga-volume-group,.design-split .reader-toolbar{background:#211c21}
@media(max-width:640px){.design-mode-menu{order:-1}.design-mode-popover{position:fixed;top:92px;right:14px;left:14px;width:auto}.design-mode .main{min-width:0}.design-mode h1,.design-mode h2,.design-mode h3{overflow-wrap:anywhere}}

/* Route families: every concept remains the same product, but changes its
   information hierarchy instead of merely swapping colours. */
.design-mode:not(.page-home) .main{max-width:1280px;padding-top:34px;padding-bottom:90px}.design-mode .catalog-filters,.design-mode .filter-panel,.design-mode .detail-card,.design-mode .episode-card,.design-mode .chapter-card,.design-mode .news-card,.design-mode .dub-card,.design-mode .profile-section,.design-mode .admin-card{border-color:var(--dm-line)!important;border-radius:var(--dm-radius)!important;background:var(--dm-surface)!important;box-shadow:none!important}.design-mode input,.design-mode select,.design-mode textarea{border-color:var(--dm-line)!important;border-radius:var(--dm-radius)!important;background:var(--dm-surface-2)!important;color:var(--dm-text)!important}.design-mode .side-bg{display:none}.design-mode .title-card img,.design-mode .catalog-card img{border-radius:0}.design-mode .episodes-list,.design-mode .chapter-list,.design-mode .panel-list{gap:8px}.design-mode .reader-toolbar{position:sticky;top:0;z-index:40;border-color:var(--dm-line)}

/* 01 Editorial Cinema: generous rhythm, magazine metadata and ruled lists. */
.design-editorial:not(.page-home) .main{max-width:1180px}.design-editorial.page-catalog .catalog-grid,.design-editorial.page-manga_list .title-grid{grid-template-columns:repeat(4,1fr);gap:38px 24px}.design-editorial.page-catalog .title-card,.design-editorial.page-manga_list .title-card{border:0;background:transparent}.design-editorial.page-catalog .title-card-content,.design-editorial.page-manga_list .title-card-content{padding-inline:0}.design-editorial.page-anime_detail .detail-hero,.design-editorial.page-manga_detail .detail-hero{grid-template-columns:minmax(230px,28%) 1fr;padding:0;border-width:1px 0;background:transparent!important}.design-editorial.page-anime_detail .episodes-list>.panel-item,.design-editorial.page-manga_detail .panel-list>.panel-item{padding:18px 0;border-width:0 0 1px;background:transparent}.design-editorial.page-watch_episode .watch-layout{max-width:1100px;margin:auto}.design-editorial.page-news_list .news-grid{grid-template-columns:2fr 1fr}.design-editorial.page-news_list .news-card:first-child{grid-row:span 2}.design-editorial.page-news_detail article{max-width:780px;margin:auto;font-family:Georgia,serif;font-size:18px;line-height:1.8}.design-editorial.page-profile .profile-stat-cards,.design-editorial.page-cases .case-grid{gap:1px;background:var(--dm-line)}

/* 02 Dense Anime Library: maximum scanability and compact management UI. */
.design-library:not(.page-home) .main{max-width:1480px}.design-library.page-catalog .catalog-grid,.design-library.page-manga_list .title-grid{grid-template-columns:repeat(7,minmax(120px,1fr));gap:10px}.design-library.page-catalog .title-card-content,.design-library.page-manga_list .title-card-content{padding:9px}.design-library.page-catalog .title-card-title,.design-library.page-manga_list .title-card-title{font-size:13px}.design-library.page-anime_detail .detail-hero,.design-library.page-manga_detail .detail-hero{grid-template-columns:220px 1fr;padding:18px}.design-library .detail-meta,.design-library .profile-stat-cards,.design-library .admin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--dm-line)}.design-library .episodes-list>.panel-item,.design-library .chapter-list>.panel-item,.design-library .panel-list>.panel-item{min-height:44px;padding:9px 12px;border:0;border-bottom:1px solid var(--dm-line)}.design-library.page-watch_episode .watch-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:14px}.design-library.page-watch_episode .watch-layout>*{min-width:0}.design-library.page-dubs_list .card-grid,.design-library.page-news_list .news-grid{grid-template-columns:repeat(4,1fr);gap:10px}.design-library .admin-card{padding:14px}.design-library .admin-form{gap:8px}

/* 03 Channel Guide: player and current episode lead; rails feel scheduled. */
.design-channel:not(.page-home) .main{max-width:1360px}.design-channel.page-catalog .catalog-grid,.design-channel.page-manga_list .title-grid{grid-template-columns:repeat(4,1fr);gap:14px}.design-channel.page-catalog .title-card,.design-channel.page-manga_list .title-card{position:relative}.design-channel.page-catalog .title-card:before,.design-channel.page-manga_list .title-card:before{content:'СЕЙЧАС';position:absolute;z-index:2;top:9px;left:9px;padding:5px 7px;background:var(--dm-accent);color:#111;font:900 8px monospace;letter-spacing:.08em}.design-channel.page-anime_detail .detail-hero{grid-template-columns:300px 1fr;border-top:4px solid var(--dm-accent)}.design-channel.page-anime_detail .episodes-list>.panel-item{display:grid;grid-template-columns:110px 1fr auto;align-items:center;border-left:3px solid transparent}.design-channel.page-anime_detail .episodes-list>.panel-item:hover{border-left-color:var(--dm-accent)}.design-channel.page-watch_episode .main{max-width:1500px;padding-top:14px}.design-channel.page-watch_episode .video-player,.design-channel.page-watch_episode video{width:100%}.design-channel.page-dubs_list .dub-card,.design-channel.page-news_list .news-card{border-top:3px solid var(--dm-accent)}.design-channel.page-read_chapter .reader-toolbar:before{content:'ЧИТАЛЬНЫЙ КАНАЛ';color:var(--dm-accent);font:900 9px monospace;letter-spacing:.1em}

/* 04 Personal Shelf: resume, ownership and account areas get visual priority. */
.design-shelf:not(.page-home) .main{max-width:1160px}.design-shelf.page-catalog .catalog-grid,.design-shelf.page-manga_list .title-grid{grid-template-columns:repeat(5,1fr);gap:22px 16px}.design-shelf.page-catalog .title-card,.design-shelf.page-manga_list .title-card{overflow:hidden;border-bottom:4px solid #2c2521}.design-shelf.page-anime_detail .detail-hero,.design-shelf.page-manga_detail .detail-hero{padding:26px}.design-shelf.page-anime_detail .episodes-list>.panel-item,.design-shelf.page-manga_detail .panel-list>.panel-item{border-radius:5px!important;background:var(--dm-surface-2)}.design-shelf.page-profile .profile-card{padding:28px}.design-shelf.page-profile .profile-stat-cards{grid-template-columns:repeat(3,1fr)}.design-shelf.page-cases .case-grid,.design-shelf.page-market .market-grid{gap:18px}.design-shelf.page-cases .case-card,.design-shelf.page-market .market-card{border-color:#4b3e36;background:linear-gradient(145deg,#211c19,#171412)}.design-shelf.page-login .auth-card,.design-shelf.page-signup .auth-card{max-width:520px;margin:60px auto;padding:38px}

/* 05 Split Media Desk: screen routes stay cool; reading routes become warm. */
.design-split:not(.page-home) .main{max-width:1380px}.design-split.page-catalog .catalog-grid{grid-template-columns:repeat(6,1fr);gap:12px}.design-split.page-manga_list,.design-split.page-manga_detail,.design-split.page-read_chapter{--dm-accent:#d9a4c0;--dm-bg:#100d11;--dm-surface:#1d171d;--dm-surface-2:#271f27;--dm-line:#493b47}.design-split.page-manga_list .title-grid{grid-template-columns:repeat(5,1fr)}.design-split.page-anime_detail .detail-hero,.design-split.page-manga_detail .detail-hero{grid-template-columns:260px 1fr}.design-split.page-anime_detail .detail-hero{border-left:5px solid #ff6a4a}.design-split.page-manga_detail .detail-hero{border-left:5px solid #d9a4c0}.design-split.page-watch_episode .main{max-width:1500px}.design-split.page-watch_episode .watch-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px}.design-split.page-read_chapter .main{max-width:1100px}.design-split.page-dubs_list .main,.design-split.page-dubs_detail .main{border-top:4px solid #ff6a4a}.design-split.page-news_list .news-grid{display:grid;grid-template-columns:1fr 1fr}.design-split.page-profile .profile-layout{display:grid;grid-template-columns:300px 1fr;gap:18px}

/* Administration follows the selected system too, without changing workflows. */
.design-editorial[class*="page-admin_"] .admin-card{border-width:1px 0!important;background:transparent!important}.design-library[class*="page-admin_"] .admin-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.design-channel[class*="page-admin_"] .admin-card{border-top:3px solid var(--dm-accent)!important}.design-shelf[class*="page-admin_"] .admin-card{padding:24px}.design-split[class*="page-admin_"] .admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}

@media(max-width:900px){.design-library.page-catalog .catalog-grid,.design-library.page-manga_list .title-grid,.design-split.page-catalog .catalog-grid{grid-template-columns:repeat(4,1fr)}.design-mode.page-watch_episode .watch-layout,.design-split.page-profile .profile-layout{display:block}.design-library .detail-meta,.design-library .profile-stat-cards,.design-library .admin-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.design-mode:not(.page-home) .main{padding-top:20px}.design-editorial.page-catalog .catalog-grid,.design-editorial.page-manga_list .title-grid,.design-library.page-catalog .catalog-grid,.design-library.page-manga_list .title-grid,.design-channel.page-catalog .catalog-grid,.design-channel.page-manga_list .title-grid,.design-shelf.page-catalog .catalog-grid,.design-shelf.page-manga_list .title-grid,.design-split.page-catalog .catalog-grid,.design-split.page-manga_list .title-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 9px}.design-mode.page-anime_detail .detail-hero,.design-mode.page-manga_detail .detail-hero{display:block;padding:16px}.design-mode.page-anime_detail .detail-hero img,.design-mode.page-manga_detail .detail-hero img{max-width:210px}.design-channel.page-anime_detail .episodes-list>.panel-item{display:block}.design-library .detail-meta,.design-library .profile-stat-cards,.design-library .admin-grid,.design-library[class*="page-admin_"] .admin-grid,.design-split[class*="page-admin_"] .admin-grid{grid-template-columns:1fr}.design-editorial.page-news_list .news-grid,.design-split.page-news_list .news-grid{grid-template-columns:1fr}}

.test-redesign .main:has(.mode-home){box-sizing:border-box;max-width:1440px;padding:26px 30px 100px}.mode-home{display:grid;gap:76px;max-width:1220px;margin:auto}.mode-home img{display:block;max-width:100%;object-fit:cover}.mh-section>header{display:flex;justify-content:space-between;align-items:end;padding-bottom:14px;border-bottom:1px solid var(--dm-line)}.mh-section h2{margin:0;font-size:34px}.mh-section header a{color:var(--dm-text)}.mh-posters{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-top:20px}.mh-posters a{min-width:0;color:var(--dm-text)}.mh-posters img{width:100%;aspect-ratio:2/3}.mh-posters strong,.mh-posters span{display:block}.mh-posters strong{margin-top:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mh-posters span{margin-top:5px;color:var(--dm-muted);font-size:11px}
.mh-editorial-lead{position:relative;min-height:640px;overflow:hidden}.mh-editorial-lead>img{width:100%;height:640px;filter:brightness(.58)}.mh-editorial-lead>div{position:absolute;bottom:0;left:0;width:min(650px,72%);padding:52px;background:var(--dm-bg)}.mh-editorial-lead small{color:var(--dm-accent);font:800 10px monospace;text-transform:uppercase}.mh-editorial-lead h1{margin:12px 0;font-size:clamp(50px,6vw,84px);line-height:.91}.mh-editorial-lead p{color:var(--dm-muted);line-height:1.55}
.mh-library-head{display:grid;grid-template-columns:1fr 1fr;align-items:end;padding-top:38px}.mh-library-head small{color:var(--dm-accent);font:800 10px monospace}.mh-library-head h1{margin:10px 0 0;font-size:64px}.mh-library-head form{display:flex}.mh-library-head input{flex:1;min-width:0;padding:15px;border:1px solid var(--dm-line);background:var(--dm-surface);color:white}.mh-library-layout{display:grid;grid-template-columns:190px 1fr;gap:32px}.mh-library-layout aside{display:flex;flex-direction:column;border-top:3px solid var(--dm-accent)}.mh-library-layout aside strong,.mh-library-layout aside a{padding:12px 0;border-bottom:1px solid var(--dm-line);color:var(--dm-text)}.mh-table a{display:grid;grid-template-columns:32px 54px minmax(180px,1fr) 110px 70px 70px;gap:14px;align-items:center;min-height:74px;border-bottom:1px solid var(--dm-line);color:var(--dm-text)}.mh-table img{width:54px;height:54px}.mh-table b,.mh-table span{color:var(--dm-muted);font-size:11px}.mh-table em{color:var(--dm-accent);font-style:normal;font-weight:800}
.mh-channel-lead,.mh-split-lead{display:grid;grid-template-columns:40% 60%;min-height:480px;background:var(--dm-surface)}.mh-channel-lead>div,.mh-split-lead>div{align-self:end;padding:48px}.mh-channel-lead h1,.mh-split-lead h1{margin:12px 0;font-size:58px;line-height:.94}.mh-channel-lead small,.mh-split-lead small{color:var(--dm-accent);font:800 10px monospace;text-transform:uppercase}.mh-channel-lead>img,.mh-split-lead>img{width:100%;height:480px}.mh-wide-rail{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:20px}.mh-wide-rail a{padding-bottom:14px;background:var(--dm-surface);color:var(--dm-text)}.mh-wide-rail img{width:100%;aspect-ratio:16/10}.mh-wide-rail small,.mh-wide-rail strong,.mh-wide-rail span{display:block;margin:8px 12px}.mh-wide-rail small{color:var(--dm-accent);font:800 9px monospace;text-transform:uppercase}.mh-wide-rail span{color:var(--dm-muted);font-size:10px}
.mh-shelf-welcome{padding:70px 0}.mh-shelf-welcome>small{color:var(--dm-accent);font-weight:800}.mh-shelf-welcome h1{max-width:900px;margin:12px 0 30px;font-size:clamp(58px,7vw,92px);line-height:.92}.mh-resume{display:grid;grid-template-columns:1fr auto;max-width:600px;padding:22px;border-left:4px solid var(--dm-accent);background:var(--dm-surface);color:var(--dm-text)}.mh-resume strong,.mh-resume span{display:block}.mh-resume span{color:var(--dm-muted)}.mh-resume em{grid-column:2;grid-row:1/3;align-self:center;color:var(--dm-accent);font-style:normal;font-weight:800}
.mh-split-tabs{display:flex;border-bottom:1px solid var(--dm-line)}.mh-split-tabs a{min-width:150px;padding:16px;text-align:center;color:var(--dm-muted);font-weight:800}.mh-split-tabs a.active{border-bottom:3px solid var(--dm-accent);color:var(--dm-text)}.mh-split-columns{display:grid;grid-template-columns:1fr 1fr;gap:35px}.mh-split-columns .mh-section{padding:20px;background:var(--dm-surface)}.mh-compact-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.mh-compact-list a{display:flex;gap:10px;align-items:center;padding:9px;background:var(--dm-surface-2);color:var(--dm-text)}.mh-compact-list img{width:62px;height:62px}.mh-compact-list strong,.mh-compact-list small{display:block}.mh-compact-list small{color:var(--dm-muted)}
@media(max-width:760px){.test-redesign .main:has(.mode-home){width:100%;padding:18px 0 70px}.mode-home{width:100%;gap:54px}.mode-home>section,.mode-home>div{box-sizing:border-box;margin-inline:18px}.mh-posters,.mh-wide-rail{display:flex;overflow-x:auto}.mh-posters a,.mh-wide-rail a{flex:0 0 44vw}.mh-editorial-lead{min-height:590px;margin-inline:0!important}.mh-editorial-lead>img{height:590px}.mh-editorial-lead>div{box-sizing:border-box;width:100%;padding:26px}.mh-editorial-lead h1{font-size:40px}.mh-library-head{grid-template-columns:1fr}.mh-library-head h1{font-size:44px}.mh-library-head form{margin-top:24px}.mh-library-layout{grid-template-columns:1fr}.mh-library-layout aside{display:none}.mh-table a{grid-template-columns:28px 48px minmax(0,1fr)}.mh-table span,.mh-table em{display:none}.mh-channel-lead,.mh-split-lead{grid-template-columns:1fr;margin-inline:0!important}.mh-channel-lead>div,.mh-split-lead>div{order:2;padding:26px}.mh-channel-lead>img,.mh-split-lead>img{width:100%;height:260px}.mh-channel-lead h1,.mh-split-lead h1{font-size:40px}.mh-shelf-welcome{padding:44px 0}.mh-shelf-welcome h1{font-size:48px}.mh-split-columns{grid-template-columns:1fr;gap:18px}.mh-compact-list{grid-template-columns:1fr}.mh-common{margin-inline:18px!important}}

/* Current test catalog and route-specific components. */
.design-editorial .catalog-poster-wall{grid-template-columns:repeat(4,1fr)!important;gap:38px 24px!important}.design-editorial .catalog-poster-item{padding-bottom:16px;border-bottom:1px solid var(--dm-line)}
.design-library .catalog-masthead{display:grid;grid-template-columns:1fr 1fr;align-items:end}.design-library .catalog-masthead h1{font-size:48px}.design-library .catalog-poster-wall{grid-template-columns:repeat(7,minmax(110px,1fr))!important;gap:10px!important}.design-library .catalog-poster-name{font-size:12px}.design-library .catalog-poster-item>span{font-size:9px}
.design-channel .catalog-poster-wall{grid-template-columns:repeat(4,1fr)!important;gap:14px!important}.design-channel .catalog-poster-item{position:relative;padding:10px;background:var(--dm-surface)}.design-channel .catalog-poster-item:before{content:'СЕЙЧАС';position:absolute;z-index:3;margin:8px;padding:5px 7px;background:var(--dm-accent);color:#111;font:900 8px monospace}.design-channel .episode-panel-link{border-left:3px solid transparent}.design-channel .episode-panel-link:hover{border-left-color:var(--dm-accent)}
.design-shelf .catalog-poster-wall{grid-template-columns:repeat(5,1fr)!important;gap:22px 16px!important}.design-shelf .catalog-poster-item{padding:10px 10px 16px;border-radius:6px;background:var(--dm-surface)}
.design-split .catalog-poster-wall{grid-template-columns:repeat(6,1fr)!important;gap:12px!important}.design-split.page-read_chapter .manga-reader-panel{background:#0a080a!important}.design-split.page-watch_episode .watch-player-panel{border-left:5px solid #ff6a4a}
@media(max-width:760px){.design-mode .catalog-masthead{display:block}.design-editorial .catalog-poster-wall,.design-library .catalog-poster-wall,.design-channel .catalog-poster-wall,.design-shelf .catalog-poster-wall,.design-split .catalog-poster-wall{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px 9px!important}}