/* ============ «Современный» дизайн: светлая и тёмная темы (переключатель в шапке) ============
   Подключается поверх style.css (как design-old.css). Все правила — с приставкой html[data-design=modern],
   поэтому «Новый» и «Старый» дизайны не затрагиваются. Тема — атрибут data-theme="light|dark" у <html>. */

@font-face{font-family:"Golos Text";font-style:normal;font-display:swap;font-weight:400;src:url(fonts/golos-text-cyrillic-400-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Golos Text";font-style:normal;font-display:swap;font-weight:400;src:url(fonts/golos-text-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Golos Text";font-style:normal;font-display:swap;font-weight:500;src:url(fonts/golos-text-cyrillic-500-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Golos Text";font-style:normal;font-display:swap;font-weight:500;src:url(fonts/golos-text-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Golos Text";font-style:normal;font-display:swap;font-weight:600;src:url(fonts/golos-text-cyrillic-600-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Golos Text";font-style:normal;font-display:swap;font-weight:600;src:url(fonts/golos-text-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Golos Text";font-style:normal;font-display:swap;font-weight:700;src:url(fonts/golos-text-cyrillic-700-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Golos Text";font-style:normal;font-display:swap;font-weight:700;src:url(fonts/golos-text-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"PT Sans Narrow";font-style:normal;font-display:swap;font-weight:400;src:url(fonts/pt-sans-narrow-cyrillic-400-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"PT Sans Narrow";font-style:normal;font-display:swap;font-weight:400;src:url(fonts/pt-sans-narrow-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"PT Sans Narrow";font-style:normal;font-display:swap;font-weight:700;src:url(fonts/pt-sans-narrow-cyrillic-700-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"PT Sans Narrow";font-style:normal;font-display:swap;font-weight:700;src:url(fonts/pt-sans-narrow-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---- палитра: «сигнальный» янтарь на графите / на тёплой бумаге ---- */
html[data-design=modern]{
  --bg:#f3f2ee;--card:#ffffff;--soft:#efede7;--soft2:#e7e4dc;--glass:rgba(255,255,255,.72);
  --ink:#1c1e22;--muted:#6a6e76;--line:#e1ded6;--line2:#d2cec4;
  --acc:#d9590b;--acc2:#ef7422;--accink:#ffffff;--accsoft:#fbe7d8;--link:#a8450a;
  --top:#18191d;--topink:#e9e9ec;--topmute:#9b9fa8;--topline:#2b2d33;
  --ok:#2e7d32;--bad:#c62828;--pod:#cdebb0;--podline:#8fcb63;--fresh:#fff6e5;--freshcard:#d3d7de;--freshline:#b1b7c1;--freshsep:#9ea5b0;
  --shadow:0 1px 2px rgba(20,20,30,.06),0 4px 14px rgba(20,20,30,.07);
  --shadow2:0 2px 6px rgba(20,20,30,.08),0 12px 32px rgba(20,20,30,.12);
  --photoshadow:0 0 0 1px rgba(0,0,0,.10),0 1px 8px rgba(0,0,0,.42),0 0 18px rgba(0,0,0,.30);
  --r:8px;--r2:12px;
  /* переменные «Нового» дизайна — на палитру темы, чтобы готовые блоки сайта перекрасились сами */
  --paper:var(--bg);--brown:var(--link);--orange:var(--acc);
  color-scheme:light;
}
html[data-design=modern][data-theme=dark]{
  --bg:#121317;--card:#1c1e23;--soft:#24272d;--soft2:#2c3037;--glass:rgba(28,30,35,.78);
  --ink:#e8e8ea;--muted:#9aa0a9;--line:#2e3138;--line2:#3a3e46;
  --acc:#ff8a3d;--acc2:#ffa15e;--accink:#1a1206;--accsoft:#3a2618;--link:#ff9d57;
  --top:#0c0d10;--topink:#e9e9ec;--topmute:#8f949d;--topline:#22242a;
  --ok:#7bc67e;--bad:#ff7070;--pod:#29481f;--podline:#4f8a36;--fresh:#2b2418;--freshcard:#30271a;--freshline:#5a4628;--freshsep:#6b5532;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 4px 16px rgba(0,0,0,.35);
  --shadow2:0 2px 8px rgba(0,0,0,.5),0 14px 36px rgba(0,0,0,.5);
  --photoshadow:0 0 0 1px rgba(255,255,255,.09),0 0 10px rgba(255,255,255,.10),0 1px 14px rgba(0,0,0,.9);   /* на тёмном фоне — с лёгким светлым свечением, иначе тень не видна */
  color-scheme:dark;
}

/* ---- автоматически: светлые фоны, тёмные надписи и рамки из style.css — на переменные темы ---- */
html[data-design=modern] .top{background:var(--soft)}
html[data-design=modern] .tabs a{background:var(--soft)}
html[data-design=modern] input,html[data-design=modern] select,html[data-design=modern] button{background:var(--card)}
html[data-design=modern] .card .pic{background:var(--soft)}
html[data-design=modern] .mail{background:var(--card)}
html[data-design=modern] .flash{background:var(--card);border:1px solid var(--line)}
html[data-design=modern] .addcm .tools button{background:var(--card)}
html[data-design=modern] .btn2{background:var(--card)}
html[data-design=modern] .shot{background:var(--card);box-shadow:var(--shadow)}
html[data-design=modern] .mi{background:var(--card)}
html[data-design=modern] .exifbox table.exif th{border-bottom:1px solid var(--line)}
html[data-design=modern] .modtabs a{background:var(--card)}
html[data-design=modern] .modbar{background:var(--card)}
html[data-design=modern] .chip{background:var(--card)}
html[data-design=modern] .seg{background:var(--card)}
html[data-design=modern] .syns .sw{background:var(--card)}
html[data-design=modern] .abc a{background:var(--card)}
html[data-design=modern] .dcard{background:var(--card)}
html[data-design=modern] .dcard img{background:var(--card)}
html[data-design=modern] .pdfview{background:var(--card)}
html[data-design=modern] .mon{background:var(--card)}
html[data-design=modern] .events .d.old{color:var(--muted)}
html[data-design=modern] .st{background:var(--card);color:var(--muted)}
html[data-design=modern] .st-M,html[data-design=modern] .st-P{background:var(--soft)}
html[data-design=modern] .st-W{background:var(--soft)}
html[data-design=modern] .st-S,html[data-design=modern] .st-G{background:var(--soft);color:var(--ink)}
html[data-design=modern] .st-A,html[data-design=modern] .st-C{background:var(--soft)}
html[data-design=modern] .st-D{background:var(--soft)}
html[data-design=modern] .wed .tools button{background:var(--card)}
html[data-design=modern] .btn2s{background:var(--card)}
html[data-design=modern] .syn .rc{color:var(--muted)}
html[data-design=modern] .ltab td{border-bottom:1px solid var(--line)}
html[data-design=modern] .ltab tr:nth-child(even) td{background:var(--card)}
html[data-design=modern] .totop{box-shadow:var(--shadow)}
html[data-design=modern] .cm{background:var(--card)}
html[data-design=modern] .cm blockquote{color:var(--muted)}
html[data-design=modern] .cmtab td{border-bottom:1px solid var(--line)}
html[data-design=modern] .cmtab .cmrow:hover td{background:var(--card)}
html[data-design=modern] .cmtab .c-ph img{background:var(--soft)}
@media(max-width:760px){html[data-design=modern] .cmtab .cmrow{border-bottom:1px solid var(--line)}}
html[data-design=modern] .cm{background:var(--glass)}
html[data-design=modern] .aprof .tags a{background:var(--glass)}
html[data-design=modern] .r-sec{background:var(--soft);color:var(--muted)}
html[data-design=modern] .railmap{background:var(--soft)}
html[data-design=modern] .pmk img{border:2px solid var(--line);box-shadow:var(--shadow);background:var(--soft)}
html[data-design=modern] .pmk b{box-shadow:var(--shadow)}
html[data-design=modern] .pmk.cur img{border-color:#ff6600;box-shadow:0 0 0 2px #ff6600,var(--shadow)}          /* открытое фото на карте — оранжевой рамкой, как в исходном дизайне */
html[data-design=modern] .pmc{color:var(--ink)}
html[data-design=modern] .dirh i{border:2px solid var(--line);box-shadow:var(--shadow)}
html[data-design=modern] .dirh i::after{border-bottom:10px solid var(--line)}
html[data-design=modern] .dirh.unset i::after{border-bottom-color:var(--line)}
html[data-design=modern] .rmsearch{background:var(--card)}
html[data-design=modern] .rmsearch input{background:var(--card)}
html[data-design=modern] .rmsearch ul{background:var(--card);box-shadow:var(--shadow)}
html[data-design=modern] .pmpanel{box-shadow:var(--shadow)}
html[data-design=modern] .pmtab td.i img{background:var(--soft)}
html[data-design=modern] .pmtab tr.cur td{background:var(--soft)}
html[data-design=modern] .flag{box-shadow:var(--shadow)}
html[data-design=modern] .mapb:hover{background:var(--glass)}
html[data-design=modern] .ws-up{box-shadow:var(--shadow)}
html[data-design=modern] .ws-stats a{background:var(--glass)}
html[data-design=modern] .ws-order .seg label{background:var(--glass)}
html[data-design=modern] .ws-order .seg label:has(input:checked){background:var(--card)}
html[data-design=modern] .ws-me .av{box-shadow:var(--shadow)}
html[data-design=modern] .modlog.adm{background:var(--glass)}
html[data-design=modern] .modlog.adm tr:hover td{background:var(--glass)}
html[data-design=modern] .admcm td.ph img{background:var(--soft)}
html[data-design=modern] .aset{background:var(--glass)}
html[data-design=modern] .pcol,html[data-design=modern] .psec{background:var(--glass)}
html[data-design=modern] .prof .tags a{background:var(--glass)}
html[data-design=modern] .pe fieldset{background:var(--glass)}
html[data-design=modern] .up label.drop{background:var(--glass)}
html[data-design=modern] .up label.drop:hover,html[data-design=modern] .up label.drop:focus-within{background:var(--glass)}
html[data-design=modern] .upl .prev img{background:var(--card)}
html[data-design=modern] .upopt{background:var(--glass)}
html[data-design=modern] .up select.auto{box-shadow:var(--shadow)}
html[data-design=modern] .search .seg{background:var(--card)}
html[data-design=modern] .hof li:target{background:var(--soft)}
html[data-design=modern] .mapchip{background:var(--glass);box-shadow:var(--shadow)}
html[data-design=modern] .mapchip:hover{background:var(--card)}
html[data-design=modern] .mine-cols .mine,html[data-design=modern] .mine-cols .mine.isempty{background:var(--glass)}
html[data-design=modern] .mine-cols .mine[data-kind=todelete]:not(.isempty){border-color:var(--line)}
html[data-design=modern] .pmwrap{background:var(--glass)}
html[data-design=modern] .pmd:hover{background:var(--glass)}
html[data-design=modern] .pmhead{background:var(--glass)}
html[data-design=modern] .pmmenu>div{background:var(--card);box-shadow:var(--shadow)}
html[data-design=modern] .pmmsg{background:var(--card);box-shadow:var(--shadow)}
html[data-design=modern] .pmmsg.me{background:var(--soft);border-color:var(--line)}
html[data-design=modern] .pmform{background:var(--glass)}
html[data-design=modern] .pmstop{background:var(--glass)}
html[data-design=modern] .hbtns a{background:var(--glass)}
html[data-design=modern] .hbtns a:hover{background:var(--card)}
html[data-design=modern] .tabs .tg{background:var(--soft)}
html[data-design=modern] .tmenu{background:var(--card);box-shadow:var(--shadow)}
html[data-design=modern] button.iconbtn{border:1px solid var(--line,var(--line));color:var(--muted)}
html[data-design=modern] button.iconbtn:hover{background:var(--soft)}
html[data-design=modern] .subtog .sw::after{background:var(--card);box-shadow:var(--shadow)}

/* ================= основа ================= */
html[data-design=modern] body{background:var(--bg);color:var(--ink);font:15px/1.55 "Golos Text",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
html[data-design=modern] a{color:var(--link);text-decoration-color:color-mix(in srgb,currentColor 35%,transparent);text-underline-offset:2px}
html[data-design=modern] a:hover{color:var(--acc);text-decoration-color:currentColor}
html[data-design=modern] h1,html[data-design=modern] h2,html[data-design=modern] h3{font-family:"PT Sans Narrow","Golos Text",system-ui,sans-serif;letter-spacing:.01em;color:var(--ink)}
html[data-design=modern] h1{font-size:28px;font-weight:700;line-height:1.15}
html[data-design=modern] h2{font-size:21px;font-weight:700}
html[data-design=modern] h3{font-size:17px;font-weight:700}
html[data-design=modern] ::selection{background:var(--acc);color:var(--accink)}
html[data-design=modern] main{max-width:1320px;padding:18px 20px 40px}
html[data-design=modern] .hint,html[data-design=modern] .muted,html[data-design=modern] small.muted{color:var(--muted)}
html[data-design=modern] .err{color:var(--bad)}html[data-design=modern] .ok{color:var(--ok)}
html[data-design=modern] hr{border:0;border-top:1px solid var(--line)}
html[data-design=modern] :focus-visible{outline:2px solid var(--acc);outline-offset:2px}

/* ================= шапка ================= */
html[data-design=modern] .top{position:sticky;top:0;z-index:50;background:var(--top);color:var(--topink);border-bottom:1px solid var(--topline);padding:6px 20px;gap:6px 18px;box-shadow:0 2px 14px rgba(0,0,0,.18)}
html[data-design=modern] .top .logo img{height:54px;width:auto;filter:drop-shadow(0 1px 3px rgba(0,0,0,.45))}
html[data-design=modern] .tabs{gap:2px;align-items:center}
html[data-design=modern] .tabs>a,html[data-design=modern] .tabs .tg{background:none;border:0;border-radius:var(--r);padding:7px 11px;font:400 17px/1 "PT Sans Narrow","Golos Text",sans-serif;letter-spacing:.02em;color:var(--topink);text-decoration:none}
html[data-design=modern] .tabs>a:hover,html[data-design=modern] .tabs .tg:hover,html[data-design=modern] .tdrop.open .tg{background:rgba(255,255,255,.08);color:#fff}
html[data-design=modern] .tabs>a.on{background:var(--acc);color:#fff}
html[data-design=modern] .tabs .tmenu{background:var(--top);border:1px solid var(--topline);border-radius:var(--r);top:calc(100% + 6px);box-shadow:var(--shadow2);padding:6px}
html[data-design=modern] .tabs .tmenu a,html[data-design=modern] .tabs .tmenu a:link,html[data-design=modern] .tabs .tmenu a:visited{color:var(--topink);border-radius:6px;font:400 15px/1.3 "Golos Text",sans-serif;padding:9px 12px}
html[data-design=modern] .tabs .tmenu a:hover{background:rgba(255,255,255,.08);color:#fff}
html[data-design=modern] .tabs .tmenu a.cur{color:var(--acc2)}
html[data-design=modern] .find input{background:rgba(255,255,255,.07);border:1px solid var(--topline);color:var(--topink);border-radius:var(--r);padding:8px 12px}
html[data-design=modern] .find input::placeholder{color:var(--topmute)}
html[data-design=modern] .find input:focus{background:rgba(255,255,255,.12);border-color:var(--acc);outline:0}
html[data-design=modern] .find button{border-radius:var(--r)}
html[data-design=modern] .find .advtog{background:transparent;border:1px solid var(--topline);color:var(--topink);font-weight:500}
html[data-design=modern] .find .advtog:hover{border-color:var(--acc);color:#fff;background:rgba(255,255,255,.06)}
html[data-design=modern] .who{color:var(--topmute);display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
html[data-design=modern] .who a{color:var(--topink);text-decoration:none}html[data-design=modern] .who a:hover{color:var(--acc2)}
html[data-design=modern] .who a.ome{font-weight:600}
html[data-design=modern] .pmlink .cnt{background:var(--acc);color:#fff}
/* переключатель темы */
html[data-design=modern] .themetog{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border-radius:50%;background:rgba(255,255,255,.07);border:1px solid var(--topline);color:var(--topink);cursor:pointer;flex:none;transition:background .15s,transform .25s}
html[data-design=modern] .themetog:hover{background:rgba(255,255,255,.14);border-color:var(--acc)}
html[data-design=modern] .themetog svg{width:17px;height:17px}
html[data-design=modern] .themetog .sun{display:none}html[data-design=modern][data-theme=dark] .themetog .sun{display:block}html[data-design=modern][data-theme=dark] .themetog .moon{display:none}
html:not([data-design=modern]) .themetog{display:none}

/* ================= кнопки и поля ================= */
html[data-design=modern] input,html[data-design=modern] select,html[data-design=modern] textarea{font:inherit;background:var(--card);color:var(--ink);border:1px solid var(--line2);border-radius:var(--r);padding:8px 10px;transition:border-color .15s,box-shadow .15s}
html[data-design=modern] input:focus,html[data-design=modern] select:focus,html[data-design=modern] textarea:focus{outline:0;border-color:var(--acc);box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 22%,transparent)}
html[data-design=modern] input[type=checkbox],html[data-design=modern] input[type=radio]{accent-color:var(--acc);padding:0;box-shadow:none}
html[data-design=modern] input[type=file]{padding:6px}
html[data-design=modern] input[type=file]::file-selector-button{font:inherit;font-weight:600;border:0;border-radius:6px;background:var(--soft2);color:var(--ink);padding:6px 12px;margin-right:10px;cursor:pointer}
html[data-design=modern] button,html[data-design=modern] .btn{font:600 14.5px/1.2 "Golos Text",system-ui,sans-serif;background:var(--acc);color:#fff;border:1px solid var(--acc);border-radius:var(--r);padding:9px 16px;cursor:pointer;transition:background .15s,border-color .15s,transform .05s,box-shadow .15s;box-shadow:0 1px 2px rgba(0,0,0,.12)}
html[data-design=modern] button:hover{background:var(--acc2);border-color:var(--acc2);color:#fff}
html[data-design=modern] button:active{transform:translateY(1px)}
html[data-design=modern] button:disabled{opacity:.55;cursor:default}
html[data-design=modern] button.danger{background:var(--bad);border-color:var(--bad)}
html[data-design=modern] button.link,html[data-design=modern] .link{background:none;border:0;box-shadow:none;padding:0;color:var(--link);font:inherit;font-weight:400;text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 35%,transparent)}
html[data-design=modern] button.link:hover,html[data-design=modern] .link:hover{background:none;color:var(--acc)}
html[data-design=modern] button.link.danger,html[data-design=modern] .link.danger{background:none;color:var(--bad)}
html[data-design=modern] .btn2,html[data-design=modern] a.btn2{display:inline-flex;align-items:center;gap:6px;background:var(--card);color:var(--ink);border:1px solid var(--line2);border-radius:var(--r);padding:8px 14px;font-weight:600;text-decoration:none;box-shadow:none}
html[data-design=modern] .btn2:hover{border-color:var(--acc);color:var(--acc);background:var(--card)}
html[data-design=modern] .addcm .tools button{background:var(--soft);color:var(--ink);border-color:var(--line);box-shadow:none;padding:4px 10px}
html[data-design=modern] .addcm textarea{background:var(--card);color:var(--ink);border-color:var(--line2)}

/* ================= блоки и карточки ================= */
html[data-design=modern] .box,html[data-design=modern] .panel,html[data-design=modern] .search,html[data-design=modern] .advsearch{background:var(--card);border:1px solid var(--line);border-radius:var(--r2);box-shadow:var(--shadow)}
html[data-design=modern] .box{padding:18px 20px}
html[data-design=modern] .panel{padding:16px 18px}
html[data-design=modern] .flash{background:color-mix(in srgb,var(--ok) 14%,var(--card));border:1px solid color-mix(in srgb,var(--ok) 35%,transparent);color:var(--ink);border-radius:var(--r)}
html[data-design=modern] .intro .ihead h1{font-size:30px}
html[data-design=modern] .stat{color:var(--muted)}html[data-design=modern] .stat b{color:var(--acc)}
html[data-design=modern] .mapchip{background:var(--card);border:1px solid var(--line);border-radius:var(--r2);box-shadow:var(--shadow);color:var(--ink)}
html[data-design=modern] .mapchip:hover{border-color:var(--acc);color:var(--acc)}
/* сетка фото: карточки без «бумаги», картинка крупно, подпись ниже, лёгкий подъём при наведении */
html[data-design=modern] .grid{gap:16px}
html[data-design=modern] .card{background:var(--card);border:1px solid var(--line);border-radius:var(--r2);box-shadow:var(--shadow);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s}
html[data-design=modern] .card:hover{transform:translateY(-3px);box-shadow:var(--shadow2);border-color:var(--line2)}
html[data-design=modern] .card .pic{background:var(--soft2)}
html[data-design=modern] .card .pic img{transition:transform .35s ease}
html[data-design=modern] .card:hover .pic img{transform:scale(1.035)}
html[data-design=modern] .card .txt{padding:10px 12px 8px;font-size:13.5px;line-height:1.45;color:var(--ink)}
html[data-design=modern] .card .txt a{color:var(--ink);text-decoration:none}html[data-design=modern] .card .txt a:hover{color:var(--acc)}
html[data-design=modern] .card .pub{color:var(--acc)}
html[data-design=modern] .card .meta{background:transparent;border-top:1px solid var(--line);color:var(--muted);padding:7px 12px}
html[data-design=modern] .card.pod{background:var(--pod)}html[data-design=modern] .card.fresh{background:var(--freshcard,var(--fresh));border-color:var(--freshline,var(--line))}
html[data-design=modern] .card.pod .meta,html[data-design=modern] .card.fresh .meta{border-top-color:color-mix(in srgb,var(--line) 70%,transparent)}
/* страницы списков */
html[data-design=modern] .pager{background:var(--card);border:1px solid var(--line);border-radius:var(--r2);box-shadow:var(--shadow);gap:4px;padding:8px 12px;font-size:14px}
html[data-design=modern] .pager a,html[data-design=modern] .pager b{display:inline-flex;min-width:30px;justify-content:center;padding:4px 8px;border-radius:6px;text-decoration:none}
html[data-design=modern] .pager a:hover{background:var(--soft)}
html[data-design=modern] .pager b{background:var(--acc);color:#fff}
html[data-design=modern] .pager .sizes b{background:none;color:var(--acc)}

/* ================= страница фото ================= */
html[data-design=modern] .shot{background:transparent;border:0;padding:0;box-shadow:none;margin-top:18px}
html[data-design=modern] .shot img{border-radius:4px;box-shadow:var(--photoshadow);max-width:calc(100vw - 40px)}
html[data-design=modern] .shot .side span{background:rgba(0,0,0,.45);border-radius:50%;width:54px;height:54px;font-size:34px;backdrop-filter:blur(4px)}
html[data-design=modern] .phtitle{font:700 26px/1.2 "PT Sans Narrow","Golos Text",sans-serif;color:var(--ink);margin:22px auto 8px}
html[data-design=modern] .phen{color:var(--muted);font-family:"Golos Text",sans-serif}
html[data-design=modern] .phsum{color:var(--ink);text-shadow:none}html[data-design=modern] .phsum b{color:var(--muted)}
html[data-design=modern] .phsum a{color:var(--link)}
html[data-design=modern] .mapb{border-color:var(--line2);color:var(--ink);background:var(--card)}
html[data-design=modern] .mapb:hover{border-color:var(--acc);color:var(--acc);background:var(--card)}
html[data-design=modern] .phmore summary{color:var(--muted)}
html[data-design=modern] .phext{color:var(--ink)}
html[data-design=modern] .cm{background:var(--soft);border:1px solid var(--line);border-radius:var(--r)}
html[data-design=modern] .cm.ispend{background:var(--fresh)}
html[data-design=modern] .cm blockquote{background:var(--card);border-left-color:var(--acc);color:var(--muted)}
html[data-design=modern] .exifbox table th,html[data-design=modern] .exifbox table td{border-color:var(--line)}
html[data-design=modern] .modbar{background:var(--soft);border-color:var(--line)}
html[data-design=modern] .panel h2 .cnt,html[data-design=modern] .cnt{background:var(--acc);color:#fff}

/* ================= таблицы ================= */
html[data-design=modern] table{border-color:var(--line)}
html[data-design=modern] th{color:var(--muted)}

/* ================= Мастерская, профиль, сообщения ================= */
html[data-design=modern] .ws-stats li a{background:var(--card);border-color:var(--line);border-radius:var(--r2);box-shadow:var(--shadow)}
html[data-design=modern] .ws-stats b{color:var(--ink)}
html[data-design=modern] .ws-up,html[data-design=modern] .ws a.ws-up:link,html[data-design=modern] .ws a.ws-up:visited{background:var(--acc);color:#fff;border-radius:var(--r)}
html[data-design=modern] .ws-up:hover{background:var(--acc2)}
html[data-design=modern] .ws .ws-links a:link,html[data-design=modern] .ws .ws-links a:visited{color:var(--ink)}
html[data-design=modern] .ws .ws-links a:hover{color:var(--acc)}
html[data-design=modern] .seg label span{border-color:var(--line2)}
html[data-design=modern] .pcol,html[data-design=modern] .psec{background:var(--soft);border-color:var(--line);border-radius:var(--r2)}
html[data-design=modern] .prof h3{color:var(--muted)}
html[data-design=modern] .aset{background:var(--card);border-color:var(--line2);color:var(--ink)}
html[data-design=modern] .prof a.aset:link,html[data-design=modern] .prof a.aset:visited{color:var(--ink)}
html[data-design=modern] .aset:hover{border-color:var(--acc);color:var(--acc)}
html[data-design=modern] .tags a{background:var(--card);border-color:var(--line);color:var(--ink)}
html[data-design=modern] .tags a:hover{border-color:var(--acc);color:var(--acc)}
html[data-design=modern] .tags a b{color:var(--muted)}
html[data-design=modern] .mi{background:var(--card);border-color:var(--line);border-radius:var(--r)}
html[data-design=modern] .mine-cols .mine,html[data-design=modern] .mine-cols .mine.isempty{background:var(--soft);border-color:var(--line)}
html[data-design=modern] .pmwrap{background:var(--card);border-color:var(--line);border-radius:var(--r2);box-shadow:var(--shadow)}
html[data-design=modern] .pmhead,html[data-design=modern] .pmform,html[data-design=modern] .pmstop{background:var(--soft)}
html[data-design=modern] .pmd{border-bottom-color:var(--line);color:var(--ink)}
html[data-design=modern] .pm a.pmd:link,html[data-design=modern] .pm a.pmd:visited{color:var(--ink)}
html[data-design=modern] .pmd:hover{background:var(--soft)}html[data-design=modern] .pmd.on{background:var(--accsoft)}
html[data-design=modern] .pmd .pmdt b{color:var(--ink)}
html[data-design=modern] .pmmsg{background:var(--soft);border-color:var(--line);border-radius:14px 14px 14px 4px}
html[data-design=modern] .pmmsg.me{background:var(--accsoft);border-color:color-mix(in srgb,var(--acc) 30%,transparent);border-radius:14px 14px 4px 14px}
html[data-design=modern] .pmmenu>div{background:var(--card);border-color:var(--line)}
html[data-design=modern] .pm .pmmenu>div button.link{color:var(--ink)}
html[data-design=modern] .pm .pmmenu>div button.link:hover{background:var(--soft)}
html[data-design=modern] .pmmenu summary{border-color:var(--line2);color:var(--ink)}
html[data-design=modern] .pm .pmchat{border-left-color:var(--line)}
html[data-design=modern] .pmtopic b{color:var(--ink)}html[data-design=modern] .pmtopic::before,html[data-design=modern] .pmtopic::after{border-top-color:var(--line)}
html[data-design=modern] .modtabs a{background:var(--card);border-color:var(--line);border-radius:999px;color:var(--ink)}
html[data-design=modern] .modtabs a.on{background:var(--acc);border-color:var(--acc);color:#fff}
html[data-design=modern] .modcard{border-bottom-color:var(--line)}
html[data-design=modern] .tmenu{background:var(--card);border-color:var(--line)}

/* ================= выбор оформления в Мастерской ================= */
html[data-design=modern] .design-pick .dz label{border-color:var(--line2);border-radius:var(--r2);background:var(--card)}

/* ================= главная страница ================= */
html[data-design=modern] .hometop{position:sticky;top:0;z-index:50;background:var(--top);color:var(--topink);border-bottom:1px solid var(--topline);box-shadow:0 2px 14px rgba(0,0,0,.18)}
html[data-design=modern] .hometop::before{display:none}
html[data-design=modern] .htitle b{color:#fff;font:700 28px/1.1 "PT Sans Narrow","Golos Text",sans-serif;letter-spacing:.02em}
html[data-design=modern] .htitle span{color:var(--topmute)}
html[data-design=modern] .hwho,html[data-design=modern] .home a.hwho:link,html[data-design=modern] .home a.hwho:visited{color:var(--topink)}
html[data-design=modern] .hbtns a,html[data-design=modern] .home .hbtns a:link,html[data-design=modern] .home .hbtns a:visited{background:rgba(255,255,255,.07);border-color:var(--topline);color:var(--topink)}
html[data-design=modern] .hbtns a:hover{background:rgba(255,255,255,.14);border-color:var(--acc);color:#fff}
html[data-design=modern] .home .hbtns a.out:link,html[data-design=modern] .home .hbtns a.out:visited{color:var(--topmute)}
html[data-design=modern] .hlogin .hint a{color:var(--topink)}
html[data-design=modern] .hlogin input{background:rgba(255,255,255,.07);border-color:var(--topline);color:var(--topink)}
html[data-design=modern] .homegrid{gap:0 18px;max-width:1320px;padding:4px 20px}
html[data-design=modern] .hsec{background:var(--card);border:1px solid var(--line);border-radius:var(--r2);box-shadow:var(--shadow)}
html[data-design=modern] .hsec h2,html[data-design=modern] .hsec h2 a{color:var(--ink)}
html[data-design=modern] .hgal{gap:16px}
html[data-design=modern] .hgal .card{border-radius:var(--r2)}
html[data-design=modern] .hgal .hgt{padding:10px 12px}
html[data-design=modern] .hgal .hgt a b{color:var(--ink);font:700 18px/1.2 "PT Sans Narrow","Golos Text",sans-serif}
html[data-design=modern] .hgal .n,html[data-design=modern] .home .events .d{color:var(--acc)}
html[data-design=modern] .events li{border-bottom-color:var(--line)}
html[data-design=modern] .hlinks dt a{color:var(--ink);text-decoration:none}html[data-design=modern] .hlinks dt a:hover{color:var(--acc)}

/* ================= подвал ================= */
html[data-design=modern] footer{border-top:1px solid var(--line);color:var(--muted);background:transparent;padding:22px 16px}
html[data-design=modern] footer a{color:var(--muted)}html[data-design=modern] footer a:hover{color:var(--acc)}

/* ================= телефон ================= */
@media(max-width:700px){
  html[data-design=modern] .top{position:static;padding:8px 12px}
  html[data-design=modern] .tabs>a,html[data-design=modern] .tabs .tg{font-size:15px;padding:6px 8px}
  html[data-design=modern] main{padding:12px 12px 32px}
  html[data-design=modern] .grid{gap:10px}
  html[data-design=modern] .box{padding:14px}
  html[data-design=modern] .phtitle{font-size:20px}
  html[data-design=modern] .hometop{position:static}
  html[data-design=modern] .find{flex-wrap:wrap}html[data-design=modern] .find input{flex:1 1 100%;max-width:none}
  html[data-design=modern] .find button{flex:1}
  html[data-design=modern] .who{justify-content:flex-start}
  html[data-design=modern] .top .logo img{height:44px}
}
html[data-design=modern] .hlogin>.themetog{margin:0 0 8px auto;display:flex}@media(max-width:1000px){html[data-design=modern] .hlogin>.themetog{margin-left:0}}
/* меню «Наши галереи»: невидимый «мостик» над списком — курсор не теряет меню, пока переходит с вкладки на пункты */
html[data-design=modern] .tabs .tmenu::before{content:'';position:absolute;left:-10px;right:-10px;top:-12px;height:12px}
html[data-design=modern] .tdrop{z-index:70}
/* строка «Автор / Снято … Регион» под фото — в одну строку, даже с датой словами */
@media(min-width:1001px){
  html[data-design=modern] .phinfo{max-width:1040px}
  html[data-design=modern] .phsum,html[data-design=modern] .phsum:has(.mid.wide){grid-template-columns:max-content minmax(110px,1fr) max-content;column-gap:28px}
  html[data-design=modern] .phsum .l{flex-wrap:nowrap;gap:6px 28px}html[data-design=modern] .phsum .r{flex-wrap:nowrap}
}
/* под фото у «Нового» дизайна светлая тень у текста («бумажный» эффект) — в «Современном» убираем: в тёмной теме она выбеливала ссылки */
html[data-design=modern] .phsum,html[data-design=modern] .phsum *,html[data-design=modern] .phext,html[data-design=modern] .phext *{text-shadow:none}

/* круглая кнопка-значок «копировать» и переключатель подписки (core/icons.php) */
html[data-design=modern] button.iconbtn{width:28px;height:28px;min-height:0;padding:0;border:1px solid var(--line2);border-radius:50%;background:transparent;color:var(--link);box-shadow:none;font-weight:400}
html[data-design=modern] button.iconbtn:hover{background:var(--accsoft);border-color:var(--acc);color:var(--acc)}
html[data-design=modern] button.iconbtn.done{color:var(--ok);border-color:var(--ok);background:transparent}
html[data-design=modern] .subtog .sw{background:var(--line2)}html[data-design=modern] .subtog.on .sw{background:var(--acc)}
/* выигранные фото (фото дня/конкурса) — заметная зелёная подложка и рамка в обеих темах */
html[data-design=modern] .card.pod{border-color:var(--podline);box-shadow:0 0 0 1px var(--podline),var(--shadow)}
html[data-design=modern] .card.pod .meta{border-top-color:color-mix(in srgb,var(--podline) 55%,transparent)}
@media(max-width:700px){html[data-design=modern] .hometop .hme{border-top-color:var(--topline)}html[data-design=modern] .hometop .htitle b{font-size:24px}html[data-design=modern] .hometop .logo img{height:44px}html[data-design=modern] .hlogin>.themetog{margin:0}}
html[data-design=modern] .mods .prod .ch{color:var(--muted)}html[data-design=modern] .mods .prod .ap{color:var(--ok)}html[data-design=modern] .mods .prod .dl{color:var(--bad)}
@media(min-width:1001px){html[data-design=modern] .hometop{padding-left:max(20px,calc((100% - 1320px) / 2 + 20px));padding-right:max(20px,calc((100% - 1320px) / 2 + 20px))}}
@media(min-width:1001px){html[data-design=modern] header.top:not(.hometop){padding-left:max(20px,calc((100% - 1320px) / 2 + 20px));padding-right:max(20px,calc((100% - 1320px) / 2 + 20px))}}
@media(min-width:1001px){html[data-design=modern] header.top:not(.hometop) .logo img{height:84px}html[data-design=modern] header.top:not(.hometop){padding-top:8px;padding-bottom:8px}}
html[data-design=modern] .themetog .sun{display:none}html[data-design=modern][data-theme=dark] .themetog .sun{display:block}html[data-design=modern][data-theme=dark] .themetog .moon{display:none}
html[data-design=modern] .regchk.ok{color:var(--ok)}html[data-design=modern] .regchk.bad{color:var(--bad)}
/* карта: всплывающая карточка фото в цвет темы (в тёмной теме текст был светлым на белом) */
html[data-design=modern] .leaflet-popup-content-wrapper,html[data-design=modern] .leaflet-popup-tip{background:var(--card);color:var(--ink);box-shadow:0 4px 18px rgba(0,0,0,.35)}
html[data-design=modern] .leaflet-container a.leaflet-popup-close-button{color:var(--muted,#888)}
html[data-design=modern] body .card.fresh .meta{border-top-color:var(--freshsep,var(--line2))}