:root{--bg:#fff7fb;--card:#fff;--ink:#2a0f1c;--mut:#7a5566;--line:#f1d5e3;--peach:#ff5fa6;--sand:#fbc4dd;--sage:#f7a8cc;--green:#cc246c;--deep:#b40c54;--btn:#b40c54;--grad:linear-gradient(135deg,#fc9ed2 0%,#e9418b 35%,#c9216a 70%,#9c0c4c 100%);--hdr:linear-gradient(100deg,#8f0a45 0%,#c9216a 55%,#e43c84 100%);box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#1a0a12;--card:#26111b;--ink:#fbeef4;--mut:#c9a3b5;--line:#43202f;--deep:#fc84b4;}}
:root[data-theme="dark"]{--bg:#1a0a12;--card:#26111b;--ink:#fbeef4;--mut:#c9a3b5;--line:#43202f;--deep:#fc84b4;}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 Inter,system-ui,sans-serif}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.wrap{max-width:1160px;margin:0 auto;padding:0 20px}
header{background:var(--hdr);position:sticky;top:env(safe-area-inset-top,0px);z-index:10}
.bar{display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px}
.logo{font:italic 900 32px/1 Barlow,Impact,sans-serif;color:#fff;letter-spacing:.5px;text-transform:uppercase;text-shadow:0 1px 8px rgba(63,107,67,.25)}
nav{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
nav a{padding:8px 12px;border-radius:99px;font-weight:600;font-size:14px;color:#fff;white-space:nowrap}
nav a:hover,nav a.on{background:rgba(255,255,255,.22)}
#banner{max-width:1160px;margin:16px auto 0;padding:0 20px}
#banner img{width:100%;height:auto;aspect-ratio:16/5;object-fit:cover;object-position:50% 50%;border-radius:16px}
.tag-line{color:var(--mut);font-size:14px;padding:14px 0 0}
.hero{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;margin:20px 0 8px}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
.img{aspect-ratio:16/10;background:var(--grad);background-size:cover;background-position:center}
.big .img{aspect-ratio:16/9}
.body{padding:16px 18px 18px}
.cat{font:italic 800 13px Barlow,sans-serif;text-transform:uppercase;letter-spacing:1px;color:var(--deep)}
h1,h2,h3{font-family:Barlow,sans-serif;margin:.2em 0;line-height:1.12}
.big h2{font-size:clamp(26px,4vw,40px);font-style:italic;font-weight:900}
.card h3{font-size:20px;font-weight:800;font-style:italic}
.meta{color:var(--mut);font-size:13px}.ex{color:var(--mut);margin:6px 0 10px}
.side{display:flex;flex-direction:column;gap:20px}
.side .card{flex:1}
.layout{display:grid;grid-template-columns:1fr 320px;gap:28px;margin-top:20px}
.sec{font:italic 900 26px Barlow,sans-serif;text-transform:uppercase;margin:28px 0 14px;display:flex;align-items:center;gap:12px}
.sec:after{content:"";flex:1;height:3px;border-radius:3px;background:var(--grad)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}
.pop{counter-reset:p;list-style:none;margin:0;padding:0}
.pop li{counter-increment:p;display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}
.pop li:before{content:counter(p);font:italic 900 30px Barlow,sans-serif;color:var(--peach);min-width:28px}
.pop b{font-family:Barlow,sans-serif;font-size:17px;line-height:1.2;display:block}
footer{margin-top:60px;background:var(--hdr);color:#fff}
.fgrid{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;padding:36px 0}
footer a{display:block;font-weight:600;font-size:14px;padding:2px 0}
.empty{padding:40px;text-align:center;color:var(--mut);border:2px dashed var(--line);border-radius:16px}
.art{max-width:760px;margin:24px auto}
.art h1{font-size:clamp(30px,5vw,50px);font-style:italic;font-weight:900}
.art .hero-img{aspect-ratio:16/9;border-radius:16px;background:var(--grad) center/cover;margin:18px 0}
.art .txt p{font-size:18px;margin:0 0 1.1em}.art .txt img{border-radius:12px;margin:22px 0}
.tags span{display:inline-block;background:var(--line);border-radius:99px;padding:2px 12px;font-size:13px;margin:0 6px 6px 0}
.btn{background:var(--btn);color:#fff;border:0;border-radius:99px;padding:10px 18px;font:600 14px Inter;cursor:pointer}
.btn.alt{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn.red{background:#c0503a}
.btn:disabled{opacity:.5}
.adm{max-width:900px;margin:24px auto}
.row{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}
.pill{font-size:12px;padding:2px 10px;border-radius:99px;background:var(--sage);color:#4a0a26}.pill.d{background:var(--sand)}
label{display:block;font-weight:600;font-size:14px;margin:14px 0 4px}
input,select,textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);font:inherit}
textarea{min-height:320px;resize:vertical}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.thumb{height:120px;border-radius:10px;margin-top:8px;background:var(--grad) center/cover}
.note{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px;color:var(--mut);font-size:14px}
@media(max-width:860px){.hero,.layout{grid-template-columns:1fr}.two{grid-template-columns:1fr}.logo{font-size:26px}}

.pin{background:var(--btn);color:#fff;border-radius:99px;padding:1px 8px;font:600 11px Inter,sans-serif;letter-spacing:0;text-transform:none}
a.btn{display:inline-block}

.logo img{height:30px;width:auto;display:block;filter:drop-shadow(0 1px 6px rgba(80,0,40,.35))}
.logo{display:block;line-height:0}
footer .logo img{height:34px}
@media(max-width:860px){.logo img{height:24px}}

nav{min-width:0}
#lang{width:auto;flex:none;max-width:140px;padding:6px 10px;border:0;border-radius:99px;background:rgba(255,255,255,.2);color:#fff;font:600 13px Inter,sans-serif;cursor:pointer}
#google_translate_element{display:none}
.skiptranslate iframe,.goog-te-banner-frame{display:none!important}
body{top:0!important}
#goog-gt-tt,.goog-te-balloon-frame{display:none!important}
.goog-text-highlight{background:none!important;box-shadow:none!important}

#lang option{color:#2a0f1c;background:#fff}
footer a,footer p{color:#fff}

.topbar{background:#7d0338;color:#fff}
.topin{display:flex;align-items:center;gap:6px;height:38px}
.topin a{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#fff;transition:background .15s}
.topin a:hover{background:rgba(255,255,255,.2)}
.topin svg{width:16px;height:16px;display:block}
.follow{font:600 12px Inter,sans-serif;letter-spacing:.4px;opacity:.85;margin-left:6px}