/* Cyberpunk */
.site.theme-cyberpunk{--ink:#edfaff;--muted:#95a7bb;--line:#26364e;--paper:#111827;--bg:#070b14;--brand:#ff2bd6;--dark:#05070d;--shadow:0 0 28px rgba(0,229,255,.14);background:radial-gradient(circle at 15% 5%,#152044 0,transparent 32%),#070b14;color:var(--ink)}
.site.theme-cyberpunk .top{background:rgba(5,7,13,.95);border-bottom:1px solid #00e5ff;box-shadow:0 0 18px rgba(0,229,255,.22)}
.site.theme-cyberpunk .hero h1{text-shadow:3px 3px 0 #ff2bd6,-2px -2px 0 #00e5ff}
.site.theme-cyberpunk .card,.site.theme-cyberpunk .article,.site.theme-cyberpunk .panel,.site.theme-cyberpunk .chips a{background:linear-gradient(145deg,#151d30,#0d1322);border-color:#2e4160;box-shadow:0 0 24px rgba(0,229,255,.1)}
.site.theme-cyberpunk .card:hover{border-color:#00e5ff;box-shadow:0 0 25px rgba(0,229,255,.24)}
.site.theme-cyberpunk .eyebrow,.site.theme-cyberpunk .meta{color:#00e5ff}
.site.theme-cyberpunk .button{background:linear-gradient(90deg,#ff2bd6,#7b2cff)}
.site.theme-cyberpunk .comments article{background:#0d1322;border-color:#2e4160}
.site.theme-cyberpunk .footer{border-top:1px solid #ff2bd6}

/* Белый скевоморфизм */
.site.theme-white-skeuomorphism{--ink:#17212b;--muted:#65717d;--line:#e0e4e8;--paper:#fdfdfd;--bg:#eef1f4;--brand:#df3b35;--dark:#18222b;--shadow:10px 10px 28px rgba(151,160,170,.23),-8px -8px 24px rgba(255,255,255,.9);background:linear-gradient(145deg,#f8fafb,#e9edf1)}
.site.theme-white-skeuomorphism .top{background:linear-gradient(#26323d,#131b22);box-shadow:0 4px 12px rgba(20,30,40,.25)}
.site.theme-white-skeuomorphism .card,.site.theme-white-skeuomorphism .article,.site.theme-white-skeuomorphism .panel{background:linear-gradient(145deg,#fff,#f5f6f7);border-color:#fff;box-shadow:var(--shadow)}
.site.theme-white-skeuomorphism .card:hover{box-shadow:13px 13px 30px rgba(151,160,170,.3),-8px -8px 24px #fff}
.site.theme-white-skeuomorphism .chips a,.site.theme-white-skeuomorphism .button{box-shadow:inset 1px 1px 0 rgba(255,255,255,.7),3px 4px 9px rgba(120,130,140,.2)}

/* Windows */
.site.theme-windows{--ink:#202020;--muted:#5f6368;--line:#d6d6d6;--paper:#fff;--bg:#f3f3f3;--brand:#0067c0;--dark:#202020;--radius:8px;--shadow:0 2px 8px rgba(0,0,0,.12);font-family:"Segoe UI",system-ui,sans-serif;background:#f3f3f3}
.site.theme-windows .top{background:rgba(252,252,252,.94);color:#202020;border-bottom:1px solid #ddd;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.site.theme-windows .top nav a{color:#333}
.site.theme-windows .top nav a:hover{color:#0067c0}
.site.theme-windows .card,.site.theme-windows .article,.site.theme-windows .panel,.site.theme-windows .chips a{border-radius:8px;box-shadow:var(--shadow)}
.site.theme-windows .button{background:#0067c0;border-radius:4px}
.site.theme-windows .hero-image,.site.theme-windows .video,.site.theme-windows .comments article{border-radius:6px}
.site.theme-windows .eyebrow,.site.theme-windows .meta{color:#0067c0}
.site.theme-windows .footer{background:#202020}

/* Выбор шаблона в админке */
.theme-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:22px}
.theme-option{display:block;cursor:pointer}
.theme-option input{position:absolute;opacity:0;pointer-events:none}
.theme-swatch{min-height:180px;display:flex;flex-direction:column;justify-content:flex-end;gap:5px;padding:18px;border:3px solid transparent;border-radius:16px;box-shadow:0 7px 22px rgba(16,24,32,.12);transition:.18s}
.theme-swatch i{display:block;flex:1;margin-bottom:14px;border-radius:9px}
.theme-swatch b{font-size:18px}
.theme-swatch small{line-height:1.35}
.theme-preview-cyberpunk .theme-swatch{color:#edfaff;background:#090d18}.theme-preview-cyberpunk .theme-swatch i{background:linear-gradient(135deg,#00e5ff,#7b2cff 55%,#ff2bd6)}
.theme-preview-white-skeuomorphism .theme-swatch{color:#17212b;background:linear-gradient(145deg,#fff,#e8edf1)}.theme-preview-white-skeuomorphism .theme-swatch i{background:#f4f6f8;box-shadow:7px 7px 15px #c5cbd0,-7px -7px 15px #fff}
.theme-preview-windows .theme-swatch{color:#202020;background:#f3f3f3}.theme-preview-windows .theme-swatch i{background:linear-gradient(90deg,#0067c0 0 48%,#fff 48%);border:1px solid #d6d6d6}
.theme-option input:checked+.theme-swatch{border-color:#e3342f;transform:translateY(-3px)}
@media(max-width:800px){.theme-picker{grid-template-columns:1fr}}