@font-face{font-family:DesktopNunito;src:url('/assets/fonts/nunito/nunito-400.ttf');font-weight:400;font-display:swap}
@font-face{font-family:DesktopNunito;src:url('/assets/fonts/nunito/nunito-700.ttf');font-weight:700;font-display:swap}
:root{--desktop-width:1240px;--desktop-gutter:40px;--desktop-line:#ffffff14;--desktop-muted:#bbb1d1;--sk-bg:#1e193c}
html{scroll-padding-top:150px}body{font-family:DesktopNunito,Arial,sans-serif;background:#1e193c}button,input,select,textarea{font-family:inherit}*{box-sizing:border-box}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid #ffd28a!important;outline-offset:4px}button,a,input,select,textarea{touch-action:manipulation}
.desktop-skip{position:fixed;left:24px;top:-100px;padding:12px;background:#ffd28a;color:#231c3c;z-index:11000}.desktop-skip:focus{top:10px}
.desktop-header{position:sticky;top:0;z-index:950;background:#1e193cf5;backdrop-filter:blur(16px)}
.desktop-header-inner{max-width:var(--desktop-width);min-height:96px;margin:auto;display:flex;align-items:center;gap:28px;padding:16px 0}
.desktop-brand{display:flex;align-items:center;gap:12px;color:#fff;flex-shrink:0;text-decoration:none}.desktop-brand>img{display:block;object-fit:contain}.desktop-brand>span{font-size:25px;font-weight:700;letter-spacing:-.7px;line-height:1.15}.desktop-brand small{display:block;font-size:11px;letter-spacing:.15px;color:var(--desktop-muted);font-weight:400;margin-top:5px}
.desktop-search{display:flex;align-items:center;flex:1;min-width:120px;max-width:530px;margin-left:auto;border:1px solid #ffffff19;border-radius:16px;background:#302b4f}
.desktop-search input{width:100%;min-width:0;border:0;background:transparent;color:#fff;font-size:15px;padding:15px 18px;outline:0}.desktop-search input::placeholder{color:#b6accb}.desktop-search button{flex:none;width:48px;height:48px;border:0;background:transparent;color:#ddd0f3;cursor:pointer}.desktop-search svg{width:22px;height:22px}
.desktop-premium{font-size:15px;color:#ffd28a;font-weight:700}.desktop-notifications{display:grid;place-items:center;width:44px;height:44px;color:#c9bfda;flex:none}.desktop-notifications svg{width:23px;height:23px}.desktop-login{display:grid;place-items:center;min-width:92px;min-height:44px;padding:10px 20px;border-radius:14px;background:linear-gradient(110deg,#f0a959,#f46e92);font-weight:700;color:#fff}
.desktop-account{position:relative}.desktop-account summary{cursor:pointer;list-style:none}.desktop-account summary::-webkit-details-marker{display:none}.desktop-account summary img{border-radius:50%;display:block}.desktop-account .has-premium{border:2px solid #f0a959;padding:3px}.desktop-account nav{position:absolute;right:0;top:54px;min-width:240px;padding:10px;border:1px solid var(--desktop-line);border-radius:18px;background:#302b4f;box-shadow:0 16px 40px #100c2980}.desktop-account nav a{display:block;padding:12px 14px;border-radius:10px}.desktop-account nav a:hover{background:#ffffff08}
.bottom-nav-wrapper.desktop-navigation{display:block;position:sticky;top:96px;bottom:auto;left:auto;right:auto;width:100%;padding:0;z-index:940;border-radius:0;background:#1e193cf5;border-bottom:1px solid var(--desktop-line);contain:none;backdrop-filter:blur(16px)}
.desktop-navigation-inner{display:flex;align-items:center;gap:32px;width:100%;max-width:var(--desktop-width);min-height:58px;margin:auto}.desktop-navigation .bottom-nav-item{flex:0 0 auto;font-size:16px}.desktop-navigation .bottom-nav-item a{display:flex;justify-content:center;max-width:none;min-height:58px;padding:0 2px;position:relative;color:#bdb2d2;white-space:nowrap}.desktop-navigation .bottom-nav-item a.active{color:#fff;background:none;font-weight:700}.desktop-navigation .bottom-nav-item a.active:after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:#ffca8a;border-radius:2px}.desktop-catalog-link{margin-left:auto;font-size:14px;color:#cbb5f3}.desktop-catalog-link span{margin-left:10px}
web-wrapper.content-slider.desktop-shell{display:block;width:min(var(--desktop-width),calc(100% - 80px));margin:0 auto;min-height:calc(100vh - 154px)}
.desktop-shell .wrapper{min-height:0}.desktop-shell .main-header{position:relative;top:auto;min-height:60px;height:auto;background:none;backdrop-filter:none;padding:16px 0;transform:none}.desktop-shell .main-header .back-and-title{gap:12px}.desktop-shell .main-header-text{font-size:16px;color:#bfb1d4}.desktop-shell .header-identity,.desktop-shell .header-notif-link{display:none}.desktop-shell .main-header-detail{height:48px;min-height:48px}.desktop-shell .main-header-detail .main-header-text{opacity:1}.desktop-shell .bg-header-detail{display:none}
.desktop-shell .main-content{contain:layout;will-change:auto;padding-bottom:52px}.desktop-shell .main-content>.search,.desktop-shell .main-content .smart-search-entry{display:none}
.desktop-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding:24px 0 48px}.desktop-intro p{margin:0 0 12px;font-size:15px;color:#d7bbff}.desktop-intro h1{margin:0 0 18px;font-size:clamp(40px,4vw,58px);font-weight:700;letter-spacing:-1.8px;line-height:1.08;color:#fff3df}.desktop-intro>div>span{font-size:17px;color:#bfb1d4}
.desktop-footer{border-top:1px solid var(--desktop-line);padding:48px 0 110px;color:#b5a9cc}.desktop-footer-inner{max-width:var(--desktop-width);margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:64px}.desktop-footer p{font-size:14px;line-height:1.8}.desktop-footer nav{display:flex;flex-direction:column;align-items:flex-start;gap:12px;font-size:14px}.desktop-footer nav strong{color:#fff;margin-bottom:5px}.desktop-footer nav a:hover{color:#ffd28a}.desktop-footer button{padding:12px 18px;background:#302b4f;border:1px solid #8c70b54d;border-radius:12px;color:#fff;cursor:pointer}.desktop-footer-bottom{max-width:var(--desktop-width);margin:36px auto 0;padding-top:24px;border-top:1px solid var(--desktop-line);font-size:12px}
.bottom-sheet .content{max-width:640px;margin-inline:auto}.cookie-banner{left:28px;bottom:110px;max-width:420px}.site-menu-backdrop,.site-menu{display:none}
.premium-promo-dialog{width:min(660px,calc(100% - 64px));max-width:660px}.premium-promo-dialog .home-premium{padding:32px}.premium-promo-dialog .home-premium__scene{grid-template-columns:minmax(0,1fr) 220px;min-height:250px}.premium-promo-dialog .home-premium__art{width:240px;height:260px}.premium-promo-dialog .home-premium__title{font-size:34px}.premium-promo-dialog .home-premium__description{font-size:15px}.premium-promo-dialog .home-premium__benefits{font-size:14px}
@media(max-width:1320px){.desktop-header-inner,.desktop-navigation-inner,.desktop-footer-inner,.desktop-footer-bottom{margin-inline:40px}.desktop-header-inner{gap:18px}.desktop-brand>span{font-size:22px}}
@media(max-width:1000px){:root{--desktop-gutter:24px}.desktop-header-inner,.desktop-navigation-inner,.desktop-footer-inner,.desktop-footer-bottom{margin-inline:24px}.desktop-header-inner{min-height:80px;gap:12px}.desktop-brand small,.desktop-premium{display:none}.desktop-brand img{width:42px;height:42px}.desktop-brand>span{font-size:20px}.desktop-search input{font-size:14px}.desktop-navigation.desktop-navigation{top:80px}.desktop-navigation-inner{gap:24px;width:auto}.desktop-navigation .bottom-nav-item{font-size:14px}.desktop-catalog-link{display:none}web-wrapper.content-slider.desktop-shell{width:calc(100% - 48px)}.desktop-footer-inner{gap:30px}.desktop-intro{align-items:flex-start}.desktop-intro h1{font-size:42px}}
@media(max-width:720px){.desktop-header-inner{flex-wrap:wrap}.desktop-search{order:5;flex-basis:100%;max-width:none}.desktop-login{margin-left:auto}.desktop-notifications{margin-left:auto}.desktop-navigation.desktop-navigation{position:relative;top:0;overflow-x:auto}.desktop-navigation-inner{gap:20px}.desktop-intro{display:block}.desktop-intro h1{font-size:36px}.desktop-footer-inner{grid-template-columns:1fr 1fr}.desktop-footer-inner>div{grid-column:1/-1}}

@media(max-width:1320px){.desktop-navigation-inner{width:auto}}

.desktop-shell .main-header.desktop-header-home{display:none}.desktop-shell .main-header .back-and-title{display:flex;align-items:center;width:100%}.desktop-shell .main-header-text{flex:1;min-width:0}

/* Навигация совпадает по ширине с содержимым страницы. */
.bottom-nav-wrapper.desktop-navigation{width:min(1240px,calc(100% - 80px));margin:12px auto 0;top:108px;border:1px solid #ffffff14;border-radius:20px;background:#302b4ff2;box-shadow:0 8px 24px #100c2929}
.desktop-navigation .desktop-navigation-inner{width:100%;max-width:none;margin:0;padding-inline:22px;min-height:58px}
.desktop-navigation .bottom-nav-item a.active:after{bottom:7px;left:15%;right:15%;height:3px}
@media(max-width:1000px){.bottom-nav-wrapper.desktop-navigation{width:calc(100% - 48px);top:92px}.desktop-navigation .desktop-navigation-inner{padding-inline:16px}}
@media(max-width:720px){.bottom-nav-wrapper.desktop-navigation{top:0}}

/* Единый поиск в шапке: фокус повторяет скругление поля. */
.desktop-search input:focus-visible{outline:none!important;box-shadow:none}
.desktop-search:focus-within{border-color:#ffd28a99;box-shadow:0 0 0 3px #ffd28a18}
.desktop-shell .smart-search-entry,.desktop-shell .smart-search-form{display:none}

.desktop-breadcrumbs{margin:0 0 28px;padding:10px 18px;min-height:60px;border:1px solid #ffffff14;border-radius:18px;background:linear-gradient(110deg,#352d4e,#29233f);box-shadow:0 5px 18px #110c241a;color:#c5b9d7;font-size:14px;line-height:1.6}
.desktop-breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:6px 0;list-style:none;margin:0;padding:0}
.desktop-breadcrumbs li{display:flex;align-items:center;min-height:38px;min-width:0;overflow-wrap:anywhere}
.desktop-breadcrumbs li+li:before{content:"›";margin:0 14px;color:#9281aa;font-size:19px;font-weight:400}
.desktop-breadcrumbs a{display:inline-flex;align-items:center;gap:9px;min-height:38px;color:inherit;text-decoration:none;border-radius:7px}.desktop-breadcrumbs a:hover{color:#ffd28a}
.desktop-breadcrumbs [aria-current=page]{color:#ffdbab;font-weight:700}
.desktop-shell .main-content-detail{margin-top:0}

/* Единая шапка десктопа. */
html{scroll-padding-top:112px}.desktop-header-inner{gap:16px;min-height:100px;padding-block:12px}.desktop-header .desktop-brand{gap:9px}.desktop-header .desktop-brand>img{width:68px;height:68px}.desktop-header .desktop-brand>span{font-size:23px}.desktop-header .desktop-brand small{font-size:10px}
.desktop-header-nav{display:flex;align-items:center;gap:6px;flex:0 0 270px;overflow:hidden;opacity:1;transition:flex-basis .25s,opacity .18s}.desktop-header-nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 15px;border-radius:12px;color:#c7bad9;font-size:15px;font-weight:700;white-space:nowrap}.desktop-header-nav a:hover{background:#ffffff08;color:#fff}.desktop-header-nav a.active{background:#3b3156;color:#ffdb9e}
.desktop-header .desktop-search{flex:1 1 220px;max-width:280px;margin-left:auto;transition:max-width .28s,flex-basis .28s}.desktop-header .desktop-search input{font-size:14px;padding:13px 12px}.desktop-header .desktop-search button{height:44px;width:40px}.desktop-header-inner:has(.desktop-search.is-expanded) .desktop-header-nav{flex-basis:0;opacity:0;visibility:hidden}.desktop-header .desktop-search.is-expanded{max-width:760px;flex-basis:700px}
.desktop-header .desktop-notifications{margin:0;border-radius:12px;position:relative}.desktop-header .desktop-notifications:hover,.desktop-header .desktop-favorites.active{background:#3b3156;color:#ffd28a}.desktop-header .desktop-login{border:0;font:inherit;font-weight:700;cursor:pointer;flex:none;min-width:86px;padding:10px 18px}
web-wrapper.content-slider.desktop-shell{min-height:calc(100vh - 100px)}
.desktop-auth-dialog{width:min(520px,calc(100vw - 48px));max-height:calc(100dvh - 48px);margin:auto;padding:28px 20px 16px;border:1px solid #ffffff20;border-radius:28px;background:#1e193c;color:#f5edff;overflow:auto;box-shadow:0 28px 100px #08051e99}.desktop-auth-dialog::backdrop{background:#100b26b3;backdrop-filter:blur(7px)}.desktop-auth-dialog>h2{font-size:22px;margin:0 36px 20px 12px}.desktop-auth-close{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:44px;height:44px;background:#ffffff0a;border:0;border-radius:50%;color:#e5d5f4;font-size:28px;cursor:pointer}.desktop-auth-dialog .auth-wrapper{padding:14px 0 0;min-height:0}.desktop-auth-dialog .auth-container{width:100%;max-width:100%;margin:0}.desktop-auth-dialog .auth-form-card{padding:24px;border-radius:22px}.desktop-auth-dialog .character-box{display:none}.desktop-auth-dialog [data-desktop-auth-content]>p{padding:16px}.desktop-auth-dialog [data-desktop-auth-content]>a,.desktop-auth-dialog [data-desktop-login-retry]{display:inline-block;padding:12px;border-radius:12px;color:#ffdb9e}.desktop-auth-open{overflow:hidden}
@media(max-width:1100px){.desktop-header .desktop-brand small{display:none}.desktop-header .desktop-brand>span{font-size:20px}.desktop-header .desktop-brand>img{width:58px;height:58px}.desktop-header-inner{gap:10px}.desktop-header-nav{flex-basis:236px;gap:0}.desktop-header-nav a{padding-inline:12px}.desktop-header .desktop-search{max-width:220px;min-width:90px}}
@media(max-width:900px){.desktop-header .desktop-brand>span{display:none}.desktop-header-nav{flex-basis:230px}.desktop-header .desktop-search{max-width:none}.desktop-header .desktop-login{min-width:72px;padding-inline:12px}}
@media(max-width:720px){.desktop-header-inner{flex-wrap:wrap}.desktop-header .desktop-search{order:5;flex-basis:100%;max-width:none}.desktop-header-nav{flex:1;justify-content:center}.desktop-header-inner:has(.desktop-search.is-expanded) .desktop-header-nav{flex-basis:auto;opacity:1;visibility:visible}.desktop-header .desktop-search.is-expanded{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.desktop-header-nav,.desktop-header .desktop-search{transition:none}}
.desktop-auth-dialog{max-width:520px}.desktop-auth-dialog input:focus-visible{outline:none!important}.desktop-auth-dialog .input-field-custom:focus-within{box-shadow:0 0 0 2px #ffd28a66}

/* Разделы закреплены по центру шапки независимо от правых кнопок. */
.desktop-header-inner{position:relative}.desktop-header .desktop-brand>img{width:52px;height:52px}
.desktop-header-nav{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:270px;justify-content:center}
.desktop-header .desktop-search{max-width:clamp(90px,calc(50% - 260px),280px)}
.desktop-header-inner:has(.desktop-account) .desktop-search{max-width:clamp(90px,calc(50% - 320px),240px)}
.desktop-header .desktop-search.is-expanded,.desktop-header-inner:has(.desktop-account) .desktop-search.is-expanded{max-width:760px}
@media(max-width:1100px){.desktop-header-nav{width:236px}.desktop-header .desktop-brand>img{width:46px;height:46px}}
@media(max-width:900px){.desktop-header-nav{width:230px}.desktop-header .desktop-search{max-width:calc(50% - 205px)}.desktop-header-inner:has(.desktop-account) .desktop-search{max-width:calc(50% - 275px)}}
@media(max-width:720px){.desktop-header-nav{position:static;transform:none;width:auto}.desktop-header .desktop-search,.desktop-header-inner:has(.desktop-account) .desktop-search{max-width:none}}
@media(min-width:721px) and (max-width:900px){.desktop-header-inner:has(.desktop-account){gap:6px}.desktop-header-inner:has(.desktop-account) .desktop-search{min-width:76px}}

/* Сказочная сцена справа плавно переходит в спокойное поле для текста. */
.desktop-intro{min-height:400px;align-items:center;padding:48px 0;margin:0 0 40px;border-radius:28px;background-color:#1e193c;background-image:linear-gradient(90deg,#1e193cf5 0%,#1e193cd9 28%,#1e193c70 51%,#1e193c00 76%),url('/assets/images/desktop-intro-storybook-v1.webp');background-size:cover;background-position:right center;overflow:hidden}
.desktop-intro>div{width:60%;max-width:650px;position:relative}.desktop-intro>div>span{display:block;max-width:490px;color:#d4c9e3;line-height:1.6}.desktop-intro h1{font-size:clamp(40px,4.1vw,58px)}
@media(max-width:1050px){.desktop-intro{min-height:360px;padding:36px 0}.desktop-intro>div{width:62%}.desktop-intro h1{font-size:42px}.desktop-intro>div>span{font-size:15px}}
@media(max-width:800px){.desktop-intro{padding:28px 0;min-height:340px;background-position:right center}.desktop-intro h1{font-size:38px;letter-spacing:-1px}.desktop-intro>div{width:65%}}
@media(max-width:600px){.desktop-intro{padding:28px 0;background-image:linear-gradient(90deg,#1e193cf0,#1e193cb3),url('/assets/images/desktop-intro-storybook-v1.webp')}.desktop-intro>div{width:100%}.desktop-intro h1{font-size:36px}}
@media(min-width:601px) and (max-width:800px){.desktop-intro>div>span{max-width:300px}}

/* Верхний и правый края иллюстрации растворяются в фоне страницы. */
.desktop-intro{position:relative;isolation:isolate}
.desktop-intro::before{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(180deg,#1e193c 0%,#1e193c99 7%,#1e193c00 32%),linear-gradient(270deg,#1e193c 0%,#1e193c80 3%,#1e193c00 13%)}
.desktop-intro>div{z-index:1}

/* Поиск открывается кнопкой-лупой. */
.desktop-header .desktop-search:not(.is-expanded){flex:0 0 44px!important;width:44px;min-width:44px!important;max-width:44px!important;border-radius:14px}
.desktop-header .desktop-search input[hidden]{display:none}.desktop-header .desktop-search:not(.is-expanded) button{width:42px}
.desktop-header .desktop-search.is-expanded{width:auto}

/* Компактные уведомления под шапкой справа. */
#toast-container{top:116px;right:24px;left:auto;bottom:auto;transform:none;width:360px;max-width:calc(100vw - 48px);gap:10px}
#toast-container .toast{--toast-accent:#c2a0ef;width:100%;min-width:0;padding:16px;border:1px solid #ffffff1c;border-left:3px solid var(--toast-accent);border-radius:16px;gap:14px;align-items:flex-start;background:linear-gradient(115deg,#49405c80,#302a48eF),#29233ee6;box-shadow:0 12px 36px #100b2940,inset 0 1px 0 #ffffff09;backdrop-filter:blur(20px);cursor:default;animation:desktop-toast-in .25s ease-out}
#toast-container .toast-icon{width:48px;height:48px;margin:0;border-radius:13px;background-color:#ffffff06}
#toast-container .toast-content-wrapper{min-width:0;gap:4px;overflow-wrap:anywhere}
#toast-container .toast-title{font-size:15px;line-height:1.35;letter-spacing:0;font-weight:700;color:#fff3df}
#toast-container .toast-message{font-size:13px;line-height:1.5;font-weight:400;color:#d2c8de;opacity:1}
@keyframes desktop-toast-in{from{transform:translateX(24px);opacity:0}to{transform:translateX(0);opacity:1}}
@media(prefers-reduced-motion:reduce){#toast-container .toast{animation:none;transition:none}}

#toast-container .toast.success{--toast-accent:#8dd9b4}#toast-container .toast.error{--toast-accent:#f1a78e}#toast-container .toast.info{--toast-accent:#c2a0ef}

.desktop-breadcrumbs li:first-child a:before{content:'';width:18px;height:18px;flex:none;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m3 10 9-7 9 7v10a1 1 0 0 1-1 1h-5v-7H9v7H4a1 1 0 0 1-1-1Z' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;color:#b6a2cf}
@media(max-width:900px){.desktop-breadcrumbs{padding:8px 14px;font-size:13px;border-radius:15px}.desktop-breadcrumbs li+li:before{margin-inline:10px}}

/* Боковой рекламный блок закрепляется в пределах основного контента. */
.desktop-main-layout{display:block}.desktop-main-layout>.main-content{min-width:0}.desktop-ad-rail{display:none}
@media(min-width:1280px){.desktop-main-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:28px;align-items:start}.desktop-ad-rail{display:block;position:sticky;top:116px;align-self:start}.desktop-ad-placeholder{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-height:360px;max-height:calc(100dvh - 240px);padding:44px 22px 30px;border:1px dashed #b69acc50;border-radius:24px;background:radial-gradient(ellipse at 80% 10%,#9a638a30,transparent 65%),#2a2342;color:#d2bee7;text-align:center}.desktop-ad-label{position:absolute;top:16px;left:18px;font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:#9e8daf}.desktop-ad-placeholder svg{width:64px;height:64px;color:#e9bd8f}.desktop-ad-placeholder strong{font-size:23px;line-height:1.35;font-weight:700;color:#f5e5cd}.desktop-ad-note{font-size:12px;line-height:1.5;color:#b6a6c6}}
@media(min-width:1280px) and (max-height:650px){.desktop-ad-placeholder{min-height:220px;gap:12px;padding-block:34px 20px}.desktop-ad-placeholder svg{width:40px;height:40px}.desktop-ad-placeholder strong{font-size:20px}}

/* Офлайн-сохранение доступно только в мобильной версии. */
html[data-layout="desktop"] [data-downcache-id] { display: none !important; }