/* ============================================================
   news.css — WAI-LOG · WAIproger · 5 режимов
   ============================================================ */

/* ── MATRIX ─────────────────────────────────────────────────── */
#matrixCanvas {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: 0.18;
  transition: opacity 0.6s;
}
[data-mode="cyberpunk"] #matrixCanvas { opacity: 0.32; }
[data-mode="ocean"]     #matrixCanvas { opacity: 0.15; }
[data-mode="void"]      #matrixCanvas { opacity: 0.25; }
[data-mode="retro"]     #matrixCanvas { opacity: 0; }

/* ── SHADER LAYERS ───────────────────────────────────────────── */
.shader-layers {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}
.shader-layer {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  animation: shaderFloat 12s ease-in-out infinite;
  opacity: 0.06;
}
.shader-l1 { width:600px;height:600px;background:conic-gradient(from 0deg,#a8ff3e,#00f5ff,#a8ff3e);top:-200px;left:-200px;animation-delay:0s; }
.shader-l2 { width:500px;height:500px;background:conic-gradient(from 120deg,#c77dff,#a8ff3e,#c77dff);bottom:-150px;right:-150px;animation-delay:4s; }
.shader-l3 { width:400px;height:400px;background:conic-gradient(from 240deg,#00f5ff,#ffd60a,#00f5ff);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:8s; }

@keyframes shaderFloat {
  0%,100%{ transform:translate(0,0) rotate(0deg); }
  33%    { transform:translate(40px,-30px) rotate(120deg); }
  66%    { transform:translate(-30px,40px) rotate(240deg); }
}

[data-mode="cyberpunk"] .shader-l1 { background:conic-gradient(from 0deg,#ff0080,#00f5ff,#ff0080);opacity:.12; }
[data-mode="cyberpunk"] .shader-l2 { background:conic-gradient(from 120deg,#ff0080,#ffd60a,#ff0080);opacity:.1; }
[data-mode="ocean"]     .shader-l1 { background:conic-gradient(from 0deg,#0099ff,#00f5e0,#0099ff);opacity:.1; }
[data-mode="ocean"]     .shader-l2 { background:conic-gradient(from 120deg,#005580,#00ccaa,#005580);opacity:.08; }
[data-mode="void"]      .shader-l1 { background:conic-gradient(from 0deg,#6600ff,#ff00aa,#6600ff);opacity:.08; }
[data-mode="void"]      .shader-l2 { background:conic-gradient(from 120deg,#3300aa,#aa0066,#3300aa);opacity:.06; }
[data-mode="retro"]     .shader-layers { display:none; }

/* ── MODE DOCK ───────────────────────────────────────────────── */
.mode-dock {
  position: fixed;
  right: 1.2rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 200;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  background: rgba(16, 23, 16, 0.7);
  border: 1px solid var(--border);
  border-radius: 16px;
  padding: 0.5rem;
  backdrop-filter: blur(16px);
}
.mode-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
  padding: 0.55rem 0.6rem;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.25s;
}
.mode-btn:hover { border-color: var(--border); background: rgba(255,255,255,0.04); }
.mode-btn.active { border-color: var(--accent); background: rgba(168,255,62,0.08); }
.mode-icon  { font-size: 1rem; line-height: 1; }
.mode-label { font-family: var(--font-mono); font-size: 0.5rem; color: var(--text-dim); letter-spacing: 0.08em; }
.mode-btn.active .mode-label { color: var(--accent); }

/* ── HERO ────────────────────────────────────────────────────── */
.news-hero { position:relative; padding:9rem 0 4rem; overflow:hidden; z-index:2; }
.news-hero-inner { max-width:780px; position:relative; z-index:2; }

.news-hero-eyebrow {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1.2rem;
}
.news-signal-dot {
  width:8px;height:8px;border-radius:50%;
  background:var(--accent);
  animation:signalPulse 1.4s ease-in-out infinite;
}
.news-signal-dot--2 { animation-delay:.3s;width:6px;height:6px;opacity:.7; }
.news-signal-dot--3 { animation-delay:.6s;width:4px;height:4px;opacity:.4; }
@keyframes signalPulse {
  0%,100%{ transform:scale(1);opacity:1; }
  50%    { transform:scale(1.4);opacity:.5; }
}
.news-eyebrow-text {
  font-family: var(--font-mono);
  font-size: 0.75rem;
  letter-spacing: 0.2em;
  color: var(--accent);
  text-transform: uppercase;
}
.news-hero-title {
  font-family: var(--font-display);
  font-size: clamp(4rem,12vw,9rem);
  font-weight: 900;
  line-height: 0.9;
  margin: 0 0 1rem;
  display: flex;
  align-items: baseline;
  gap: 0.1em;
}
.news-title-prefix { color: var(--text-bright); }
.news-title-dash   { color: var(--accent); margin: 0 0.05em; }
.news-title-suffix { color:transparent; -webkit-text-stroke:2px var(--accent); }

.news-hero-sub {
  font-size: 1.1rem;
  color: var(--text-mid);
  margin-bottom: 2rem;
  font-style: italic;
  letter-spacing: 0.05em;
}
.news-hero-meta {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  flex-wrap: wrap;
  margin-bottom: 2rem;
  font-family: var(--font-mono);
  font-size: 0.8rem;
}
.news-meta-item  { display:flex; flex-direction:column; gap:.2rem; }
.news-meta-label { color:var(--text-dim); font-size:.65rem; letter-spacing:.1em; }
.news-meta-val   { color:var(--text-bright); font-weight:700; }
.news-meta-sep   { color:var(--border); font-size:1.2rem; }

/* Filter */
.news-filter-bar { display:flex; flex-wrap:wrap; gap:.5rem; }
.news-filter-btn {
  font-family: var(--font-mono);
  font-size: 0.75rem;
  padding: 0.4rem 1rem;
  border-radius: 100px;
  border: 1px solid var(--border);
  background: var(--glass);
  color: var(--text-mid);
  cursor: pointer;
  transition: all 0.25s;
  letter-spacing: 0.06em;
}
.news-filter-btn:hover,
.news-filter-btn.active {
  border-color: var(--accent);
  color: var(--accent);
  background: rgba(168,255,62,0.08);
}

/* Glitch deco */
.news-hero-glitch {
  position:absolute; right:2%; top:50%;
  transform:translateY(-50%);
  pointer-events:none; z-index:0; opacity:.04;
}
.news-hero-glitch .glitch-text {
  font-family:var(--font-display);
  font-size:clamp(5rem,15vw,14rem);
  font-weight:900; color:var(--accent);
}

/* ── SECTION LABELS ──────────────────────────────────────────── */
.section-label-row { display:flex; align-items:center; gap:1.2rem; margin-bottom:2.5rem; }
.section-label {
  display:flex; align-items:center; gap:.6rem;
  font-family:var(--font-mono); font-size:.8rem;
  font-weight:700; color:var(--accent);
  letter-spacing:.12em; text-transform:uppercase; white-space:nowrap;
}
.section-label-icon { font-size:1rem; }
.section-label-line { flex:1; height:1px; background:var(--border); }

/* ── NEWS SECTION ────────────────────────────────────────────── */
.news-section { position:relative; z-index:2; padding:2rem 0 6rem; }

/* ── SHORTS GRID ─────────────────────────────────────────────── */
.shorts-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 2rem;
  margin-bottom: 2rem;
}

/* ── SHORT CARD ──────────────────────────────────────────────── */
.short-card {
  position: relative;
  background: var(--glass);
  border: 1px solid var(--border);
  border-radius: 20px;
  overflow: hidden;
  transition: transform 0.4s var(--ease-smooth), border-color 0.3s, box-shadow 0.3s;
  opacity: 0;
  transform: translateY(30px);
  animation: cardIn 0.6s var(--ease-smooth) forwards;
}
.short-card[data-index="0"] { animation-delay:.1s; }
.short-card[data-index="1"] { animation-delay:.2s; }
.short-card[data-index="2"] { animation-delay:.3s; }
@keyframes cardIn { to { opacity:1; transform:translateY(0); } }

.short-card:hover { transform:translateY(-6px); border-color:var(--accent); box-shadow:0 12px 40px rgba(168,255,62,0.1); }

.short-card-glow {
  position:absolute; inset:0; pointer-events:none;
  opacity:0; transition:opacity .4s; z-index:0;
}
.short-card-glow--anime  { background:radial-gradient(ellipse at 50% 0%,rgba(199,125,255,.15) 0%,transparent 60%); }
.short-card-glow--code   { background:radial-gradient(ellipse at 50% 0%,rgba(168,255,62,.12) 0%,transparent 60%); }
.short-card-glow--galaxy { background:radial-gradient(ellipse at 50% 0%,rgba(0,245,255,.12) 0%,transparent 60%); }
.short-card:hover .short-card-glow { opacity:1; }

.short-card-num {
  position:absolute; top:1rem; left:1rem;
  font-family:var(--font-mono); font-size:.7rem;
  color:var(--accent);
  background:rgba(168,255,62,.1);
  border:1px solid rgba(168,255,62,.2);
  border-radius:6px; padding:.2rem .5rem;
  z-index:3; letter-spacing:.08em;
}

/* Video 9:16 */
.short-video-wrap {
  position:relative; width:100%;
  padding-bottom:177.77%;
  background:#050505; overflow:hidden; z-index:1;
}
.short-iframe {
  position:absolute; inset:0;
  width:100%; height:100%;
  border:none; display:block;
}
.short-video-overlay {
  position:absolute; inset:0;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,#050505 0%,#0a1a06 100%);
  z-index:2; transition:opacity .3s;
}
.short-iframe[src]:not([src=""]) ~ .short-video-overlay { opacity:0; pointer-events:none; }
.short-play-icon {
  width:64px; height:64px; border-radius:50%;
  background:rgba(168,255,62,.1);
  border:2px solid var(--accent);
  display:flex; align-items:center; justify-content:center;
  font-size:1.4rem; color:var(--accent);
  animation:playPulse 2s ease-in-out infinite;
}
@keyframes playPulse {
  0%,100%{ transform:scale(1); box-shadow:0 0 0 0 rgba(168,255,62,.4); }
  50%    { transform:scale(1.05); box-shadow:0 0 0 12px rgba(168,255,62,0); }
}

.short-card-body { padding:1.2rem 1.4rem 1.4rem; position:relative; z-index:2; }
.short-tags { display:flex; flex-wrap:wrap; gap:.4rem; margin-bottom:.7rem; }
.short-tag  { font-family:var(--font-mono); font-size:.65rem; color:var(--accent); opacity:.7; letter-spacing:.05em; }
.short-title {
  font-family:var(--font-display);
  font-size:clamp(.9rem,1.5vw,1.05rem);
  font-weight:700; color:var(--text-bright);
  margin:0 0 .4rem; line-height:1.3;
}
.short-desc { font-size:.78rem; color:var(--text-dim); margin:0; font-style:italic; }

/* ── MODELS GRID ─────────────────────────────────────────────── */
.models-grid { display:grid; grid-template-columns:1fr 1fr; gap:2.5rem; }

/* ── MODEL CARD ──────────────────────────────────────────────── */
.model-card {
  position:relative;
  background:var(--glass);
  border:1px solid var(--border);
  border-radius:24px; overflow:hidden;
  transition:transform .4s var(--ease-smooth),border-color .3s,box-shadow .3s;
  opacity:0; transform:translateY(40px);
  animation:cardIn .7s var(--ease-smooth) forwards;
}
.model-card[data-index="3"] { animation-delay:.15s; }
.model-card[data-index="4"] { animation-delay:.3s; }

.model-card:hover { transform:translateY(-5px); }
.model-card--nanny:hover { border-color:#ff6eb4; box-shadow:0 16px 50px rgba(255,110,180,.1); }
.model-card--jandi:hover { border-color:var(--accent); box-shadow:0 16px 50px rgba(168,255,62,.1); }

.model-card-glow {
  position:absolute; inset:0; pointer-events:none;
  opacity:0; transition:opacity .5s; z-index:0;
  background:radial-gradient(ellipse at 50% 0%,rgba(255,110,180,.1) 0%,transparent 60%);
}
.model-card-glow--jandi { background:radial-gradient(ellipse at 50% 0%,rgba(168,255,62,.1) 0%,transparent 60%); }
.model-card:hover .model-card-glow { opacity:1; }

.model-card-inner { padding:2.5rem; position:relative; z-index:1; display:flex; flex-direction:column; gap:1.2rem; }
.model-card-header { display:flex; align-items:center; justify-content:space-between; }

.model-badge {
  font-family:var(--font-mono); font-size:.65rem;
  font-weight:700; letter-spacing:.15em;
  padding:.3rem .8rem; border-radius:100px;
}
.model-badge--nanny { background:rgba(255,110,180,.12); border:1px solid rgba(255,110,180,.3); color:#ff6eb4; }
.model-badge--jandi { background:rgba(168,255,62,.12); border:1px solid rgba(168,255,62,.3); color:var(--accent); }

.model-version {
  font-family:var(--font-mono); font-size:.7rem;
  color:var(--text-dim); border:1px solid var(--border);
  padding:.2rem .6rem; border-radius:6px;
}

.model-icon-wrap { position:relative; width:72px; height:72px; }
.model-icon {
  width:72px; height:72px; border-radius:50%;
  background:var(--glass); border:2px solid var(--border);
  display:flex; align-items:center; justify-content:center;
  font-size:2rem; position:relative; z-index:2;
}
.model-icon-rings { position:absolute; inset:0; }
.mir {
  position:absolute; border-radius:50%;
  border:1px solid #ff6eb4; opacity:.3;
  transform:translate(-50%,-50%); top:50%; left:50%;
  animation:mirPulse 3s ease-in-out infinite;
}
.mir-1 { width:90px; height:90px; }
.mir-2 { width:110px; height:110px; animation-delay:1s; opacity:.15; }
.mir--jandi { border-color:var(--accent); }
@keyframes mirPulse {
  0%,100%{ transform:translate(-50%,-50%) scale(1); opacity:.3; }
  50%    { transform:translate(-50%,-50%) scale(1.08); opacity:.5; }
}

.model-name { font-family:var(--font-display); font-size:clamp(1.8rem,3vw,2.4rem); font-weight:900; color:var(--text-bright); margin:0; line-height:1.1; }
.model-name--jandi { color:var(--accent); }
.model-tagline { font-size:.95rem; color:#ff6eb4; font-style:italic; margin:0; opacity:.8; }
.model-tagline--jandi { color:var(--accent); }

.model-article { display:flex; flex-direction:column; gap:1.2rem; }
.model-article>p { font-size:.95rem; color:var(--text-mid); line-height:1.75; margin:0; }

.model-feature-list { display:flex; flex-direction:column; gap:.9rem; }
.model-feature {
  display:flex; align-items:flex-start; gap:1rem;
  padding:.9rem 1rem;
  background:rgba(255,255,255,.02);
  border:1px solid var(--border); border-radius:12px;
  transition:background .2s,border-color .2s;
}
.model-feature:hover { background:rgba(255,110,180,.04); border-color:rgba(255,110,180,.2); }
.model-card--jandi .model-feature:hover { background:rgba(168,255,62,.04); border-color:rgba(168,255,62,.2); }
.mf-icon { font-size:1.3rem; flex-shrink:0; line-height:1; margin-top:2px; }
.model-feature strong { display:block; font-size:.9rem; color:var(--text-bright); margin-bottom:.3rem; }
.model-feature p { font-size:.82rem; color:var(--text-mid); margin:0; line-height:1.6; }

.model-quote {
  display:flex; gap:1rem; align-items:flex-start;
  padding:1rem 1.2rem;
  background:rgba(255,110,180,.06);
  border-left:3px solid #ff6eb4;
  border-radius:0 12px 12px 0;
}
.model-quote--jandi { background:rgba(168,255,62,.06); border-left-color:var(--accent); }
.model-quote-icon { font-size:1.2rem; flex-shrink:0; margin-top:2px; }
.model-quote p { font-size:.88rem; color:var(--text-mid); margin:0; font-style:italic; line-height:1.7; }

.model-stats { display:flex; gap:1.5rem; }
.mstat { display:flex; flex-direction:column; gap:.2rem; }
.mstat-num { font-family:var(--font-mono); font-size:1.6rem; font-weight:800; color:var(--accent); line-height:1; }
.mstat-label { font-size:.72rem; color:var(--text-dim); text-transform:uppercase; letter-spacing:.08em; }

.model-links { display:flex; gap:.8rem; flex-wrap:wrap; }
.model-link {
  display:inline-flex; align-items:center;
  font-family:var(--font-mono); font-size:.8rem;
  font-weight:600; padding:.5rem 1.2rem;
  border-radius:100px; transition:all .25s;
  text-decoration:none; letter-spacing:.05em;
}
.model-link--primary { background:rgba(255,110,180,.12); border:1px solid rgba(255,110,180,.3); color:#ff6eb4; }
.model-link--primary:hover { background:rgba(255,110,180,.2); transform:translateX(4px); }
.model-link--secondary { background:transparent; border:1px solid var(--border); color:var(--text-mid); }
.model-link--secondary:hover { border-color:#ff6eb4; color:#ff6eb4; }

/* Hidden (filter) */
.news-card--hidden,.short-card--hidden,.model-card--hidden { display:none !important; }

/* ── CTA ─────────────────────────────────────────────────────── */
.news-cta-block {
  background:var(--glass); border:1px solid var(--border);
  border-radius:24px; padding:3rem 3.5rem;
  position:relative; overflow:hidden;
}
.news-cta-block::before {
  content:''; position:absolute;
  left:0;top:0;bottom:0; width:4px;
  background:var(--accent); border-radius:4px 0 0 4px;
}
.news-cta-inner { position:relative; z-index:1; }
.news-cta-signal { display:flex; align-items:center; gap:.5rem; font-family:var(--font-mono); font-size:.72rem; color:var(--accent); letter-spacing:.15em; margin-bottom:.8rem; }
.news-cta-title { font-family:var(--font-display); font-size:clamp(1.4rem,3vw,2rem); font-weight:800; color:var(--text-bright); margin:0 0 .6rem; }
.news-cta-desc  { font-size:.95rem; color:var(--text-mid); margin:0 0 1.5rem; max-width:500px; line-height:1.6; }
.news-cta-btns  { display:flex; gap:1rem; flex-wrap:wrap; }

.news-empty { text-align:center; padding:4rem 2rem; color:var(--text-dim); }
.news-empty-icon { font-size:3rem; margin-bottom:1rem; }

/* ═══════════════════════════════════════════════════════════ */
/*  CYBERPUNK MODE                                            */
/* ═══════════════════════════════════════════════════════════ */
[data-mode="cyberpunk"] { --accent:#ff0080; --border:rgba(255,0,128,.25); }
[data-mode="cyberpunk"] .short-card { border-color:rgba(255,0,128,.2); }
[data-mode="cyberpunk"] .short-card:hover { border-color:#ff0080; box-shadow:0 0 40px rgba(255,0,128,.2); }
[data-mode="cyberpunk"] .model-card--jandi:hover { border-color:#ff0080; box-shadow:0 0 40px rgba(255,0,128,.15); }
[data-mode="cyberpunk"] .news-hero-title { text-shadow:0 0 30px rgba(255,0,128,.5),2px 2px 0 #00f5ff; }
[data-mode="cyberpunk"] .news-title-suffix { -webkit-text-stroke-color:#ff0080; }
[data-mode="cyberpunk"] .short-play-icon { border-color:#ff0080; color:#ff0080; box-shadow:0 0 20px rgba(255,0,128,.4); }
[data-mode="cyberpunk"] .news-filter-btn.active,
[data-mode="cyberpunk"] .news-filter-btn:hover { border-color:#ff0080; color:#ff0080; background:rgba(255,0,128,.1); box-shadow:0 0 15px rgba(255,0,128,.2); }
[data-mode="cyberpunk"] .model-name--jandi { color:#ff0080; }
[data-mode="cyberpunk"] .section-label { color:#ff0080; }
[data-mode="cyberpunk"] .short-tag { color:#00f5ff; }
[data-mode="cyberpunk"] .mstat-num { color:#ff0080; }
[data-mode="cyberpunk"] .news-cta-block::before { background:#ff0080; }
[data-mode="cyberpunk"] .mode-btn.active { border-color:#ff0080; background:rgba(255,0,128,.1); }
[data-mode="cyberpunk"] .mode-btn.active .mode-label { color:#ff0080; }
[data-mode="cyberpunk"] .news-signal-dot { background:#ff0080; }
[data-mode="cyberpunk"] .news-eyebrow-text { color:#ff0080; }
[data-mode="cyberpunk"] .model-badge--jandi { background:rgba(255,0,128,.12); border-color:rgba(255,0,128,.3); color:#ff0080; }
[data-mode="cyberpunk"] .model-quote--jandi { background:rgba(255,0,128,.06); border-left-color:#ff0080; }
[data-mode="cyberpunk"] .bg-grid {
  background-image:
    linear-gradient(rgba(255,0,128,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,0,128,.06) 1px,transparent 1px);
}

/* ═══════════════════════════════════════════════════════════ */
/*  RETRO MODE — газетный стиль                               */
/* ═══════════════════════════════════════════════════════════ */
[data-mode="retro"] { --accent:#c8a84b; }
[data-mode="retro"] body { background:#f5ead5; color:#1a1008; }
[data-mode="retro"] .bg-canvas { display:none; }
[data-mode="retro"] .grain { opacity:.6; filter:sepia(1); }
[data-mode="retro"] .short-card,
[data-mode="retro"] .model-card {
  background:#ede0c4; border:2px solid #8b6914;
  border-radius:4px; box-shadow:4px 4px 0 #8b6914;
}
[data-mode="retro"] .short-card:hover,
[data-mode="retro"] .model-card:hover { transform:translateY(-2px); box-shadow:6px 6px 0 #8b6914; border-color:#8b6914; }
[data-mode="retro"] .news-hero-title { font-family:'Georgia',serif; text-shadow:3px 3px 0 #8b6914; }
[data-mode="retro"] .news-title-prefix,.news-title-suffix { color:#1a1008; -webkit-text-stroke:0; }
[data-mode="retro"] .news-title-dash { color:#c8a84b; }
[data-mode="retro"] .short-title,.model-name { font-family:'Georgia',serif; color:#1a1008; }
[data-mode="retro"] .short-video-wrap { filter:sepia(.4) contrast(1.1); }
[data-mode="retro"] .short-video-overlay { background:linear-gradient(135deg,#ede0c4 0%,#d4b896 100%); }
[data-mode="retro"] .short-play-icon { border-color:#8b6914; color:#8b6914; background:rgba(139,105,20,.1); }
[data-mode="retro"] .news-filter-btn { border:2px solid #8b6914; background:#ede0c4; color:#3d2b0e; border-radius:0; font-family:'Georgia',serif; }
[data-mode="retro"] .news-filter-btn.active,
[data-mode="retro"] .news-filter-btn:hover { background:#8b6914; color:#f5ead5; }
[data-mode="retro"] .section-label { font-family:'Georgia',serif; color:#8b6914; }
[data-mode="retro"] .section-label-line { background:#8b6914; }
[data-mode="retro"] .model-feature { background:rgba(139,105,20,.06); border-radius:0; }
[data-mode="retro"] .model-quote { background:rgba(139,105,20,.08); border-left-color:#8b6914; }
[data-mode="retro"] .model-quote--jandi { background:rgba(139,105,20,.08); border-left-color:#8b6914; }
[data-mode="retro"] .model-badge--nanny,
[data-mode="retro"] .model-badge--jandi { background:#8b6914; color:#f5ead5; border-radius:0; border-color:#8b6914; }
[data-mode="retro"] .model-card-glow,.short-card-glow { display:none; }
[data-mode="retro"] .news-cta-block { background:#ede0c4; border:3px double #8b6914; border-radius:0; }
[data-mode="retro"] .news-cta-block::before { background:#8b6914; }
[data-mode="retro"] .news-cta-title { font-family:'Georgia',serif; color:#1a1008; }
[data-mode="retro"] .mode-dock { background:#ede0c4; border:1px solid #8b6914; border-radius:4px; }
[data-mode="retro"] .mode-btn { border-radius:0; }
[data-mode="retro"] .mode-btn.active { background:#8b6914; border-color:#8b6914; }
[data-mode="retro"] .mode-btn.active .mode-label,
[data-mode="retro"] .mode-btn.active .mode-icon { color:#f5ead5; }
[data-mode="retro"] .site-header { border-bottom:3px double #8b6914; background:#f5ead5; }
[data-mode="retro"] .banner-top { background:#1a1008; color:#f5ead5; }
[data-mode="retro"] .mstat-num { color:#8b6914; }
[data-mode="retro"] .short-tag { color:#8b6914; }
[data-mode="retro"] .news-signal-dot { background:#8b6914; }
[data-mode="retro"] .news-eyebrow-text { color:#8b6914; }
[data-mode="retro"] .model-name--jandi { color:#8b6914; }
[data-mode="retro"] .model-tagline--jandi { color:#8b6914; }

/* ═══════════════════════════════════════════════════════════ */
/*  OCEAN MODE — глубокий океан                               */
/* ═══════════════════════════════════════════════════════════ */
[data-mode="ocean"] { --accent:#00ccff; --border:rgba(0,204,255,.2); }
[data-mode="ocean"] body { background:#020d1a; }
[data-mode="ocean"] .bg-grid {
  background-image:
    linear-gradient(rgba(0,153,255,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,153,255,.05) 1px,transparent 1px);
}
[data-mode="ocean"] .short-card { border-color:rgba(0,153,255,.2); }
[data-mode="ocean"] .short-card:hover { border-color:#00ccff; box-shadow:0 0 40px rgba(0,204,255,.15),0 0 80px rgba(0,153,255,.08); }
[data-mode="ocean"] .model-card--nanny:hover { border-color:#00ccff; box-shadow:0 0 40px rgba(0,204,255,.12); }
[data-mode="ocean"] .model-card--jandi:hover { border-color:#00e5b0; box-shadow:0 0 40px rgba(0,229,176,.12); }
[data-mode="ocean"] .news-hero-title { text-shadow:0 0 40px rgba(0,204,255,.4); }
[data-mode="ocean"] .news-title-suffix { -webkit-text-stroke-color:#00ccff; }
[data-mode="ocean"] .news-title-dash { color:#00ccff; }
[data-mode="ocean"] .short-play-icon { border-color:#00ccff; color:#00ccff; box-shadow:0 0 20px rgba(0,204,255,.5); }
[data-mode="ocean"] .news-filter-btn.active,
[data-mode="ocean"] .news-filter-btn:hover { border-color:#00ccff; color:#00ccff; background:rgba(0,204,255,.08); }
[data-mode="ocean"] .section-label { color:#00ccff; }
[data-mode="ocean"] .short-tag { color:#00ccff; }
[data-mode="ocean"] .mstat-num { color:#00ccff; }
[data-mode="ocean"] .news-cta-block::before { background:linear-gradient(#00ccff,#00e5b0); }
[data-mode="ocean"] .mode-btn.active { border-color:#00ccff; background:rgba(0,204,255,.1); }
[data-mode="ocean"] .mode-btn.active .mode-label { color:#00ccff; }
[data-mode="ocean"] .news-signal-dot { background:#00ccff; }
[data-mode="ocean"] .news-eyebrow-text { color:#00ccff; }
[data-mode="ocean"] .model-name--jandi { color:#00e5b0; }
[data-mode="ocean"] .model-tagline--jandi { color:#00e5b0; }
[data-mode="ocean"] .model-badge--jandi { background:rgba(0,229,176,.12); border-color:rgba(0,229,176,.3); color:#00e5b0; }
[data-mode="ocean"] .model-quote--jandi { background:rgba(0,229,176,.06); border-left-color:#00e5b0; }
[data-mode="ocean"] .model-card-glow { background:radial-gradient(ellipse at 50% 0%,rgba(0,204,255,.1) 0%,transparent 60%); }
[data-mode="ocean"] .model-card-glow--jandi { background:radial-gradient(ellipse at 50% 0%,rgba(0,229,176,.1) 0%,transparent 60%); }
[data-mode="ocean"] .short-card-glow--anime { background:radial-gradient(ellipse at 50% 0%,rgba(0,204,255,.12) 0%,transparent 60%); }

/* ═══════════════════════════════════════════════════════════ */
/*  VOID MODE — мрачный фиолет                                */
/* ═══════════════════════════════════════════════════════════ */
[data-mode="void"] { --accent:#9d4edd; --border:rgba(157,78,221,.2); }
[data-mode="void"] body { background:#050008; }
[data-mode="void"] .bg-grid {
  background-image:
    linear-gradient(rgba(102,0,255,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(102,0,255,.06) 1px,transparent 1px);
}
[data-mode="void"] .short-card { border-color:rgba(157,78,221,.2); }
[data-mode="void"] .short-card:hover { border-color:#9d4edd; box-shadow:0 0 40px rgba(157,78,221,.2),0 0 80px rgba(157,78,221,.08); }
[data-mode="void"] .model-card--nanny:hover { border-color:#c77dff; box-shadow:0 0 40px rgba(199,125,255,.15); }
[data-mode="void"] .model-card--jandi:hover { border-color:#9d4edd; box-shadow:0 0 40px rgba(157,78,221,.15); }
[data-mode="void"] .news-hero-title { text-shadow:0 0 50px rgba(157,78,221,.5),0 0 100px rgba(157,78,221,.2); }
[data-mode="void"] .news-title-suffix { -webkit-text-stroke-color:#9d4edd; }
[data-mode="void"] .news-title-dash { color:#c77dff; }
[data-mode="void"] .short-play-icon { border-color:#9d4edd; color:#9d4edd; box-shadow:0 0 25px rgba(157,78,221,.5); }
[data-mode="void"] .news-filter-btn.active,
[data-mode="void"] .news-filter-btn:hover { border-color:#9d4edd; color:#c77dff; background:rgba(157,78,221,.1); }
[data-mode="void"] .section-label { color:#c77dff; }
[data-mode="void"] .short-tag { color:#c77dff; }
[data-mode="void"] .mstat-num { color:#c77dff; }
[data-mode="void"] .news-cta-block::before { background:linear-gradient(#9d4edd,#ff00aa); }
[data-mode="void"] .mode-btn.active { border-color:#9d4edd; background:rgba(157,78,221,.12); }
[data-mode="void"] .mode-btn.active .mode-label { color:#c77dff; }
[data-mode="void"] .news-signal-dot { background:#9d4edd; }
[data-mode="void"] .news-eyebrow-text { color:#c77dff; }
[data-mode="void"] .model-name--jandi { color:#c77dff; }
[data-mode="void"] .model-tagline--jandi { color:#c77dff; }
[data-mode="void"] .model-badge--jandi { background:rgba(157,78,221,.12); border-color:rgba(157,78,221,.3); color:#c77dff; }
[data-mode="void"] .model-quote--jandi { background:rgba(157,78,221,.06); border-left-color:#9d4edd; }
[data-mode="void"] .model-card-glow { background:radial-gradient(ellipse at 50% 0%,rgba(199,125,255,.1) 0%,transparent 60%); }
[data-mode="void"] .model-card-glow--jandi { background:radial-gradient(ellipse at 50% 0%,rgba(157,78,221,.1) 0%,transparent 60%); }
[data-mode="void"] .short-card-glow--anime { background:radial-gradient(ellipse at 50% 0%,rgba(157,78,221,.15) 0%,transparent 60%); }
[data-mode="void"] .blob-1,.blob-2,.blob-3 { filter:hue-rotate(260deg); }

/* ── RESPONSIVE ──────────────────────────────────────────────── */
@media (max-width:1024px) {
  .shorts-grid { grid-template-columns:repeat(2,1fr); }
  .models-grid { grid-template-columns:1fr; }
}
@media (max-width:640px) {
  .shorts-grid { grid-template-columns:1fr; }
  .mode-dock { top:auto; bottom:5rem; right:.8rem; flex-direction:row; transform:none; border-radius:50px; padding:.4rem .6rem; }
  .news-cta-block { padding:2rem 1.5rem; }
  .model-card-inner { padding:1.5rem; }
  .news-hero { padding:7rem 0 3rem; }
}