:root {
  color-scheme: dark;
  --bg: #07070b;
  --surface: #101016;
  --surface-2: #17171f;
  --line: rgba(255,255,255,.10);
  --text: #f7f5fb;
  --muted: #9997a5;
  --purple: #22c55e;
  --pink: #39ff88;
  --cyan: #22d3ee;
  --green: #34d399;
  --orange: #fb923c;
  --header-bg: rgba(7,7,11,.9);
  --subtle-bg: #0b0b10;
  --button-bg: #111118;
  --input-bg: #0a0a0e;
  --sidebar-bg: #09090d;
  --footer-bg: #09090d;
  --hero-title: #f7f5fb;
  --shadow: rgba(0,0,0,.55);
  --skeleton-base: #14141b;
  --skeleton-shine: #24242e;
  --max: 1180px;
  --sidebar-width: 252px;
  --page-gutter: clamp(28px,3.2vw,72px);
}

[data-theme="light"] {
  color-scheme: light;
  --bg: #ffffff;
  --surface: #ffffff;
  --surface-2: #f3f5f4;
  --line: rgba(17,24,39,.12);
  --text: #181a1d;
  --muted: #61656b;
  --purple: #0b8f3c;
  --pink: #16a34a;
  --header-bg: rgba(255,255,255,.94);
  --subtle-bg: #f7f8f7;
  --button-bg: #ffffff;
  --input-bg: #ffffff;
  --sidebar-bg: #ffffff;
  --footer-bg: #ffffff;
  --hero-title: #ffffff;
  --shadow: rgba(15,23,42,.12);
  --skeleton-base: #e9ecea;
  --skeleton-shine: #f7f8f7;
}

[data-theme="light"] .category { color:#08752f;background:rgba(22,163,74,.12); }
[data-theme="light"] .category-animes { color:#08752f;background:rgba(22,163,74,.12); }
[data-theme="light"] .category-jogos { color:#0f766e;background:rgba(13,148,136,.12); }
[data-theme="light"] .category-filmes { color:#15803d;background:rgba(22,163,74,.12); }
[data-theme="light"] .category-series { color:#0369a1;background:rgba(2,132,199,.11); }
[data-theme="light"] .category-novelas { color:#a84b08;background:rgba(234,88,12,.11); }
[data-theme="light"] .category-lancamentos,[data-theme="light"] .category-trailers,[data-theme="light"] .category-noticias,[data-theme="light"] .category-unboxing,[data-theme="light"] .category-reviews,[data-theme="light"] .category-tecnologia,[data-theme="light"] .category-curiosidades,[data-theme="light"] .category-mangas { color:#08752f;background:rgba(22,163,74,.12); }
[data-theme="light"] .card-body .meta,
[data-theme="light"] .directory-card-body .meta { color:#666b72; }
[data-theme="light"] .trending li > span { color:#c7cbd0; }
[data-theme="light"] .trending li small { color:#6b7077; }
[data-theme="light"] .site-sidebar { box-shadow:8px 0 30px rgba(15,23,42,.055); }
[data-theme="light"] .sidebar-theme { background:#f3f5f4; }
[data-theme="light"] .news-card,
[data-theme="light"] .directory-card,
[data-theme="light"] .quick-card,
[data-theme="light"] .article-aside { box-shadow:0 10px 30px rgba(15,23,42,.055); }
[data-theme="light"] footer { box-shadow:0 -8px 30px rgba(15,23,42,.035); }
[data-theme="light"] footer .footer-bottom { color:#6b6f75; }

* { box-sizing: border-box; }
[hidden] { display:none!important; }
html { scroll-behavior:smooth;background:var(--bg);scrollbar-width:none;-ms-overflow-style:none; }
html::-webkit-scrollbar,body::-webkit-scrollbar,.article-preview-sheet::-webkit-scrollbar { display:none; }
body { margin: 0; background: var(--bg); color: var(--text); font-family: "DM Sans", sans-serif; min-width: 320px; }
.article-preview-sheet { scrollbar-width:none;-ms-overflow-style:none; }
html.page-transitions body { opacity:0; }
html.page-transitions.page-visible body { opacity:1;transition:opacity .15s ease-out; }
html.page-transitions.page-leaving body { opacity:.96;transition:opacity .1s ease; }
html.page-transitions::after { content:"";position:fixed;z-index:9998;inset:0;background:var(--bg);opacity:0;pointer-events:none;transition:opacity .13s ease; }
html.page-transitions.page-leaving::after { opacity:1; }
html.page-transitions::before { content:none; }
body.modal-open { overflow: hidden; }
body.menu-open { overflow: hidden; }
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
.shell { width:100%;max-width:none;padding-inline:var(--page-gutter);margin-inline:0; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

@keyframes shimmer-sweep {
  from { background-position:200% 0; }
  to { background-position:-200% 0; }
}
.shimmer {
  background-image:linear-gradient(100deg,var(--skeleton-base) 18%,var(--skeleton-shine) 34%,var(--skeleton-base) 50%);
  background-size:220% 100%;
  animation:shimmer-sweep 1.35s linear infinite;
}

.site-header { position: sticky; top: 0; z-index: 50; background: var(--header-bg); backdrop-filter: blur(18px); border-bottom: 1px solid var(--line); }
.header-main { height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.brand { display:flex;align-items:center; }
.brand-logo { width:160px;height:auto;max-width:100%;object-fit:contain;object-position:center; }
.desktop-nav { display: flex; align-items: center; gap: 28px; margin-left: auto; }
.desktop-nav a { position: relative; color: var(--muted); font-size: .9rem; font-weight: 600; transition: color .2s; }
.desktop-nav a:hover, .desktop-nav a.active { color: var(--text); }
.desktop-nav a.active::after { content: ""; position: absolute; left: 0; right: 0; bottom: -29px; height: 2px; background: linear-gradient(90deg,var(--pink),var(--purple)); }
.header-actions { display: flex; gap: 8px; }
.icon-button, .menu-toggle { width: 42px; height: 42px; border: 1px solid var(--line); background: var(--button-bg); border-radius: 12px; color: var(--text); cursor: pointer; display: grid; place-items: center; }
.icon { width: 19px; height: 19px; display: block; }
.tiny-icon { width: 14px; height: 14px; display: inline-block; vertical-align: -2px; margin-left: 5px; }
.theme-sun { display: none; }
[data-theme="light"] .theme-moon { display: none; }
[data-theme="light"] .theme-sun { display: block; }
.search-icon { width: 17px; height: 17px; border: 2px solid currentColor; border-radius: 50%; position: relative; display: inline-block; }
.search-icon::after { content: ""; width: 7px; height: 2px; background: currentColor; position: absolute; right: -5px; bottom: -2px; transform: rotate(45deg); border-radius: 2px; }
.menu-toggle { display:none;padding:10px;gap:5px;border:0;background:transparent;border-radius:0; }
.menu-toggle span:not(.sr-only) { display:block;width:22px;height:2px;border-radius:2px;background:var(--text);transition:background .2s,transform .2s; }
.menu-toggle:hover span:not(.sr-only) { background:var(--pink); }
.search-panel { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .3s ease; border-top: 1px solid transparent; }
.search-panel.open { grid-template-rows: 1fr; border-top-color: var(--line); }
.search-inner { overflow: hidden; display: flex; align-items: center; gap: 28px; }
.search-inner > label { min-width: 250px; font: 600 1rem "Space Grotesk"; }
.search-field { margin: 18px 0; flex: 1; height: 50px; display: flex; align-items: center; gap: 14px; border: 1px solid var(--line); border-radius: 12px; padding: 0 16px; background: var(--surface); color: var(--muted); }
.search-field input { flex: 1; background: none; border: 0; outline: 0; color: var(--text); min-width: 0; font-size: 1rem; }
.search-field input::placeholder { color: #686674; }
.search-close { background: none; border: 0; color: var(--muted); cursor: pointer; font-size: 1.6rem; }
.hero { padding-block: 32px 54px; display: grid; grid-template-columns: minmax(0, 1.9fr) minmax(300px, .85fr); gap: 18px; }
.hero-card, .mini-feature { position: relative; overflow: hidden; border-radius: 22px; border: 1px solid var(--line); min-height: 0; background: var(--surface); }
.hero-card { min-width:0;min-height:420px;display:flex;align-items:flex-end; }
.hero-card img { width: 100%; height: 100%; object-fit: cover; position: absolute; z-index:0; inset: 0; filter: hue-rotate(75deg) saturate(.95); }
.hero-card.has-cover > img { filter:none; }
.hero-card.has-cover .hero-placeholder { display:none; }
.hero.single-column { grid-template-columns:1fr; }
.hero-placeholder { position:absolute;inset:0;display:grid;place-items:center; }
.hero-placeholder .visual-icon { width:110px;height:110px; }
.hero-shade { position: absolute;z-index:1; inset: 0; background: linear-gradient(90deg, rgba(5,5,9,.96) 0%, rgba(5,5,9,.74) 42%, rgba(5,5,9,.12) 78%), linear-gradient(0deg,rgba(5,5,9,.7),transparent 50%); }
.hero-content { position:relative;z-index:2;width:min(560px,calc(100% - 84px));margin:40px 42px; }
.category { display: inline-flex;color:#86efac;background:rgba(22,163,74,.16);font-size: .67rem; font-weight: 800; letter-spacing: .1em; padding: 6px 9px; border-radius: 7px; }
.category-list { min-width:0;display:flex;align-items:center;flex-wrap:wrap;gap:6px; }
.category-animes { color: #55f49a; background: rgba(34,197,94,.16); }
.category-jogos { color: #5eead4; background: rgba(45,212,191,.14); }
.category-filmes { color: #86efac; background: rgba(22,163,74,.16); }
.category-series { color: #67e8f9; background: rgba(34,211,238,.14); }
.category-novelas { color: #fdba74; background: rgba(251,146,60,.14); }
.category-lancamentos,.category-trailers,.category-noticias,.category-unboxing,.category-reviews,.category-tecnologia,.category-curiosidades,.category-mangas { color:#86efac;background:rgba(22,163,74,.16); }
.hero-card h2 { color:var(--hero-title);font:700 clamp(2.25rem,4.1vw,4.25rem)/.98 "Space Grotesk";letter-spacing:-.06em;max-width:620px;margin:18px 0 16px;overflow-wrap:break-word;hyphens:auto; }
.hero-content > p { max-width: 515px; color: #c5c2cc; line-height: 1.6; font-size: 1rem; margin: 0 0 18px; }
.meta { display: flex; align-items: center; gap: 9px; color: #aaa7b4; font-size: .76rem; }
.meta i { width: 3px; height: 3px; border-radius: 50%; background: #66636f; }
.read-button { width:max-content;display:flex;align-items:center;gap:14px;margin-top:25px;border:0;color:#fff;background:linear-gradient(135deg,var(--pink),var(--purple));padding:13px 18px;border-radius:11px;font-weight:800;cursor:pointer;box-shadow:0 10px 30px rgba(34,197,94,.2);transition:transform .2s; }
.read-button:hover { transform: translateY(-2px); }
.hero-side { display: grid; grid-template-rows: 1.5fr 1fr; gap: 18px; }
.mini-feature { min-height: 0; }
.mini-feature > img { position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:cover; }
.mini-feature.has-cover .abstract-art { display:none; }
.abstract-art { position: absolute; inset: 0; background: radial-gradient(circle at 65% 32%,#39ff88 0 5%,transparent 6%), radial-gradient(circle at 64% 36%,rgba(57,255,136,.3),transparent 28%), linear-gradient(145deg,#073421,#0c2517 48%,#0e5c32); overflow: hidden; }
.abstract-art::before { content:""; position:absolute; width:190px; height:190px; border:25px solid rgba(57,255,136,.38); border-radius:42% 58% 60% 40%; right:-35px; top:-40px; transform:rotate(20deg); filter:blur(1px); }
.abstract-art::after { content:""; position:absolute; width:180px; height:80px; background:linear-gradient(90deg,#166534,#39ff88); right:15px; bottom:36px; clip-path:polygon(12% 0,100% 20%,88% 100%,0 70%); filter:drop-shadow(0 0 18px #22c55e); }
.art-icon { position:absolute;z-index:2;width:84px;height:84px;right:24px;top:30px;color:rgba(255,255,255,.8);filter:drop-shadow(0 8px 24px rgba(0,0,0,.3)); }
.mini-overlay { position:absolute;z-index:2;inset:0;background:linear-gradient(0deg,rgba(7,7,11,.96),transparent 76%); }
.mini-content { position:absolute;z-index:2;left:23px;right:23px;bottom:23px;color:white; }
.mini-content h2 { font: 700 1.3rem/1.15 "Space Grotesk"; letter-spacing:-.035em; margin:10px 0 14px; }
.quick-card { border:1px solid var(--line);border-radius:22px;padding:24px;background:linear-gradient(145deg,var(--surface-2),var(--surface));display:flex;align-items:center;gap:20px; }
.quick-icon { width:52px;height:52px;border-radius:50%;display:grid;place-items:center;flex:none;color:#031108;background:linear-gradient(135deg,var(--pink),var(--purple));box-shadow:0 0 24px rgba(34,197,94,.25);padding-left:3px; }
.quick-card h2 { font:700 1.06rem/1.25 "Space Grotesk";margin:9px 0;color:var(--text); }
.quick-card a { border:0;background:none;padding:0;color:var(--purple);font-weight:800;font-size:.75rem;cursor:pointer; }
.quick-copy { min-width:0;display:grid;gap:8px; }
.quick-copy strong { font:700 1.06rem/1.25 "Space Grotesk";color:var(--text); }
.quick-copy small { color:var(--muted);font-size:.75rem;font-weight:700; }

.news-section { padding-bottom: 80px; }
.home-hero-loading { pointer-events:none; }
.skeleton-hero-card { min-height:420px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:14px;padding:40px;border:1px solid var(--line);border-radius:22px;overflow:hidden; }
.skeleton-hero-side { display:grid;grid-template-rows:1.5fr 1fr;gap:18px; }
.skeleton-side-card { display:block;min-height:0;border:1px solid var(--line);border-radius:22px; }
.skeleton-pill { display:block;width:88px;height:23px;border-radius:7px; }
.skeleton-title { display:block;width:min(560px,82%);height:46px;border-radius:9px; }
.skeleton-title-short { width:min(410px,62%); }
.skeleton-text { display:block;width:min(500px,74%);height:17px;border-radius:6px; }
.skeleton-button { display:block;width:124px;height:45px;margin-top:7px;border-radius:11px; }
.home-news-skeleton { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding-top:28px; }
.skeleton-news-card { min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:17px;background:var(--surface);padding-bottom:18px; }
.skeleton-card-cover { display:block;width:100%;height:190px; }
.skeleton-card-line { display:block;width:calc(100% - 36px);height:18px;margin:18px 18px 0;border-radius:6px; }
.skeleton-card-line-short { width:54%;margin-top:11px; }
.section-heading { display: flex; justify-content: space-between; align-items: end; gap: 30px; padding-bottom: 22px; border-bottom: 1px solid var(--line); }
.eyebrow { display:flex;align-items:center;gap:.42em;color:var(--purple);font-size:.68rem;font-weight:800;letter-spacing:.13em;margin:0 0 6px; }
.eyebrow-word { color:var(--text); }
.eyebrow-accent { color:var(--purple); }
.section-heading h2, .trending-title h2 { margin: 0; font: 700 2rem "Space Grotesk"; letter-spacing: -.045em; }
.filter-row { display: flex; gap: 5px; flex-wrap: wrap; justify-content: flex-end; }
.filter-skeleton { width:74px;height:34px;display:block;border-radius:999px;background:var(--surface-2); }
.filter-skeleton:nth-child(2n) { width:92px; }
.filter { color: #92909c; border: 1px solid transparent; background: transparent; padding: 8px 12px; border-radius: 9px; cursor: pointer; font-size: .82rem; font-weight: 600; transition: .2s; }
.filter:hover { color: var(--text); }
.filter.active { color: var(--text); background: var(--surface-2); border-color: var(--line); }
.news-layout { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 40px; padding-top: 28px; }
.news-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 22px; align-content:start; }
.news-card { overflow:hidden;border-radius:17px;border:1px solid var(--line);background:var(--surface);transition:transform .25s,border-color .25s;cursor:pointer; }
.news-card:hover { transform:translateY(-4px);border-color:rgba(34,197,94,.48); }
.news-card.filtered-out { display:none; }
.card-visual { position:relative;height:190px;overflow:hidden;isolation:isolate; }
.card-visual > img { position:absolute;z-index:2;inset:0;width:100%;height:100%;object-fit:cover; }
.card-visual.has-cover .visual-icon { display:none; }
.card-visual::before,.card-visual::after { content:"";position:absolute; }
.card-visual::before { width:210px;height:210px;border:34px solid rgba(255,255,255,.09);border-radius:50%;right:-45px;top:-70px; }
.card-visual::after { width:130px;height:130px;background:rgba(255,255,255,.07);transform:rotate(35deg);left:-45px;bottom:-65px; }
.visual-anime{background:linear-gradient(135deg,#0a3620,#1c8c4d)}.visual-movie{background:linear-gradient(135deg,#10251a,#13713d)}.visual-games{background:linear-gradient(135deg,#072e1c,#0f7650)}.visual-series{background:linear-gradient(135deg,#0b2f20,#176b47)}.visual-novelas{background:linear-gradient(135deg,#153121,#4a8c43)}.visual-manga{background:linear-gradient(135deg,#10291b,#158147)}
.visual-icon { position:absolute;z-index:2;left:50%;top:50%;width:76px;height:76px;transform:translate(-50%,-50%);color:rgba(255,255,255,.9);filter:drop-shadow(0 10px 25px rgba(0,0,0,.35)); }
.visual-number { position:absolute;right:13px;bottom:8px;font:700 3rem "Space Grotesk";color:rgba(255,255,255,.09); }
.card-body { padding:20px; }
.card-body h3 { font:700 1.17rem/1.28 "Space Grotesk";letter-spacing:-.03em;margin:12px 0 9px; }
.card-body p { color:var(--muted);font-size:.87rem;line-height:1.52;margin:0 0 18px; }
.trending { min-width:0; }
.trending-title { display:flex;align-items:center;gap:13px;margin-bottom:10px; }
.trending-icon { width:31px;height:31px;color:var(--purple); }
.trending-title p { margin:0;color:var(--purple);font-size:.64rem;font-weight:800;letter-spacing:.12em; }
.trending-title h2 { font-size:1.55rem; }
.trending ol { margin:0;padding:0;list-style:none; }
.trending li { display:flex;gap:16px;padding:22px 0;border-bottom:1px solid var(--line); }
.trending li > span { font:700 1.6rem "Space Grotesk";color:#34323c; }
.trending li a { display:block;font:600 .93rem/1.36 "Space Grotesk";transition:color .2s; }
.trending li a:hover { color:var(--purple); }
.trending li small { display:block;margin-top:8px;font-size:.58rem;letter-spacing:.06em;color:#6e6c78; }
.empty-state { text-align:center;padding:80px 20px; }
.empty-icon { width:38px;height:38px;color:var(--purple); }
.empty-state h3 { font:700 1.4rem "Space Grotesk";margin:12px 0 7px; }
.empty-state p { color:var(--muted);margin:0; }

footer { border-top:1px solid var(--line);background:var(--footer-bg); }
.footer-inner { padding:38px 0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;text-align:center; }
.footer-inner > p { color:var(--muted);font-size:.84rem;margin:0; }
.socials { display:flex;justify-content:center;gap:9px;flex-wrap:wrap; }
.socials a { min-height:40px;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:8px;padding:0 12px;font-size:.72rem;font-weight:700;color:var(--muted);transition:.2s; }
.socials a:hover { color:var(--text);border-color:rgba(34,197,94,.45);background:var(--surface); }
.social-icon { width:18px;height:18px; }
.footer-bottom { border-top:1px solid var(--line);padding:17px 0;display:flex;justify-content:center;gap:28px;text-align:center;color:#5f5d68;font-size:.7rem; }

@media (max-width: 980px) {
  .desktop-nav { display:none; }
  .menu-toggle { display:grid; }
  .hero { grid-template-columns:1fr; }
  .hero-side { grid-template-columns:1fr 1fr;grid-template-rows:220px; }
  .news-layout { grid-template-columns:1fr; }
  .trending { display:block; }
  .trending-title { margin-bottom:10px; }
  .home-news-skeleton { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width: 680px) {
  .shell { width:min(calc(100% - 28px),var(--max)); }
  .header-main { height:66px; }
  .brand { font-size:1.1rem; }
  .search-inner { display:block; }
  .search-inner > label { display:none; }
  .ticker-time { display:none; }
  .hero { padding-top:18px;padding-bottom:42px; }
  .hero-card { min-height:460px; }
  .hero-card img { object-position:64% center; }
  .hero-shade { background:linear-gradient(0deg,rgba(5,5,9,.98) 0%,rgba(5,5,9,.7) 55%,rgba(5,5,9,.08) 100%); }
  .hero-content { width:calc(100% - 46px);margin:25px 23px; }
  .hero-card h2 { font-size:2.45rem; }
  .hero-content > p { font-size:.91rem; }
  .hero-side { grid-template-columns:1fr;grid-template-rows:240px auto; }
  .quick-card { min-height:155px; }
  .section-heading { display:block; }
  .filter-row { justify-content:flex-start;margin-top:20px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px;scrollbar-width:none; }
  .filter { flex:none; }
  .news-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
  .home-news-skeleton { grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
  .card-visual,.skeleton-card-cover { height:112px; }
  .card-body { padding:11px; }
  .card-body .category { padding:4px 5px;font-size:.5rem;letter-spacing:.055em; }
  .card-body h3 { display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:8px 0 6px;font-size:.85rem;line-height:1.25; }
  .card-body p { display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin-bottom:12px;font-size:.68rem;line-height:1.42; }
  .card-body .meta { gap:5px;font-size:.57rem; }
  .card-body .meta i { display:none; }
  .skeleton-news-card { padding-bottom:11px; }
  .skeleton-card-line { width:calc(100% - 22px);height:13px;margin:11px 11px 0; }
  .skeleton-hero-card { min-height:460px;padding:25px 23px; }
  .skeleton-hero-side { grid-template-columns:1fr;grid-template-rows:240px 155px; }
  .news-layout { gap:32px; }
  .trending { display:block; }
  .footer-inner { display:block;text-align:center; }
  .footer-inner .brand { justify-content:center; }
  .footer-inner > p { margin:18px 0; }
  .socials { justify-content:center; }
  .footer-bottom { gap:14px;text-align:center;flex-direction:column; }
  .modal-card { padding:28px 23px; }
  .modal-card h2 { font-size:1.65rem; }
}

@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important; }
}

/* Navegação lateral e estrutura fluida */
.has-sidebar > main,
.has-sidebar > footer { width:calc(100% - var(--sidebar-width));margin-left:var(--sidebar-width); }
.site-sidebar { position:fixed;z-index:90;inset:0 auto 0 0;width:var(--sidebar-width);display:flex;flex-direction:column;padding:30px 18px 22px;background:var(--sidebar-bg);border-right:1px solid var(--line);transition:transform .28s ease,box-shadow .28s ease; }
.sidebar-top { display:flex;align-items:center;justify-content:flex-start; }
.sidebar-brand { width:100%;padding:0;min-height:46px; }
.sidebar-brand .brand-logo { width:160px;height:auto; }
.sidebar-overlay { display:none; }
.sidebar-nav { display:flex;flex-direction:column;gap:7px;margin-top:42px; }
.sidebar-nav a { position:relative;min-height:49px;display:flex;align-items:center;gap:13px;padding:0 14px;border:1px solid transparent;border-radius:12px;color:var(--muted);font-size:.9rem;font-weight:700;transition:background .2s,color .2s,border-color .2s; }
.sidebar-nav a:hover { color:var(--text);background:var(--surface-2);border-color:var(--line); }
.sidebar-nav a.active { color:var(--text);background:rgba(34,197,94,.11);border-color:rgba(34,197,94,.2); }
.sidebar-nav a.active::before { content:"";position:absolute;left:-19px;top:10px;bottom:10px;width:3px;border-radius:0 4px 4px 0;background:var(--pink);box-shadow:0 0 14px rgba(57,255,136,.45); }
.sidebar-nav a:focus-visible,
.sidebar-theme:focus-visible,
.menu-toggle:focus-visible,
.category-dropdown-trigger:focus-visible,
.directory-filter:focus-visible,
.pagination button:focus-visible { outline:2px solid var(--pink);outline-offset:3px; }
.nav-icon { width:20px;height:20px;flex:none; }
.external-icon { width:14px;height:14px;margin-left:auto;opacity:.6; }
.sidebar-footer { margin-top:auto;padding:0 7px; }
.sidebar-footer > span { display:block;margin:0 8px 9px;color:var(--muted);font-size:.62rem;font-weight:800;letter-spacing:.12em; }
.sidebar-theme { width:100%;height:45px;display:flex;align-items:center;gap:11px;padding:0 12px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--text);cursor:pointer; }
.sidebar-theme strong { font-size:.78rem; }
.sidebar-footer small { display:block;margin:18px 8px 0;color:var(--muted);font-size:.65rem; }
.mobile-header { display:none; }

.home-header { display:flex;align-items:center;justify-content:space-between;gap:32px;margin-inline:0;padding:15px var(--page-gutter);border-bottom:1px solid var(--line);background:var(--header-bg);backdrop-filter:blur(18px); }
.home-header .eyebrow { margin:0; }
.home-header h1 { margin:0;font:700 clamp(2.2rem,3.5vw,3.7rem)/1 "Space Grotesk";letter-spacing:-.055em; }
.home-header > p { max-width:560px;margin:0;color:var(--muted);font-size:.94rem;line-height:1.55;text-align:right; }
.hero { padding-top:20px; }
.article-shell { max-width:1640px;margin-inline:auto; }

@media (min-width: 981px) {
  .home-header { position:sticky;z-index:60;top:0; }
}

@media (min-width: 1500px) {
  .hero { grid-template-columns:minmax(0,2.2fr) minmax(340px,.78fr); }
  .hero-card { min-height:440px; }
  .hero-side { grid-template-rows:1.6fr 1fr; }
  .news-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .news-layout { grid-template-columns:minmax(0,1fr) 340px; }
}

@media (min-width: 2100px) {
  .news-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
}

@media (max-width: 980px) {
  :root { --page-gutter:24px; }
  .has-sidebar > main,
  .has-sidebar > footer { width:100%;margin-left:0; }
  .has-sidebar > main { padding-top:calc(72px + env(safe-area-inset-top,0px)); }
  .site-sidebar { width:min(300px,86vw);transform:translateX(-101%);box-shadow:none; }
  .site-sidebar.open { transform:translateX(0);box-shadow:20px 0 55px rgba(0,0,0,.38); }
  .sidebar-overlay { position:fixed;z-index:80;inset:0;display:block;border:0;background:rgba(0,0,0,.58);opacity:0;pointer-events:none;transition:opacity .28s ease; }
  .sidebar-overlay.open { opacity:1;pointer-events:auto; }
  .mobile-header { position:fixed;z-index:70;inset:0 0 auto;display:block;width:100%;padding-top:env(safe-area-inset-top,0px);background:var(--bg);border-bottom:1px solid var(--line);box-shadow:0 8px 24px rgba(0,0,0,.08); }
  /* Cobre a borda superior durante a rolagem e o recolhimento das barras do Safari. */
  .mobile-header::before,.article-topbar::before { content:"";position:absolute;left:0;right:0;bottom:calc(100% - 1px);height:calc(env(safe-area-inset-top,0px) + 8px);background:var(--bg);pointer-events:none; }
  .mobile-header-inner { height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 24px; }
  .mobile-header .brand-logo { width:132px;height:auto; }
  .home-header { display:none; }
}

/* O Safari pode revelar a região acima do viewport ao recolher suas barras.
   Estende o fundo real do cabeçalho, mantendo logo, botões e conteúdo no lugar. */
@supports (-webkit-touch-callout: none) {
  @media (max-width: 980px) {
    .mobile-header { top:-64px;padding-top:calc(64px + env(safe-area-inset-top,0px)); }
    .article-topbar::before { position:fixed;top:-64px;bottom:auto;height:calc(64px + env(safe-area-inset-top,0px)); }
  }
}

@media (max-width: 680px) {
  :root { --page-gutter:14px; }
  .shell { width:100%;padding-inline:var(--page-gutter); }
  .mobile-header-inner { height:66px;padding:0 14px; }
  .home-header { align-items:center;flex-direction:row;gap:16px;padding-top:12px;padding-bottom:12px; }
  .home-header > p { max-width:240px;text-align:right;font-size:.78rem;line-height:1.4; }
}

/* Diretório de notícias */
.news-directory { min-height:100vh;padding-top:0;padding-bottom:86px; }
.directory-header { position:sticky;z-index:60;top:0;min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-inline:calc(0px - var(--page-gutter));padding:13px var(--page-gutter);border-bottom:1px solid var(--line);background:var(--bg);transition:box-shadow .28s ease,border-color .28s ease; }
.directory-header.is-scrolled { border-bottom-color:rgba(34,197,94,.2);box-shadow:0 14px 34px rgba(0,0,0,.13); }
.directory-header-copy { min-width:0; }
.directory-header .eyebrow { margin:0 0 4px; }
.directory-header h1 { margin:0;font:700 clamp(2.5rem,4vw,4.6rem)/1 "Space Grotesk";letter-spacing:-.06em; }
.directory-header-copy > p:last-child { max-width:650px;margin:0;color:var(--muted);font-size:.82rem;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.directory-tools { display:flex;align-items:center;justify-content:flex-end;gap:22px;padding:20px 0; }
.directory-search { width:50px;height:50px;display:flex;align-items:center;overflow:hidden;flex:none;border:1px solid var(--line);border-radius:13px;background:var(--surface);color:var(--muted);box-shadow:0 8px 24px transparent;transition:width .42s cubic-bezier(.2,.8,.2,1),border-color .24s ease,box-shadow .24s ease,background .24s ease; }
.directory-search.is-open { width:min(470px,46vw); }
.directory-search:focus-within,.directory-search:hover { border-color:rgba(34,197,94,.5);box-shadow:0 10px 28px var(--shadow); }
.directory-search-toggle { width:48px;height:48px;display:grid;place-items:center;flex:none;padding:0;border:0;background:transparent;color:var(--muted);cursor:pointer; }
.directory-search-toggle .icon { transition:color .24s ease,transform .42s cubic-bezier(.2,.8,.2,1); }
.directory-search.is-open .directory-search-toggle .icon { color:var(--purple);transform:rotate(-8deg) scale(1.06); }
.directory-search-toggle:focus-visible { outline:2px solid var(--pink);outline-offset:-4px;border-radius:11px; }
.directory-search input { width:0;min-width:0;flex:0 1 0;padding:0;border:0;outline:0;background:transparent;color:var(--text);font-size:.93rem;opacity:0;pointer-events:none;transform:translateX(-8px);transition:width .38s cubic-bezier(.2,.8,.2,1),flex-basis .38s cubic-bezier(.2,.8,.2,1),opacity .2s ease,transform .38s cubic-bezier(.2,.8,.2,1); }
.directory-search.is-open input { width:calc(100% - 48px);flex:1 1 auto;padding-right:15px;opacity:1;pointer-events:auto;transform:translateX(0); }
.directory-search input::placeholder { color:var(--muted); }
.category-dropdown { position:relative;width:250px;flex:none; }
.category-dropdown-trigger { width:100%;height:50px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 15px;border:1px solid var(--line);border-radius:13px;background:var(--surface);color:var(--text);cursor:pointer;box-shadow:0 8px 24px transparent;transition:border-color .2s,box-shadow .2s; }
.category-dropdown-trigger:hover,.category-dropdown.open .category-dropdown-trigger { border-color:rgba(34,197,94,.45);box-shadow:0 10px 28px var(--shadow); }
.dropdown-trigger-copy { min-width:0;display:flex;align-items:baseline;gap:10px;text-align:left; }
.dropdown-trigger-copy small { color:var(--muted);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em; }
.dropdown-trigger-copy strong { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem; }
.dropdown-chevron { width:18px;height:18px;flex:none;color:var(--muted);transition:transform .22s,color .22s; }
.category-dropdown.open .dropdown-chevron { color:var(--pink);transform:rotate(180deg); }
.directory-filters { position:absolute;z-index:45;top:calc(100% + 8px);right:0;width:290px;max-height:350px;overflow-y:auto;display:grid;gap:3px;padding:8px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:0 24px 60px var(--shadow);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-7px);transition:opacity .18s,transform .18s,visibility .18s;scrollbar-width:none;-ms-overflow-style:none; }
.directory-filters::-webkit-scrollbar { display:none; }
.category-dropdown.open .directory-filters { opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0); }
.directory-filter { width:100%;min-height:41px;padding:0 12px;border:0;border-radius:9px;background:transparent;color:var(--muted);text-align:left;font-size:.82rem;font-weight:700;cursor:pointer;transition:background .18s,color .18s; }
.directory-filter:hover { color:var(--text);background:var(--surface-2); }
.directory-filter.active { color:var(--text);background:rgba(34,197,94,.12);box-shadow:inset 3px 0 var(--pink); }
.directory-filter-skeleton { min-height:41px;display:block;border-radius:9px;background:var(--surface-2); }
.directory-filter-message { display:block;padding:13px 12px;color:var(--muted);font-size:.78rem;text-align:center; }
.results-heading { min-height:38px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.75rem; }
.results-heading p { margin:0; }
.directory-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px; }
.directory-card { min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:17px;background:var(--surface);transition:transform .22s,border-color .22s,box-shadow .22s; }
.directory-card:hover { transform:translateY(-4px);border-color:rgba(34,197,94,.42);box-shadow:0 18px 42px var(--shadow); }
.directory-card:focus-visible { outline:2px solid var(--pink);outline-offset:3px; }
.directory-card-visual { position:relative;height:164px;overflow:hidden;isolation:isolate; }
.directory-card-visual > img { position:absolute;z-index:2;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .22s ease,transform .35s ease; }
.directory-card-visual.has-cover > img { opacity:1; }
.directory-card-visual.has-cover .visual-icon { display:none; }
.directory-card-visual::before { content:"";position:absolute;width:170px;height:170px;right:-45px;top:-65px;border:30px solid rgba(255,255,255,.09);border-radius:50%; }
.directory-card-visual .visual-icon { width:58px;height:58px; }
.directory-card-body { flex:1;display:flex;flex-direction:column;padding:18px; }
.directory-card-body h2 { margin:12px 0 8px;font:700 1.05rem/1.28 "Space Grotesk";letter-spacing:-.025em; }
.directory-card-body > p { margin:0 0 17px;color:var(--muted);font-size:.82rem;line-height:1.5; }
.directory-card-body .meta { margin-top:auto; }
.directory-card.is-skeleton { pointer-events:none; }
.directory-card.is-skeleton:hover { transform:none;border-color:var(--line);box-shadow:none; }
.directory-card.is-skeleton .skeleton-directory-cover { display:block;height:164px; }
.directory-card.is-skeleton .skeleton-directory-body { display:grid;gap:11px;padding:18px; }
.directory-card.is-skeleton .skeleton-directory-line { display:block;height:15px;border-radius:6px; }
.directory-card.is-skeleton .skeleton-directory-line:first-child { width:34%;height:20px; }
.directory-card.is-skeleton .skeleton-directory-line:nth-child(3) { width:78%; }
.directory-card.is-skeleton .skeleton-directory-line:last-child { width:48%;margin-top:8px; }
.directory-empty { padding:90px 20px;text-align:center; }
.directory-empty h2 { margin:15px 0 7px;font:700 1.4rem "Space Grotesk"; }
.directory-empty p { margin:0;color:var(--muted); }
.pagination { display:flex;align-items:center;justify-content:center;gap:5px;margin-top:40px; }
.pagination button { min-width:40px;height:40px;padding:0 11px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted);font-size:.82rem;font-weight:800;cursor:pointer;transition:color .18s,border-color .18s,background .18s; }
.pagination button:hover:not(:disabled) { color:var(--text);border-color:var(--line);background:var(--surface); }
.pagination button.active { color:var(--text);border-color:var(--line);background:var(--surface-2);box-shadow:none; }
.pagination button:focus-visible { outline:2px solid var(--muted);outline-offset:3px; }
.pagination .pagination-arrow { width:40px;padding:0;border-color:var(--line);border-radius:50%;color:var(--muted); }
.pagination .pagination-arrow svg { width:18px;height:18px;display:block;margin:auto; }
.pagination button:disabled { opacity:.38;cursor:not-allowed; }

@media (min-width: 1800px) {
  .directory-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
}

@media (max-width: 1260px) {
  .directory-header-copy > p:last-child { max-width:420px; }
  .directory-tools { align-items:center;flex-direction:row; }
  .category-dropdown { width:250px; }
  .directory-filters { left:0;right:0;width:100%; }
  .directory-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (min-width: 681px) and (max-width: 980px) {
  .directory-header { top:calc(72px + env(safe-area-inset-top,0px)); }
}

@media (max-width: 680px) {
  .has-sidebar > main { padding-top:calc(66px + env(safe-area-inset-top,0px)); }
  .news-directory { padding-top:0;padding-bottom:60px; }
  .directory-header { top:calc(66px + env(safe-area-inset-top,0px)); }
  .directory-header { min-height:70px;align-items:center;flex-direction:row;gap:12px;padding-top:10px;padding-bottom:10px; }
  .directory-header-copy > p:last-child { display:none; }
  .directory-header .eyebrow { margin:0;font-size:.62rem; }
  .directory-search.is-open { width:min(230px,calc(100vw - 118px)); }
  .directory-tools { align-items:stretch;flex-direction:column;padding:16px 0; }
  .category-dropdown { width:100%; }
  .directory-header h1 { font-size:2.65rem; }
  .directory-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
  .directory-card-visual,.directory-card.is-skeleton .skeleton-directory-cover { height:112px; }
  .directory-card-body,.directory-card.is-skeleton .skeleton-directory-body { padding:11px; }
  .directory-card-body .category { padding:4px 5px;font-size:.5rem;letter-spacing:.055em; }
  .directory-card-body h2 { display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:8px 0 6px;font-size:.85rem;line-height:1.25; }
  .directory-card-body > p { display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin-bottom:12px;font-size:.68rem;line-height:1.42; }
  .directory-card-body .meta { gap:5px;font-size:.57rem; }
  .directory-card-body .meta i { display:none; }
  .results-heading > span { display:none; }
  .pagination { flex-wrap:wrap; }
}

/* Página da notícia */
.article-page main { min-height: 70vh; }
.article-shell { padding-top:0;padding-bottom:90px; }
.article-topbar { position:sticky;z-index:60;top:0;width:100%;padding-top:env(safe-area-inset-top,0px);border-bottom:1px solid var(--line);background:var(--bg); }
.article-topbar-inner { max-width:1640px;min-height:64px;display:flex;align-items:center;margin-inline:auto; }
.back-link { width:max-content;display:flex;align-items:center;gap:9px;color:var(--muted);font-size:.84rem;font-weight:700;transition:color .2s; }
.back-link:hover,.back-link:active { color:var(--text); }
.back-link:focus-visible { outline:2px solid var(--muted);outline-offset:4px;border-radius:6px; }
.back-link .icon { width:17px;height:17px; }
.article-feature { display:grid;grid-template-columns:minmax(0,1.04fr) minmax(400px,.96fr);gap:54px;align-items:center;margin-top:34px;padding-bottom:46px;border-bottom:1px solid var(--line); }
.article-header { min-width:0;text-align:left; }
.article-header h1 { max-width:720px;margin:18px 0 20px;font:700 clamp(2.8rem,4.4vw,4.65rem)/1 "Space Grotesk";letter-spacing:-.06em; }
.article-lead { max-width:650px;margin:0;color:var(--muted);font-size:1.08rem;line-height:1.65; }
.article-byline { display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:12px;margin-top:28px;text-align:left; }
.article-byline strong,.article-byline span { display:block; }
.article-byline strong { font-size:.84rem; }
.article-byline span { color:var(--muted);font-size:.72rem;margin-top:3px; }
.article-byline span span { display:inline; }
.article-copy-link { min-height:38px;display:flex;align-items:center;justify-content:center;gap:8px;margin-left:8px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--muted);font-size:.72rem;font-weight:800;cursor:pointer;transition:color .2s,border-color .2s,background .2s,transform .2s; }
.article-copy-link:hover { color:var(--text);border-color:rgba(34,197,94,.45);transform:translateY(-1px); }
.article-copy-link:focus-visible { outline:2px solid var(--pink);outline-offset:3px; }
.article-copy-link.is-copied { color:var(--purple);border-color:rgba(34,197,94,.48);background:rgba(34,197,94,.1); }
.article-copy-link svg { width:16px;height:16px;flex:none; }
.article-copy-link span { display:inline;color:inherit;font-size:inherit;margin:0; }
.article-cover { position:relative;height:470px;min-height:0;border-radius:24px;overflow:hidden;border:1px solid var(--line);background:radial-gradient(circle at 50% 45%,rgba(57,255,136,.35),transparent 22%),linear-gradient(135deg,#07170e,#0f6a38);box-shadow:0 24px 70px var(--shadow); }
.article-cover::before,.article-cover::after { content:"";position:absolute;border:1px solid rgba(255,255,255,.16);border-radius:50%;inset:12% 23%;transform:rotate(-12deg); }
.article-cover::after { inset:22% 15%;transform:rotate(18deg); }
.article-cover img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover; }
.article-cover.has-image::after { background:linear-gradient(90deg,rgba(2,10,5,.4),transparent);border:0;border-radius:0;inset:0;transform:none; }
.article-cover-icon { position:absolute;z-index:2;left:50%;top:50%;width:128px;height:128px;transform:translate(-50%,-50%);color:rgba(255,255,255,.92);filter:drop-shadow(0 18px 36px rgba(0,0,0,.35)); }
.article-cover.has-image .article-cover-icon { display:none; }
.article-shell.is-loading #article-categories,
.article-shell.is-loading #article-title,
.article-shell.is-loading #article-lead,
.article-shell.is-loading .article-byline,
.article-shell.is-loading .article-cover {
  color:transparent;
  background-image:linear-gradient(100deg,var(--skeleton-base) 18%,var(--skeleton-shine) 34%,var(--skeleton-base) 50%);
  background-size:220% 100%;
  animation:shimmer-sweep 1.35s linear infinite;
}
.article-shell.is-loading #article-categories { display:block;width:86px;height:23px;padding:0;border-radius:7px; }
.article-shell.is-loading #article-categories > * { visibility:hidden; }
.article-shell.is-loading #article-title { width:min(690px,92%);height:142px;border-radius:12px; }
.article-shell.is-loading #article-lead { width:min(590px,84%);height:22px;border-radius:7px; }
.article-shell.is-loading .article-byline { width:210px;height:34px;border-radius:8px; }
.article-shell.is-loading .article-byline > * { visibility:hidden; }
.article-shell.is-loading .article-cover { border-color:var(--line);box-shadow:none; }
.article-shell.is-loading .article-cover::before,
.article-shell.is-loading .article-cover::after,
.article-shell.is-loading .article-cover > * { opacity:0; }
.article-copy-skeleton { display:grid;gap:15px;padding-top:4px; }
.article-copy-skeleton span { display:block;height:18px;border-radius:7px; }
.article-copy-skeleton span:nth-child(2) { width:94%; }
.article-copy-skeleton span:nth-child(3) { width:86%;margin-top:18px; }
.article-copy-skeleton span:nth-child(4) { width:68%; }
.cover-filmes { background:radial-gradient(circle at 50% 45%,rgba(74,222,128,.3),transparent 22%),linear-gradient(135deg,#092316,#13713d); }
.cover-series { background:radial-gradient(circle at 50% 45%,rgba(52,211,153,.3),transparent 22%),linear-gradient(135deg,#082b1c,#166534); }
.cover-novelas { background:radial-gradient(circle at 50% 45%,rgba(163,230,53,.3),transparent 22%),linear-gradient(135deg,#15290e,#4d7c0f); }
.article-layout { display:grid;grid-template-columns:minmax(0,720px) 300px;gap:64px;justify-content:center;margin-top:52px;align-items:start; }
.article-content { font-size:1.06rem;line-height:1.88;color:var(--text); }
.article-content p { margin:0 0 26px; }
.article-content.has-drop-cap p:first-child::first-letter { float:left;font:700 4rem/.8 "Space Grotesk";color:var(--purple);padding:8px 9px 0 0; }
.article-content blockquote { margin:38px 0;padding:5px 0 5px 26px;border-left:3px solid var(--purple);font:600 1.55rem/1.4 "Space Grotesk";letter-spacing:-.025em;color:var(--text); }
.article-youtube { position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;margin:38px 0;border:1px solid var(--line);border-radius:16px;background:#000;box-shadow:0 18px 46px var(--shadow); }
.article-youtube iframe { position:absolute;inset:0;width:100%;height:100%;border:0; }
.article-aside { position:sticky;top:108px;border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:0 20px;box-shadow:0 14px 40px var(--shadow); }
.article-aside > p { margin:0;padding:18px 0 12px;color:var(--purple);font-size:.65rem;font-weight:800;letter-spacing:.12em; }
.article-aside a { display:grid;grid-template-columns:32px 1fr;gap:5px 12px;padding:18px 0;border-bottom:1px solid var(--line); }
.article-aside a > span { grid-row:1/3;color:var(--purple);font:700 1.05rem "Space Grotesk"; }
.article-aside strong { font:600 .88rem/1.35 "Space Grotesk";transition:color .2s; }
.article-aside a:hover strong { color:var(--purple); }
.article-aside small { color:var(--muted);font-size:.59rem;letter-spacing:.04em; }

@media (max-width: 820px) {
  .article-feature { grid-template-columns:1fr;gap:30px;padding-bottom:36px; }
  .article-layout { grid-template-columns:1fr;gap:45px; }
  .article-aside { position:static; }
  .article-cover { height:430px; }
}

@media (max-width: 680px) {
  .article-shell { padding-top:0;padding-bottom:60px; }
  .article-feature { margin-top:30px; }
  .article-header h1 { font-size:2.65rem;margin-top:15px; }
  .article-shell.is-loading #article-title { height:112px; }
  .article-lead { font-size:1rem; }
  .article-byline { justify-content:flex-start; }
  .article-copy-link { margin-left:auto; }
  .article-cover { height:300px;min-height:0;border-radius:18px; }
  .article-cover-icon { width:90px;height:90px; }
  .article-layout { margin-top:38px; }
  .article-content { font-size:1rem;line-height:1.8; }
  .article-content blockquote { font-size:1.3rem;margin:30px 0;padding-left:20px; }
}

/* Acesso e painel de publicação */
.auth-panel { min-height:100vh;display:grid;align-items:center;padding-block:clamp(48px,8vh,96px); }
.auth-layout { width:min(1120px,100%);margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,470px);align-items:center;gap:clamp(48px,8vw,120px); }
.auth-intro h1 { max-width:620px;margin:12px 0 18px;font:700 clamp(3rem,6vw,5.4rem)/.94 "Space Grotesk";letter-spacing:-.065em; }
.auth-intro > p:not(.eyebrow) { max-width:580px;margin:0;color:var(--muted);font-size:clamp(.95rem,1.5vw,1.08rem);line-height:1.7; }
.auth-card { min-height:470px;display:grid;align-items:center;padding:clamp(22px,3.4vw,38px);border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:0 28px 80px var(--shadow); }
.auth-loading { display:grid;place-items:center;gap:16px;color:var(--muted);font-size:.86rem; }
.auth-loading-mark { width:44px;height:44px;border:2px solid var(--line);border-top-color:var(--purple);border-radius:50%;animation:auth-spin .8s linear infinite; }
@keyframes auth-spin { to { transform:rotate(360deg); } }
.auth-content { min-width:0; }
.auth-tabs { display:grid;grid-template-columns:repeat(2,1fr);gap:4px;margin-bottom:30px;padding:4px;border:1px solid var(--line);border-radius:13px;background:var(--subtle-bg); }
.auth-tab { min-height:43px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:.82rem;font-weight:800;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s; }
.auth-tab.active { background:var(--surface-2);color:var(--text);box-shadow:0 7px 18px var(--shadow); }
.auth-tab:focus-visible { outline:2px solid var(--pink);outline-offset:2px; }
.auth-form { display:grid;gap:18px; }
.auth-form-heading { margin-bottom:4px; }
.auth-form-heading h2 { margin:0;font:700 1.55rem "Space Grotesk";letter-spacing:-.04em; }
.auth-form-heading p { margin:6px 0 0;color:var(--muted);font-size:.8rem; }
.auth-status { min-height:20px;margin:0;color:var(--muted);font-size:.76rem;line-height:1.4; }
.auth-status[data-type="error"] { color:#ef4444; }
.password-field { position:relative;display:block;min-width:0; }
.password-field input { padding-right:52px!important; }
.password-toggle { position:absolute;top:50%;right:5px;width:40px;height:40px;display:grid;place-items:center;padding:0;border:0;border-radius:9px;background:transparent;color:var(--muted);cursor:pointer;transform:translateY(-50%);transition:color .18s,background .18s; }
.password-toggle:hover { background:var(--subtle-bg);color:var(--text); }
.password-toggle:focus-visible { outline:2px solid var(--pink);outline-offset:1px; }
.password-toggle svg { width:20px;height:20px; }
.password-toggle::after { content:"";position:absolute;width:22px;height:1.5px;border-radius:2px;background:currentColor;opacity:0;transform:rotate(-42deg);transition:opacity .18s; }
.password-toggle.is-visible::after { opacity:1; }
.auth-submit { min-height:50px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:12px;background:var(--text);color:var(--bg);font-weight:800;cursor:pointer;transition:transform .18s,opacity .18s; }
.auth-submit:hover { transform:translateY(-1px); }
.auth-submit svg { width:18px;height:18px; }
.auth-form.is-busy .auth-submit { opacity:.58;cursor:wait;transform:none; }

.publish-panel { min-height:100vh;padding-top:44px;padding-bottom:140px; }
.publish-inner { width:min(980px,100%);margin-inline:auto; }
.publish-header { display:flex;align-items:flex-start;justify-content:space-between;gap:32px;margin-bottom:34px; }
.publish-header h1 { margin:8px 0 10px;font:700 clamp(2.4rem,4vw,3.55rem)/1 "Space Grotesk";letter-spacing:-.055em; }
.publish-header > div:first-child > p:last-child { margin:0;color:var(--muted);font-size:1rem; }
.publish-account { min-width:0;display:flex;align-items:center;gap:11px;padding-top:5px; }
.publish-account-avatar { width:38px;height:38px;display:grid;place-items:center;flex:none;border:1px solid rgba(34,197,94,.3);border-radius:50%;background:rgba(34,197,94,.1);color:var(--purple);font:800 .85rem "Space Grotesk"; }
.publish-account-copy { min-width:0;display:grid;gap:2px; }
.publish-account-copy strong,.publish-account-copy small { max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.publish-account-copy strong { font-size:.78rem; }
.publish-account-copy small { color:var(--muted);font-size:.65rem; }
.publish-account button { min-height:36px;padding:0 11px;border:1px solid var(--line);border-radius:9px;background:var(--button-bg);color:var(--muted);font-size:.72rem;font-weight:800;cursor:pointer; }
.publish-account button:hover { color:var(--text); }
.publish-form { overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none; }
.publish-section { padding:30px 0; }
.publish-section + .publish-section { border-top:1px solid var(--line); }
.publish-section-heading { display:flex;align-items:flex-start;gap:14px;margin-bottom:24px; }
.publish-section-heading > span { width:24px;padding-top:3px;flex:none;color:var(--purple);font:800 .72rem "Space Grotesk";letter-spacing:.05em; }
.publish-section-heading h2 { margin:0;font:700 1.15rem "Space Grotesk";letter-spacing:-.025em; }
.publish-section-heading p { margin:4px 0 0;color:var(--muted);font-size:.8rem; }
.publish-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px; }
.publish-field { min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:8px;color:var(--text); }
.publish-field-full { grid-column:1/-1; }
.publish-field > span { font-size:.78rem;font-weight:800; }
.publish-field small { color:var(--muted);font-size:.72rem;line-height:1.45; }
.publish-field input:not([type="file"]),.publish-field textarea,.publish-field select { width:100%;border:1px solid var(--line);border-radius:12px;outline:0;background:var(--input-bg);color:var(--text);font:500 .95rem/1.5 "DM Sans";transition:border-color .2s,box-shadow .2s,background .2s; }
.publish-field input:not([type="file"]),.publish-field select { height:50px;padding:0 14px; }
.publish-field textarea { min-height:0;padding:13px 14px;resize:vertical; }
.publish-field input:focus,.publish-field textarea:focus,.publish-field select:focus { border-color:var(--purple);box-shadow:0 0 0 3px rgba(34,197,94,.1); }
.publish-field input::placeholder,.publish-field textarea::placeholder { color:var(--muted);opacity:.78; }
.publish-category-dropdown { width:100%; }
.publish-category-dropdown .directory-filters { left:0;right:auto;width:100%;max-height:300px; }
.publish-category-dropdown .category-dropdown-trigger[aria-invalid="true"] { border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.1); }
.cover-upload { display:grid;gap:10px; }
.cover-preview { position:relative;height:210px;display:block;overflow:hidden;border:1px dashed var(--line);border-radius:16px;outline:0;background:var(--subtle-bg);cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s,transform .2s; }
.cover-preview:hover,.cover-preview:focus-visible { border-color:rgba(34,197,94,.55);box-shadow:0 0 0 3px rgba(34,197,94,.08); }
.cover-preview.is-dragging { border-color:var(--purple);background:rgba(34,197,94,.09);box-shadow:0 0 0 4px rgba(34,197,94,.12);transform:scale(.992); }
.cover-input { position:absolute;width:1px;height:1px;opacity:0;pointer-events:none; }
.cover-preview img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.015);transition:opacity .22s ease,transform .35s ease; }
.cover-preview.has-image img { opacity:1;transform:scale(1); }
.cover-placeholder { position:absolute;z-index:2;inset:0;display:grid;place-content:center;justify-items:center;gap:9px;color:var(--muted);font-size:.73rem;font-weight:600;text-align:center;transition:inset .2s; }
.cover-select-button { min-height:42px;display:flex;align-items:center;justify-content:center;padding:0 16px;border:1px solid var(--line);border-radius:10px;background:var(--text);color:var(--bg);font-size:.8rem;font-weight:800;box-shadow:0 10px 28px var(--shadow); }
.cover-preview.has-image .cover-placeholder { inset:12px auto auto 12px;display:block; }
.cover-preview.has-image .cover-placeholder small { display:none; }
.cover-preview.has-image .cover-select-button { min-height:36px;padding:0 12px;background:rgba(7,7,11,.82);color:#fff;border-color:rgba(255,255,255,.18);backdrop-filter:blur(12px); }
.cover-preview.is-dragging .cover-placeholder { inset:0;display:grid; }
.cover-preview.is-dragging .cover-placeholder small { display:block;color:var(--text); }
.cover-upload-help { color:var(--muted);font-size:.72rem;line-height:1.45; }
.highlight-toggle { margin-top:18px;display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--subtle-bg);cursor:pointer; }
.highlight-toggle input { position:absolute;opacity:0;pointer-events:none; }
.highlight-toggle-box { position:relative;width:38px;height:22px;flex:none;border-radius:99px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);transition:background .2s; }
.highlight-toggle-box::after { content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:var(--muted);transition:transform .22s,background .22s; }
.highlight-toggle input:checked + .highlight-toggle-box { background:rgba(34,197,94,.18); }
.highlight-toggle input:checked + .highlight-toggle-box::after { background:var(--purple);transform:translateX(16px); }
.highlight-toggle input:focus-visible + .highlight-toggle-box { outline:2px solid var(--pink);outline-offset:3px; }
.highlight-toggle > span:last-child { display:grid;gap:3px; }
.highlight-toggle strong { font-size:.82rem; }
.highlight-toggle small { color:var(--muted);font-size:.72rem;line-height:1.4; }
.highlight-field { margin-top:16px;padding:18px;border-left:3px solid var(--purple);border-radius:0 12px 12px 0;background:var(--subtle-bg); }
.highlight-field[hidden],#youtube-position-field[hidden] { display:none; }
.publish-position-field { width:100%;min-width:0;max-width:360px; }
.position-dropdown { width:100%;min-width:0;max-width:100%; }
.position-dropdown .position-dropdown-trigger { min-width:0;overflow:hidden; }
.position-dropdown .dropdown-trigger-copy { min-width:0;flex-wrap:nowrap;align-items:center; }
.position-dropdown .dropdown-trigger-copy small { flex:none;white-space:nowrap; }
.position-dropdown .dropdown-trigger-copy strong { min-width:0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.position-dropdown .directory-filters { left:0;right:auto;width:100%;max-height:280px; }
.position-option { min-height:44px;height:auto;padding:10px 12px;white-space:normal;line-height:1.35; }
.position-option:disabled { opacity:.55;cursor:default; }
.youtube-fields { display:grid;gap:18px; }
.youtube-embed-preview { position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#000; }
.youtube-embed-preview[hidden] { display:none; }
.youtube-embed-preview iframe { position:absolute;inset:0;width:100%;height:100%;border:0; }
.publish-field small.is-error { color:#ef4444; }
.publish-actions { min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;border-top:1px solid var(--line);background:transparent; }
.publish-actions > div { display:flex;align-items:center;gap:10px;margin-left:auto; }
.publish-cancel { padding:11px 14px;color:var(--muted);font-size:.82rem;font-weight:800; }
.publish-cancel:hover { color:var(--text); }
.publish-submit { min-height:46px;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 17px;border:0;border-radius:11px;background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;font-weight:800;cursor:pointer;box-shadow:0 10px 28px rgba(34,197,94,.2); }
.publish-submit svg { width:18px;height:18px; }
.publish-submit:disabled { opacity:.55;cursor:wait; }
.publish-status { margin:0;color:var(--muted);font-size:.78rem; }
.publish-status[data-type="success"] { color:var(--purple); }
.publish-status[data-type="error"] { color:#ef4444; }

.preview-fab { position:fixed;z-index:80;right:clamp(18px,2.4vw,38px);bottom:max(24px,env(safe-area-inset-bottom));min-height:50px;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 18px;border:1px solid var(--line);border-radius:999px;background:var(--text);color:var(--bg);font-weight:800;cursor:pointer;box-shadow:0 16px 42px var(--shadow);transition:transform .2s ease,box-shadow .2s ease; }
.preview-fab:hover { transform:translateY(-2px);box-shadow:0 20px 52px var(--shadow); }
.preview-fab:focus-visible { outline:2px solid var(--pink);outline-offset:3px; }
.preview-fab svg { width:19px;height:19px; }
.article-preview-modal { position:fixed;z-index:300;inset:0;pointer-events:none; }
.article-preview-modal[hidden] { display:none; }
.article-preview-modal.is-open { pointer-events:auto; }
.article-preview-backdrop { position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:rgba(0,0,0,.58);opacity:0;cursor:pointer;backdrop-filter:blur(4px);transition:opacity .28s ease; }
.article-preview-modal.is-open .article-preview-backdrop { opacity:1; }
.article-preview-sheet { position:absolute;left:0;right:0;bottom:0;max-height:min(78vh,720px);overflow:auto;border:1px solid var(--line);border-bottom:0;border-radius:26px 26px 0 0;background:var(--bg);box-shadow:0 -30px 90px rgba(0,0,0,.34);transform:translateY(102%);transition:transform .32s cubic-bezier(.2,.8,.2,1); }
.article-preview-modal.is-open .article-preview-sheet { transform:translateY(0); }
.article-preview-header { position:sticky;z-index:2;top:0;min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px var(--page-gutter);border-bottom:1px solid var(--line);background:var(--header-bg);backdrop-filter:blur(18px); }
.article-preview-header .eyebrow { margin:0 0 5px; }
.article-preview-header h2 { margin:0;font:700 clamp(1.25rem,2.2vw,1.75rem)/1.1 "Space Grotesk";letter-spacing:-.035em; }
.article-preview-close { width:42px;height:42px;display:grid;place-items:center;flex:none;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--text);cursor:pointer; }
.article-preview-close:focus-visible { outline:2px solid var(--pink);outline-offset:3px; }
.article-preview-close svg { width:18px;height:18px; }
.article-preview-stage { min-height:380px;display:grid;place-items:center;padding:42px var(--page-gutter) 54px;background:var(--subtle-bg); }
.preview-news-card { width:min(390px,100%);pointer-events:none;transform:none!important; }
.preview-news-card .directory-card-visual > img { opacity:0; }
.preview-news-card .directory-card-visual.has-cover > img { opacity:1; }
.preview-news-card .directory-card-visual.preview-cover-empty { background-color:var(--skeleton-base);background-image:linear-gradient(100deg,var(--skeleton-base) 18%,var(--skeleton-shine) 34%,var(--skeleton-base) 50%);background-size:220% 100%; }
.preview-news-card .directory-card-visual.preview-cover-empty::before { display:none; }
.preview-news-card .directory-card-visual.preview-cover-empty .visual-icon { display:none; }

.publish-dashboard-actions { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:12px;margin:-8px 0 22px; }
.publish-dashboard-button { min-width:0;display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text);text-align:left;cursor:pointer;transition:border-color .2s ease,transform .2s ease,background .2s ease; }
.publish-dashboard-button:hover { transform:translateY(-2px);border-color:rgba(34,197,94,.45);background:var(--subtle-bg); }
.publish-dashboard-button:focus-visible { outline:2px solid var(--pink);outline-offset:3px; }
.publish-dashboard-button > span:nth-child(2) { min-width:0;display:grid;gap:2px; }
.publish-dashboard-button strong { font:700 .8rem "Space Grotesk"; }
.publish-dashboard-button small { color:var(--muted);font-size:.66rem;white-space:nowrap; }
.publish-dashboard-icon { width:34px;height:34px;display:grid;place-items:center;flex:none;border-radius:10px;background:rgba(34,197,94,.12);color:var(--purple);font:800 1rem "Space Grotesk"; }
.publish-dashboard-button-admin .publish-dashboard-icon { background:rgba(250,204,21,.13);color:#eab308; }
.publish-dashboard-button-owner .publish-dashboard-icon { background:rgba(168,85,247,.13);color:#c084fc; }
.publish-dashboard-count { min-width:23px;height:23px;display:grid!important;place-items:center;margin-left:auto;padding:0 6px;border-radius:999px;background:#eab308;color:#171208;font:800 .62rem "Space Grotesk"; }

.management-modal { position:fixed;z-index:320;inset:0;pointer-events:none; }
.management-modal[hidden] { display:none; }
.management-modal.is-open { pointer-events:auto; }
.management-backdrop { position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:rgba(0,0,0,.66);opacity:0;cursor:pointer;backdrop-filter:blur(5px);transition:opacity .28s ease; }
.management-modal.is-open .management-backdrop { opacity:1; }
.management-sheet { position:absolute;left:0;right:0;bottom:0;max-height:min(88vh,860px);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-bottom:0;border-radius:26px 26px 0 0;background:var(--bg);box-shadow:0 -30px 90px rgba(0,0,0,.42);transform:translateY(102%);transition:transform .32s cubic-bezier(.2,.8,.2,1); }
.management-modal.is-open .management-sheet { transform:translateY(0); }
.management-header { min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:17px max(var(--page-gutter),22px);border-bottom:1px solid var(--line);background:var(--header-bg); }
.management-header .eyebrow { margin:0 0 5px; }
.management-header h2 { margin:0;font:700 clamp(1.25rem,2.2vw,1.75rem)/1.1 "Space Grotesk";letter-spacing:-.035em; }
.management-header-actions { display:flex;align-items:center;gap:8px;flex:none; }
.management-icon-button { width:38px;height:38px;display:grid;place-items:center;flex:none;padding:0;border:0;border-radius:0;background:transparent;color:var(--text);line-height:0;cursor:pointer; }
.management-icon-button svg { width:18px;height:18px;display:block;overflow:visible;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round; }
.management-icon-button:hover { color:var(--purple);background:transparent; }
.management-icon-button:focus-visible { outline:2px solid var(--pink);outline-offset:3px; }
.management-icon-button:disabled { opacity:.58;cursor:wait; }
.management-refresh { color:var(--purple); }
.management-refresh.is-refreshing svg { animation:management-refresh-spin .8s linear infinite; }
@keyframes management-refresh-spin { to { transform:rotate(360deg); } }
.management-toolbar { padding:15px max(var(--page-gutter),22px);border-bottom:1px solid var(--line);background:var(--bg); }
.management-search { display:block; }
.management-search input { width:100%;height:45px;padding:0 15px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);font:600 .78rem "DM Sans";outline:none; }
.management-search input:focus { border-color:rgba(34,197,94,.7);box-shadow:0 0 0 3px rgba(34,197,94,.1); }
.management-body { min-height:220px;overflow:auto;padding:15px max(var(--page-gutter),22px) max(28px,env(safe-area-inset-bottom));scrollbar-width:none; }
.management-body::-webkit-scrollbar,.managed-preview-sheet::-webkit-scrollbar { display:none; }
.management-feedback { margin:0;padding:28px 10px;color:var(--muted);text-align:center;font-size:.8rem; }
.management-feedback:empty { display:none; }
.management-feedback[data-type="error"] { color:#f87171; }
.management-feedback[data-type="success"] { color:#22c55e; }
.management-list { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-width:1600px;margin:0 auto; }
.management-card { min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px;border:1px solid var(--line);border-radius:14px;background:var(--surface); }
.management-card-main { min-width:0;display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:12px;padding:0;border:0;background:transparent;color:var(--text);text-align:left;cursor:pointer; }
.management-card-main:focus-visible { outline:2px solid var(--pink);outline-offset:2px;border-radius:9px; }
.management-card-cover { width:76px;height:54px;display:block;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:linear-gradient(135deg,#07170e,#0f6a38);object-fit:cover; }
.management-card-copy { min-width:0;display:grid;gap:6px; }
.management-card-title { min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 .8rem "Space Grotesk"; }
.management-card-meta { min-width:0;display:flex;align-items:center;gap:7px;color:var(--muted);font-size:.62rem; }
.management-status { display:inline-flex;align-items:center;width:max-content;padding:4px 7px;border-radius:999px;font-size:.54rem;font-weight:900;letter-spacing:.055em;text-transform:uppercase; }
.management-status-pending { background:rgba(234,179,8,.14);color:#eab308; }
.management-status-published { background:rgba(34,197,94,.13);color:#22c55e; }
.management-card-actions { display:flex;align-items:center;gap:7px; }
.management-action { min-height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:var(--button-bg);font-size:.65rem;font-weight:900;cursor:pointer; }
.management-action:disabled { opacity:.55;cursor:wait; }
.management-action-delete { color:#f87171; }
.management-action-delete:hover { border-color:rgba(248,113,113,.55);background:rgba(248,113,113,.08); }
.management-action-approve { color:#22c55e; }
.management-action-approve:hover { border-color:rgba(34,197,94,.55);background:rgba(34,197,94,.08); }
.management-action:focus-visible { outline:2px solid currentColor;outline-offset:2px; }
.management-pagination { margin-top:24px; }
.management-category-add { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px; }
.management-category-add .management-action { min-height:45px;padding-inline:20px; }
.management-category-list { max-width:980px;display:grid;gap:9px;margin:0 auto; }
.management-category-row { min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px;border:1px solid var(--line);border-radius:13px;background:var(--surface); }
.management-category-row input { min-width:0;height:40px;padding:0 12px;border:1px solid transparent;border-radius:9px;background:var(--surface-2);color:var(--text);font:700 .78rem "DM Sans";outline:none; }
.management-category-row input:focus { border-color:rgba(34,197,94,.6);box-shadow:0 0 0 3px rgba(34,197,94,.1); }
.management-category-actions { display:flex;align-items:center;gap:5px; }
.management-category-actions button { min-width:36px;height:36px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--muted);font-weight:800;cursor:pointer; }
.management-category-actions button:hover:not(:disabled) { color:var(--text);background:var(--surface-2); }
.management-category-actions button:disabled { opacity:.35;cursor:not-allowed; }
.management-category-actions .management-category-delete { color:#f87171; }
.management-categories-footer { display:flex;justify-content:flex-end;padding:14px max(var(--page-gutter),22px) max(18px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--header-bg); }
.management-categories-footer .publish-submit { min-width:170px; }

.managed-preview-modal { z-index:340; }
.managed-preview-sheet { max-height:94vh;overflow:auto; }
.managed-article-preview { width:min(1180px,100%);margin:0 auto;padding:38px max(var(--page-gutter),22px) 70px; }
.managed-preview-feature { display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:42px;align-items:center;padding-bottom:38px;border-bottom:1px solid var(--line); }
.managed-preview-copy { min-width:0; }
.managed-preview-copy h1 { margin:17px 0 14px;font:700 clamp(2rem,4vw,3.8rem)/1.02 "Space Grotesk";letter-spacing:-.055em;overflow-wrap:anywhere; }
.managed-preview-copy > p { margin:0;color:var(--muted);font-size:1rem;line-height:1.65; }
.managed-preview-meta { display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:22px;color:var(--muted);font-size:.72rem; }
.managed-preview-meta strong { color:var(--text); }
.managed-preview-cover { min-height:320px;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,#07170e,#0f6a38);box-shadow:0 22px 64px var(--shadow); }
.managed-preview-cover img { width:100%;height:100%;min-height:320px;display:block;object-fit:cover; }
.managed-preview-cover.is-empty img { display:none; }
.managed-preview-content { width:min(720px,100%);margin:42px auto 0; }
.managed-preview-content .article-youtube { position:relative;width:100%;aspect-ratio:16/9;margin:32px 0;overflow:hidden;border-radius:16px;background:#000; }
.managed-preview-content .article-youtube iframe { position:absolute;inset:0;width:100%;height:100%;border:0; }

@media (min-width: 1180px) {
  .publish-inner { width:min(1280px,100%); }
  .publish-form { display:grid;grid-template-columns:minmax(0,1.4fr) minmax(340px,.75fr);column-gap:clamp(38px,5vw,76px);align-items:start; }
  .publish-section:nth-of-type(1) { grid-column:1;padding-top:20px; }
  .publish-section:nth-of-type(2) { grid-column:2;padding-top:20px;border-top:0; }
  .publish-section:nth-of-type(3) { grid-column:1; }
  .publish-section:nth-of-type(4) { grid-column:2; }
  .publish-actions { grid-column:1/-1; }
  .cover-upload { grid-template-columns:1fr; }
  .cover-preview { height:240px; }
}

@media (max-width: 900px) {
  .auth-panel { align-items:start;padding-top:46px; }
  .auth-layout { width:min(620px,100%);grid-template-columns:1fr;gap:34px; }
  .auth-intro h1 { max-width:520px;font-size:clamp(2.8rem,10vw,4.6rem); }
  .auth-card { min-height:0; }
}

@media (max-width: 680px) {
  .auth-panel { padding-top:28px;padding-bottom:70px; }
  .auth-layout { gap:24px; }
  .auth-intro h1 { margin:10px 0 13px;font-size:2.65rem; }
  .auth-intro > p:not(.eyebrow) { font-size:.88rem;line-height:1.55; }
  .auth-card { padding:18px;border-radius:18px;box-shadow:0 20px 54px var(--shadow); }
  .auth-tabs { margin-bottom:24px; }
  .publish-panel { padding-top:26px;padding-bottom:130px; }
  .publish-header { align-items:flex-start;flex-direction:column;margin-bottom:20px; }
  .publish-header h1 { font-size:2.55rem; }
  .publish-header > div:first-child > p:last-child { font-size:.9rem;line-height:1.5; }
  .publish-account { width:100%;padding-top:0;padding-bottom:15px;border-bottom:1px solid var(--line); }
  .publish-account-copy { flex:1; }
  .publish-account-copy strong,.publish-account-copy small { max-width:min(54vw,220px); }
  .publish-section { padding:22px 0; }
  .publish-grid { grid-template-columns:1fr;gap:16px; }
  .publish-field-full { grid-column:auto; }
  .publish-field input:not([type="file"]),.publish-field textarea,.publish-field select { font-size:1rem; }
  .cover-upload { grid-template-columns:1fr; }
  .cover-preview { height:190px; }
  .publish-actions { align-items:stretch;flex-direction:column;padding:18px 0; }
  .publish-actions > div { width:100%;margin-left:0; }
  .publish-cancel { flex:0 0 auto; }
  .publish-submit { flex:1; }
  .preview-fab { left:16px;right:16px;bottom:max(16px,env(safe-area-inset-bottom)); }
  .article-preview-sheet { max-height:84vh;border-radius:20px 20px 0 0; }
  .article-preview-header { min-height:76px;padding:15px 16px; }
  .article-preview-stage { min-height:350px;padding:26px 16px 38px; }
  .publish-dashboard-actions { display:grid;grid-template-columns:1fr;margin-top:0; }
  .publish-dashboard-button { width:100%; }
  .management-sheet { max-height:91vh;border-radius:20px 20px 0 0; }
  .management-header { min-height:76px;padding:14px 16px; }
  .management-toolbar { padding:12px 16px; }
  .management-body { padding:12px 12px max(22px,env(safe-area-inset-bottom)); }
  .management-list { grid-template-columns:1fr; }
  .management-card { grid-template-columns:minmax(0,1fr); }
  .management-card-main { grid-template-columns:68px minmax(0,1fr); }
  .management-card-cover { width:68px;height:50px; }
  .management-card-actions { justify-content:flex-end;padding-top:8px;border-top:1px solid var(--line); }
  .management-action { flex:1; }
  .management-category-add { grid-template-columns:1fr; }
  .management-category-add .management-action { width:100%; }
  .management-category-row { grid-template-columns:1fr; }
  .management-category-actions { justify-content:flex-end; }
  .management-category-actions .management-category-delete { flex:1; }
  .management-categories-footer { padding-inline:16px; }
  .management-categories-footer .publish-submit { width:100%; }
  .managed-article-preview { padding:24px 16px 48px; }
  .managed-preview-feature { grid-template-columns:1fr;gap:24px;padding-bottom:30px; }
  .managed-preview-copy h1 { font-size:2.15rem; }
  .managed-preview-cover,.managed-preview-cover img { min-height:220px; }
  .managed-preview-content { margin-top:30px; }
}