/* SECTION TITLES */
.sec{padding:40px 0}
.sec-head{margin-bottom:24px}
.sec-head h2{font-family:var(--font-display);font-weight:700;font-size:clamp(1.5rem,3.4vw,2.2rem);letter-spacing:-.02em;line-height:1.06}
.sec-head p{color:var(--muted);font-size:.96rem;margin-top:7px;max-width:56ch;text-wrap:pretty}
.eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-deep);margin-bottom:14px;display:inline-flex;align-items:center;gap:9px}
[data-theme="dark"] .eyebrow{color:var(--accent)}
.eyebrow::before{content:"";width:26px;height:2px;background:var(--accent);border-radius:2px;display:inline-block}

/* CITY BAR */
.citywrap{position:sticky;top:66px;z-index:40;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}
.citybar{display:flex;gap:7px;overflow-x:auto;padding:13px 0;scrollbar-width:none}
.citybar::-webkit-scrollbar{display:none}
.cityb{flex:0 0 auto;font-size:.86rem;font-weight:700;padding:9px 17px;border-radius:var(--r-full);color:var(--muted);background:var(--surface-2);border:1px solid var(--border);transition:var(--t)}
.cityb:hover{color:var(--text);border-color:var(--border-strong)}
.cityb.active{background:var(--accent);color:#fff;border-color:transparent;box-shadow:0 4px 14px rgba(194,90,62,.34)}

/* HERO CURRENT */
.cur-hero{position:relative;overflow:hidden;border-radius:var(--r-lg);margin-top:26px;padding:38px 40px;background:linear-gradient(158deg,#c3e2f3 0%,#dbe8ec 44%,#fde6d0 100%);box-shadow:var(--shadow-lg);transition:background .4s ease}
.cur-hero[data-sky="night"]{background:linear-gradient(158deg,#273357 0%,#363a61 46%,#583f61 100%)}
.cur-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 88% -10%,rgba(255,255,255,.5),transparent 60%);pointer-events:none}
[data-theme="dark"] .cur-hero::after{background:radial-gradient(ellipse 50% 70% at 84% 0%,rgba(255,255,255,.10),transparent 60%)}
.cur-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:18px 36px;flex-wrap:wrap}
.cur-left{display:flex;align-items:center;flex-wrap:wrap;gap:14px 18px;flex:1 1 360px;min-width:0}
.cur-info{flex:1 1 200px;min-width:0}
.cur-icon{filter:drop-shadow(0 8px 18px rgba(120,60,30,.25));flex:0 0 auto}
.cur-temp{font-family:var(--font-display);font-weight:800;font-size:clamp(4.4rem,13vw,7rem);line-height:.82;letter-spacing:-.04em;color:#3a2418}
[data-theme="dark"] .cur-temp{color:#fbf2e6;color:#f7ede0}
.cur-temp .deg{font-weight:500;color:var(--accent-deep)}
[data-theme="dark"] .cur-temp .deg{color:var(--amber)}
.cur-info .cur-desc{font-family:var(--font-display);font-weight:700;font-size:clamp(1.2rem,2.4vw,1.55rem);line-height:1.12;color:#3a2418;letter-spacing:-.02em;text-wrap:balance;overflow-wrap:break-word}
[data-theme="dark"] .cur-info .cur-desc{color:#f7ede0}
.cur-info .cur-feels{font-size:1rem;font-weight:600;color:#6a4631;margin-top:4px}
[data-theme="dark"] .cur-info .cur-feels{color:#d8c3ad}
.cur-info .cur-feels b{color:#3a2418}
[data-theme="dark"] .cur-info .cur-feels b{color:#f7ede0}
.cur-right{position:relative;z-index:1;text-align:right;flex:0 0 auto;margin-left:auto}
.cur-meta{font-size:.95rem;font-weight:700;color:#5a3a28;line-height:1.35;text-wrap:balance}
[data-theme="dark"] .cur-meta{color:#e7d3bd}
.cur-meta .cm-loc{display:block}
.cur-meta .cm-when{display:block;font-weight:600;opacity:.78;font-size:.9rem;margin-top:1px}
.cur-range{display:flex;gap:14px;justify-content:flex-end;margin-top:10px;font-family:var(--font-display);font-weight:700;font-size:1.25rem}
.cur-range .hi{color:#bf3a26}.cur-range .lo{color:#5a3a28;opacity:.7}
[data-theme="dark"] .cur-range .hi{color:var(--amber)}[data-theme="dark"] .cur-range .lo{color:#cbb69f}
/* Цветове според деня/нощта — картата е самостоятелна спрямо темата на сайта */
.cur-hero[data-sky="day"] .cur-temp{color:#3a2418}
.cur-hero[data-sky="day"] .cur-temp .deg{color:var(--accent-deep)}
.cur-hero[data-sky="day"] .cur-info .cur-desc{color:#3a2418}
.cur-hero[data-sky="day"] .cur-info .cur-feels{color:#6a4631}
.cur-hero[data-sky="day"] .cur-info .cur-feels b{color:#3a2418}
.cur-hero[data-sky="day"] .cur-meta{color:#5a3a28}
.cur-hero[data-sky="day"] .cur-range .hi{color:#bf3a26}
.cur-hero[data-sky="day"] .cur-range .lo{color:#5a3a28}
.cur-hero[data-sky="day"] .data-status{color:#6a4631;background:rgba(255,255,255,.55)}
.cur-hero[data-sky="night"]::after{background:radial-gradient(ellipse 55% 75% at 84% -8%,rgba(255,255,255,.16),transparent 60%)}
.cur-hero[data-sky="night"] .cur-temp{color:#f4ece2}
.cur-hero[data-sky="night"] .cur-temp .deg{color:var(--amber)}
.cur-hero[data-sky="night"] .cur-info .cur-desc{color:#f4ece2}
.cur-hero[data-sky="night"] .cur-info .cur-feels{color:#cdb9a6}
.cur-hero[data-sky="night"] .cur-info .cur-feels b{color:#f4ece2}
.cur-hero[data-sky="night"] .cur-meta{color:#dcc8b2}
.cur-hero[data-sky="night"] .cur-range .hi{color:var(--amber)}
.cur-hero[data-sky="night"] .cur-range .lo{color:#c3b09b}
.cur-hero[data-sky="night"] .data-status{color:#e7d3bd;background:rgba(255,255,255,.13)}
@media(max-width:860px){
  .cur-hero{padding:30px 26px}
  .cur-top{flex-direction:column;align-items:flex-start;gap:18px}
  .cur-left{flex:1 1 auto;width:100%}
  .cur-right{text-align:left;margin-left:0;width:100%}
  .cur-range{justify-content:flex-start}
}
@media(max-width:560px){
  .cur-hero{padding:24px 20px}
  .cur-icon svg{width:92px;height:92px}
  .cur-temp{font-size:clamp(3.4rem,19vw,4.6rem)}
  .cur-info{flex-basis:100%}
}
.data-status{display:inline-flex;align-items:center;gap:7px;margin-top:16px;font-size:.74rem;font-weight:700;color:#6a4631;background:rgba(255,255,255,.5);padding:6px 12px;border-radius:var(--r-full)}
[data-theme="dark"] .data-status{color:#e7d3bd;background:rgba(255,255,255,.08)}
.data-status .dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto}
.data-status .dot.live{background:var(--green);box-shadow:0 0 0 0 color-mix(in srgb,var(--green) 60%,transparent);animation:pulse 2.4s infinite}
.data-status .dot.mock{background:var(--gold)}
.data-status .dot.load{background:var(--blue);animation:blink 1s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--green) 55%,transparent)}70%{box-shadow:0 0 0 7px transparent}100%{box-shadow:0 0 0 0 transparent}}
@keyframes blink{50%{opacity:.3}}

/* STAT GRID */
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}
@media(max-width:860px){.stat-grid{grid-template-columns:repeat(2,1fr)}}
.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:16px 18px;box-shadow:var(--shadow);transition:var(--t)}
.stat:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.stat-ic{color:var(--accent);margin-bottom:9px}
.stat-k{font-size:.76rem;font-weight:700;color:var(--faint);text-transform:uppercase;letter-spacing:.04em}
.stat-v{font-family:var(--font-display);font-weight:700;font-size:1.5rem;margin-top:5px;line-height:1}
.stat-s{font-size:.8rem;font-weight:600;color:var(--muted);margin-top:5px}
.stat-bar{height:5px;border-radius:3px;background:var(--surface-3);margin-top:10px;overflow:hidden}
.stat-bar i{display:block;height:100%;border-radius:3px}

/* HOURLY */
.hour-scroll{display:flex;gap:4px;overflow-x:auto;padding:14px 4px 6px;scrollbar-width:thin}
.hour-scroll::-webkit-scrollbar{height:6px}.hour-scroll::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}
.hour{flex:0 0 auto;width:62px;text-align:center;padding:12px 4px;border-radius:var(--r-md);transition:var(--t)}
.hour:hover{background:var(--surface-2)}
.hr-lbl{font-size:.74rem;font-weight:700;color:var(--muted)}
.hr-ic{display:grid;place-items:center;height:42px;margin:4px 0}
.hr-t{font-family:var(--font-display);font-weight:700;font-size:1.05rem}
.hr-pop{font-size:.66rem;font-weight:700;color:var(--blue);height:14px;margin-top:2px}
[data-theme="dark"] .hr-pop{color:#7fa8cc}

/* DAILY */
.day-list{display:flex;flex-direction:column;gap:4px}
.drow{display:grid;grid-template-columns:120px 48px 64px 38px 1fr 38px;align-items:center;gap:12px;padding:11px 16px;border-radius:var(--r-md);transition:var(--t)}
.drow:hover{background:var(--surface-2)}
.dr-day b{font-weight:700;font-size:.94rem;text-transform:capitalize}
.dr-day span{display:block;font-size:.76rem;color:var(--faint);font-weight:600}
.dr-ic{display:grid;place-items:center}
.dr-pop{font-size:.74rem;font-weight:700;color:var(--blue);text-align:center}
[data-theme="dark"] .dr-pop{color:#7fa8cc}
.dr-lo{text-align:right;font-weight:700;color:var(--faint);font-size:.96rem}
.dr-hi{text-align:left;font-weight:800;font-size:.96rem}
.dr-track{position:relative;height:7px;background:var(--surface-3);border-radius:4px}
.dr-fill{position:absolute;top:0;height:100%;border-radius:4px;background:linear-gradient(90deg,#7ca7cc,#f2a65a 55%,#e07b5f)}
@media(max-width:680px){.drow{grid-template-columns:92px 40px 1fr 34px;gap:9px}.dr-pop,.dr-lo{display:none}}

/* HOLIDAY TIE-IN */
.hw-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
@media(max-width:760px){.hw-grid{grid-template-columns:1fr}}
.hw{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:22px 24px;box-shadow:var(--shadow);transition:var(--t);position:relative;overflow:hidden}
.hw::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--grad);opacity:0;transition:var(--t)}
.hw:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:color-mix(in srgb,var(--accent) 38%,var(--border))}
.hw:hover::before{opacity:1}
.hw-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.hw-tag{font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-deep)}
[data-theme="dark"] .hw-tag{color:var(--accent)}
.hw-top h3{font-family:var(--font-display);font-weight:700;font-size:1.16rem;margin:6px 0 7px}
.hw-range{font-size:.86rem;font-weight:600;color:var(--muted)}
.hw-ic{flex:0 0 auto;filter:drop-shadow(0 6px 12px rgba(120,60,30,.18))}
.hw-temps{display:flex;gap:26px;margin:18px 0 14px}
.hw-day b,.hw-night b{font-family:var(--font-display);font-weight:800;font-size:2.1rem;line-height:.9}
.hw-day b{color:var(--accent-deep)}[data-theme="dark"] .hw-day b{color:var(--amber)}
.hw-night b{color:var(--faint)}
.hw-day span,.hw-night span{display:block;font-size:.74rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;margin-top:3px}
.hw-note{font-size:.92rem;font-weight:600;color:var(--muted);line-height:1.5;background:var(--surface-2);padding:11px 14px;border-radius:var(--r-sm);text-wrap:pretty}
.hw-note b{color:var(--accent-deep)}[data-theme="dark"] .hw-note b{color:var(--amber)}
.hw-foot{margin-top:14px;padding-top:13px;border-top:1px dashed var(--border-strong)}
.hw-eff{font-size:.88rem;font-weight:700;color:var(--muted)}
.hw-eff b{color:var(--accent-deep);font-family:var(--font-display)}
[data-theme="dark"] .hw-eff b{color:var(--accent)}

/* SEA + AIR cards */
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:760px){.two-col{grid-template-columns:1fr}}
.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px 26px;box-shadow:var(--shadow)}
.panel h3{font-family:var(--font-display);font-weight:700;font-size:1.2rem;display:flex;align-items:center;gap:9px;margin-bottom:18px}
.panel h3 .em{font-size:1.3rem}
/* sea */
.sea-main{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:18px}
.sea-temp{display:flex;align-items:baseline;gap:8px}
.sea-temp .wave-ic{font-size:1.6rem}
.sea-temp b{font-family:var(--font-display);font-weight:800;font-size:3.4rem;line-height:.85;color:var(--blue)}
[data-theme="dark"] .sea-temp b{color:#7fa8cc}
.sea-temp .sea-lbl{font-size:.8rem;font-weight:700;color:var(--muted);max-width:8ch;line-height:1.2}
.sea-verdict{margin-left:auto;font-weight:800;font-size:.9rem;padding:8px 16px;border-radius:var(--r-full)}
.sea-verdict.good{background:color-mix(in srgb,var(--green) 18%,transparent);color:var(--green)}
.sea-verdict.mid{background:color-mix(in srgb,var(--gold) 20%,transparent);color:var(--gold)}
.sea-verdict.cold{background:color-mix(in srgb,var(--blue) 16%,transparent);color:var(--blue)}
.sea-stats,.air-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.sea-stat,.air-stat{background:var(--surface-2);border-radius:var(--r-sm);padding:13px 15px}
.sea-stat span,.air-stat span{font-size:.74rem;font-weight:700;color:var(--faint);text-transform:uppercase;letter-spacing:.03em}
.sea-stat b,.air-stat b{display:block;font-family:var(--font-display);font-weight:700;font-size:1.2rem;margin-top:5px}
.air-stat i{font-style:normal;font-size:.7rem;font-weight:600;color:var(--faint)}
/* air */
.air-main{display:flex;align-items:center;gap:20px;margin-bottom:18px}
.aqi-ring{--p:0;width:92px;height:92px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;background:conic-gradient(var(--rc) calc(var(--p)*1%),var(--surface-2) 0)}
.aqi-ring.good{--rc:var(--green)}.aqi-ring.mid{--rc:var(--gold)}.aqi-ring.bad{--rc:var(--accent-deep)}
.aqi-inner{width:72px;height:72px;border-radius:50%;background:var(--surface);display:grid;place-items:center;text-align:center}
.aqi-inner b{font-family:var(--font-display);font-weight:800;font-size:1.5rem;line-height:1}
.aqi-inner span{font-size:.64rem;font-weight:700;color:var(--faint)}
.av-band{font-family:var(--font-display);font-weight:700;font-size:1.3rem}
.av-band.good{color:var(--green)}.av-band.mid{color:var(--gold)}.av-band.bad{color:var(--accent-deep)}
[data-theme="dark"] .av-band.bad{color:var(--accent)}
.av-sub{font-size:.84rem;font-weight:600;color:var(--muted);margin-top:3px}
.air-stat.pollen{position:relative}
.pollen-dots{display:flex;gap:4px;margin-top:7px}
.pollen-dots i{width:18px;height:6px;border-radius:3px;background:var(--surface-3)}
.pollen-dots i.on{background:var(--green)}

/* note strip */
.note{display:flex;align-items:center;gap:12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:15px 20px;font-size:.88rem;font-weight:600;color:var(--muted);margin-top:18px;text-wrap:pretty}
.note .em{font-size:1.2rem;flex:0 0 auto}

/* SEARCH + TABS */
.search-row{display:flex;gap:10px;align-items:center;padding-top:13px}
.search-wrap{position:relative;flex:1}
.search-ic{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--faint);pointer-events:none}
#searchInput{width:100%;font-family:inherit;font-size:.92rem;font-weight:600;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-full);padding:12px 18px 12px 42px;transition:var(--t)}
#searchInput::placeholder{color:var(--faint);font-weight:500}
#searchInput:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}
.search-drop{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-lg);overflow:hidden;z-index:45;display:none}
.search-drop.open{display:block}
.sd-item{display:flex;align-items:center;gap:9px;width:100%;text-align:left;padding:11px 16px;font-size:.9rem;font-weight:600;transition:var(--t);border-bottom:1px solid var(--border)}
.sd-item:last-child{border-bottom:none}
.sd-item:hover{background:var(--surface-2)}
.sd-item b{font-weight:700}
.sd-item span{color:var(--faint);font-weight:600;font-size:.82rem;margin-left:auto;text-align:right}
.sd-msg{padding:14px 16px;font-size:.86rem;font-weight:600;color:var(--muted)}
.cmp-toggle{flex:0 0 auto;font-size:.86rem;font-weight:700;padding:11px 18px;border-radius:var(--r-full);background:var(--surface);border:1px solid var(--border);color:var(--muted);transition:var(--t)}
.cmp-toggle:hover{border-color:var(--border-strong);color:var(--text)}
.cmp-toggle.on{background:var(--accent);color:#fff;border-color:transparent;box-shadow:0 4px 14px rgba(194,90,62,.34)}
.city-tabs{display:flex;gap:6px;padding-top:13px}
.ctab{font-size:.82rem;font-weight:700;padding:7px 14px;border-radius:var(--r-full);color:var(--muted);transition:var(--t)}
.ctab:hover{color:var(--text);background:var(--surface-2)}
.ctab.active{color:var(--accent-deep);background:color-mix(in srgb,var(--accent) 14%,transparent)}
[data-theme="dark"] .ctab.active{color:var(--accent)}
.city-empty{font-size:.86rem;font-weight:600;color:var(--faint);padding:9px 4px}
@media(max-width:620px){.cmp-toggle{padding:11px 14px}}

/* LAST WEEK STRIP */
.lw-strip{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:14px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:14px 20px}
.lw-em{font-size:1.3rem;flex:0 0 auto}
.lw-text{font-size:.95rem;font-weight:600;color:var(--muted)}
.lw-text b{font-family:var(--font-display);font-weight:700}
.lw-text b.warm{color:var(--accent-deep)}.lw-text b.cool{color:var(--blue)}.lw-text b.same{color:var(--muted)}
[data-theme="dark"] .lw-text b.warm{color:var(--amber)}[data-theme="dark"] .lw-text b.cool{color:#7fa8cc}
.lw-nums{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:.84rem;font-weight:600;color:var(--faint)}
.lw-nums b{font-family:var(--font-display);color:var(--text);font-size:1rem}
.lw-nums .arrow{color:var(--accent)}

/* INDICES */
.idx-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:760px){.idx-grid{grid-template-columns:1fr}}
.idx{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:22px 24px;box-shadow:var(--shadow);transition:var(--t)}
.idx.lead{border-color:color-mix(in srgb,var(--accent) 40%,var(--border));box-shadow:var(--shadow-lg)}
.idx:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.idx-top{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.idx-em{font-size:1.5rem}
.idx-label{font-family:var(--font-display);font-weight:700;font-size:1.05rem}
.idx-best{margin-left:auto;font-size:.66rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:var(--grad);padding:4px 10px;border-radius:var(--r-full)}
.idx-gauge{height:10px;border-radius:6px;background:var(--surface-3);overflow:hidden}
.idx-bar{height:100%;border-radius:6px;width:calc(var(--v)*1%);transition:width .9s cubic-bezier(.16,1,.3,1)}
.idx-bar.good{background:linear-gradient(90deg,#5bb07e,#3f8c61)}
.idx-bar.mid{background:linear-gradient(90deg,#f2c04a,#c98a2e)}
.idx-bar.low{background:linear-gradient(90deg,#ec9a6a,#e07b5f)}
.idx-bar.bad{background:linear-gradient(90deg,#b9b0a4,#8a7868)}
.idx-foot{display:flex;align-items:baseline;gap:10px;margin-top:14px}
.idx-score{font-family:var(--font-display);font-weight:800;font-size:1.9rem;line-height:1}
.idx-word{font-weight:800;font-size:.95rem}
.idx-score.good,.idx-word.good{color:var(--green)}
.idx-score.mid,.idx-word.mid{color:var(--gold)}
.idx-score.low,.idx-word.low{color:var(--accent)}
.idx-score.bad,.idx-word.bad{color:var(--faint)}
.idx-hint{margin-left:auto;font-size:.82rem;font-weight:600;color:var(--muted);text-align:right}

/* ASTRO */
.astro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:760px){.astro-grid{grid-template-columns:1fr}}
.astro-cell{background:var(--surface-2);border-radius:var(--r-md);padding:18px 20px;display:flex;flex-direction:column;gap:12px;justify-content:center}
.astro-cell.moon{align-items:center;text-align:center;background:linear-gradient(160deg,#2e2a3e,#211f33);color:#ece3d3}
.astro-cell.moon .moon-info b{font-family:var(--font-display);font-weight:700;font-size:1.1rem;display:block}
.astro-cell.moon .moon-info span{font-size:.82rem;color:#bcb09a}
.moon-ic{filter:drop-shadow(0 4px 14px rgba(0,0,0,.4))}
.ac-row{display:flex;align-items:center;gap:12px}
.ac-em{font-size:1.5rem;flex:0 0 auto}
.ac-row b{font-family:var(--font-display);font-weight:700;font-size:1.15rem;display:block;line-height:1}
.ac-row span{font-size:.8rem;font-weight:600;color:var(--muted)}
.astro-cell.golden{background:linear-gradient(160deg,#f8e3c8,#f1cfa6)}
[data-theme="dark"] .astro-cell.golden{background:linear-gradient(160deg,#3a3024,#2e2619)}
.astro-cell.golden .ac-row b,.astro-cell.golden .ac-row span{color:#5a3a1f}
[data-theme="dark"] .astro-cell.golden .ac-row b{color:#f3d9b5}[data-theme="dark"] .astro-cell.golden .ac-row span{color:#cbb69f}
.golden-times{display:flex;flex-direction:column;gap:6px;font-size:.92rem;font-weight:700;color:#7a4f28}
[data-theme="dark"] .golden-times{color:#e8c79c}

/* COMPARE */
.cmp-panel-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:6px}
.cmp-panel-head h3{margin:0}
.cmp-search-wrap{position:relative;margin-left:auto;min-width:200px}
#cmpSearch{font-family:inherit;font-size:.84rem;font-weight:600;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-full);padding:9px 16px;width:100%}
#cmpSearch:focus{outline:none;border-color:var(--accent)}
.cmp-names{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;margin:14px 0 4px;font-family:var(--font-display);font-weight:700;font-size:1.05rem}
.cmp-names span:first-child{text-align:left}.cmp-names span:last-child{text-align:right}
.cmp-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--border)}
.cmp-col{display:flex;flex-direction:column;align-items:center;gap:4px}
.cmp-big{font-family:var(--font-display);font-weight:800;font-size:2.4rem;line-height:1}
.cmp-vs{font-size:.8rem;font-weight:700;color:var(--faint);text-transform:uppercase;letter-spacing:.08em}
.cmp-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}
.cmp-a,.cmp-b{font-family:var(--font-display);font-weight:700;font-size:1.05rem}
.cmp-a{text-align:left}.cmp-b{text-align:right}
.cmp-a.win,.cmp-b.win{color:var(--green)}
.cmp-mid{font-size:.8rem;font-weight:700;color:var(--faint);text-transform:uppercase;letter-spacing:.04em;text-align:center}
.cmp-verdict{margin-top:16px;background:var(--surface-2);border-radius:var(--r-md);padding:14px 18px;font-size:.95rem;font-weight:600;color:var(--muted);text-align:center;text-wrap:pretty}
.cmp-verdict b{color:var(--text);font-family:var(--font-display);font-weight:700}

/* reveal — видимо по подразбиране; анимира само ако JS добави .anim на <html> */
.reveal{opacity:1}
html.anim .reveal:not(.vis){opacity:0;transform:translateY(22px)}
html.anim .reveal.vis{opacity:1;transform:none;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}
@media(prefers-reduced-motion:reduce){html.anim .reveal:not(.vis){opacity:1;transform:none}.data-status .dot{animation:none}}