/* ===== Noctra. Все правила под body.noct ===== */
body.noct{--bg:#071015;--pn:rgba(14,28,34,.62);--pn2:rgba(255,255,255,.07);--bd:rgba(255,255,255,.14);--tx:#e9f1f2;--mu:#8da3a8;--ac:#a8dcd2;--ac2:#8cc9bd;--on-ac:#06161a;--r:34px;--gap:16px;--blur:blur(22px) saturate(130%);
 color:var(--tx);font-family:"IBM Plex Mono","JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
 background:radial-gradient(120% 45% at 50% 108%,rgba(214,150,80,.45),transparent 70%),radial-gradient(80% 50% at 80% 0,rgba(60,110,120,.35),transparent 60%),linear-gradient(180deg,#05090d 0%,#0b1e26 55%,#14323a 85%,#2b3b3a 100%) fixed}
.noct a:hover{color:var(--ac)}
.noct ::selection{background:var(--ac);color:var(--on-ac)}
.noct h1,.noct h2,.noct h3,.noct .ct{font-weight:500;letter-spacing:-.01em}

.noct .pn,.noct .top,.noct .side,.noct .card,.noct .hero,.noct .foot,.noct .fa,.noct .mbox,.noct .sug,.noct .tabbar,.noct .toast,.noct .filters{background:var(--pn);border:1px solid var(--bd);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:0 30px 70px -30px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.08)}
.noct .pn{border-radius:var(--r);padding:24px}
.noct .main{padding:var(--gap)}
.noct .wrap{max-width:1500px;padding:0 0 40px}

/* шапка — тонкая стеклянная плашка, боковая панель — вертикальная стеклянная карточка */
.noct .top{top:var(--gap);margin:0 0 var(--gap);padding:8px 10px;border-radius:999px;gap:10px}
.noct .sbox{max-width:360px;margin:0 auto 0 0}
.noct .sbox input{height:42px;background-color:transparent;border:1px solid var(--bd);border-radius:999px;color:var(--tx);font-family:inherit}
.noct .sbox input:focus{border-color:var(--ac);box-shadow:none}
.noct .ib{background:transparent;border:1px solid var(--bd);border-radius:50%;width:42px;height:42px}
.noct .ib:hover{border-color:var(--ac);color:var(--ac)}.noct .ib.on{background:var(--ac);color:var(--on-ac)}
.noct .dot{background:var(--ac);border:2px solid var(--bg)}
.noct .me{background:transparent;border:1px solid var(--bd);border-radius:999px}
@media(min-width:1024px){
 .noct .main{margin-left:104px}
 .noct .side{inset:var(--gap) auto var(--gap) var(--gap);width:76px;border-radius:30px;padding:16px 8px;align-items:center}
 .noct .side .logo b,.noct .nv>span,.noct .nv .tag,.noct .me>span{display:none}
 .noct .side .logo{justify-content:center}
 .noct .side nav{align-items:center;gap:8px}
 .noct .nv{width:48px;height:48px;padding:0;justify-content:center;border-radius:50%}
 .noct .side-b .btn{padding:9px 2px;font-size:.62rem}
 .noct .soc-side{flex-direction:column;align-items:center}
}
.noct .lg{background:transparent;border:1px solid var(--ac);color:var(--ac);border-radius:50%}
.noct .nv{color:#b9c9cc}.noct .nv:hover{background:var(--pn2);color:#fff}
.noct .nv.on{background:var(--pn2);color:var(--ac);box-shadow:inset 0 0 0 1px var(--ac)}
.noct .nv .tag{background:var(--ac);color:var(--on-ac)}

/* контурные кнопки и «пилюли» */
.noct .btn{background:transparent;border:1px solid var(--bd);border-radius:999px;font-family:inherit;font-weight:500;letter-spacing:.02em}
.noct .btn:hover{border-color:var(--ac);color:var(--ac);background:transparent}
.noct .btn.acc,.noct .chip-b.on,.noct .tr span,.noct .bigplay,.noct .s2-b.watch,.noct .bd.q{background:var(--ac)!important;color:var(--on-ac)!important;border-color:transparent!important;box-shadow:none}
.noct .btn.acc:hover{background:var(--ac2)!important;color:var(--on-ac)!important}
.noct .btn.gh.on{border-color:var(--ac);/*color:var(--ac)*/}
.noct .s2-b.watch svg{fill:var(--on-ac)}
.noct .bigplay{box-shadow:0 0 0 10px rgba(168,220,210,.16),0 14px 40px rgba(0,0,0,.6)}
.noct .in{background-color:transparent;border:1px solid var(--bd);border-radius:18px;height:48px;font-family:inherit;color:var(--tx)}
.noct .in:focus{border-color:var(--ac);box-shadow:none}
.noct .chip span{background:transparent;border:1px solid var(--bd);border-radius:999px;padding:9px 18px;text-transform:uppercase;font-size:.72rem;letter-spacing:.08em}
.noct .chip:hover span{border-color:var(--ac)}.noct .chip.on span,.noct .chip input:checked+span{background:var(--ac);color:var(--on-ac);border-color:var(--ac)}
.noct .tab{background:transparent;border:1px solid var(--bd);border-radius:999px}.noct .tab.on{background:var(--ac);color:var(--on-ac);border-color:var(--ac)}
.noct .seg{background:transparent;border:1px solid var(--bd);border-radius:999px}.noct .seg button{border-radius:999px}.noct .seg .on{background:var(--ac);color:var(--on-ac)}
.noct .chip-b{background:transparent;border:1px solid var(--bd);border-radius:999px}
.noct .pager a,.noct .pager span{background:transparent;border:1px solid var(--bd);border-radius:50%}.noct .pager a.on{background:var(--ac);color:var(--on-ac)}
.noct .vb.on{color:var(--ac);border-color:var(--ac)}
.noct .tag{border:1px solid var(--bd);background:transparent;border-radius:999px;text-transform:uppercase;font-size:.68rem;letter-spacing:.08em}.noct .tag.acc{background:var(--ac);color:var(--on-ac)}
.noct .flash{background:var(--pn);border:1px solid var(--bd);border-radius:18px}
.noct .sec-h h2,.noct .ph h1{font-weight:500}
.noct .sec-h>a{color:var(--ac)}
.noct .st b{color:var(--ac)}

/* карточки: постер-«иконка» со скруглением и подписью под стеклом */
.noct .card{padding:10px;border-radius:30px}
.noct .card:hover{border-color:var(--ac);color:inherit;transform:translateY(-3px)}
.noct .poster{border:0;border-radius:24px}
.noct .card:hover .poster{transform:none;box-shadow:none}
.noct .ct{font-size:.86rem;margin-top:10px;padding:0 4px}
.noct .bd{border-radius:999px;background:rgba(7,16,21,.7);border:1px solid var(--bd)}

/* слайдер и страница */
.noct .slider{border:1px solid var(--bd);border-radius:38px;height:430px}
.noct .slide::after{background:linear-gradient(90deg,rgba(5,12,16,.9),rgba(5,12,16,.3) 60%,transparent)}
.noct .slide h2,.noct .slide h1{font-weight:400;font-size:clamp(1.8rem,4vw,3rem)}
.noct .slide .tag{background:rgba(7,16,21,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.noct .sp{transform:none;border-radius:26px}.noct .dots .on{background:var(--ac)}
.noct .hero{border-radius:38px}.noct .hi h1{font-weight:400}
.noct .hp,.noct .frame{border-radius:28px}
.noct .ring{background:transparent;border:1px solid var(--bd);border-radius:20px;box-shadow:none}
.noct .ring.st span{background:none;-webkit-text-fill-color:var(--ac);color:var(--ac)}
.noct .facts a,.noct .ppl a{color:var(--ac)}
.noct .cav{background:transparent;border:1px solid var(--ac)}
.noct .cm2.sub{background:var(--pn2);border:0;border-radius:18px}
.noct .cpb{background:transparent;border:1px solid var(--bd);border-radius:50%}.noct .cpb.on{background:var(--ac);color:var(--on-ac)}
.noct .nt.un{background:var(--pn2);box-shadow:inset 3px 0 0 var(--ac)}
.noct .mbox{border-radius:32px}.noct .foot{border-radius:30px;margin-top:20px}
.noct .ap-hero{background:var(--pn);border:1px solid var(--bd)}.noct .ap-steps .n{background:var(--ac);color:var(--on-ac)}.noct .ap-f .fi{background:var(--pn2)}
.noct .stbar i,.noct .bar i,.noct .s2-bar i{background:var(--ac)}
.noct .muted,.noct small{color:var(--mu)}

@media(max-width:1023px){
 .noct .main{padding:12px}
 .noct .side{width:290px;border-radius:0 30px 30px 0;background:rgba(8,18,23,.92)}
 .noct .slider{height:350px;border-radius:30px}.noct .filters{border-radius:30px 30px 0 0}
}
@media(max-width:767px){
 .noct .top{top:10px;padding:6px 8px}
 .noct .tabbar{border-radius:999px}.noct .tabbar a{border-radius:999px}.noct .tabbar a.on{color:var(--ac);box-shadow:inset 0 0 0 1px var(--ac)}
 .noct .slider{height:390px}.noct .hero{border-radius:28px}
 .noct .card{border-radius:24px;padding:7px}.noct .poster{border-radius:18px}
 .noct .pn{padding:16px;border-radius:26px}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){body.noct{--pn:rgba(10,22,28,.94)}}