:root{
  --bg:#0f0d0b;
  --bg-2:#171310;
  --panel:rgba(255,248,238,.055);
  --panel-strong:rgba(255,248,238,.085);
  --text:#f4ede2;
  --muted:#baac99;
  --line:rgba(255,246,232,.12);
  --shadow:0 24px 70px rgba(0,0,0,.34);
  --radius-xl:34px;
  --radius-lg:26px;
  --radius-md:18px;
  --max:1680px;
  --accent:#e7bf86;
  --accent-2:#ae6b43;
  --accent-rgb:231,191,134;
}
*{box-sizing:border-box}
html{
  scroll-behavior:smooth;
  background:#0f0d0b;
  overflow-x:clip;
  min-height:100%;
  margin:0;
  padding:0;
}
body{
  margin:0;
  padding:0;
  width:100%;
  min-height:100dvh;
  font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 10% 0%, rgba(var(--accent-rgb),.14), transparent 22%),
    radial-gradient(circle at 100% 30%, rgba(var(--accent-rgb),.08), transparent 24%),
    linear-gradient(180deg,var(--bg),var(--bg-2) 38%,#130f0d);
  overflow-x:clip;
}
/* ── Edge vignette — below all UI overlays (z:2 = just above main) */
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:2;
  background:
    linear-gradient(90deg,
      rgba(6,5,4,.75) 0%,
      rgba(6,5,4,.3) 1.8%,
      transparent 4.5%,
      transparent 95.5%,
      rgba(6,5,4,.3) 98.2%,
      rgba(6,5,4,.75) 100%),
    linear-gradient(180deg,
      rgba(6,5,4,.4) 0%,
      transparent 3.5%,
      transparent 96.5%,
      rgba(6,5,4,.45) 100%);
}
/* ── Thin accent glow lines on the absolute viewport edge ──────── */
body::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:2;
  border-left:1px solid rgba(var(--accent-rgb),.09);
  border-right:1px solid rgba(var(--accent-rgb),.09);
}
body.theme-home{--accent:#e7bf86;--accent-2:#ae6b43;--accent-rgb:231,191,134}
body.theme-plants{--accent:#d7b37c;--accent-2:#8e6343;--accent-rgb:215,179,124}
body.theme-animals{--accent:#d49866;--accent-2:#98553f;--accent-rgb:212,152,102}
body.theme-tech{--accent:#d0b28a;--accent-2:#7c6248;--accent-rgb:208,178,138}
body.theme-portfolio{--accent:#f4ede2;--accent-2:#a36b48;--accent-rgb:244,237,226}
a{text-decoration:none;color:inherit}
button{font:inherit;cursor:pointer}
img{display:block;max-width:100%}
main{position:relative;z-index:2}
.shell{width:min(calc(100% - 28px),var(--max));margin:0 auto}
.noise{
  position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.05;
  background-image:linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size:4px 4px, 7px 7px;
}
.hero-glow{
  position:fixed;left:4vw;bottom:8vh;width:24vw;height:24vw;border-radius:50%;pointer-events:none;z-index:1;
  background:radial-gradient(circle, rgba(var(--accent-rgb),.16), transparent 70%);filter:none;
}
.cursor,.cursor-ring{position:fixed;left:0;top:0;pointer-events:none;z-index:100;opacity:0;transition:opacity .2s ease}
.cursor{width:8px;height:8px;border-radius:50%;background:var(--accent)}
.cursor-ring{width:42px;height:42px;margin-left:-17px;margin-top:-17px;border:1px solid rgba(var(--accent-rgb),.45);border-radius:50%}
.scroll-progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:110;background:linear-gradient(90deg,var(--accent),var(--accent-2))}
.loader{position:fixed;inset:0;display:grid;place-items:center;background:#05080b;z-index:120;transition:opacity .75s ease,visibility .75s ease}
.loader.is-hidden{opacity:0;visibility:hidden}
.loader__inner{width:min(500px,calc(100% - 40px))}
.loader__label,.loader__count,.eyebrow,.micro,.brand,.nav a,.pill,.meta-line{text-transform:uppercase;letter-spacing:.18em}
.loader__label{font-size:.72rem;color:var(--muted);margin-bottom:14px}
.loader__bar{height:12px;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:rgba(255,255,255,.04)}
.loader__bar span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2))}
.loader__count{margin-top:18px;font-size:clamp(2.8rem,7vw,5rem);font-weight:900}
.site-header{
  position:sticky;top:10px;z-index:70;display:flex;align-items:center;justify-content:space-between;gap:14px;
  width:calc(100% - 16px);height:80px;margin:12px 8px 0;padding:0 20px;max-width:none;
  border:1px solid var(--line);border-radius:26px;background:rgba(8,10,13,.74);backdrop-filter:none;box-shadow:0 18px 40px rgba(0,0,0,.28)
}
.brand{display:flex;flex-direction:column;gap:4px;font-size:.78rem;font-weight:900;line-height:1}
.brand span:last-child{color:var(--accent)}
.nav{display:flex;align-items:center;gap:18px}
.nav a{font-size:.68rem;color:var(--muted);position:relative}
.nav a::after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:1px;background:var(--accent);transition:width .22s ease}
.nav a:hover,.nav a.is-active{color:var(--text)}
.nav a:hover::after,.nav a.is-active::after{width:100%}
.header-tools{display:flex;align-items:center;gap:10px}
.chip,.button,.ghost-button,.pill,.menu-toggle{border:1px solid var(--line);border-radius:999px}
.chip,.menu-toggle{display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.05);color:var(--text)}
.chip{padding:11px 16px;font-weight:700}
.button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 18px;transition:transform .2s ease,border-color .2s ease, background .2s ease}
.button{background:var(--accent);color:#08100b;border-color:rgba(0,0,0,.08);font-weight:800}
.ghost-button{background:transparent;color:var(--text)}
.button:hover,.ghost-button:hover{transform:translateY(-2px)}
.menu-toggle{display:none;position:relative;width:48px;height:48px}
.menu-toggle span{position:absolute;width:18px;height:2px;background:var(--text);transition:transform .25s ease}
.menu-toggle span:first-child{transform:translateY(-4px)}
.menu-toggle span:last-child{transform:translateY(4px)}
.menu-toggle.is-open span:first-child{transform:rotate(45deg)}
.menu-toggle.is-open span:last-child{transform:rotate(-45deg)}
.mobile-menu{position:fixed;right:10px;top:100px;width:min(320px,calc(100% - 20px));z-index:69;padding:16px;border-radius:24px;border:1px solid var(--line);background:rgba(8,10,13,.96);display:grid;gap:8px;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .28s ease, transform .28s ease}
.mobile-menu.is-open{opacity:1;transform:translateY(0);pointer-events:auto}
.mobile-menu a{padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.04)}
.hero{padding:56px 0 34px}
.section{padding:30px 0 92px}
.hero__top,.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.hero__top{margin-bottom:22px;color:var(--muted);font-size:.82rem}
.eyebrow,.micro{font-size:.68rem;color:var(--muted)}
.hero__grid{display:grid;grid-template-columns:1.03fr .97fr;gap:20px}
.hero__copy,.hero__visual,.panel,.footer-box,.video-card,.info-card,.split-card,.tool-card,.media-card,.case-card{border:1px solid var(--line);box-shadow:var(--shadow)}
.hero__copy{
  position:relative;overflow:hidden;min-height:630px;padding:clamp(28px,4vw,52px);border-radius:var(--radius-xl);
  background:linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.02) 48%), radial-gradient(circle at 100% 100%, rgba(var(--accent-rgb),.15), transparent 42%);
}
.hero__copy::after{content:"";position:absolute;right:-9%;bottom:-24%;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle, rgba(var(--accent-rgb),.16), transparent 68%)}
.hero__copy h1{margin:10px 0 18px;font-size:clamp(3rem,6vw,6.2rem);line-height:.9;max-width:10ch}
.hero__copy p{max-width:62ch;color:var(--muted);line-height:1.9}
.hero-actions,.stats-grid,.tool-grid,.case-grid,.feature-grid,.video-grid,.rail-grid{display:flex;gap:12px;flex-wrap:wrap}
.stats-grid{margin-top:28px}
.stat{flex:1 1 170px;padding:18px 20px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.03)}
.stat__label{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.18em}
.stat__value{margin-top:10px;font-size:clamp(2rem,4vw,4.8rem);font-weight:900;line-height:.92}
.hero__visual{position:relative;overflow:hidden;min-height:630px;padding:20px;border-radius:var(--radius-xl);background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)), radial-gradient(circle at 20% 20%, rgba(var(--accent-rgb),.14), transparent 24%), #0b0f14}
.hero-art{position:absolute;inset:0;background:linear-gradient(180deg, rgba(5,7,9,.2), rgba(5,7,9,.62)), radial-gradient(circle at 30% 35%, rgba(var(--accent-rgb),.30), transparent 26%), radial-gradient(circle at 72% 38%, rgba(255,255,255,.12), transparent 18%), linear-gradient(135deg, rgba(255,255,255,.05), rgba(255,255,255,.01));opacity:.96}
.hero-layers{position:relative;z-index:2;height:100%;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.info-card,.split-card,.tool-card,.case-card,.media-card{position:relative;overflow:hidden;background:rgba(255,255,255,.05);border-radius:28px;padding:20px}
.info-card::after,.split-card::after,.tool-card::after,.case-card::after,.media-card::after,.media-stage::after{content:"";position:absolute;right:-12%;bottom:-24%;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle, rgba(var(--accent-rgb),.14), transparent 70%)}
.info-card h3,.split-card h3,.tool-card h3,.case-card h3,.media-card h3,.panel h2,.section-head h2,.footer-box h3,.media-stage__body h3,.video-card__meta h3{margin:10px 0}
.info-card p,.split-card p,.tool-card p,.case-card p,.media-card p,.panel p,.section-head p,.footer-box p,.media-stage__body p,.video-card__meta p{color:var(--muted);line-height:1.85}
.panel{border-radius:var(--radius-xl);padding:clamp(26px,4vw,44px);background:linear-gradient(145deg, rgba(var(--accent-rgb),.17), rgba(255,255,255,.03) 45%, rgba(255,255,255,.02))}
.panel h2,.section-head h2{font-size:clamp(2rem,4vw,3.8rem);line-height:.96;margin:10px 0 0;max-width:12ch}
.pill{display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;background:rgba(255,255,255,.04);font-size:.68rem}
.feature-grid,.rail-grid,.tool-grid,.case-grid{display:grid;gap:18px}
.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.rail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.case-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.tool-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.section-tools{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex:0 0 auto}
.media-showcase{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(320px,.94fr);gap:18px;align-items:start}
.media-stage{position:relative;display:grid;gap:16px;padding:18px;border-radius:32px;border:1px solid var(--line);background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025));box-shadow:var(--shadow);overflow:hidden}
.media-stage__body,.video-card__meta{position:relative;z-index:1;display:grid;gap:10px}
.media-stage__eyebrow-row,.video-card__top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.media-stage__actions{display:flex;gap:12px;flex-wrap:wrap}
.video-grid{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}
.video-card{display:grid;gap:14px;min-height:unset;padding:14px 14px 16px;border-radius:28px;background:rgba(255,255,255,.04)}
.media-frame{position:relative;aspect-ratio:16/9;min-height:270px;border-radius:22px;overflow:hidden;border:1px solid var(--line);background:#020304}
.media-frame iframe{width:100%;height:100%;border:0}
.media-frame--compact{min-height:210px}
.yt-shell{position:relative;display:block;width:100%;height:100%;min-height:inherit;padding:0;border:0;background:#050608;color:inherit;cursor:pointer;text-align:left}
.yt-shell__poster{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(1.04) contrast(1.02)}
.yt-shell__shade{position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.48) 70%, rgba(0,0,0,.7))}
.yt-shell__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:72px;height:72px;border-radius:999px;background:rgba(10,12,18,.74);border:1px solid rgba(255,255,255,.24);box-shadow:0 20px 60px rgba(0,0,0,.35);font-size:1.2rem;font-weight:800;transition:transform .18s ease, background .18s ease}
.yt-shell__label{position:absolute;left:16px;right:16px;bottom:14px;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.88)}
.media-frame--compact .yt-shell__play,.media-frame--catalog .yt-shell__play{width:62px;height:62px;font-size:1.05rem}
.media-frame--catalog .yt-shell__label{font-size:.76rem}
.yt-shell:hover .yt-shell__play,.yt-shell:focus-visible .yt-shell__play{transform:translate(-50%,-50%) scale(1.04);background:rgba(18,24,34,.86)}
.yt-shell:focus-visible{outline:2px solid rgba(var(--accent-rgb),.75);outline-offset:-2px}
.signal-strip{overflow:hidden;margin-top:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.signal-track{min-width:max-content;display:flex;gap:18px;padding:14px 0;animation:ticker 22s linear infinite}
.signal-track span{text-transform:uppercase;letter-spacing:.18em;font-size:.7rem;color:var(--muted)}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.footer-box{border-radius:var(--radius-xl);padding:28px;background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02))}
.footer-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}
.meta-line{margin-top:24px;color:var(--muted);font-size:.7rem}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease, transform .7s ease}
.reveal.in-view{opacity:1;transform:translateY(0)}
.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}
.tilt-card{transition:transform .2s ease,border-color .2s ease;transform-style:preserve-3d}.tilt-card:hover{border-color:rgba(var(--accent-rgb),.35)}
.floating{animation:floaty 4.8s ease-in-out infinite}.floating-slow{animation:floaty 6.4s ease-in-out infinite}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media (max-width:1180px){.hero__grid,.feature-grid,.case-grid,.tool-grid,.rail-grid,.footer-grid,.media-showcase{grid-template-columns:1fr 1fr}.hero__copy,.hero__visual{min-height:unset}}
@media (max-width:980px){.hero__grid,.feature-grid,.case-grid,.tool-grid,.rail-grid,.footer-grid,.media-showcase{grid-template-columns:1fr}.hero-layers{grid-template-columns:1fr}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){.nav{display:none}.chip{display:none}.menu-toggle{display:inline-flex}.hero__top,.section-head{flex-direction:column}.section-tools{width:100%;justify-content:flex-start}}
@media (max-width:640px){.cursor,.cursor-ring{display:none}.site-header{height:74px}.hero{padding-top:40px}.shell{width:min(calc(100% - 20px),var(--max))}.video-grid{grid-template-columns:1fr}}


.video-grid--catalog{display:grid;gap:26px}
.catalog-nav{display:none !important}
.catalog-group{display:grid;gap:16px}
.catalog-group__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:0 2px}
.catalog-group__head h3{margin:8px 0 0;font-size:clamp(1.35rem,2.8vw,2.2rem)}
.catalog-group__meta{display:grid;justify-items:end;gap:8px}
.catalog-focus{max-width:38ch;color:var(--muted);font-size:.88rem;line-height:1.7;text-align:right}
.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.catalog-card{display:grid;gap:14px;padding:14px;border-radius:28px;border:1px solid var(--line);background:rgba(255,255,255,.04);box-shadow:var(--shadow);overflow:hidden}
.media-frame--catalog{min-height:220px}
.catalog-card__body{display:grid;gap:8px}
.catalog-card__top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.catalog-subtitle{color:var(--text);font-weight:600;opacity:.92}
.catalog-meta{color:var(--muted);font-size:.82rem;line-height:1.65}
.catalog-meta--strong{color:rgba(255,255,255,.92)}
.catalog-card p{margin:0;color:var(--muted);line-height:1.78}
.catalog-actions{display:flex;gap:10px;flex-wrap:wrap;padding-top:4px}
.catalog-actions .ghost-button{justify-self:start}
@media (max-width:1180px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){
  .catalog-grid{grid-template-columns:1fr}
  .catalog-group__head{flex-direction:column;align-items:flex-start}
  .catalog-group__meta{justify-items:start}
  .catalog-focus{text-align:left}
}


/* persistent video controls */
.catalog-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}
.catalog-edit-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  margin-top: 12px;
}
.catalog-input {
  width: 100%;
  min-width: 0;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(7, 13, 18, 0.92);
  color: var(--text);
  padding: 14px 16px;
  outline: none;
}
.catalog-input:focus {
  border-color: rgba(231, 191, 134, 0.5);
  box-shadow: 0 0 0 3px rgba(231, 191, 134, 0.12);
}
.catalog-note {
  margin-top: 10px;
  color: var(--muted);
  font-size: 0.92rem;
}

/* home video search */
.home-search-panel{display:grid;gap:24px;padding:24px;border-radius:32px;background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025));overflow:hidden}
.home-search-form,.home-search-history-block{display:grid;gap:14px}
.home-search-label{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.home-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center}
.home-search-input{appearance:none;width:100%;min-width:0;border-radius:22px;border:1px solid rgba(255,246,232,.12);background:rgba(7,11,16,.88);color:var(--text);padding:16px 18px;font:inherit;outline:none;box-shadow:0 16px 36px rgba(0,0,0,.18)}
.home-search-input::placeholder{color:rgba(244,237,226,.42)}
.home-search-input:focus{border-color:rgba(var(--accent-rgb),.38);box-shadow:0 0 0 4px rgba(var(--accent-rgb),.10),0 16px 36px rgba(0,0,0,.18)}
.home-search-status{margin-top:0}
.home-search-history-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.home-search-history-head h3{margin:8px 0 0;font-size:clamp(1.1rem,2.2vw,1.5rem)}
.home-search-history{display:flex;flex-wrap:wrap;gap:10px;min-height:42px}
.home-search-history-empty{color:var(--muted);font-size:.94rem;line-height:1.7}
.home-search-chip{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:10px 12px 10px 14px;border-radius:999px;border:1px solid rgba(255,246,232,.11);background:rgba(255,255,255,.035);box-shadow:0 10px 24px rgba(0,0,0,.14)}
.home-search-chip button{border:0;background:none;color:inherit;padding:0}
.home-search-chip__query{max-width:28ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}
.home-search-chip__meta{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.home-search-chip__open{padding:4px 0 4px 2px}
.home-search-chip__delete{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:rgba(255,255,255,.055);font-size:1rem;line-height:1}
.home-search-chip__delete:hover,.home-search-chip__open:hover{color:var(--accent)}
.home-search-results{display:grid;gap:18px}
.home-search-results__empty{padding:22px 24px;border-radius:28px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--muted);line-height:1.8}
.home-search-results__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.home-search-results__head h3{margin:8px 0 0;font-size:clamp(1.35rem,2.8vw,2.1rem)}
.home-search-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.home-search-card{display:grid;gap:14px;padding:14px;border-radius:28px;border:1px solid var(--line);background:rgba(255,255,255,.04);box-shadow:var(--shadow)}
.home-search-card__body{display:grid;gap:8px}
.home-search-card__top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.home-search-card__category{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.home-search-card h4{margin:0;font-size:1.28rem}
.home-search-card p{margin:0;color:var(--muted);line-height:1.75}
.home-search-card__actions{display:flex;flex-wrap:wrap;gap:10px;padding-top:4px}
.home-search-card .media-frame{min-height:210px}
@media (max-width:1180px){.home-search-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:820px){.home-search-row{grid-template-columns:1fr}.home-search-grid{grid-template-columns:1fr}}

/* manager page */
.theme-manager .site-header { position: sticky; top: 0; z-index: 40; }
.manager-shell { padding-top: 98px; padding-bottom: 20px; }
.manager-hero {
  display: grid;
  gap: 14px;
  padding: 24px;
  border-radius: 34px;
  border: 1px solid rgba(255,255,255,0.08);
  background: linear-gradient(160deg, rgba(18,14,12,0.94), rgba(46,31,23,0.85));
  box-shadow: 0 20px 50px rgba(0,0,0,0.24);
}
.manager-hero h1 { font-size: clamp(2rem, 4vw, 3.6rem); margin: 0; }
.manager-hero p { max-width: 78ch; color: var(--muted); }
.manager-stat-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.manager-main {
  margin-top: 12px;
  display: grid;
  grid-template-columns: 320px minmax(0, 1fr);
  gap: 18px;
}
.manager-panel {
  border-radius: 28px;
  border: 1px solid rgba(255,255,255,0.08);
  background: linear-gradient(180deg, rgba(18,14,12,0.94), rgba(28,20,16,0.9));
  box-shadow: 0 20px 50px rgba(0,0,0,0.22);
}
.manager-panel.sidebar { padding: 22px; position: sticky; top: 110px; align-self: start; }
.manager-panel.content { padding: 22px; }

.manager-main { scroll-margin-top: 96px; }
.manager-panel.content { scroll-margin-top: 96px; }
.manager-card { scroll-margin-top: 112px; }
.panel-label, .tiny { font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.18em; color: var(--muted); }
.control-group { display: grid; gap: 10px; margin-bottom: 16px; }
.control-group.inline { grid-template-columns: auto 1fr; align-items: center; }
.control-group input[type='search'],
.control-group input[type='url'],
#bulkText {
  width: 100%;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(7,13,18,0.92);
  color: var(--text);
  padding: 14px 16px;
}
.control-group label { color: var(--muted); }
.pill-row { display: flex; flex-wrap: wrap; gap: 10px; }
.pill-row .pill, .pager button {
  border: 1px solid rgba(255,255,255,0.14);
  background: rgba(12, 20, 18, 0.72);
  color: var(--text);
  cursor: pointer;
}
.pill-row .pill.active, .pager button.active { background: rgba(120,219,176,0.2); border-color: rgba(120,219,176,0.32); }
.button.full { width: 100%; justify-content: center; }
.manager-helper { margin-top: 10px; padding: 16px; border-radius: 18px; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.06); }
.content-topbar { display: flex; justify-content: space-between; gap: 16px; align-items: end; margin-bottom: 12px; }
.content-actions { display: flex; align-items: center; justify-content: flex-end; gap: 12px; flex-wrap: wrap; }
#sidebarCreateButton { box-shadow: 0 16px 32px rgba(16,111,255,.22); }
.status-bar { color: var(--muted); margin-bottom: 10px; }
.surface-line { height: 1px; background: linear-gradient(90deg, rgba(120,219,176,0.25), rgba(255,255,255,0.04)); margin-bottom: 18px; }
.cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.manager-card {
  display: grid; gap: 16px; padding: 16px; border-radius: 24px; border: 1px solid rgba(255,255,255,0.08);
  background: linear-gradient(180deg, rgba(18,14,12,0.94), rgba(28,20,16,0.9));
}
.manager-card.is-focused {
  border-color: rgba(120,219,176,0.6);
  box-shadow: 0 0 0 1px rgba(120,219,176,0.22), 0 0 28px rgba(120,219,176,0.12);
}
.video-frame-wrap { border-radius: 18px; overflow: hidden; background: rgba(0,0,0,0.35); }
.video-frame { aspect-ratio: 16 / 9; }
.video-frame iframe { width: 100%; height: 100%; border: 0; display: block; }
.placeholder { min-height: 240px; display: grid; place-items: center; text-align: center; color: var(--muted); padding: 20px; }
.card-body { display: grid; gap: 10px; }
.card-meta-line { display: flex; justify-content: space-between; gap: 10px; align-items: center; }
.card-title { margin: 0; font-size: 1.5rem; }

.card-meta-cluster {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.card-meta-line .delete-card {
  margin-left: auto;
  white-space: nowrap;
}
@media (max-width: 900px) {
  .card-meta-line {
    align-items: flex-start;
  }
  .card-meta-line .delete-card {
    font-size: 0.9rem;
    padding: 10px 12px;
  }
}
.card-query { margin: 0; color: var(--muted); }
.edit-box { display: grid; gap: 10px; }
.edit-row { display: grid; grid-template-columns: 1fr auto; gap: 10px; }
.save-note, .bulk-result { color: var(--muted); }
.bulk-dialog { border: 0; padding: 0; background: transparent; color: var(--text); }
.bulk-dialog::backdrop { background: rgba(0,0,0,0.6); }
.bulk-card {
  width: min(760px, calc(100vw - 32px));
  padding: 24px;
  border-radius: 26px;
  border: 1px solid rgba(255,255,255,0.08);
  background: linear-gradient(180deg, rgba(18,14,12,0.98), rgba(26,19,15,0.95));
}
.bulk-head, .bulk-actions { display: flex; justify-content: space-between; gap: 12px; align-items: center; }
.icon-btn { border: 0; background: transparent; color: var(--text); font-size: 1.2rem; cursor: pointer; }
.hidden { display: none !important; }
.mode-pill, .stat-card {
  display: inline-flex; align-items: center; gap: 8px;
  border-radius: 999px; border: 1px solid rgba(255,255,255,0.12);
  padding: 10px 14px; background: rgba(255,255,255,0.04); color: var(--text);
}
.stat-card { border-radius: 20px; flex-direction: column; align-items: flex-start; gap: 4px; }
.stat-card strong { font-size: 1.8rem; }
@media (max-width: 1080px) {
  .manager-main { grid-template-columns: 1fr; }
  .manager-panel.sidebar { position: static; }
  .cards, .manager-stat-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 720px) {
  .cards, .manager-stat-grid, .edit-row, .catalog-edit-row { grid-template-columns: 1fr; }
  .content-topbar, .bulk-head, .bulk-actions { flex-direction: column; align-items: stretch; }
}


.motion-flow-modal {
  position: fixed;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 24px;
  opacity: 0;
  pointer-events: none;
  transition: opacity .28s ease;
  z-index: 120;
}
.motion-flow-modal.is-open {
  opacity: 1;
  pointer-events: auto;
}
.motion-flow-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(3,8,15,.74);
  backdrop-filter:none;
}
.motion-flow-panel {
  position: relative;
  width: min(960px, calc(100vw - 40px));
  border-radius: 28px;
  border: 1px solid rgba(150,255,228,.18);
  background: linear-gradient(180deg, rgba(8,16,24,.94), rgba(5,10,18,.98));
  box-shadow: 0 30px 120px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.04);
  overflow: hidden;
}
.motion-flow-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 24px 24px 10px;
}
.motion-flow-head h3 {
  margin: 4px 0 0;
  font-size: clamp(1.4rem, 2vw, 2.1rem);
}
.motion-flow-copy {
  padding: 0 24px 16px;
  max-width: 68ch;
  color: rgba(223,234,241,.8);
}
.motion-flow-stage {
  position: relative;
  margin: 0 24px 18px;
  min-height: 420px;
  border-radius: 24px;
  overflow: hidden;
  background:
    radial-gradient(circle at 25% 20%, rgba(52,199,161,.18), transparent 34%),
    radial-gradient(circle at 75% 20%, rgba(68,147,255,.16), transparent 34%),
    linear-gradient(180deg, rgba(8,18,28,.95), rgba(4,8,14,.98));
  border: 1px solid rgba(144, 235, 214, .14);
}
.motion-flow-stage canvas {
  width: 100%;
  height: 100%;
  display: block;
}
.motion-flow-status {
  position: absolute;
  inset: auto 20px 20px 20px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(8,16,24,.78);
  border: 1px solid rgba(150,255,228,.18);
  color: rgba(230,244,241,.88);
  z-index: 2;
}
.motion-flow-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 0 24px 24px;
}
html.motion-open, body.motion-open {
  overflow: hidden;
}
[data-dev-edit-button] {
  border-color: rgba(119, 208, 255, .32);
}
[data-dev-edit-button]:disabled {
  opacity: .72;
  cursor: wait;
}
@media (max-width: 768px) {
  .motion-flow-panel { width: min(100vw - 24px, 960px); border-radius: 22px; }
  .motion-flow-stage { min-height: 320px; margin: 0 16px 16px; }
  .motion-flow-head, .motion-flow-copy, .motion-flow-meta { padding-left: 16px; padding-right: 16px; }
}


/* Post Studio */
.post-studio{padding:24px 0 0}
.post-hero{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(340px,.96fr);align-items:stretch;gap:20px;margin-top:16px}
.post-hero__copy{display:grid;align-content:start;gap:14px}
.post-hero h1{font-size:clamp(2.4rem,4vw,4.2rem);margin:8px 0 0}
.post-hero p{margin:0;color:rgba(244,237,226,.8);max-width:72ch;line-height:1.85}
.post-hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.post-hero-pills{display:flex;gap:10px;flex-wrap:wrap}
.post-hero-pills .pill{transition:transform .2s ease,border-color .2s ease,background .2s ease}
.post-hero-pills .pill:hover{transform:translateY(-1px);border-color:rgba(var(--accent-rgb),.28);background:rgba(255,255,255,.07)}
.post-hero__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.post-hero-card{padding:18px;border-radius:22px;border:1px solid var(--line);background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));display:grid;gap:10px;align-content:start}
.post-hero-card span{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(244,237,226,.54)}
.post-hero-card strong{font-size:1.06rem;line-height:1.4}
.post-hero-card p{font-size:.92rem;line-height:1.72;color:rgba(244,237,226,.68)}
.post-stats{margin:22px 0 16px}
.stat-card{flex:1 1 180px;padding:18px 20px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.04);display:grid;gap:8px}
.stat-card strong{font-size:2rem;line-height:1;font-weight:900}
.panel-head-row--stacked{align-items:start;gap:14px}
.post-history-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:20px;margin:0 0 20px}
.post-history-grid--secondary{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);margin-bottom:20px}
.post-history-panel{padding:22px;border-radius:28px;display:grid;gap:18px}
.post-history-lead{margin:0;max-width:76ch;color:rgba(244,237,226,.78);line-height:1.82}
.post-history-pillrow{display:flex;flex-wrap:wrap;gap:10px}
.post-history-copy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.post-history-copycard,.post-history-note,.post-history-lane,.post-history-event{padding:18px;border-radius:22px;border:1px solid var(--line);background:rgba(255,255,255,.035)}
.post-history-copycard h3,.post-history-event h3{margin:0 0 10px;font-size:1.08rem}
.post-history-copycard p,.post-history-note p,.post-history-lane p,.post-history-event p{margin:0;color:rgba(244,237,226,.72);line-height:1.72}
.post-history-timeline{display:grid;gap:12px}
.post-history-event{display:grid;grid-template-columns:56px minmax(0,1fr);gap:14px;align-items:start}
.post-history-event__index{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:rgba(var(--accent-rgb),.12);border:1px solid rgba(var(--accent-rgb),.18);font-weight:900;letter-spacing:.08em}
.post-history-event__body{display:grid;gap:8px}
.post-history-lanes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.post-history-lane{display:grid;gap:10px;align-content:start}
.post-history-lane span{font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(244,237,226,.55)}
.post-history-lane strong{font-size:1.8rem;line-height:1;font-weight:900}
.post-history-notes{display:grid;gap:12px}
.post-toolbar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:0 0 20px}
.post-toolbar label,.post-form label{display:grid;gap:8px;color:var(--muted);font-size:.82rem}
.post-toolbar input,.post-toolbar select,.post-form input,.post-form select,.post-form textarea{width:100%;border-radius:16px;border:1px solid var(--line);background:rgba(5,10,14,.85);color:var(--text);padding:14px 16px;font:inherit}
.post-checkbox{display:flex;align-items:center;gap:10px;padding-top:24px}
.post-layout{display:grid;grid-template-columns:1.18fr .82fr;gap:20px;align-items:start}
.post-list-panel,.post-editor-panel,.post-audit{padding:22px;border-radius:28px}
.panel-head-row{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}
.post-list{display:grid;gap:14px}
.post-row{display:grid;grid-template-columns:1fr auto;gap:16px;padding:18px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.04)}
.post-row.is-deleted{opacity:.64;border-style:dashed}
.post-row h3{margin:8px 0 10px;font-size:1.18rem}
.post-row p{margin:0;color:var(--muted);line-height:1.7}
.post-row-meta{margin-top:10px;color:var(--muted);font-size:.82rem}
.post-row-actions{display:flex;flex-direction:column;gap:10px;min-width:150px}
.post-form{display:grid;gap:14px}
.post-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.post-form-actions{display:flex;gap:12px;flex-wrap:wrap}
.post-note{margin-top:14px;padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--muted)}
.post-note.is-ok{border-color:rgba(var(--accent-rgb),.35);color:var(--text)}
.post-note.is-error{border-color:rgba(255,120,120,.35);color:#ffd4d4}
.activity-list{display:grid;gap:12px}
.activity-item{padding:16px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.04);display:grid;gap:8px}
.empty-panel{padding:28px;border:1px dashed var(--line);border-radius:20px;display:grid;gap:8px;color:var(--muted)}
.pager{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.pager-button{padding:11px 15px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--text)}
.pager-button.is-active{background:var(--accent);color:#08100b;border-color:transparent;font-weight:800}
@media (max-width:1260px){.post-history-copy{grid-template-columns:1fr}.post-history-lanes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:1100px){.post-layout,.post-history-grid,.post-history-grid--secondary,.post-hero{grid-template-columns:1fr}.post-toolbar{grid-template-columns:1fr 1fr 1fr}.post-hero__grid{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.post-toolbar,.post-form-grid,.post-history-lanes,.post-hero__grid{grid-template-columns:1fr}.post-row,.post-history-event{grid-template-columns:1fr}.post-row-actions{min-width:0;flex-direction:row;flex-wrap:wrap}.post-history-event__index{width:48px;height:48px}}


/* game page */
body.theme-game{
  --accent:#e7bf86;
  --accent-2:#8f5e3f;
  --accent-rgb:231,191,134;
  background:#0b0908;
  overflow:hidden;
}
.game-stage{
  position:relative;
  width:100vw;
  width:100dvw;
  height:100vh;
  height:100dvh;
  overflow:hidden;
  background:radial-gradient(circle at top, rgba(255,231,198,.14), transparent 28%), #0b0908;
}
.game-stage:fullscreen,
.game-stage:-webkit-full-screen{width:100vw;height:100vh}
#farmCanvas{
  display:block;
  width:100%;
  height:100%;
  cursor:grab;
}
.loader--game{background:radial-gradient(circle at top, rgba(255,231,198,.1), transparent 24%), #090806;z-index:200}
.game-loader__inner{max-width:560px}
.game-loader__text{margin-top:16px;color:var(--muted);line-height:1.7}
.game-topbar{
  position:absolute;
  left:20px;
  right:20px;
  top:18px;
  z-index:20;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:14px 18px;
  border:1px solid rgba(255,246,232,.12);
  border-radius:24px;
  background:rgba(12,10,9,.6);
  backdrop-filter:none;
  box-shadow:0 18px 50px rgba(0,0,0,.32);
}
.game-nav{display:flex;gap:14px;flex-wrap:wrap}
.game-nav a{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}
.game-nav a:hover{color:var(--text)}
.game-actions{display:flex;gap:10px;flex-wrap:wrap}
.game-actions .button,.game-actions .ghost-button{padding:12px 16px}
.game-hud,
.game-panel{
  position:absolute;
  z-index:15;
  border:1px solid rgba(255,246,232,.12);
  background:rgba(12,10,9,.58);
  backdrop-filter:none;
  box-shadow:0 18px 50px rgba(0,0,0,.28);
}
.game-hud--left{
  left:20px;
  bottom:20px;
  width:min(420px,calc(100vw - 40px));
  padding:18px;
  border-radius:26px;
  display:grid;
  gap:16px;
  border-left:3px solid rgba(231,191,134,.72) !important;
  box-shadow:0 18px 50px rgba(0,0,0,.32),-3px 0 18px rgba(231,191,134,.18) !important;
}
.hud-card h2{margin:8px 0 10px;font-size:clamp(1.4rem,2vw,2rem)}
.hud-card p{margin:0;color:var(--muted);line-height:1.72}
.hud-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hud-stat{padding:14px;border-radius:18px;background:rgba(255,248,238,.045);display:grid;gap:6px}
.hud-stat span{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.14em}
.hud-stat strong{font-size:1.1rem}
.game-panel{
  right:20px;
  bottom:20px;
  width:min(390px,calc(100vw - 40px));
  padding:20px;
  border-radius:26px;
  display:grid;
  gap:14px;
}
.game-panel h3{margin:0;font-size:clamp(1.5rem,2vw,2.1rem)}
.game-panel p{margin:0;color:var(--muted);line-height:1.72}
.panel-meta{display:flex;gap:10px;flex-wrap:wrap}
.panel-badge{display:inline-flex;align-items:center;padding:9px 12px;border-radius:999px;background:rgba(255,248,238,.05);border:1px solid rgba(255,246,232,.1);font-size:.75rem;color:var(--text)}
.game-panel__actions{display:flex;gap:10px;flex-wrap:wrap}
.game-toast{
  position:absolute;
  left:50%;
  bottom:22px;
  transform:translateX(-50%) translateY(16px);
  z-index:25;
  min-width:220px;
  max-width:min(80vw,520px);
  padding:14px 18px;
  border-radius:999px;
  border:1px solid rgba(255,246,232,.12);
  background:rgba(11,9,8,.72);
  text-align:center;
  color:var(--text);
  opacity:0;
  pointer-events:none;
  transition:opacity .24s ease, transform .24s ease;
}
.game-toast.is-visible{opacity:1;transform:translateX(-50%) translateY(0)}
@media (max-width:980px){
  .game-topbar{left:14px;right:14px;top:14px;align-items:flex-start;flex-direction:column}
  .game-nav{display:none}
  .game-actions{width:100%}
  .game-actions > *{flex:1 1 0}
  .game-hud--left,.game-panel{left:14px;right:14px;width:auto}
  .game-hud--left{bottom:196px}
  .game-panel{bottom:14px}
}
@media (max-width:640px){
  .game-topbar{padding:12px 14px}
  .game-hud--left{bottom:216px}
  .hud-grid{grid-template-columns:1fr 1fr}
  .game-panel h3{font-size:1.35rem}
}

/* --- Game Enhanced HUD --- */
.hud-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.hud-title-row h2{margin:6px 0 0;font-size:clamp(1.3rem,2vw,1.75rem)}
.hud-coins{display:flex;align-items:center;gap:6px;background:rgba(231,191,134,.12);border:1px solid rgba(231,191,134,.22);border-radius:999px;padding:8px 14px}
.hud-coin-icon{font-size:1.1rem;line-height:1}
.hud-coins strong{font-size:1.05rem;font-weight:800;color:#e7bf86}
.hud-xp-bar{position:relative;height:10px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden;margin-top:2px}
.hud-xp-fill{height:100%;background:linear-gradient(90deg,#e7bf86,#f9d89a);border-radius:999px;transition:width .4s ease}
.hud-xp-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.62rem;letter-spacing:.1em;color:rgba(244,237,226,.7);mix-blend-mode:screen}
.hud-quest{padding:12px 14px;border-radius:18px;background:rgba(231,191,134,.07);border:1px solid rgba(231,191,134,.14)}
.hud-quest__label{font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(231,191,134,.7);margin-bottom:6px}
.hud-quest__text{font-size:.88rem;color:rgba(244,237,226,.9);line-height:1.55}
.hud-quest__progress{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.hud-quest__tag{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;background:rgba(231,191,134,.14);font-size:.72rem;color:rgba(231,191,134,.9)}
.hud-quest__tag.done{background:rgba(100,200,100,.15);color:rgba(150,230,150,.9)}

/* --- Game Float Layer (harvest particles) --- */
.game-float-layer{position:absolute;inset:0;z-index:18;pointer-events:none;overflow:hidden}
.harvest-float{position:absolute;pointer-events:none;font-size:1.1rem;font-weight:700;color:#e7bf86;text-shadow:0 2px 8px rgba(0,0,0,.5);animation:floatUp 1.4s ease-out forwards;white-space:nowrap}
@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}60%{opacity:.9;transform:translateY(-54px) scale(1.1)}100%{opacity:0;transform:translateY(-90px) scale(.9)}}
.coin-float{color:#f9d89a}

/* --- Pulse Library --- */
.home-library .library-grid{display:grid;grid-template-columns:minmax(280px,420px) minmax(0,1fr);gap:24px;align-items:start}
.library-copy{padding:24px;border-radius:28px;background:rgba(18,14,13,.78);border:1px solid rgba(255,241,222,.08);box-shadow:0 22px 60px rgba(0,0,0,.24)}
.library-actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 10px}
.library-stage{position:relative;min-height:620px;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,320px);gap:22px;align-items:center}
.library-book__shell{perspective:2400px;display:flex;justify-content:center;align-items:center;min-height:620px}
.library-book{position:relative;width:min(46vw,540px);aspect-ratio:1.08/0.82;transform-style:preserve-3d;transition:transform .8s ease}
.library-book.is-open{transform:translateX(6%) rotateX(7deg) rotateY(-13deg)}
.book-sheet{position:absolute;inset:0;transform-style:preserve-3d;transform-origin:left center;transition:transform .95s cubic-bezier(.22,.68,.22,1), z-index .2s linear}
.book-sheet.is-flipped{transform:rotateY(-178deg)}
.book-face{position:absolute;inset:0;backface-visibility:hidden;background:linear-gradient(180deg,rgba(35,24,20,.98),rgba(19,14,12,.98));border:1px solid rgba(255,239,216,.09);border-radius:18px 24px 24px 18px;overflow:hidden;box-shadow:0 22px 58px rgba(0,0,0,.34);padding:18px}
.book-face--back{transform:rotateY(180deg);border-radius:24px 18px 18px 24px}
.book-face::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(255,220,158,.1),transparent 35%),linear-gradient(180deg,rgba(255,255,255,.02),transparent 42%);pointer-events:none}
.book-page{position:relative;z-index:1;height:100%;display:grid;gap:18px;align-content:space-between}
.book-page--cover,.book-page--backcover{padding:24px;background:linear-gradient(145deg,rgba(69,47,31,.9),rgba(26,18,16,.98));border-radius:14px;height:100%}
.book-page--cover h3,.book-page--backcover h3{font-size:clamp(2rem,3vw,3rem);margin:0}
.book-page--cover p,.book-page--backcover p{max-width:26ch;color:rgba(255,245,230,.84);line-height:1.7}
.book-page__preview{border-radius:14px;overflow:hidden;background:rgba(0,0,0,.18);min-height:220px;display:flex;align-items:center;justify-content:center}
.book-page__preview img{display:block;width:100%;height:100%;object-fit:cover}
.book-page__body{display:grid;gap:12px;align-content:start}
.book-page__body h3{margin:0;font-size:1.26rem}
.book-page__subtitle{font-size:.86rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,228,194,.68)}
.book-page__body p{margin:0;color:rgba(255,245,230,.78);line-height:1.65}
.book-page__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.book-page--atlas .book-page__subtitle{color:#f4d48a}
.book-page--animal .book-page__subtitle{color:#e3b8a0}
.book-page--plant .book-page__subtitle{color:#c7d98f}
.book-page--tech .book-page__subtitle{color:#b0d4f5}
.book-page--master .book-page__subtitle{color:#f0e6b8}
.book-page--blueprint .book-page__subtitle{color:#ccb6ff}
.library-book__meta{display:grid;gap:10px;padding:20px;border-radius:24px;background:rgba(18,14,13,.72);border:1px solid rgba(255,241,222,.08);box-shadow:0 20px 50px rgba(0,0,0,.22)}
.library-book__meta h3{margin:0;font-size:1.35rem}
.library-book__meta p{margin:0;color:var(--muted);line-height:1.7}
.pill-row{display:flex;flex-wrap:wrap;gap:10px}
.pdf-viewer{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:120}
.pdf-viewer.is-visible{display:flex}
.pdf-viewer__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.62);backdrop-filter:none}
.pdf-viewer__dialog{position:relative;z-index:1;width:min(1100px,92vw);height:min(88vh,900px);display:grid;grid-template-rows:auto 1fr;gap:14px;padding:16px;border-radius:26px;background:rgba(14,10,9,.96);border:1px solid rgba(255,241,222,.08);box-shadow:0 28px 90px rgba(0,0,0,.46)}
.pdf-viewer__head{display:flex;justify-content:space-between;gap:12px;align-items:center}
.pdf-viewer__head h3{margin:4px 0 0;font-size:1.25rem}
.pdf-viewer iframe{width:100%;height:100%;border:0;border-radius:18px;background:#111}
body.is-modal-open{overflow:hidden}

/* --- World Atlas --- */
.world-pulse__tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.world-search{appearance:none;border:1px solid rgba(255,241,222,.1);background:rgba(18,14,13,.72);color:var(--text);padding:14px 16px;border-radius:999px;min-width:min(420px,100%);font:inherit;outline:none;box-shadow:0 10px 24px rgba(0,0,0,.12)}
.world-search:focus{border-color:rgba(255,212,152,.36);box-shadow:0 0 0 4px rgba(255,212,152,.08)}
.world-pulse__grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:18px;align-items:stretch}
.world-pulse__grid--full{min-height:72vh}
.world-card,.world-sidebar{border-radius:30px;background:rgba(16,12,11,.78);border:1px solid rgba(255,241,222,.08);box-shadow:0 20px 60px rgba(0,0,0,.22)}
.world-card{position:relative;overflow:hidden;min-height:520px}
.world-card::after{content:"";position:absolute;inset:auto 0 0 0;height:35%;background:linear-gradient(180deg,transparent,rgba(13,10,10,.72));pointer-events:none}
.world-card--full{min-height:72vh}
.world-canvas{display:block;width:100%;height:100%;min-height:520px;cursor:grab}
.world-canvas--full{min-height:72vh}
.world-sidebar{display:grid;grid-template-rows:auto 1fr;gap:16px;padding:18px;min-height:520px}
.world-sidebar--full{min-height:72vh}
.world-selected{padding:14px;border-radius:22px;background:rgba(255,255,255,.02);border:1px solid rgba(255,241,222,.06)}
.world-selected__flag{width:64px;height:44px;border-radius:12px;overflow:hidden;border:1px solid rgba(255,241,222,.08);margin-bottom:14px;background:rgba(255,255,255,.04)}
.world-selected__flag img{display:block;width:100%;height:100%;object-fit:cover}
.world-selected__body h3{margin:4px 0 14px;font-size:1.45rem}
.world-selected__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.world-selected__grid div{display:grid;gap:4px;padding:10px 12px;border-radius:16px;background:rgba(255,255,255,.02);border:1px solid rgba(255,241,222,.05)}
.world-selected__grid span{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,230,200,.52)}
.world-selected__grid strong{font-size:.95rem;line-height:1.45}
.world-selected__footer{display:flex;justify-content:flex-start;margin-top:14px}
.world-list{display:grid;gap:10px;align-content:start;overflow:auto;padding-right:4px}
.world-list--full{max-height:none}
.world-list__item{display:grid;grid-template-columns:50px 1fr;gap:12px;align-items:center;width:100%;padding:10px 12px;border-radius:18px;border:1px solid rgba(255,241,222,.06);background:rgba(255,255,255,.02);color:var(--text);text-align:left;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.world-list__item:hover,.world-list__item.is-active{transform:translateY(-2px);border-color:rgba(255,212,152,.3);background:rgba(255,212,152,.07)}
.world-list__item img{display:block;width:50px;height:36px;object-fit:cover;border-radius:10px;border:1px solid rgba(255,241,222,.08)}
.world-list__item strong{display:block;font-size:.98rem}
.world-list__item small{display:block;color:rgba(255,243,226,.62);margin-top:4px}
.world-page .world-hero{padding-top:140px}
.world-page__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,520px);gap:24px;align-items:end;margin-bottom:24px}
.world-page__head h1{margin:0;font-size:clamp(2.4rem,4vw,4.4rem);line-height:.98}
.world-page__head p{margin:0;color:var(--muted);line-height:1.75}

@media (max-width:1100px){
  .home-library .library-grid,.world-pulse__grid,.world-page__head,.library-stage{grid-template-columns:1fr}
  .library-stage{min-height:auto}
  .library-book__shell{min-height:520px}
}
@media (max-width:720px){
  .world-search{min-width:100%}
  .world-selected__grid{grid-template-columns:1fr}
  .world-card,.world-sidebar,.world-canvas{min-height:420px}
  .library-book{width:min(92vw,520px)}
  .pdf-viewer__dialog{width:min(96vw,1100px);height:min(92vh,900px)}
}

/* --- v8 atlas + book fixes --- */
.home-library .library-grid{
  grid-template-columns:minmax(280px,360px) minmax(0,1.45fr);
  gap:28px;
}
.library-stage{
  min-height:760px;
  grid-template-columns:minmax(0,1fr) minmax(320px,380px);
  gap:28px;
}
.library-book__shell{min-height:760px}
.library-book{
  width:min(62vw,900px);
  max-width:100%;
  aspect-ratio:1.14/0.82;
}
.library-book.is-open{transform:translateX(7%) rotateX(7deg) rotateY(-14deg)}
.book-face{padding:22px;border-radius:22px 28px 28px 22px}
.book-face--back{border-radius:28px 22px 22px 28px}
.book-page--cover,.book-page--backcover{padding:30px;border-radius:18px}
.book-page__preview{min-height:300px}
.book-page__body h3{font-size:1.42rem}
.book-page__body p{font-size:1rem;line-height:1.72}
.book-page__actions .ghost-button,.book-page__actions .button{min-height:46px}
.library-book__meta{align-self:center;padding:24px}
.library-book__meta h3{font-size:1.55rem}
.pdf-viewer__dialog{width:min(1320px,96vw);height:min(92vh,1040px);padding:18px}
.pdf-viewer__head{align-items:flex-start}
.pdf-viewer__actions{display:flex;gap:10px;flex-wrap:wrap}


.video-card--uniform{height:100%;align-self:stretch}
.video-card--uniform .media-frame{min-height:240px}
.catalog-section .section-head{display:block}
.catalog-section .section-head h2{max-width:none;font-size:clamp(1.7rem,3vw,2.8rem)}
.catalog-section .section-head p{max-width:none;margin-top:12px}
.catalog-section .section-tools{margin-top:14px}
.world-card--atlas-only{position:relative;overflow:hidden}
.world-info-toggle{display:none;position:absolute;right:14px;top:14px;z-index:4;width:52px;height:52px;border-radius:18px;border:1px solid rgba(255,241,222,.12);background:rgba(10,10,12,.76);backdrop-filter:none;box-shadow:0 16px 36px rgba(0,0,0,.24)}
.world-info-toggle span{position:absolute;left:50%;width:20px;height:2px;background:var(--text);transform:translateX(-50%);transition:transform .22s ease,opacity .22s ease}
.world-info-toggle span:first-child{top:21px}
.world-info-toggle span:nth-child(2){top:29px}
.world-info-toggle.is-open span:first-child{transform:translateX(-50%) rotate(45deg) translateY(4px)}
.world-info-toggle.is-open span:nth-child(2){transform:translateX(-50%) rotate(-45deg) translateY(-4px)}
.world-selected__grid div{min-width:0}
.world-selected__grid strong{word-break:break-word}
.world-selected--overlay::-webkit-scrollbar,.world-results--floating::-webkit-scrollbar{width:10px}
.world-selected--overlay::-webkit-scrollbar-thumb,.world-results--floating::-webkit-scrollbar-thumb{background:rgba(255,241,222,.16);border-radius:999px}
.farm-lite{display:grid;gap:18px;padding:20px;border-radius:28px;border:1px solid rgba(255,241,222,.10);background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025));box-shadow:var(--shadow);max-width:min(980px,calc(100% - 40px));margin:auto}
.farm-lite h2{margin:0;font-size:clamp(2rem,4vw,3.4rem);line-height:.95}
.farm-lite p{margin:0;color:var(--muted);line-height:1.8}
.farm-lite__map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.farm-lite__zone{display:grid;gap:10px;padding:18px;border-radius:22px;border:1px solid rgba(255,241,222,.08);background:rgba(255,255,255,.03);text-align:left}
.farm-lite__zone strong{font-size:1.15rem}
.farm-lite__zone span{color:var(--muted);font-size:.92rem;line-height:1.65}
.farm-lite__actions{display:flex;gap:10px;flex-wrap:wrap}

.world-page__head--single{grid-template-columns:1fr;max-width:1100px}
.world-pulse__grid--globeonly{display:block}
.world-card--atlas-only{min-height:78vh;height:78vh}
.world-canvas--full{min-height:78vh;height:78vh}
.world-card--atlas-only .world-canvas{height:100%}
.world-overlay{position:absolute;inset:auto auto 20px 20px;z-index:2;pointer-events:none}
.world-overlay--top{top:18px;left:18px;right:auto;bottom:auto;max-width:min(480px,calc(100% - 36px))}
.world-overlay--info{right:20px;left:auto;bottom:20px;max-width:min(430px,calc(100% - 36px))}
.world-selected--overlay,.world-results--floating{
  pointer-events:auto;
  background:rgba(13,10,10,.86);
  backdrop-filter:none;
  border:1px solid rgba(255,241,222,.08);
  box-shadow:0 20px 60px rgba(0,0,0,.3);
}
.world-selected--overlay{width:min(430px,100%);max-height:min(72vh,760px);overflow-y:auto;overscroll-behavior-y:contain}
.world-results--floating{
  display:none;
  width:min(430px,100%);
  max-height:min(48vh,420px);
  overflow:auto;
  padding:12px;
  border-radius:24px;
}
.world-results--floating.is-visible{display:grid;gap:10px}
.world-card--atlas-only::after{height:42%}

@media (max-width:1180px){
  .home-library .library-grid{grid-template-columns:1fr}
  .library-stage{grid-template-columns:1fr;min-height:auto}
  .library-book__shell{min-height:680px}
  .library-book{width:min(92vw,860px)}
}
@media (max-width:860px){
  .world-card--atlas-only,.world-canvas--full{min-height:72vh;height:72vh}
  .world-overlay--top{left:14px;top:14px;right:14px;max-width:none}
  .world-overlay--info{left:14px;right:14px;bottom:14px;max-width:none}
  .world-selected--overlay{width:auto;max-height:min(60svh,540px)}
}
@media (max-width:720px){
  .library-book__shell{min-height:560px}
  .library-book{width:min(94vw,720px)}
  .book-page__preview{min-height:220px}
  .world-card--atlas-only,.world-canvas--full{min-height:68vh;height:68vh}
  .world-pulse__tools{display:grid;grid-template-columns:1fr auto;gap:10px}
  .world-pulse__tools .meta-line{grid-column:1 / -1}
  .world-info-toggle{display:block}
  .world-overlay--info{left:10px;right:10px;bottom:10px;top:auto;pointer-events:none}
  .world-card--atlas-only:not(.is-info-open) .world-selected--overlay{transform:translateY(calc(100% - 86px))}
  .world-card--atlas-only.is-info-open .world-selected--overlay{transform:translateY(0)}
  .world-selected--overlay{pointer-events:auto;width:auto;max-height:min(62svh,560px);padding:16px 14px 14px;transition:transform .28s ease;box-shadow:0 24px 60px rgba(0,0,0,.34)}
  .world-selected__grid{grid-template-columns:1fr;font-size:.92rem}
  .world-selected__body h3{font-size:1.24rem}
  .world-results--floating{display:none !important}
  .farm-lite__map{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  .farm-lite__map{grid-template-columns:1fr}
}

/* --- v9 library + post studio polish --- */
.home-library .library-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:24px;
}
.library-topline{
  display:grid;
  grid-template-columns:minmax(300px, 420px) minmax(300px, 1fr);
  gap:24px;
  align-items:stretch;
}
.library-copy,
.library-meta-panel,
.library-book__meta--external{
  height:100%;
}
.library-meta-panel{
  display:grid;
}
.library-stage{
  min-height:980px;
  display:block;
}
.library-book__shell{
  min-height:980px;
}
.library-book{
  width:min(88vw, 1320px);
  aspect-ratio:1.36/0.8;
}
.library-book.is-open{
  transform:translateX(5%) rotateX(6deg) rotateY(-12deg);
}
.book-face{
  padding:26px;
  border-radius:24px 32px 32px 24px;
}
.book-face--back{
  border-radius:32px 24px 24px 32px;
}
.book-page--cover,
.book-page--backcover{
  padding:34px;
  border-radius:22px;
}
.book-page__preview{
  min-height:420px;
}
.book-page__body h3{
  font-size:1.68rem;
}
.book-page__body p{
  font-size:1.04rem;
}
.book-page__actions .button,
.book-page__actions .ghost-button{
  min-height:48px;
}
.post-preview-strip{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:18px;
  align-items:center;
  margin:0 0 20px;
}
.post-preview-strip h2{
  margin:8px 0 10px;
  font-size:clamp(1.45rem,2vw,2rem);
}
.post-preview-strip p{
  margin:0;
  color:var(--muted);
  line-height:1.75;
}
@media (max-width:1180px){
  .library-topline{grid-template-columns:1fr;}
  .library-stage,.library-book__shell{min-height:840px;}
  .library-book{width:min(94vw, 1120px);}
  .book-page__preview{min-height:340px;}
}
@media (max-width:860px){
  .post-preview-strip{grid-template-columns:1fr;}
  .library-stage,.library-book__shell{min-height:700px;}
  .library-book{width:min(96vw, 860px);}
  .book-page__preview{min-height:250px;}
}
@media (max-width:640px){
  .library-stage,.library-book__shell{min-height:560px;}
  .library-book{aspect-ratio:1.2/0.94;}
  .book-page__preview{min-height:180px;}
}


/* --- v12 search, book, and pulse stories --- */
.world-pulse__tools{align-items:center}
.world-pulse__tools [data-world-search-button]{min-height:50px;padding-inline:24px}
.library-topline{grid-template-columns:minmax(280px, 1fr) minmax(280px, 1fr)}
.library-copy{order:1}
.library-meta-panel{order:2}
.library-stage{order:3;min-height:1040px}
.library-book__shell{min-height:1040px}
.library-book{width:min(92vw, 1440px);aspect-ratio:1.46/0.82}
.library-book[data-book-state="closed"]{transform:none}
.library-book.is-open{transform:translateX(4%) rotateX(5deg) rotateY(-11deg)}
.book-page__preview{min-height:470px}
.book-page__body h3{font-size:1.78rem}
.book-page__body p{font-size:1.05rem}
.story-wall{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;width:100%}
.story-card{display:grid;gap:16px}
.story-card__cover{border-radius:18px;overflow:hidden;min-height:180px;background:rgba(255,255,255,.03);border:1px solid rgba(255,241,222,.08)}
.story-card__cover img{display:block;width:100%;height:100%;object-fit:cover}
.story-comments{display:grid;gap:14px;padding-top:6px}
.story-comments__head{display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px solid rgba(255,241,222,.08);padding-top:14px}
.story-comments__head h4{margin:0;font-size:1rem}
.story-comments__head span{font-size:.85rem;color:var(--muted)}
.story-comments__thread{display:grid;gap:12px}
.story-comment{display:grid;gap:10px;padding:12px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,241,222,.08)}
.story-comment__head{display:flex;justify-content:space-between;gap:10px;align-items:center}
.story-comment__head strong{font-size:.95rem}
.story-comment__head span{font-size:.78rem;color:rgba(255,243,226,.58)}
.story-comment__body{color:var(--text);line-height:1.65;white-space:normal;word-break:break-word}
.story-comment__status{font-size:.78rem;color:rgba(110,200,255,.88);padding:8px 10px;border-radius:12px;background:rgba(28,88,140,.18);border:1px solid rgba(110,200,255,.18)}
.story-comment__media{display:flex;flex-wrap:wrap;gap:10px}
.story-comment__media img{width:clamp(88px,26%,180px);aspect-ratio:1/1;object-fit:cover;border-radius:16px;border:1px solid rgba(255,241,222,.08);background:#111}
.story-comment__actions{display:flex;gap:8px}
.story-comment__replies{display:grid;gap:10px;padding-left:14px;border-left:1px solid rgba(255,241,222,.08)}
.story-comment__empty{padding:14px;border-radius:16px;background:rgba(255,255,255,.025);border:1px dashed rgba(255,241,222,.08);color:var(--muted)}
.story-form{display:grid;gap:12px;padding:14px;border-radius:20px;background:rgba(255,255,255,.025);border:1px solid rgba(255,241,222,.08)}
.story-form__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.story-form__grid--upload{align-items:start}
.story-form label{display:grid;gap:8px}
.story-form label span{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,230,200,.56)}
.story-form input,.story-form textarea{appearance:none;border:1px solid rgba(255,241,222,.1);background:rgba(18,14,13,.72);color:var(--text);padding:12px 14px;border-radius:16px;font:inherit;outline:none}
.story-form textarea{resize:vertical;min-height:108px}
.story-form input:focus,.story-form textarea:focus{border-color:rgba(255,212,152,.36);box-shadow:0 0 0 4px rgba(255,212,152,.08)}
.story-emoji-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.story-emoji{border:1px solid rgba(255,241,222,.1);background:rgba(255,255,255,.03);border-radius:999px;min-width:42px;min-height:42px;cursor:pointer}
.story-emoji-note{font-size:.85rem;color:var(--muted)}
.story-upload-preview{min-height:120px;border-radius:18px;border:1px dashed rgba(255,241,222,.12);display:flex;align-items:center;justify-content:center;padding:10px;color:var(--muted);background:rgba(255,255,255,.02)}
.story-upload-preview img{display:block;max-width:100%;max-height:220px;border-radius:14px;object-fit:contain}
.story-reply-banner{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 12px;border-radius:14px;background:rgba(255,212,152,.08);border:1px solid rgba(255,212,152,.16)}
.story-form__actions{display:flex;gap:10px;flex-wrap:wrap}
.story-form__message{font-size:.9rem;color:#f1b4a7;min-height:1.2em}
@media (max-width:980px){
  .story-form__grid{grid-template-columns:1fr}
  .library-stage,.library-book__shell{min-height:860px}
  .library-book{width:min(96vw, 1180px);aspect-ratio:1.28/0.9}
  .book-page__preview{min-height:300px}
}
@media (max-width:640px){
  .world-pulse__tools [data-world-search-button]{width:100%}
  .story-card__cover{min-height:150px}
  .library-stage,.library-book__shell{min-height:620px}
  .library-book{aspect-ratio:1.18/1}
  .book-page__preview{min-height:190px}
}


/* --- v13 youtube stories grid + comment column + apeiron-inspired loader --- */
.loader{background:radial-gradient(circle at 15% 50%, rgba(208,157,95,.14), transparent 26%), linear-gradient(90deg, rgba(255,255,255,.02), transparent 24%, transparent 76%, rgba(255,255,255,.02)), #050608;overflow:hidden}
.loader::before{content:"";position:absolute;inset:-10%;background:linear-gradient(115deg, transparent 0 42%, rgba(255,214,164,.08) 50%, transparent 58%);transform:translateX(-60%);animation:loaderSweep 2.4s ease-in-out infinite}
.loader__veil{position:absolute;inset:0;background:radial-gradient(circle at center, transparent 0 18%, rgba(0,0,0,.08) 38%, rgba(0,0,0,.38) 100%);pointer-events:none}
.loader__inner{position:relative;z-index:1;display:grid;gap:14px}
.loader__subtitle{color:rgba(255,244,229,.58);font-size:.9rem;line-height:1.8;max-width:48ch}
@keyframes loaderSweep{0%{transform:translateX(-70%) skewX(-16deg);opacity:.2}50%{opacity:1}100%{transform:translateX(70%) skewX(-16deg);opacity:.2}}
.media-showcase{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)}
.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}
.video-card{min-height:100%;height:100%}
.story-card{padding:18px}
.story-card__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.92fr);gap:18px;align-items:start}
.story-card__content{display:grid;gap:12px}
.story-card__commentsCol{display:grid}
.story-comments{background:rgba(255,255,255,.025);border:1px solid rgba(255,241,222,.08);border-radius:22px;padding:16px;min-height:100%}
.story-comments__thread{max-height:440px;overflow:auto;padding-right:4px}
.story-form{display:grid;gap:12px;border-top:1px solid rgba(255,241,222,.08);padding-top:14px}
.story-form__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.story-form__grid--upload{grid-template-columns:minmax(0,1fr) minmax(180px,.9fr)}
.story-form label{display:grid;gap:8px}
.story-form label span{font-size:.76rem;text-transform:uppercase;letter-spacing:.16em;color:rgba(255,243,226,.52)}
.story-form input,.story-form textarea,.story-form select{border-radius:16px;border:1px solid rgba(255,241,222,.08);background:rgba(255,255,255,.03);color:var(--text);padding:12px 14px;font:inherit}
.story-form textarea{resize:vertical;min-height:120px}
.story-upload-preview{display:grid;place-items:center;min-height:92px;border-radius:16px;border:1px dashed rgba(255,241,222,.12);background:rgba(255,255,255,.02);overflow:hidden;color:var(--muted)}
.story-upload-preview img{display:block;width:100%;height:100%;object-fit:cover}
.story-form__message,.story-reply-banner,.story-emoji-note{color:var(--muted);font-size:.88rem;line-height:1.6}
.story-emoji-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.story-emoji{min-width:42px;min-height:42px;border-radius:14px;border:1px solid rgba(255,241,222,.08);background:rgba(255,255,255,.03);color:var(--text);font-size:1.05rem;cursor:pointer}
.game-fallback{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(720px,calc(100% - 32px));z-index:4}
@media (max-width:1180px){.media-showcase{grid-template-columns:1fr}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-card__layout{grid-template-columns:1fr}.story-comments__thread{max-height:360px}}
@media (max-width:740px){.video-grid{grid-template-columns:1fr}.story-form__grid,.story-form__grid--upload{grid-template-columns:1fr}.loader__subtitle{font-size:.82rem}.story-comments__thread{max-height:none}}


/* --- v14 equal youtube cards + pulse stories fallback friendly --- */
.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;grid-auto-rows:1fr}
.video-card--uniform{display:grid;grid-template-rows:auto 1fr;align-self:stretch;min-height:100%;height:100%}
.video-card--uniform .media-frame{aspect-ratio:16/9}
.video-card--uniform .video-card__meta{align-content:start}
@media (max-width:740px){.video-grid{grid-template-columns:1fr}}


/* v16 overrides */
.story-wall{grid-template-columns:1fr !important;gap:22px !important;max-width:960px;margin:0 auto;width:100%;}
.story-card{padding:22px !important;}
.story-card__layout{grid-template-columns:1fr !important;gap:16px !important;}
.story-card__commentsCol{width:100%;}
.story-comments__thread{max-height:none !important;}
.story-card__cover{min-height:220px;}
.media-frame--thumb{position:relative;display:block;overflow:hidden;background:#050505;border-radius:22px;min-height:220px;border:1px solid rgba(255,241,222,.08);}
.media-frame--thumb img{display:block;width:100%;height:100%;object-fit:cover;}
.media-frame__play{position:absolute;inset:auto auto 18px 18px;display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:rgba(0,0,0,.58);border:1px solid rgba(255,255,255,.22);font-size:1.2rem;color:#fff;backdrop-filter:none;}
.extra-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
.extra-preview{display:grid;min-height:180px;border-radius:22px;overflow:hidden;background:linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.02));border:1px solid rgba(255,241,222,.08);text-decoration:none;color:inherit;}
.extra-preview__bar{height:8px;background:linear-gradient(90deg, #e0b97d, transparent, rgba(255,255,255,.18));}
.extra-preview__body{display:grid;align-content:end;gap:10px;padding:18px;min-height:160px;background:radial-gradient(circle at 30% 20%, rgba(224,185,125,.18), transparent 55%);}
.studio-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
.studio-preview-card .catalog-card__body h3,.extra-card .catalog-card__body h3{margin:0;}
.world-selected--overlay{max-height:min(68vh,640px) !important;overflow-y:auto !important;}
.world-selected__grid div{padding:9px 10px !important;}
.world-selected__grid strong{font-size:.9rem !important;line-height:1.35 !important;}
.world-results--floating{max-height:42vh;overflow:auto;}
.game-stage{background:radial-gradient(circle at 50% 0%, rgba(224,185,125,.08), transparent 35%), #090807;}
#farmCanvas{display:block;width:100%;height:100%;}
.catalog-section .section-head, .extra-section .section-head{display:block;}
@media (max-width:1180px){.extra-grid,.studio-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:760px){.extra-grid,.studio-preview-grid{grid-template-columns:1fr;}.story-wall{max-width:none;}.story-card__cover{min-height:180px;}.world-selected--overlay{max-height:min(56svh,500px)!important;}}

/* v17 layout + real game overrides */
.feature-grid,
.rail-grid,
.case-grid,
.tool-grid,
.video-grid,
.extra-grid,
.studio-preview-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.info-card,
.split-card,
.tool-card,
.case-card,
.media-card,
.video-card,
.catalog-card,
.extra-card,
.studio-preview-card {
  min-height: 100%;
}
.media-card,
.info-card,
.split-card,
.case-card,
.tool-card {
  padding: 18px;
}
.catalog-group {
  gap: 18px;
}
.catalog-group__head {
  align-items: end;
}
@media (max-width: 1180px) {
  .feature-grid,
  .case-grid,
  .tool-grid,
  .video-grid,
  .extra-grid,
  .studio-preview-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .rail-grid { grid-template-columns: 1fr 1fr !important; }
}
@media (max-width: 760px) {
  .feature-grid,
  .rail-grid,
  .case-grid,
  .tool-grid,
  .video-grid,
  .extra-grid,
  .studio-preview-grid { grid-template-columns: 1fr !important; }
}

.theme-game .game-topbar {
  top: 14px;
  left: 14px;
  right: 14px;
  min-height: 74px;
  border-radius: 28px;
  border-color: rgba(255,241,222,.1);
  background: linear-gradient(180deg, rgba(8,8,8,.82), rgba(10,10,10,.58));
  backdrop-filter:none;
}
.theme-game .game-topbar::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: radial-gradient(circle at 20% 0%, rgba(231,191,134,.12), transparent 35%), linear-gradient(90deg, rgba(255,255,255,.04), transparent 35%, transparent 65%, rgba(255,255,255,.04));
}
.game-help-trigger {
  position: absolute;
  bottom: 24px;
  right: 24px;
  z-index: 22;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid rgba(255,246,232,.2);
  background: rgba(12,10,9,.64);
  color: var(--text);
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1;
  backdrop-filter:none;
  box-shadow: 0 6px 20px rgba(0,0,0,.3);
  transition: background .18s, transform .15s, border-color .18s;
  cursor: pointer;
}
.game-help-trigger:hover { background: rgba(231,191,134,.2); border-color: rgba(231,191,134,.4); }
.game-help-trigger.is-active { background: rgba(231,191,134,.88); color: #140f0a; border-color: transparent; transform: scale(1.08); }

.game-help {
  position: absolute;
  bottom: 80px;
  right: 24px;
  z-index: 21;
  width: min(480px, calc(100vw - 40px));
  padding: 16px 18px;
  border-radius: 24px;
  border: 1px solid rgba(255,246,232,.12);
  background: rgba(12,10,9,.82);
  backdrop-filter:none;
  box-shadow: 0 18px 50px rgba(0,0,0,.42);
  display: grid;
  gap: 12px;
  opacity: 0;
  pointer-events: none;
  transform: translateY(10px) scale(0.97);
  transition: opacity .22s ease, transform .22s ease;
}
.game-help.is-visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}
.game-help__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.game-help__close {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid rgba(255,246,232,.14);
  background: rgba(255,246,232,.07);
  color: var(--muted);
  font-size: .88rem;
  cursor: pointer;
  transition: background .15s;
}
.game-help__close:hover { background: rgba(255,246,232,.14); color: var(--text); }
.game-help__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.game-help__item {
  padding: 12px 13px;
  border-radius: 18px;
  background: rgba(255,248,238,.045);
  display: grid;
  gap: 6px;
}
.game-help__item span {
  font-size: .72rem;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: .12em;
}
.game-help__item strong {
  font-size: .96rem;
}
.game-input-mode {
  color: rgba(255,244,229,.78);
  font-size: .85rem;
}
.game-hint {
  position: absolute;
  left: 50%;
  top: 110px;
  transform: translateX(-50%) translateY(-8px);
  z-index: 19;
  min-width: 280px;
  max-width: min(90vw, 560px);
  padding: 12px 16px;
  border-radius: 999px;
  border: 1px solid rgba(255,246,232,.1);
  background: rgba(11,9,8,.68);
  color: var(--text);
  text-align: center;
  backdrop-filter:none;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease, transform .2s ease;
}
.game-hint.is-visible {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}
.game-mobile-controls {
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 18px;
  z-index: 16;
  display: none;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
  pointer-events: none;
}
.game-stick,
.game-mobile-buttons,
.game-mobile-button {
  pointer-events: auto;
}
.game-stick {
  position: relative;
  width: 132px;
  height: 132px;
  border-radius: 50%;
  border: 1px solid rgba(255,246,232,.12);
  background: rgba(12,10,9,.45);
  backdrop-filter:none;
  box-shadow: 0 18px 42px rgba(0,0,0,.28);
}
.game-stick__ring {
  position: absolute;
  inset: 10px;
  border-radius: 50%;
  border: 1px dashed rgba(255,246,232,.12);
}
.game-stick__knob {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 54px;
  height: 54px;
  margin-left: -27px;
  margin-top: -27px;
  border-radius: 50%;
  background: rgba(231,191,134,.94);
  box-shadow: 0 10px 30px rgba(0,0,0,.28);
}
.game-mobile-buttons {
  display: grid;
  grid-auto-flow: row;
  gap: 10px;
}
.game-mobile-button {
  min-width: 112px;
  min-height: 54px;
  border-radius: 999px;
  border: 1px solid rgba(255,246,232,.12);
  background: rgba(12,10,9,.56);
  color: var(--text);
  font: inherit;
}
.game-mobile-button--primary {
  background: rgba(231,191,134,.94);
  color: #140f0a;
  font-weight: 800;
}
.game-mobile-button--run {
  background: rgba(80,180,100,.72);
  border-color: rgba(100,220,120,.28);
  color: #f0fff4;
  font-weight: 700;
}
.game-mobile-button--run:active { background: rgba(80,180,100,.92); transform: scale(0.96); }

.game-cam-area {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 80px;
  width: 55%;
  z-index: 14;
  display: none;
  touch-action: none;
  -webkit-tap-highlight-color: transparent;
  pointer-events: none;
}

@media (max-width: 1180px) {
  .game-help { width: min(520px, calc(100vw - 40px)); right: 14px; }
  .game-help__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 980px) {
  .game-topbar { align-items: center; }
  .game-help {
    bottom: 200px;
    right: 10px;
    left: 10px;
    width: auto;
  }
  .game-help-trigger {
    bottom: 160px;
    right: 14px;
  }
  .game-hint {
    top: 202px;
    width: calc(100vw - 28px);
    max-width: none;
  }
  .game-hud--left {
    bottom: 154px;
  }
  .game-mobile-controls { display: flex; }
  .game-cam-area { display: block; pointer-events: auto; }
}
@media (max-width: 760px) {
  .game-help__grid { grid-template-columns: 1fr 1fr; }
  .game-help__item { padding: 10px 12px; }
  .game-hud--left,
  .game-panel {
    backdrop-filter:none;
  }
}


/* v18 mobile + catalog + game polish */
.video-grid.video-grid--catalog{
  display:grid !important;
  grid-template-columns:1fr !important;
  grid-auto-rows:auto !important;
  gap:28px !important;
}
.video-grid.video-grid--catalog > .catalog-group{
  margin:0;
}
.catalog-group{
  display:grid;
  gap:18px;
}
.catalog-group__head{
  align-items:flex-end;
}
.catalog-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px;
}
.story-wall{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:18px !important;
  max-width:840px;
  margin:0 auto;
}
.story-card{
  padding:18px !important;
}
.story-card__layout{
  grid-template-columns:1fr !important;
  gap:14px !important;
}
.story-card__content,
.story-card__commentsCol{
  min-width:0;
}
.story-comments{
  padding:14px;
}
.story-comments__thread{
  max-height:none !important;
}
.story-comment__media img{
  width:min(160px, 42%);
}
.theme-game .game-topbar .game-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.game-ui-hidden .game-help,
.game-ui-hidden .game-hud,
.game-ui-hidden .game-panel,
.game-ui-hidden .game-hint,
.game-ui-hidden .game-help-trigger{
  opacity:0;
  transform:translateY(14px);
  pointer-events:none;
}
.game-help,
.game-hud,
.game-panel,
.game-hint{
  transition:opacity .22s ease, transform .22s ease;
}
.game-panel,
.game-hud--left{
  overflow:auto;
  overscroll-behavior:contain;
}
.game-panel::-webkit-scrollbar,
.game-hud--left::-webkit-scrollbar,
.world-selected--overlay::-webkit-scrollbar,
.story-comments__thread::-webkit-scrollbar{
  width:10px;
}
.game-panel::-webkit-scrollbar-thumb,
.game-hud--left::-webkit-scrollbar-thumb,
.world-selected--overlay::-webkit-scrollbar-thumb,
.story-comments__thread::-webkit-scrollbar-thumb{
  background:rgba(255,241,222,.16);
  border-radius:999px;
}
@media (max-width: 1100px){
  .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media (max-width: 760px){
  .site-header{
    width:calc(100% - 12px);
    height:70px;
    padding:0 12px;
    border-radius:22px;
  }
  .brand{font-size:.7rem;gap:3px;}
  .menu-toggle{width:44px;height:44px;}
  .section,.hero{padding-top:26px;padding-bottom:54px;}
  .section-head h2,
  .panel h2{font-size:clamp(1.8rem, 9vw, 2.7rem);max-width:none;}
  .split-card,
  .media-card,
  .tool-card,
  .case-card,
  .video-card,
  .catalog-card,
  .extra-card,
  .studio-preview-card,
  .info-card{
    padding:14px !important;
    border-radius:22px;
  }
  .catalog-grid{grid-template-columns:1fr !important;gap:14px;}
  .catalog-group{gap:14px;}
  .catalog-group__head{flex-direction:column;align-items:flex-start;gap:12px;}
  .catalog-group__meta{justify-items:start;}
  .catalog-focus{text-align:left;font-size:.86rem;}
  .media-frame--catalog,
  .video-card--uniform .media-frame,
  .media-frame--thumb{min-height:180px;}
  .story-wall{max-width:none;gap:14px !important;}
  .story-card{padding:14px !important;}
  .story-card__cover{min-height:160px;}
  .story-comments{padding:12px;}
  .story-comment{padding:10px;border-radius:16px;}
  .story-form{padding:12px;}
  .story-form__grid,
  .story-form__grid--upload{grid-template-columns:1fr !important;}
  .world-pulse__tools{display:grid;grid-template-columns:1fr;}
  .world-search,
  .world-pulse__tools [data-world-search-button],
  .world-pulse__tools a.ghost-button{width:100%;min-width:0;}
  .world-card--atlas-only,
  .world-canvas--full{min-height:64vh;height:64vh;}
  .world-selected--overlay{
    max-height:min(52svh, 430px) !important;
    padding:12px !important;
    border-radius:20px;
  }
  .world-selected__body h3{font-size:1.15rem;}
  .world-selected__grid{grid-template-columns:1fr !important;gap:8px;}
  .world-selected__grid div{padding:8px 10px !important;}
  .world-selected__grid strong{font-size:.86rem !important;line-height:1.3 !important;}
  .theme-game .game-topbar{
    top:10px;left:10px;right:10px;min-height:0;padding:12px;border-radius:22px;gap:10px;
  }
  .theme-game .game-topbar .brand{font-size:.68rem;}
  .theme-game .game-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
  .theme-game .game-actions .button,
  .theme-game .game-actions .ghost-button{padding:11px 12px;min-height:46px;font-size:.92rem;}
  .game-help{
    bottom:180px;top:auto;left:8px;right:8px;width:auto;padding:12px;border-radius:20px;gap:10px;
  }
  .game-help-trigger{bottom:140px;right:12px;}
  .game-help__grid{grid-template-columns:1fr 1fr;gap:8px;}
  .game-help__item{padding:10px 11px;border-radius:15px;}
  .game-help__item strong{font-size:.88rem;}
  .game-input-mode{font-size:.8rem;}
  .game-hint{top:176px;width:calc(100vw - 20px);min-width:0;padding:10px 12px;}
  .game-hud--left,
  .game-panel{left:10px;right:10px;width:auto;padding:12px;border-radius:20px;}
  .game-hud--left{bottom:134px;max-height:34vh;}
  .game-panel{bottom:10px;max-height:28vh;}
  .hud-grid{grid-template-columns:1fr 1fr;gap:8px;}
  .hud-stat{padding:11px;border-radius:15px;}
  .game-mobile-controls{left:10px;right:10px;bottom:10px;gap:12px;}
  .game-stick{width:104px;height:104px;}
  .game-stick__ring{inset:8px;}
  .game-stick__knob{width:44px;height:44px;margin-left:-22px;margin-top:-22px;}
  .game-mobile-button{min-width:96px;min-height:48px;font-size:.94rem;}
}


/* v19 interaction, mobile, and gameplay polish */
.site-header{z-index:90;}
.menu-toggle{z-index:96;touch-action:manipulation;}
.mobile-menu{z-index:95;max-width:min(340px,calc(100% - 20px));}
.mobile-menu a{display:block;width:100%;}
body.menu-open{overflow:hidden;}

.home-library .library-grid,.library-topline,.library-stage,.library-book__shell,.library-copy,.library-meta-panel{min-width:0;max-width:100%;}
.home-library .library-grid{gap:22px;}
.library-topline{max-width:860px;margin:0 auto;grid-template-columns:minmax(260px,1fr) minmax(260px,1fr)!important;align-items:stretch;}
.library-stage{max-width:1040px;margin:0 auto;min-height:760px;}
.library-book__shell{min-height:760px;}
.library-book{width:min(76vw,980px)!important;aspect-ratio:1.22/0.82 !important;max-width:100%;}
.book-page__preview{min-height:260px;}
.book-page__body p{max-width:36ch;}

.story-wall{max-width:760px !important;grid-template-columns:1fr !important;}
.story-wall > *{width:100%;}
.story-card,.video-card,.catalog-card,.media-frame,.media-frame--thumb,.yt-shell{overflow:hidden;}
.video-card__meta,.catalog-card__body{min-width:0;}
.video-card h3,.catalog-card h3{overflow-wrap:anywhere;}
.media-frame--thumb,.media-frame,.yt-shell{border-radius:22px;}
.yt-shell__poster{width:100%;height:100%;object-fit:cover;display:block;}
.video-grid{align-items:stretch;}
.video-card--uniform .media-frame{min-height:220px;}
.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;align-items:stretch;}
.catalog-group{width:100%;}
.catalog-group__head{align-items:flex-end;}
.catalog-group__meta{max-width:360px;}

.theme-game .game-topbar{z-index:40;}
.game-menu-toggle{display:none;}
.game-mobile-menu{top:86px;right:10px;left:10px;width:auto;max-width:none;}
.game-help__spells{display:flex;gap:8px;flex-wrap:wrap;}
.game-mobile-buttons{grid-template-columns:repeat(2,minmax(0,1fr));}
.game-mobile-button--secondary{background:rgba(76,111,160,.5);border-color:rgba(168,219,255,.24);}
.game-mobile-button--secondary:hover{background:rgba(76,111,160,.62);}

@media (max-width:980px){
  .game-menu-toggle{display:inline-flex;}
}
@media (max-width:760px){
  .mobile-menu{top:88px;left:10px;right:10px;width:auto;max-width:none;}
  .home-library .library-grid{gap:16px;}
  .library-topline{grid-template-columns:1fr !important;max-width:none;gap:14px;}
  .library-stage{max-width:none;min-height:440px;}
  .library-book__shell{min-height:440px;}
  .library-book{width:min(90vw,560px)!important;aspect-ratio:0.94/1.08 !important;}
  .book-page--cover,.book-page--backcover,.book-face{padding:16px;}
  .book-page__preview{min-height:150px;}
  .book-page__body h3{font-size:1.18rem;}
  .book-page__body p{font-size:.92rem;line-height:1.58;max-width:none;}
  .book-page__actions{gap:8px;}
  .library-copy,.library-meta-panel{width:100%;overflow:hidden;}
  .library-meta-panel{order:2;}
  .library-stage{order:3;}
  .story-wall{gap:14px !important;}
  .catalog-grid{grid-template-columns:1fr !important;}
  .catalog-group__head{flex-direction:column;align-items:flex-start;}
  .catalog-group__meta{max-width:none;justify-items:start;}
  .video-card--uniform .media-frame,.media-frame--catalog,.media-frame--thumb{min-height:180px;}
  .theme-game .game-topbar{padding:12px;gap:10px;align-items:center;}
  .theme-game .game-topbar .game-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;}
  .theme-game .game-topbar .game-actions .ghost-button,.theme-game .game-topbar .game-actions .button{padding:10px 12px;font-size:.88rem;}
  .game-help__grid{grid-template-columns:1fr 1fr;}
  .game-help__spells{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
  .game-hud--left{max-height:28vh;}
  .game-panel{max-height:24vh;}
  .game-mobile-controls{bottom:10px;}
  .game-mobile-buttons{gap:8px;}
}


/* v20 library width, mobile containment, menu reliability, and media clipping */
.menu-toggle,
.game-menu-toggle{
  pointer-events:auto;
  position:relative;
  z-index:130;
  touch-action:manipulation;
  -webkit-tap-highlight-color: transparent;
}
.mobile-menu,
.game-mobile-menu{
  z-index:125;
  max-width:min(360px, calc(100vw - 20px));
}

.home-library .library-grid{
  max-width:980px;
  margin:0 auto;
  gap:20px;
}
.library-topline{
  max-width:980px;
  margin:0 auto;
  grid-template-columns:minmax(260px, 360px) minmax(260px, 1fr) !important;
  gap:18px;
}
.library-stage{
  max-width:980px;
  margin:0 auto;
  min-height:680px;
}
.library-book__shell{
  min-height:680px;
  overflow:hidden;
}
.library-book{
  width:min(62vw, 780px) !important;
  max-width:100%;
  aspect-ratio:1.08 / 0.84 !important;
}
.library-copy,
.library-meta-panel,
.library-stage,
.library-book__shell,
.library-book{
  min-width:0;
}

.story-wall{
  max-width:720px !important;
  grid-template-columns:1fr !important;
  gap:18px !important;
}
.story-card{
  width:100%;
}

.media-frame,
.media-frame--thumb,
.media-frame--catalog,
.yt-shell,
.yt-shell__poster{
  border-radius:inherit;
}
.media-frame,
.media-frame--thumb,
.media-frame--catalog{
  overflow:hidden !important;
  contain:paint;
  isolation:isolate;
}
.yt-shell{
  overflow:hidden;
}
.yt-shell__poster{
  width:100% !important;
  height:100% !important;
  object-fit:cover;
  object-position:center;
}
.video-card--uniform,
.catalog-card{
  min-width:0;
  overflow:hidden;
}
.video-card--uniform .media-frame,
.catalog-card .media-frame{
  max-width:100%;
}

@media (max-width: 980px){
  .home-library .library-grid,
  .library-topline,
  .library-stage{
    max-width:none;
  }
  .library-topline{
    grid-template-columns:1fr !important;
  }
}

@media (max-width: 760px){
  .site-header{
    width:calc(100% - 12px);
    height:68px;
    padding:0 10px;
    border-radius:20px;
  }
  .header-tools{
    gap:8px;
  }
  .mobile-menu,
  .game-mobile-menu{
    left:10px !important;
    right:10px !important;
    width:auto !important;
    max-width:none !important;
  }
  .home-library .library-grid{
    gap:14px;
    padding-inline:0;
  }
  .library-topline{
    gap:12px;
    width:100%;
  }
  .library-copy,
  .library-meta-panel,
  .library-stage,
  .library-book__shell{
    width:100%;
    max-width:100%;
    overflow:hidden;
  }
  .library-stage{
    min-height:460px;
  }
  .library-book__shell{
    min-height:460px;
    display:flex;
    justify-content:center;
  }
  .library-book{
    width:min(100%, 400px) !important;
    max-width:100%;
    aspect-ratio:0.96 / 1.08 !important;
    margin:0 auto;
  }
  .book-page--cover,
  .book-page--backcover,
  .book-face{
    padding:14px;
  }
  .book-page__preview{
    min-height:132px;
  }
  .book-page__body h3{
    font-size:1.06rem;
    line-height:1.2;
  }
  .book-page__body p,
  .library-copy p,
  .library-meta-panel p{
    font-size:.92rem;
    line-height:1.6;
    max-width:none;
  }
  .library-actions{
    gap:8px;
  }
  .library-actions .button,
  .library-actions .ghost-button{
    padding:11px 14px;
    width:100%;
    justify-content:center;
  }
  .story-wall{
    max-width:none !important;
    gap:14px !important;
  }
  .story-card{
    padding:14px !important;
  }
  .catalog-grid{
    grid-template-columns:1fr !important;
    gap:14px;
  }
  .catalog-card,
  .video-card{
    padding:14px !important;
    width:100%;
  }
  .video-card--uniform .media-frame,
  .media-frame--catalog,
  .media-frame--thumb{
    min-height:172px;
  }
}

/* --- v21 pulse stories single website thread --- */
.story-wall{
  max-width:min(960px,100%) !important;
  margin-inline:auto;
}
.story-card--single{
  width:100%;
}
.story-card--single .story-card__layout{
  grid-template-columns:1fr !important;
  gap:18px !important;
}
.story-card--single .story-card__cover{
  min-height:280px;
}
.story-card--single .story-comments{
  padding:18px;
}
.story-card--single .story-comment__replies{
  padding-left:12px;
}
.story-card--single .story-card__content .pill-row{
  margin-top:4px;
}
@media (max-width:760px){
  .story-wall{
    max-width:none !important;
    width:100%;
  }
  .story-card--single .story-card__cover{
    min-height:180px;
  }
}


/* --- v22 pulse stories full-width feedback thread --- */
.story-wall{
  width:100% !important;
  max-width:min(1280px,100%) !important;
  margin-inline:auto;
}
.story-card--feedback{
  width:100%;
  overflow:hidden;
}
.story-card--feedback .story-card__layout{
  display:grid;
  grid-template-columns:1fr !important;
  gap:18px !important;
}
.story-feedback-head{
  display:grid;
  gap:14px;
  padding-bottom:4px;
}
.story-feedback-head h3{
  margin:0;
}
.story-feedback-head p{
  margin:0;
  max-width:78ch;
}
.story-feedback-meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.story-card__commentsCol--full,
.story-comments--feedback{
  width:100%;
}
.story-comments--feedback{
  padding:20px;
  border-radius:24px;
  background:rgba(255,255,255,.03);
}
.story-comments--feedback .story-comments__thread{
  max-height:none !important;
  display:grid;
  gap:12px;
}
.story-comments--feedback .story-form{
  margin-top:6px;
}
.story-comments--feedback .story-comment__media img{
  width:min(180px,32vw);
  aspect-ratio:1/1;
}
@media (max-width:760px){
  .story-wall{
    max-width:none !important;
    width:100% !important;
  }
  .story-card--feedback{
    padding:16px !important;
  }
  .story-feedback-head{
    gap:10px;
  }
  .story-feedback-head p{
    max-width:none;
    line-height:1.8;
  }
  .story-comments--feedback{
    padding:14px;
    border-radius:18px;
  }
  .story-comments--feedback .story-comment__media img{
    width:min(132px,42vw);
  }
}


.meta-edit-box input,
.meta-edit-box textarea,
#createDialog input,
#createDialog textarea,
#createDialog select {
  width: 100%;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(7,13,18,0.92);
  color: var(--text);
  padding: 14px 16px;
}
.meta-edit-box textarea,
#createDialog textarea { resize: vertical; min-height: 92px; }
.edit-row--single { grid-template-columns: 1fr; }
.manager-card .meta-edit-box { margin-top: 4px; padding-top: 12px; border-top: 1px solid rgba(255,255,255,0.06); }


.video-card__empty,
.catalog-empty{
  min-height:220px;
  display:grid;
  place-items:center;
  text-align:center;
  padding:18px;
  border-radius:22px;
  border:1px dashed rgba(255,241,222,.14);
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
  color:var(--muted);
}
.video-card__empty span,
.catalog-empty span{
  max-width:22ch;
  line-height:1.6;
}


body.modal-open {
  overflow: hidden;
}

.dev-token-modal {
  position: fixed;
  inset: 0;
  z-index: 1400;
  display: grid;
  place-items: center;
  padding: clamp(18px, 3vw, 32px);
  opacity: 0;
  pointer-events: none;
  transition: opacity .28s ease;
}

.dev-token-modal.is-open {
  opacity: 1;
  pointer-events: auto;
}

.dev-token-modal__backdrop {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 18% 20%, rgba(68, 153, 255, 0.18), transparent 28%),
    radial-gradient(circle at 82% 18%, rgba(255, 188, 93, 0.16), transparent 24%),
    rgba(4, 7, 12, 0.72);
  backdrop-filter:none;
}

.dev-token-modal__dialog {
  position: relative;
  width: min(100%, 540px);
  padding: clamp(22px, 3vw, 32px);
  border-radius: 28px;
  border: 1px solid rgba(255,255,255,0.14);
  background:
    linear-gradient(180deg, rgba(14, 18, 28, 0.94), rgba(10, 12, 18, 0.96));
  box-shadow:
    0 30px 90px rgba(0,0,0,0.48),
    inset 0 1px 0 rgba(255,255,255,0.08),
    0 0 0 1px rgba(86, 163, 255, 0.07);
  overflow: hidden;
  transform: translateY(16px) scale(.985);
  transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

.dev-token-modal.is-open .dev-token-modal__dialog {
  transform: translateY(0) scale(1);
}

.dev-token-modal__dialog::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    linear-gradient(135deg, rgba(74, 146, 255, 0.12), transparent 34%),
    linear-gradient(315deg, rgba(255, 196, 111, 0.10), transparent 32%);
  pointer-events: none;
}

.dev-token-modal__halo {
  position: absolute;
  width: 240px;
  height: 240px;
  right: -70px;
  top: -80px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(78, 159, 255, 0.26), rgba(78, 159, 255, 0));
  filter:none;
  pointer-events: none;
}

.dev-token-modal__spark {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: rgba(255,255,255,0.78);
  box-shadow: 0 0 18px rgba(255,255,255,0.68);
  opacity: .7;
  pointer-events: none;
}

.dev-token-modal__spark--one {
  top: 22px;
  right: 126px;
  animation: devTokenFloat 4.6s ease-in-out infinite;
}

.dev-token-modal__spark--two {
  top: 56px;
  right: 98px;
  width: 6px;
  height: 6px;
  animation: devTokenFloat 5.4s ease-in-out infinite reverse;
}

.dev-token-modal__eyebrow,
.dev-token-modal h2,
.dev-token-modal__subtitle,
.dev-token-modal__badges,
.dev-token-modal__label,
.dev-token-modal__hint,
.dev-token-modal__error,
.dev-token-modal__actions {
  position: relative;
  z-index: 1;
}

.dev-token-modal__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid rgba(124, 186, 255, 0.26);
  background: rgba(18, 31, 52, 0.68);
  color: rgba(210, 230, 255, 0.94);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

.dev-token-modal__eyebrow::before {
  content: '';
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: linear-gradient(135deg, #7cbaff, #ffe1a1);
  box-shadow: 0 0 18px rgba(124, 186, 255, 0.7);
}

.dev-token-modal h2 {
  margin: 0;
  font-size: clamp(1.7rem, 4vw, 2.4rem);
  line-height: 1.05;
}

.dev-token-modal__subtitle {
  margin: 12px 0 0;
  color: var(--muted);
  line-height: 1.75;
}

.dev-token-modal__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 18px 0 22px;
}

.dev-token-modal__badges span {
  padding: 9px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  color: rgba(236, 241, 255, 0.9);
  font-size: 12px;
  font-weight: 700;
}

.dev-token-modal__label {
  display: block;
  margin-bottom: 10px;
  font-size: 0.94rem;
  font-weight: 700;
}

.dev-token-modal__field {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 8px 10px 8px 14px;
  border-radius: 18px;
  border: 1px solid rgba(98, 164, 255, 0.18);
  background: rgba(7, 11, 18, 0.76);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
  transition: border-color .22s ease, transform .22s ease, box-shadow .22s ease;
}

.dev-token-modal__field:focus-within {
  border-color: rgba(116, 185, 255, 0.62);
  transform: translateY(-1px);
  box-shadow: 0 0 0 4px rgba(81, 156, 255, 0.12), inset 0 1px 0 rgba(255,255,255,0.06);
}

.dev-token-modal__field-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(76, 151, 255, 0.18), rgba(255, 200, 112, 0.18));
  color: #f7fbff;
  font-size: 15px;
}

.dev-token-modal__input {
  min-width: 0;
  width: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--text);
  font: inherit;
  letter-spacing: .02em;
}

.dev-token-modal__input::placeholder {
  color: rgba(198, 209, 230, 0.42);
}

.dev-token-modal__toggle {
  border: 0;
  background: rgba(255,255,255,0.05);
  color: rgba(233, 239, 255, 0.92);
  padding: 10px 14px;
  border-radius: 14px;
  font: inherit;
  font-size: 0.86rem;
  font-weight: 700;
  cursor: pointer;
  transition: background .2s ease, transform .2s ease;
}

.dev-token-modal__toggle:hover,
.dev-token-modal__toggle:focus-visible {
  background: rgba(255,255,255,0.1);
  transform: translateY(-1px);
}

.dev-token-modal__hint {
  margin: 12px 0 0;
  color: rgba(200, 211, 227, 0.74);
  font-size: 0.92rem;
  line-height: 1.7;
}

.dev-token-modal__error {
  margin: 14px 0 0;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255, 118, 118, 0.26);
  background: rgba(104, 22, 22, 0.26);
  color: #ffd0d0;
  font-size: 0.93rem;
}

.dev-token-modal__dialog.has-error .dev-token-modal__field {
  border-color: rgba(255, 128, 128, 0.5);
  box-shadow: 0 0 0 4px rgba(255, 101, 101, 0.08);
}

.dev-token-modal__actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 24px;
}

.dev-token-modal.is-busy .dev-token-modal__dialog {
  box-shadow:
    0 30px 90px rgba(0,0,0,0.48),
    inset 0 1px 0 rgba(255,255,255,0.08),
    0 0 0 1px rgba(86, 163, 255, 0.18),
    0 0 38px rgba(86, 163, 255, 0.16);
}

.dev-token-modal.is-busy .dev-token-modal__submit {
  position: relative;
}

.dev-token-modal.is-busy .dev-token-modal__submit::after {
  content: '';
  width: 14px;
  height: 14px;
  margin-left: 10px;
  border-radius: 999px;
  border: 2px solid rgba(255,255,255,0.35);
  border-top-color: rgba(255,255,255,0.95);
  display: inline-block;
  vertical-align: -2px;
  animation: devTokenSpin .8s linear infinite;
}

@keyframes devTokenSpin {
  to { transform: rotate(360deg); }
}

@keyframes devTokenFloat {
  0%, 100% { transform: translateY(0px) scale(1); opacity: .72; }
  50% { transform: translateY(-8px) scale(1.08); opacity: 1; }
}

@media (max-width: 640px) {
  .dev-token-modal__dialog {
    padding: 20px 18px;
    border-radius: 22px;
  }

  .dev-token-modal__badges {
    gap: 8px;
  }

  .dev-token-modal__badges span {
    font-size: 11px;
  }

  .dev-token-modal__field {
    grid-template-columns: auto minmax(0,1fr);
  }

  .dev-token-modal__toggle {
    grid-column: 1 / -1;
    width: 100%;
  }

  .dev-token-modal__actions {
    flex-direction: column-reverse;
  }

  .dev-token-modal__actions > * {
    width: 100%;
  }
}


/* cinematic intro + universal footer */
.cinematic-intro{padding-top:26px;padding-bottom:8px}
.cinematic-intro__stage{position:relative;overflow:hidden;min-height:clamp(440px,66vh,760px);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:38px;background:#050608;isolation:isolate}
.cinematic-intro__media,.cinematic-intro__shade{position:absolute;inset:0}
.cinematic-intro__video,.cinematic-intro__embed,.cinematic-intro__poster,.cinematic-intro__video-fallback{position:absolute;inset:0;width:100%;height:100%;border:0}
.cinematic-intro__video,.cinematic-intro__poster{object-fit:cover}
.cinematic-intro__embed{pointer-events:none;transform:scale(1.08);filter:saturate(1.03) contrast(1.02) brightness(.92)}
.cinematic-intro__video{filter:saturate(1.05) contrast(1.04) brightness(.94)}
.cinematic-intro__poster{mix-blend-mode:screen;opacity:.22}
.cinematic-intro__video-fallback{background:linear-gradient(180deg, rgba(5,7,10,.08), rgba(5,7,10,.36))}
.cinematic-intro__shade{background:linear-gradient(90deg, rgba(5,7,10,.9) 0%, rgba(5,7,10,.78) 22%, rgba(5,7,10,.48) 52%, rgba(5,7,10,.55) 100%), radial-gradient(circle at 76% 30%, rgba(var(--accent-rgb),.18), transparent 18%), linear-gradient(180deg, rgba(0,0,0,.1), rgba(0,0,0,.46))}
.cinematic-intro__content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;gap:14px;max-width:min(720px,58%);min-height:clamp(440px,66vh,760px);padding:clamp(34px,4vw,64px)}
.cinematic-intro__content h1{font-size:clamp(3rem,6vw,6rem);line-height:.92;margin:0;max-width:9ch}
.cinematic-intro__content p{margin:0;max-width:62ch;color:rgba(244,237,226,.86);line-height:1.9;font-size:clamp(1rem,1.35vw,1.14rem)}
.cinematic-intro__actions{padding-top:6px}
.cinematic-intro__badge{position:absolute;right:20px;top:20px;z-index:2;padding:11px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(8,10,13,.66);backdrop-filter:none;font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text)}
.cinematic-intro--posts-studio .cinematic-intro__stage{min-height:clamp(760px,88vh,1100px)}
.cinematic-intro__stage--posts .cinematic-intro__content{max-width:min(720px,54%);min-height:clamp(760px,88vh,1100px);padding-bottom:230px}
.post-intro-rail{position:absolute;top:88px;right:24px;bottom:150px;z-index:2;width:min(430px,32%);display:grid;gap:14px;align-content:end}
.post-intro-card{padding:18px 18px 20px;border-radius:24px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg, rgba(8,10,13,.72), rgba(8,10,13,.58));backdrop-filter:none;box-shadow:0 18px 42px rgba(0,0,0,.22);display:grid;gap:12px}
.post-intro-card--primary{background:linear-gradient(180deg, rgba(12,16,22,.84), rgba(8,10,13,.62)), radial-gradient(circle at 100% 0%, rgba(var(--accent-rgb),.2), transparent 40%)}
.post-intro-card h3{margin:0;font-size:1.18rem;line-height:1.35}
.post-intro-card p{margin:0;color:rgba(244,237,226,.72);line-height:1.72;font-size:.95rem}
.post-intro-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.post-intro-links a,.post-intro-flag,.post-intro-steps span{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 12px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:rgba(244,237,226,.86);font-size:.8rem;font-weight:700;text-align:center}
.post-intro-links a:hover{border-color:rgba(var(--accent-rgb),.32);background:rgba(255,255,255,.07)}
.post-intro-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.post-intro-flagrow{display:flex;flex-wrap:wrap;gap:10px}
.post-intro-flag.is-live{border-color:rgba(var(--accent-rgb),.34);background:rgba(var(--accent-rgb),.12);color:var(--text)}
.post-intro-dock{position:absolute;left:clamp(24px,3vw,42px);right:clamp(24px,3vw,42px);bottom:24px;z-index:2;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.post-intro-kpi{padding:16px 16px 14px;border-radius:22px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg, rgba(8,10,13,.76), rgba(8,10,13,.62));backdrop-filter:none;display:grid;gap:8px;align-content:start}
.post-intro-kpi span{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(244,237,226,.52)}
.post-intro-kpi strong{font-size:clamp(1.4rem,2vw,2rem);line-height:1;font-weight:900}
.post-intro-kpi small{color:rgba(244,237,226,.62);line-height:1.5}
.universal-footer-wrap{padding-top:10px;padding-bottom:34px}
.universal-footer__grid{grid-template-columns:minmax(0,1fr) minmax(340px,.9fr)}
.universal-footer__links{display:grid;gap:10px;align-content:start}
.universal-footer__links a{padding:13px 14px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:var(--muted);transition:border-color .2s ease, color .2s ease, transform .2s ease}
.universal-footer__links a:hover{border-color:rgba(var(--accent-rgb),.34);color:var(--text);transform:translateY(-1px)}
.floating-wa{position:fixed;right:18px;bottom:18px;z-index:120;display:inline-flex;align-items:center;gap:10px;padding:14px 18px;border-radius:999px;background:linear-gradient(135deg,#1fa855,#0f7b40);color:#fff;border:1px solid rgba(255,255,255,.2);box-shadow:0 22px 48px rgba(0,0,0,.34)}
.floating-wa svg{width:22px;height:22px;display:block}
.floating-wa span{font-weight:800;letter-spacing:.04em}
.theme-tech .shell,.theme-portfolio .shell,.theme-home .shell,.theme-plants .shell,.theme-animals .shell,.theme-manager .shell{width:min(calc(100% - 20px),var(--max))}
.theme-tech .site-header,.theme-portfolio .site-header,.theme-home .site-header,.theme-plants .site-header,.theme-animals .site-header,.theme-manager .site-header{width:calc(100% - 16px);max-width:none}
@media (max-width:1100px){.universal-footer__grid{grid-template-columns:1fr}.cinematic-intro__content{max-width:min(760px,100%);min-height:clamp(420px,60vh,620px)}.cinematic-intro__stage{min-height:clamp(420px,60vh,620px)}.cinematic-intro--posts-studio .cinematic-intro__stage{min-height:980px}.cinematic-intro__stage--posts .cinematic-intro__content{max-width:100%;min-height:980px;padding-bottom:280px}.post-intro-rail{position:relative;top:auto;right:auto;bottom:auto;width:100%;margin:0;padding:0 24px 0;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start}.post-intro-dock{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.cinematic-intro__content{max-width:none;padding:28px 20px 24px;min-height:420px}.cinematic-intro__content h1{max-width:none;font-size:clamp(2.4rem,12vw,3.8rem)}.cinematic-intro__badge{right:14px;top:14px;padding:9px 13px;font-size:.68rem}.floating-wa{right:12px;bottom:12px;padding:12px 14px}.floating-wa span{display:none}.cinematic-intro--posts-studio .cinematic-intro__stage{min-height:auto}.cinematic-intro__stage--posts .cinematic-intro__content{min-height:auto;padding-bottom:24px}.post-intro-rail{padding:0 16px 0;grid-template-columns:1fr}.post-intro-links,.post-intro-steps,.post-intro-dock{grid-template-columns:1fr 1fr}.post-intro-dock{position:relative;left:auto;right:auto;bottom:auto;padding:0 16px 16px}}

/* --- v38 full-bleed studio chrome, premium Pulse Stories, and gyunabe footer --- */
:root{
  --max:1800px;
}
.shell{width:min(calc(100% - 32px),var(--max));}
.site-header{
  top:0;
  width:100%;
  height:86px;
  margin:0;
  padding:0 clamp(14px,2.8vw,32px);
  border-radius:0;
  border-left:0;
  border-right:0;
  border-top:0;
  background:linear-gradient(180deg, rgba(7,8,10,.96), rgba(8,10,13,.88));
  box-shadow:0 20px 48px rgba(0,0,0,.24);
}
.mobile-menu{
  top:86px;
  right:0;
  width:min(360px,100%);
  border-radius:0 0 0 24px;
}
.theme-tech .site-header,.theme-portfolio .site-header,.theme-home .site-header,.theme-plants .site-header,.theme-animals .site-header,.theme-manager .site-header{width:100%;max-width:none}
.section,.hero{padding-top:34px}

.universal-footer-wrap{
  width:100%;
  margin-top:64px;
  padding:0;
  border-top:1px solid rgba(255,255,255,.12);
  background:
    radial-gradient(circle at 20% 18%, rgba(var(--accent-rgb),.14), transparent 28%),
    linear-gradient(180deg, #16110b 0%, #110d09 48%, #0d0907 100%);
}
.universal-footer{
  position:relative;
  width:100%;
  padding:28px clamp(20px,3.2vw,42px) 18px;
  display:grid;
  gap:18px;
}
.universal-footer::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0));
  pointer-events:none;
}
.universal-footer__top,
.universal-footer__row,
.universal-footer__bottom{
  position:relative;
  z-index:1;
}
.universal-footer__top{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) auto auto;
  gap:18px;
  align-items:center;
  padding-bottom:18px;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.universal-footer__brandlock{display:flex;align-items:center;gap:16px;min-width:0}
.universal-footer__mark{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.3))}
.universal-footer__brand{font-size:1.55rem;font-weight:900;letter-spacing:.03em}
.universal-footer__sub{font-size:.82rem;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}
.universal-footer__phone{font-size:clamp(1.5rem,2.8vw,2.3rem);font-family:Georgia,serif;letter-spacing:.06em;white-space:nowrap}
.universal-footer__topcopy{color:rgba(244,237,226,.76);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;text-align:right}
.universal-footer__rows{display:grid;gap:0;border-top:1px solid rgba(255,255,255,.06)}
.universal-footer__row{display:grid;grid-template-columns:minmax(140px,180px) minmax(0,1fr);gap:18px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.universal-footer__label{font-size:.76rem;letter-spacing:.26em;text-transform:uppercase;color:#b89658}
.universal-footer__value{display:flex;flex-wrap:wrap;gap:14px;align-items:center;color:rgba(244,237,226,.86);line-height:1.8}
.universal-footer__contact span{color:var(--muted)}
.universal-footer__cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:999px;background:var(--accent);color:#120f0b;font-weight:800;border:1px solid rgba(0,0,0,.08)}
.universal-footer__cta--ghost{background:transparent;color:var(--text);border-color:rgba(255,255,255,.14)}
.universal-footer__socials{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;width:100%}
.universal-footer__socials a{display:flex;align-items:center;gap:12px;min-height:56px;padding:0 14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);color:rgba(244,237,226,.86);transition:transform .2s ease,border-color .2s ease,background .2s ease}
.universal-footer__socials a:hover{transform:translateY(-2px);border-color:rgba(var(--accent-rgb),.34);background:rgba(255,255,255,.05)}
.social-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;font-size:.74rem;font-weight:900;letter-spacing:.03em;background:rgba(255,255,255,.12);color:#fff;flex:0 0 auto}
.social-icon--linkedin{background:#0A66C2}
.social-icon--hashnode{background:#2962FF}
.social-icon--github{background:#24292f}
.social-icon--stackoverflow{background:#f48024}
.social-icon--kaggle{background:#20BEFF}
.social-icon--x{background:#111}
.social-icon--youtube{background:#ff0033}
.universal-footer__bottom{padding-top:4px;color:rgba(244,237,226,.58);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase}

body[data-page="posts-studio"] .post-studio > .universal-footer-wrap{
  width:100%;
  max-width:100%;
  margin:28px 0 0;
  padding-bottom:0;
  border-radius:0;
}
body[data-page="posts-studio"] .post-studio > .universal-footer-wrap .universal-footer{
  padding:32px clamp(24px,4vw,56px) 18px;
}

.story-wall{max-width:none !important;width:100% !important}
.story-card--feedback{
  width:100%;
  padding:clamp(22px,2.4vw,32px) !important;
  border-radius:28px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025)),
    radial-gradient(circle at 100% 0%, rgba(var(--accent-rgb),.12), transparent 30%);
}
.story-feedback-head{gap:18px;padding-bottom:0}
.story-feedback-head h3{font-size:clamp(2rem,4vw,3.4rem);line-height:.96;max-width:11ch}
.story-feedback-head p{max-width:74ch;color:rgba(244,237,226,.8)}
.story-feedback-meta{gap:10px}
.story-feedback-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:18px;margin:8px 0 20px}
.story-feedback-lead,
.story-studio-rail{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);padding:18px}
.story-feedback-lead{display:grid;gap:14px}
.story-feedback-lead__kicker{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:#ccb086}
.story-feedback-lead h4,.story-studio-rail__head h4{margin:0;font-size:1.45rem}
.story-feedback-lead p{margin:0;color:rgba(244,237,226,.78);line-height:1.85}
.story-feedback-lead__stats{display:flex;flex-wrap:wrap;gap:10px}
.story-studio-rail{display:grid;gap:14px}
.story-studio-rail__head{display:flex;justify-content:space-between;gap:14px;align-items:end}
.story-studio-rail__head span{color:var(--muted);font-size:.82rem}
.story-studio-rail__list{display:grid;gap:10px}
.story-rail-card{border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.12);padding:14px;display:grid;gap:8px}
.story-rail-card__meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}
.story-rail-card h4{margin:0;font-size:1rem;line-height:1.35}
.story-rail-card p{margin:0;color:rgba(244,237,226,.74);line-height:1.65;font-size:.92rem}
.story-rail-card--empty{min-height:140px;place-content:center}
.story-comments--feedback{padding:22px;border-radius:24px;background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.018));border:1px solid rgba(255,255,255,.08)}
.story-comments__head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid rgba(255,255,255,.08)}
.story-comments__head h4{margin:0;font-size:1.08rem}
.story-comment{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;padding:16px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.02)}
.story-comment__avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:999px;background:linear-gradient(135deg, rgba(var(--accent-rgb),.28), rgba(255,255,255,.08));font-size:.82rem;font-weight:900;letter-spacing:.08em;color:var(--text)}
.story-comment__main{display:grid;gap:8px;min-width:0}
.story-comment__head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}
.story-comment__head strong{font-size:1rem}
.story-comment__head span{color:var(--muted);font-size:.8rem}
.story-comment__body{color:rgba(244,237,226,.88);line-height:1.8}
.story-comment__replies{padding-left:16px;border-left:1px solid rgba(255,255,255,.08);margin-top:8px}
.story-comment--depth-1{background:rgba(255,255,255,.035)}
.story-form{margin-top:18px;display:grid;gap:16px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08)}
.story-form__grid{gap:12px}
.story-form label{display:grid;gap:8px}
.story-form input,.story-form textarea{width:100%;border:1px solid rgba(255,255,255,.1);background:rgba(7,8,10,.82);color:var(--text);padding:14px 16px;outline:none}
.story-form input:focus,.story-form textarea:focus{border-color:rgba(var(--accent-rgb),.45);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.12)}
.story-upload-preview{min-height:108px;border:1px dashed rgba(255,255,255,.14);background:rgba(255,255,255,.015)}
.story-form__actions{justify-content:flex-end}
@media (max-width:1220px){
  .universal-footer__socials{grid-template-columns:repeat(3,minmax(0,1fr))}
  .story-feedback-grid{grid-template-columns:1fr}
}
@media (max-width:900px){
  .universal-footer__top{grid-template-columns:1fr;align-items:start}
  .universal-footer__topcopy{text-align:left}
  .universal-footer__row{grid-template-columns:1fr}
  .universal-footer__socials{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .site-header{height:78px;padding-inline:12px}
  .mobile-menu{top:78px;width:100%}
  .shell{width:min(calc(100% - 20px),var(--max))}
  .story-card--feedback{padding:18px !important}
  .story-feedback-head h3{max-width:none;font-size:clamp(2rem,10vw,3rem)}
  .story-comment{grid-template-columns:1fr}
  .story-comment__avatar{width:38px;height:38px}
  .universal-footer__socials{grid-template-columns:1fr}
}

/* --- v39 analytics, logo brand, modern vertical scroll, tighter edit spacing --- */
html{
  scroll-behavior:smooth;
  scrollbar-gutter:stable both-edges;
}
body{
  scrollbar-width:thin;
  scrollbar-color:rgba(231,191,134,.78) rgba(255,255,255,.06);
}
body::-webkit-scrollbar,
main::-webkit-scrollbar,
textarea::-webkit-scrollbar,
.manager-panel.sidebar::-webkit-scrollbar,
.story-comments__thread::-webkit-scrollbar{
  width:12px;
  height:12px;
}
body::-webkit-scrollbar-track,
main::-webkit-scrollbar-track,
textarea::-webkit-scrollbar-track,
.manager-panel.sidebar::-webkit-scrollbar-track,
.story-comments__thread::-webkit-scrollbar-track{
  background:rgba(255,255,255,.04);
}
body::-webkit-scrollbar-thumb,
main::-webkit-scrollbar-thumb,
textarea::-webkit-scrollbar-thumb,
.manager-panel.sidebar::-webkit-scrollbar-thumb,
.story-comments__thread::-webkit-scrollbar-thumb{
  border-radius:999px;
  border:2px solid rgba(7,8,10,.88);
  background:linear-gradient(180deg, rgba(231,191,134,.95), rgba(166,107,67,.92));
}
body::-webkit-scrollbar-thumb:hover,
main::-webkit-scrollbar-thumb:hover,
textarea::-webkit-scrollbar-thumb:hover,
.manager-panel.sidebar::-webkit-scrollbar-thumb:hover,
.story-comments__thread::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg, rgba(244,205,151,.98), rgba(180,120,77,.94));
}
.scroll-progress{
  height:4px;
  background:linear-gradient(90deg, rgba(231,191,134,.96), rgba(255,255,255,.82));
  box-shadow:0 0 18px rgba(231,191,134,.36);
}
.brand{
  display:grid;
  grid-template-columns:auto auto;
  grid-template-rows:auto auto;
  align-items:center;
  column-gap:12px;
  row-gap:3px;
}
.brand::before{
  content:"";
  width:42px;
  height:42px;
  grid-row:1 / span 2;
  background:url('assets/pulseboard-mark.svg') center/contain no-repeat;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.28));
}
.brand span{display:block;line-height:1;}
.brand span:first-of-type,.brand span:last-of-type{grid-column:2;}
.site-header{padding-inline:clamp(8px,1.7vw,20px)}
.nav{gap:clamp(12px,1.35vw,26px)}
.nav a{font-size:.72rem}
.theme-manager .manager-shell{
  padding-top:96px;
  display:grid;
  gap:12px;
}
.theme-manager .cinematic-intro{padding-top:10px;padding-bottom:0}
.theme-manager .manager-hero{padding:24px 26px}
.theme-manager .manager-main{margin-top:10px}
.theme-manager .manager-panel.content{padding-top:18px}
.theme-manager .cinematic-intro__stage{min-height:clamp(320px,48vh,500px)}
.theme-manager .cinematic-intro__content{min-height:clamp(320px,48vh,500px);max-width:min(700px,54%)}
.theme-manager .cinematic-intro__content h1{font-size:clamp(2.6rem,4.8vw,4.8rem)}

.analytics-main{
  padding-top:108px;
  padding-bottom:64px;
  display:grid;
  gap:22px;
}
.analytics-hero{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) auto;
  gap:18px;
  padding:26px 28px;
  border-radius:30px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(160deg, rgba(18,14,12,.95), rgba(46,31,23,.78));
  box-shadow:0 24px 60px rgba(0,0,0,.24);
}
.analytics-hero h1{margin:10px 0 14px;font-size:clamp(2.3rem,4.2vw,4rem);line-height:.94;max-width:12ch}
.analytics-hero p{margin:0;max-width:78ch;color:rgba(244,237,226,.8);line-height:1.85}
.analytics-hero__actions{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;justify-content:flex-end}
.analytics-kpis{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:14px;
}
.analytics-kpi,
.analytics-mini-card,
.analytics-stat,
.analytics-chart-card,
.analytics-panel{
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(18,14,12,.93), rgba(25,18,14,.88));
  box-shadow:0 20px 50px rgba(0,0,0,.18);
}
.analytics-kpi{
  display:grid;
  gap:8px;
  padding:16px 18px;
  border-radius:22px;
}
.analytics-kpi span{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(244,237,226,.55)}
.analytics-kpi strong{font-size:clamp(1.35rem,2.4vw,2rem);line-height:1;font-weight:900}
.analytics-layout{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);
  gap:18px;
}
.analytics-column{display:grid;gap:18px;align-content:start}
.analytics-panel{display:grid;gap:18px;padding:24px;border-radius:30px}
.analytics-panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap}
.analytics-panel__head h2,.analytics-panel__head h3{margin:8px 0 0;font-size:clamp(1.35rem,2.8vw,2rem)}
.analytics-chart-note{color:rgba(244,237,226,.62);font-size:.92rem;line-height:1.7;margin:0}
.analytics-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.analytics-chart-card{display:grid;gap:14px;padding:18px;border-radius:24px}
.analytics-chart-card h3{margin:0;font-size:1.04rem}
.analytics-chart{width:100%;height:auto;display:block;border-radius:12px}
.analytics-chart-card__head{display:grid;gap:4px}
.analytics-donut-wrap{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.analytics-donut-wrap .analytics-chart{flex:0 0 auto;width:min(240px,100%)}
.analytics-donut-wrap .analytics-legend{flex:1 1 180px}
.analytics-legend{display:grid;gap:8px;margin-top:12px}
.analytics-legend span{display:flex;align-items:center;gap:8px;color:rgba(244,237,226,.8);font-size:.88rem;line-height:1.5}
.analytics-legend i{width:11px;height:11px;border-radius:999px;display:inline-block;flex-shrink:0}
.analytics-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.analytics-mini-card{display:grid;gap:10px;padding:16px 18px;border-radius:22px}
.analytics-mini-card span:first-child{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(244,237,226,.55)}
.analytics-mini-card strong{font-size:1.7rem;line-height:1;font-weight:900}
.analytics-mini-card span:last-child{font-size:.9rem;color:rgba(244,237,226,.68);line-height:1.7}
.analytics-table{display:grid;gap:12px}
.analytics-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.analytics-row:last-child{border-bottom:0;padding-bottom:0}
.analytics-row strong{display:block;margin-bottom:6px;font-size:.98rem}
.analytics-row span{display:block;color:rgba(244,237,226,.6);font-size:.88rem;line-height:1.65}
.analytics-row em{font-style:normal;font-weight:800;color:#f4ede2;white-space:nowrap}
.analytics-note,.analytics-empty{padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.035);color:rgba(244,237,226,.7);line-height:1.75}
.analytics-stacked-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.analytics-subgrid{display:grid;gap:18px}
.analytics-toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between}
.analytics-export-hint{color:rgba(244,237,226,.55);font-size:.82rem;line-height:1.7}
.analytics-table--tight .analytics-row{padding:11px 0}
.analytics-badges{display:flex;gap:10px;flex-wrap:wrap}
.analytics-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(244,237,226,.74)}
.analytics-report-link{display:inline-flex;align-items:center;gap:8px}
@media (max-width:1200px){
  .analytics-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
  .analytics-layout{grid-template-columns:1fr}
}
@media (max-width:900px){
  .analytics-hero{grid-template-columns:1fr}
  .analytics-chart-grid,.analytics-stacked-grid,.analytics-mini-grid{grid-template-columns:1fr}
  .analytics-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .analytics-main{padding-top:92px}
  .analytics-kpis{grid-template-columns:1fr}
  .analytics-panel{padding:18px}
}


.theme-manager .noise,.theme-manager .hero-glow{display:none !important}
.theme-manager .universal-footer-wrap{margin-top:22px;padding-bottom:0}
.theme-manager .manager-helper.social-admin-panel{margin-top:16px}
.social-admin-panel__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.social-admin-panel__text{margin:0 0 12px;color:var(--muted);line-height:1.75}
.social-admin-list{display:grid;gap:10px}
.social-admin-empty{padding:14px;border-radius:16px;border:1px dashed rgba(255,255,255,.1);background:rgba(255,255,255,.02);color:var(--muted)}
.social-admin-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:12px 14px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025)}
.social-admin-card__main{display:flex;align-items:center;gap:12px;min-width:0}
.social-admin-card__main strong{display:block}
.social-admin-card__main p{margin:2px 0 0;color:var(--muted);font-size:.85rem;word-break:break-all}
.social-admin-card__actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.social-icon--generic{background:rgba(255,255,255,.12)}
.social-icon__image{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}
.cinematic-intro__audio{position:absolute;right:20px;bottom:20px;z-index:2;background:rgba(8,10,13,.86);backdrop-filter:none;display:inline-flex;align-items:center;gap:10px;border-color:rgba(255,255,255,.14);color:var(--text);font-weight:700}
.cinematic-intro__audio[aria-pressed="true"]{border-color:rgba(233,193,124,.55);box-shadow:0 0 0 1px rgba(233,193,124,.16) inset,0 10px 24px rgba(0,0,0,.22)}
.cinematic-intro__audio span[aria-hidden="true"]{font-size:1rem;line-height:1}
.cinematic-intro__poster--static{opacity:.88;mix-blend-mode:normal}
.universal-footer__socials .social-icon--generic{background:rgba(255,255,255,.12)}

/* v50 visual polish for clearer multilingual UI */
.site-header{background:linear-gradient(180deg, rgba(7,10,14,.88), rgba(7,10,14,.72));border-color:rgba(255,246,232,.14);box-shadow:0 20px 44px rgba(0,0,0,.34)}
.nav a{color:rgba(232,221,205,.78)}
.nav a:hover,.nav a.is-active{color:#fff1db}
.hero__copy,.cinematic-intro__stage,.panel,.footer-box,.video-card,.catalog-card,.media-stage,.info-card,.split-card,.tool-card,.case-card,.media-card{box-shadow:0 22px 60px rgba(0,0,0,.28)}
.catalog-card,.video-card,.media-stage{background:linear-gradient(180deg, rgba(20,15,12,.72), rgba(13,11,10,.88))}
.catalog-subtitle,.video-card__meta h3,.media-stage__body h3{color:#f7e7d0}
.button{background:linear-gradient(135deg, #f0c98e, #d9a75f);color:#1c130a}
.ghost-button{background:rgba(255,255,255,.03)}
.ghost-button:hover{background:rgba(255,255,255,.06)}
.yt-shell__play{background:radial-gradient(circle at 30% 30%, rgba(30,38,52,.92), rgba(10,14,20,.92));border-color:rgba(255,255,255,.28)}
.yt-shell__label{font-weight:700;letter-spacing:.12em;color:#fff3e4}
.section-head p,.catalog-card p,.catalog-meta,.catalog-focus,.hero__copy p,.cinematic-intro__content p{font-weight:500}

/* --- v53 restore v43 pulse stories + improved mobile nav + tighter mobile scale --- */
.mobile-menu{
  display:grid;
  gap:10px;
  max-height:min(calc(100vh - 96px), 82svh);
  overflow:auto;
  overscroll-behavior:contain;
}
.mobile-menu__utilities{
  display:grid;
  gap:10px;
  margin-top:6px;
  padding-top:10px;
  border-top:1px solid rgba(255,255,255,.08);
}
.mobile-menu__title{
  font-size:.68rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:rgba(233,193,124,.88);
  padding:0 4px;
}
.mobile-menu__actions{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
}
.mobile-menu__action,
.mobile-menu__badge{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  width:100%;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));
  color:var(--text);
  font-weight:700;
  text-align:center;
}
button.mobile-menu__action{cursor:pointer;font:inherit}
.mobile-menu__badge{
  color:rgba(244,237,226,.72);
  font-weight:600;
}

.story-feedback-head h3{max-width:8ch}
.story-feedback-head p{margin:14px 0 0;max-width:70ch;color:rgba(244,237,226,.78);line-height:1.85}
.story-feedback-meta{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;align-self:end}
.story-feedback-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:18px;margin:10px 0 18px}
.story-feedback-lead,
.story-studio-rail,
.story-comments-panel,
.story-compose-sheet,
.story-comments--overlay,
.story-comment,
.story-comment-preview,
.story-rail-card{
  border:0 !important;
  box-shadow:0 18px 40px rgba(0,0,0,.16);
}
.story-feedback-lead,
.story-studio-rail,
.story-comments-panel,
.story-comments--overlay{
  background:linear-gradient(180deg, rgba(255,255,255,.032), rgba(255,255,255,.018));
}
.story-feedback-lead{padding:20px 22px;display:grid;gap:14px;border-radius:28px;align-content:start;min-height:100%}
.story-feedback-lead h4{margin:0;font-size:clamp(1.35rem,2.4vw,1.8rem);line-height:1.18;max-width:18ch}
.story-feedback-lead__stats{display:flex;flex-wrap:wrap;gap:10px}
.story-studio-rail{padding:18px;border-radius:28px;display:grid;gap:14px}
.story-studio-rail__head{display:flex;justify-content:space-between;gap:14px;align-items:end}
.story-studio-rail__head span{color:rgba(244,237,226,.56);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}
.story-rail-card{padding:14px 15px;border-radius:20px;background:rgba(255,255,255,.022);display:grid;gap:8px}
.story-comments-panel{padding:22px 24px;border-radius:30px;display:grid;gap:16px}
.story-comments-panel__head{display:flex;justify-content:space-between;gap:12px;align-items:end;flex-wrap:wrap}
.story-comments-panel__head h4{margin:6px 0 0;font-size:1.22rem}
.story-comments-panel__head span{color:rgba(244,237,226,.56);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase}
.story-comments-panel__actions{display:flex;flex-wrap:wrap;gap:12px}
.story-comment-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.story-comment-preview{padding:16px 16px 15px;border-radius:22px;background:rgba(255,255,255,.02);display:grid;gap:10px}
.story-comment-preview--empty{place-items:start;min-height:132px}
.story-comment-preview__meta{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;flex-wrap:wrap}
.story-comment-preview__meta strong{font-size:.95rem}
.story-comment-preview__meta span{color:rgba(244,237,226,.54);font-size:.74rem;letter-spacing:.08em}
.story-comment-preview__text{color:rgba(244,237,226,.82);line-height:1.75;font-size:.92rem}
.story-comment-preview__foot{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;color:rgba(244,237,226,.56);font-size:.78rem}
.story-comments--feedback{padding:0;border-radius:0;background:transparent;border:0;box-shadow:none}
.story-comments__head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:0;margin:0 0 14px;border-bottom:0}
.story-comments__head h4{margin:0;font-size:1.05rem}
.story-comments__thread{display:grid;gap:14px;max-height:min(60vh,680px);padding-right:6px}
.story-comment{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;padding:16px 18px;border-radius:24px;background:rgba(255,255,255,.02)}
.story-comment__status{font-size:.78rem;color:rgba(110,200,255,.9);padding:9px 12px;border-radius:14px;background:rgba(28,88,140,.18);border:0}
.story-comment__actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.story-comment__replycount{font-size:.78rem;color:rgba(244,237,226,.52);letter-spacing:.08em;text-transform:uppercase}
.story-comment__replies{padding-left:18px;margin-top:2px;display:grid;gap:10px;border-left:0;position:relative}
.story-comment__replies::before{content:'';position:absolute;left:0;top:4px;bottom:4px;width:2px;border-radius:999px;background:linear-gradient(180deg, rgba(var(--accent-rgb),.4), rgba(255,255,255,0))}
.story-comment--depth-1{background:rgba(255,255,255,.03)}
.story-comment__empty{padding:18px;border-radius:22px;background:rgba(255,255,255,.024);color:rgba(244,237,226,.62)}
.story-compose-overlay{position:fixed;inset:0;display:grid;place-items:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .22s ease;z-index:80}
.story-compose-overlay.is-open{opacity:1;pointer-events:auto}
.story-compose-overlay.is-closing{opacity:0;pointer-events:none;transition:opacity .22s ease}
.story-compose-overlay__backdrop{position:absolute;inset:0;border:0;background:rgba(7,9,12,.74);backdrop-filter:none;cursor:default}
.story-compose-sheet{position:relative;width:min(1220px,calc(100vw - 28px));max-height:min(90vh,980px);overflow-y:auto;overflow-x:hidden;padding:24px;border-radius:34px;background:linear-gradient(180deg, rgba(16,13,11,.98), rgba(29,22,18,.95));display:grid;gap:20px;transform:scale(0.96) translateY(16px);opacity:0;transition:transform .22s cubic-bezier(.32,.08,.24,1),opacity .22s ease}
.story-compose-overlay.is-open .story-compose-sheet{transform:scale(1) translateY(0);opacity:1}
.story-compose-overlay.is-closing .story-compose-sheet{transform:scale(0.96) translateY(16px);opacity:0;transition:transform .22s cubic-bezier(.32,.08,.24,1),opacity .22s ease}
.story-compose-sheet__top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:start;position:sticky;top:0;z-index:2;background:linear-gradient(180deg,rgba(16,13,11,1) 80%,rgba(16,13,11,0));padding-bottom:14px;margin-bottom:-6px}
.story-compose-sheet__close{flex-shrink:0;align-self:start}
.story-compose-sheet__top h4{margin:8px 0 0;font-size:clamp(1.5rem,2.8vw,2.2rem)}
.story-compose-sheet__top p{margin:12px 0 0;color:rgba(244,237,226,.76);line-height:1.82;max-width:74ch}
.story-compose-sheet__stats{display:flex;gap:10px;flex-wrap:wrap}
.story-compose-sheet__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:18px;align-items:start}
.story-compose-sheet__threadcol,.story-compose-sheet__formcol{min-width:0}
.story-comments--overlay{padding:20px;border-radius:28px}
.story-form--overlay{padding:20px;border-radius:28px;background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.016));box-shadow:0 18px 40px rgba(0,0,0,.16)}
.story-form__optional{display:grid;gap:14px;padding:16px;border-radius:22px;background:rgba(255,255,255,.022)}
.story-form__optional summary{cursor:pointer;list-style:none;font-size:.84rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(244,237,226,.62)}
.story-form__optional summary::-webkit-details-marker{display:none}
.story-form__optional[open]{gap:14px}
.story-emoji-note{color:rgba(244,237,226,.54);font-size:.8rem;line-height:1.6}
.story-form__message{min-height:1.4em;color:rgba(244,237,226,.66)}
body.story-overlay-open{overflow:hidden}
.story-feedback-lead__desc{margin:0;color:rgba(244,237,226,.8);line-height:1.8}
.story-feedback-lead__media{display:grid;gap:10px}
.story-feedback-video{position:relative;border:1px solid rgba(255,255,255,.08);border-radius:22px;overflow:hidden;min-height:260px;background:rgba(0,0,0,.24)}
.story-feedback-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.story-feedback-video__meta{display:flex;gap:10px;flex-wrap:wrap;align-items:center}

.floating-wa{
  right:max(14px, calc(10px + env(safe-area-inset-right)));
  bottom:max(14px, calc(10px + env(safe-area-inset-bottom)));
}
body.menu-open .floating-wa{
  opacity:0;
  pointer-events:none;
  transform:translateY(10px);
}

@media (max-width: 1220px){
  .story-comment-preview-grid{grid-template-columns:1fr}
}
@media (max-width: 980px){
  .story-feedback-head{grid-template-columns:1fr}
  .story-feedback-meta{justify-content:flex-start}
  .story-feedback-grid,.story-compose-sheet__grid{grid-template-columns:1fr}
}
@media (max-width: 760px){
  html{font-size:15px}
  .site-header{height:72px;padding-inline:10px}
  .mobile-menu{top:72px;left:0;right:0;width:100%;max-width:none;border-radius:0 0 22px 22px;padding:14px 12px 18px;max-height:min(calc(100vh - 72px), 88svh)}
  .mobile-menu a{padding:13px 14px;border-radius:14px}
  .brand{font-size:.68rem;gap:2px}
  .shell{width:min(calc(100% - 16px), var(--max))}
  .hero,.section{padding-top:18px !important;padding-bottom:28px !important}
  .hero__top,.section-head{gap:14px;margin-bottom:14px}
  .hero__copy,.hero__visual,.panel,.footer-box,.video-card,.info-card,.split-card,.tool-card,.media-card,.case-card,.analytics-panel,.analytics-kpi,.analytics-chart-card,.analytics-mini-card{padding:14px !important;border-radius:20px !important}
  .hero__copy,.hero__visual{min-height:auto !important}
  .hero__copy h1,.panel h2,.section-head h2,.analytics-hero h1{font-size:clamp(1.9rem,10vw,3rem) !important;line-height:.98 !important;max-width:none}
  .hero__copy p,.panel p,.case-card p,.analytics-hero p,.analytics-chart-note{font-size:.92rem;line-height:1.7}
  .stats-grid,.tool-grid,.case-grid,.feature-grid,.video-grid,.rail-grid,.analytics-chart-grid,.analytics-mini-grid,.analytics-stacked-grid{gap:10px !important}
  .stat{padding:14px 16px;border-radius:18px}
  .stat__value{font-size:clamp(1.6rem,9vw,2.5rem)}
  .post-studio,.analytics-main,.manager-shell{padding-top:86px;gap:16px}
  .analytics-hero{padding:18px 16px !important;border-radius:22px !important}
  .analytics-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .analytics-kpi strong{font-size:1.45rem}
  .post-layout,.post-history-grid,.post-history-grid--secondary,.manager-main{grid-template-columns:1fr !important;gap:14px !important}
  .story-card--feedback{padding:18px !important}
  .story-feedback-head h3{max-width:none;font-size:clamp(2rem,10vw,3rem)}
  .story-compose-overlay{padding:12px}
  .story-compose-sheet{width:min(100vw - 12px,1220px);padding:16px;border-radius:24px}
  .story-compose-sheet__top{grid-template-columns:minmax(0,1fr) auto}
  .story-comment{grid-template-columns:1fr}
  .story-comment__avatar{width:38px;height:38px}
  .story-form__grid,.story-form__grid--upload{grid-template-columns:1fr}
  .story-feedback-video{min-height:220px}
  .floating-wa{right:max(10px, calc(8px + env(safe-area-inset-right)));bottom:max(10px, calc(8px + env(safe-area-inset-bottom)));padding:11px 13px;min-height:52px;min-width:52px;box-shadow:0 14px 28px rgba(0,0,0,.28)}
  .floating-wa svg{width:20px;height:20px}
}


/* --- v54 post studio restore + tighter mobile header --- */
.post-analytics-hero{margin:0 0 18px}
.post-analytics-kpis{margin:0 0 18px}
.post-analytics-layout{margin:0 0 22px}
@media (max-width:760px){
  .site-header{display:grid !important;grid-template-columns:auto minmax(0,1fr) auto !important;align-items:center;gap:8px !important;height:auto !important;min-height:72px;padding:10px 10px !important}
  .brand{min-width:0}
  .header-tools{display:flex !important;align-items:center;justify-content:flex-end;gap:8px !important;min-width:0;justify-self:end}
  .header-tools > *{min-width:0}
  .site-language-switcher{max-width:150px !important;padding:0 12px !important;min-height:44px !important}
  .site-language-switcher select{min-width:0 !important;width:100%;max-width:94px;font-size:.94rem !important}
  .site-language-switcher__label{font-size:.62rem !important;letter-spacing:.14em !important}
  .menu-toggle{display:inline-flex !important;flex:0 0 44px !important;width:44px !important;height:44px !important}
  .post-studio,.analytics-main,.manager-shell{padding-top:86px !important;padding-bottom:112px !important;gap:14px !important}
  .post-stats{margin:12px 0 14px !important}
  .post-history-grid,.post-history-grid--secondary,.post-layout{gap:14px !important;margin-bottom:14px !important}
  .post-history-panel,.post-list-panel,.post-editor-panel,.post-audit,.analytics-panel,.panel{padding:16px !important;border-radius:22px !important}
  .post-history-copy,.post-history-lanes,.analytics-kpis{grid-template-columns:1fr !important}
  .floating-wa{right:max(12px, calc(8px + env(safe-area-inset-right))) !important;bottom:max(12px, calc(8px + env(safe-area-inset-bottom))) !important;padding:10px 12px !important;min-height:48px !important;min-width:48px !important;border-radius:999px !important}
  .floating-wa svg{width:18px !important;height:18px !important}
}


/* Post Studio learning tables */
.study-lab{padding:22px;border-radius:28px;display:grid;gap:18px;margin:0 0 20px;min-height:clamp(880px,92vh,1320px)}
.study-lab .study-layout{min-height:clamp(680px,72vh,1020px)}
.study-lab .study-board{min-height:clamp(560px,64vh,900px)}
.study-lab .study-side{align-self:stretch}
.study-topbar{display:grid;grid-template-columns:minmax(0,.86fr) minmax(320px,1.14fr);gap:16px;align-items:start}
.study-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.study-tab{padding:16px 18px;border-radius:22px;border:1px solid var(--line);background:rgba(255,255,255,.035);color:var(--text);display:grid;gap:6px;text-align:left}
.study-tab strong{font-size:1rem}
.study-tab span{font-size:.8rem;color:var(--muted)}
.study-tab.is-active{border-color:rgba(var(--accent-rgb),.4);background:linear-gradient(180deg,rgba(var(--accent-rgb),.13),rgba(255,255,255,.03));box-shadow:0 10px 30px rgba(0,0,0,.18)}
.study-controls{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:12px;align-items:end}
.study-controls label{display:grid;gap:8px;color:var(--muted);font-size:.82rem}
.study-control-buttons{display:flex;gap:10px;flex-wrap:wrap;grid-column:1 / -1}
.study-statusbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.study-status-card{padding:16px;border-radius:20px;border:1px solid var(--line);background:rgba(255,255,255,.035);display:grid;gap:6px}
.study-status-card span{font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(244,237,226,.5)}
.study-status-card strong{font-size:1.35rem;line-height:1.1}
.study-status-card small{color:var(--muted)}
.study-challenge{padding:16px 18px;border-radius:22px;border:1px solid var(--line);background:rgba(255,255,255,.03);display:grid;gap:8px}
.study-challenge[data-state="active"]{border-color:rgba(119,208,255,.32);background:rgba(119,208,255,.08)}
.study-challenge[data-state="success"]{border-color:rgba(123,222,161,.36);background:rgba(123,222,161,.11)}
.study-challenge[data-state="error"]{border-color:rgba(255,132,132,.36);background:rgba(255,132,132,.11)}
.study-challenge strong{font-size:1.02rem}
.study-challenge span{color:var(--muted)}
.study-layout{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(320px,.86fr);gap:18px;align-items:start}
.study-board{padding:18px;border-radius:24px;border:1px solid var(--line);background:rgba(255,255,255,.025);min-height:420px}
.study-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
.study-grid--colors{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
.study-grid--roles{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.study-card{position:relative;padding:14px;border-radius:20px;border:1px solid var(--line);background:rgba(255,255,255,.035);color:var(--text);display:grid;gap:8px;text-align:left;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.study-card:hover{transform:translateY(-2px);border-color:rgba(var(--accent-rgb),.3);box-shadow:0 12px 28px rgba(0,0,0,.2)}
.study-card.is-selected{border-color:rgba(var(--accent-rgb),.55);box-shadow:0 0 0 1px rgba(var(--accent-rgb),.18),0 16px 34px rgba(0,0,0,.24)}
.study-card.is-learned::after{content:'✓';position:absolute;top:10px;right:12px;width:24px;height:24px;border-radius:999px;display:grid;place-items:center;background:rgba(123,222,161,.16);color:#b3ffd3;font-weight:900;font-size:.88rem}
.study-card__micro{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(244,237,226,.56)}
.study-card strong{font-size:1rem;line-height:1.2}
.study-card span{color:var(--muted)}
.study-card--color{min-height:110px;justify-content:end;background:linear-gradient(180deg, color-mix(in srgb, var(--card-color) 88%, #081015), color-mix(in srgb, var(--card-color) 72%, #03070a));color:var(--card-contrast)}
.study-card--color .study-card__micro,.study-card--color span{color:color-mix(in srgb, var(--card-contrast) 84%, transparent)}
.study-card--color strong{font-size:1.02rem;color:var(--card-contrast)}
.periodic-wrap{overflow:auto;padding-bottom:6px}
.periodic-grid{display:grid;grid-template-columns:repeat(18,minmax(58px,1fr));grid-template-rows:repeat(9,minmax(74px,auto));gap:8px;min-width:1120px}
.study-card--chem,.periodic-placeholder{grid-column:var(--col);grid-row:var(--row)}
.study-card--chem{min-height:74px;padding:10px;background:linear-gradient(180deg, color-mix(in srgb, var(--cell-color) 90%, #0b1115), color-mix(in srgb, var(--cell-color) 66%, #05090d));color:#f7efe5}
.study-card__number{font-size:.68rem;letter-spacing:.08em;color:rgba(247,239,229,.72)}
.study-card__label{font-size:.68rem;line-height:1.25;color:rgba(247,239,229,.85)}
.study-card--chem strong{font-size:1.15rem}
.study-card--chem small{font-size:.66rem;color:rgba(247,239,229,.72)}
.periodic-placeholder{padding:10px;border-radius:18px;border:1px dashed rgba(255,255,255,.12);display:grid;align-content:center;gap:4px;background:rgba(255,255,255,.025);color:var(--muted)}
.periodic-placeholder strong{font-size:1rem;color:var(--text)}
.study-card--role{min-height:148px;background:linear-gradient(180deg, color-mix(in srgb, var(--cell-color) 22%, rgba(255,255,255,.04)), rgba(255,255,255,.03))}
.study-card__code{display:inline-flex;align-items:center;justify-content:center;min-width:52px;padding:7px 10px;border-radius:999px;background:rgba(var(--accent-rgb),.12);border:1px solid rgba(var(--accent-rgb),.18);font-weight:900;font-size:.82rem;letter-spacing:.08em}
.study-side{display:grid;gap:14px;position:sticky;top:104px}
.study-detail-card,.study-summary-card{padding:18px;border-radius:24px;border:1px solid var(--line);background:rgba(255,255,255,.03);display:grid;gap:14px}
.study-detail-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.study-detail-head h3{margin:0;font-size:1.35rem}
.study-detail-swatch{min-height:90px;border-radius:18px;padding:18px;display:grid;place-items:center;font-size:1.24rem;font-weight:900;letter-spacing:.08em}
.study-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.study-detail-grid div{padding:12px 14px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.025);display:grid;gap:6px}
.study-detail-grid span{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(244,237,226,.52)}
.study-detail-grid strong{font-size:1rem;line-height:1.4}
.study-memory-box{padding:14px 16px;border-radius:18px;background:rgba(var(--accent-rgb),.08);border:1px solid rgba(var(--accent-rgb),.16);display:grid;gap:8px}
.study-summary-card ul{margin:0;padding-left:18px;color:var(--muted);display:grid;gap:8px}
.study-summary-stack{display:grid;gap:14px}
@media (max-width:1260px){.study-topbar,.study-layout{grid-template-columns:1fr}.study-side{position:static}.study-statusbar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.study-tabs,.study-statusbar,.study-detail-grid,.study-controls{grid-template-columns:1fr}.study-control-buttons{grid-column:auto}.study-board{padding:14px;min-height:360px}.study-grid--colors,.study-grid--roles{grid-template-columns:1fr 1fr}.study-lab{padding:16px}.study-card--role{min-height:132px}}
@media (max-width:560px){.study-grid--colors,.study-grid--roles{grid-template-columns:1fr}.study-tab{padding:14px 16px}}

/* --- Comment center + moderation enhancements --- */
:root{
  --site-header-offset: 96px;
}
.story-card--feedback{
  width:min(100%, calc(var(--max) + 84px)) !important;
  margin-inline:auto !important;
}
.story-feedback-grid{
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr) !important;
}
.story-comments-panel{
  padding:24px 28px !important;
}
.story-comment-preview-grid{
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr)) !important;
}
.story-comment-preview{
  min-height:180px;
}
.story-compose-overlay{
  z-index:140 !important;
  align-items:start !important;
  padding:18px !important;
  padding-top:calc(var(--site-header-offset) + 14px) !important;
}
.story-compose-sheet{
  width:min(1680px, calc(100vw - 36px)) !important;
  max-height:calc(100vh - var(--site-header-offset) - 24px) !important;
  margin-inline:auto;
  border-radius:32px !important;
}
.story-compose-sheet__grid{
  grid-template-columns:minmax(0,1.2fr) minmax(380px,.8fr) !important;
}
.story-comments__thread{
  max-height:calc(100vh - var(--site-header-offset) - 250px) !important;
}
.comment-moderation-panel{
  margin-top:18px;
  padding:22px;
  display:grid;
  gap:18px;
}
.comment-moderation-lead{
  margin:0;
  color:rgba(244,237,226,.78);
  line-height:1.8;
}
.comment-moderation-list{
  display:grid;
  gap:14px;
}
.comment-moderation-card{
  padding:18px 20px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.025));
  display:grid;
  gap:14px;
}
.comment-moderation-card--empty{
  min-height:140px;
  align-content:center;
}
.comment-moderation-card__head{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:flex-start;
  flex-wrap:wrap;
}
.comment-moderation-meta,
.comment-moderation-submeta,
.comment-moderation-actions,
.comment-moderation-tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}
.comment-moderation-meta strong{font-size:1rem}
.comment-moderation-submeta{color:rgba(244,237,226,.56);font-size:.82rem;letter-spacing:.06em}
.comment-moderation-body{
  color:rgba(244,237,226,.88);
  line-height:1.78;
  word-break:break-word;
}
.comment-status-pill,
.comment-type-pill,
.comment-tag{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:32px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.1);
  font-size:.75rem;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:rgba(244,237,226,.8);
  background:rgba(255,255,255,.04);
}
.comment-status-pill.is-hidden{background:rgba(154,42,42,.18);border-color:rgba(255,120,120,.26)}
.comment-status-pill.is-visible{background:rgba(54,113,80,.18);border-color:rgba(114,220,146,.24)}
.comment-status-pill.is-moderated{background:rgba(140,103,28,.18);border-color:rgba(255,206,102,.25)}
.comment-moderation-reason{
  padding:12px 14px;
  border-radius:18px;
  background:rgba(255,255,255,.03);
  color:rgba(244,237,226,.68);
  line-height:1.7;
}
.ghost-button.is-danger{
  border-color:rgba(255,122,122,.26);
  color:rgba(255,202,202,.92);
}
.ghost-button.is-danger:hover{
  border-color:rgba(255,144,144,.42);
  background:rgba(255,88,88,.12);
}
@media (max-width: 1100px){
  .story-feedback-grid,
  .story-compose-sheet__grid{
    grid-template-columns:1fr !important;
  }
}
@media (max-width: 760px){
  :root{--site-header-offset: 82px;}
  .story-card--feedback{width:100% !important}
  .story-compose-overlay{
    padding:10px !important;
    padding-top:calc(var(--site-header-offset) + 8px) !important;
  }
  .story-compose-sheet{
    width:calc(100vw - 14px) !important;
    max-height:calc(100vh - var(--site-header-offset) - 14px) !important;
    padding:16px !important;
    border-radius:24px !important;
  }
  .comment-moderation-card__head{
    grid-template-columns:1fr;
  }
}
body[data-page="home"] [data-post-feed].story-wall{
  position:relative;
  left:50%;
  transform:translateX(-50%);
  width:min(1680px, calc(100vw - 36px)) !important;
  max-width:none !important;
}
@media (max-width: 760px){
  body[data-page="home"] [data-post-feed].story-wall{
    left:auto;
    transform:none;
    width:100% !important;
  }
}

/* --- v61 mobile clamp: sticky header, contained video, full-edge comment sheet --- */
@media (max-width:760px){
  :root{
    --site-header-offset:72px;
  }

  html,body{
    overflow-x:hidden;
  }

  .site-header{
    position:sticky !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    min-height:72px !important;
    height:72px !important;
    padding:8px 10px !important;
    border-radius:0 !important;
    border-left:0 !important;
    border-right:0 !important;
    border-top:0 !important;
    z-index:170 !important;
  }

  .mobile-menu,
  .game-mobile-menu{
    top:72px !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    border-radius:0 0 22px 22px !important;
  }

  .shell,
  .story-wall,
  .story-card,
  .catalog-card,
  .video-card,
  .media-frame,
  .media-frame--thumb,
  .media-frame--catalog,
  .yt-shell,
  .yt-shell iframe,
  .media-frame iframe,
  .story-feedback-video,
  .story-feedback-video iframe{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box;
  }

  .catalog-card,
  .video-card,
  .story-card,
  .story-card__layout,
  .story-card__content,
  .story-card__commentsCol,
  .catalog-card__body,
  .video-card__meta,
  .story-form,
  .story-form__grid,
  .story-form__grid--upload{
    min-width:0 !important;
  }

  .catalog-card,
  .video-card{
    overflow:hidden !important;
  }

  .media-frame,
  .media-frame--thumb,
  .media-frame--catalog,
  .video-card--uniform .media-frame,
  .story-feedback-video{
    min-height:180px !important;
    aspect-ratio:16 / 9;
    overflow:hidden !important;
  }

  .media-frame iframe,
  .yt-shell iframe,
  .story-feedback-video iframe{
    display:block;
    height:100% !important;
    border:0;
  }

  .catalog-card__actions,
  .video-card__actions,
  .story-comments-panel__actions{
    width:100%;
    display:grid !important;
    grid-template-columns:1fr 1fr;
    gap:10px !important;
  }

  .catalog-card__actions > *,
  .video-card__actions > *,
  .story-comments-panel__actions > *{
    min-width:0;
  }

  .story-compose-overlay{
    inset:72px 0 0 0 !important;
    z-index:160 !important;
    display:block !important;
    padding:0 !important;
    align-items:stretch !important;
    justify-items:stretch !important;
  }

  .story-compose-overlay__backdrop{
    inset:0 !important;
  }

  .story-compose-sheet{
    width:100% !important;
    max-width:none !important;
    height:calc(100dvh - 72px) !important;
    max-height:calc(100dvh - 72px) !important;
    margin:0 !important;
    padding:14px 14px calc(18px + env(safe-area-inset-bottom)) !important;
    border-radius:0 !important;
    border-left:0 !important;
    border-right:0 !important;
    border-bottom:0 !important;
  }

  .story-compose-sheet__grid{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  .story-comments--overlay,
  .story-form--overlay{
    border-radius:22px !important;
  }

  .story-comments__thread{
    max-height:none !important;
    padding-right:0 !important;
  }

  body[data-page="home"] [data-post-feed].story-wall{
    left:auto !important;
    transform:none !important;
    width:100% !important;
    max-width:none !important;
  }
}

/* --- v62 desktop/laptop anchor: comment sheet pushed lower, left-aligned, fuller height --- */
@media (min-width:761px){
  :root{
    --site-header-offset:94px;
  }

  .story-compose-overlay{
    inset:0 !important;
    z-index:160 !important;
    display:grid !important;
    align-items:end !important;
    justify-items:start !important;
    padding:calc(var(--site-header-offset) + 8px) 12px 12px 12px !important;
  }

  .story-compose-sheet{
    width:calc(100vw - 24px) !important;
    max-width:none !important;
    height:calc(100dvh - var(--site-header-offset) - 12px) !important;
    max-height:calc(100dvh - var(--site-header-offset) - 12px) !important;
    margin:0 !important;
    border-radius:30px !important;
    overflow:hidden !important;
    display:grid;
    grid-template-rows:auto auto minmax(0,1fr);
    align-content:stretch;
  }

  .story-compose-sheet__grid{
    min-height:0 !important;
    height:100%;
    align-items:stretch !important;
    grid-template-columns:minmax(0,1.24fr) minmax(360px,.76fr) !important;
  }

  .story-compose-sheet__threadcol,
  .story-compose-sheet__formcol{
    min-height:0 !important;
    display:grid;
  }

  .story-comments--overlay,
  .story-form--overlay{
    min-height:0 !important;
    height:100%;
  }

  .story-comments--overlay{
    overflow:hidden !important;
  }

  .story-comments__thread{
    min-height:0 !important;
    height:100%;
    max-height:none !important;
    overflow:auto !important;
    padding-right:6px;
  }
}

@media (min-width:761px) and (max-width:1200px){
  .story-compose-overlay{
    padding:calc(var(--site-header-offset) + 8px) 10px 10px 10px !important;
  }

  .story-compose-sheet{
    width:calc(100vw - 20px) !important;
    height:calc(100dvh - var(--site-header-offset) - 10px) !important;
    max-height:calc(100dvh - var(--site-header-offset) - 10px) !important;
    border-radius:26px !important;
  }
}

/* v63 legal pages, cookie consent, and custom trigger modal */
.pulse-trigger-modal{position:fixed;inset:0;z-index:1400;display:grid;place-items:center;padding:24px;opacity:0;pointer-events:none;transition:opacity .24s ease}
.pulse-trigger-modal.is-open{opacity:1;pointer-events:auto}
.pulse-trigger-modal__backdrop{position:absolute;inset:0;background:rgba(4,5,9,.72);backdrop-filter:none}
.pulse-trigger-modal__dialog{position:relative;z-index:1;width:min(520px,92vw);padding:28px;border-radius:28px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(17,13,11,.98),rgba(10,9,10,.98));box-shadow:0 30px 90px rgba(0,0,0,.48);transform:translateY(18px) scale(.98);transition:transform .24s ease,border-color .24s ease}
.pulse-trigger-modal.is-open .pulse-trigger-modal__dialog{transform:translateY(0) scale(1)}
.pulse-trigger-modal__dialog--danger{border-color:rgba(255,128,110,.26)}
.pulse-trigger-modal__glow{position:absolute;inset:-1px;border-radius:inherit;background:radial-gradient(circle at 18% 12%,rgba(255,193,107,.14),transparent 36%),radial-gradient(circle at 82% 18%,rgba(255,119,87,.14),transparent 28%);pointer-events:none}
.pulse-trigger-modal__spark{position:absolute;width:120px;height:120px;border-radius:50%;filter:none;opacity:.2;pointer-events:none}
.pulse-trigger-modal__spark--one{top:-14px;right:-10px;background:rgba(255,193,107,.34)}
.pulse-trigger-modal__spark--two{bottom:-22px;left:-18px;background:rgba(111,163,255,.18)}
.pulse-trigger-modal__badge{position:relative;display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:#d8b06d}
.pulse-trigger-modal h3{position:relative;margin:16px 0 10px;font-size:clamp(1.45rem,2.5vw,2rem)}
.pulse-trigger-modal__message{position:relative;margin:0;color:rgba(244,237,226,.78);line-height:1.9}
.pulse-trigger-modal__chips{position:relative;display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.pulse-trigger-modal__chips span{padding:9px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);font-size:.78rem;color:var(--muted)}
.pulse-trigger-modal__actions{position:relative;display:flex;justify-content:flex-end;gap:12px;margin-top:22px}
.pulse-trigger-modal__actions .button,.pulse-trigger-modal__actions .ghost-button{min-height:48px;padding:0 20px}

.cookie-banner{position:fixed;left:20px;right:auto;bottom:20px;z-index:1320;width:min(440px,calc(100vw - 32px));padding:22px 22px 18px;border-radius:28px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(16,13,12,.97),rgba(11,10,11,.98));box-shadow:0 28px 90px rgba(0,0,0,.42);opacity:0;pointer-events:none;transform:translateY(22px);transition:opacity .24s ease,transform .24s ease}
.cookie-banner.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}
.cookie-banner__halo{position:absolute;inset:-1px;border-radius:inherit;background:radial-gradient(circle at 12% 16%,rgba(255,192,106,.14),transparent 34%),radial-gradient(circle at 88% 18%,rgba(82,119,255,.12),transparent 26%);pointer-events:none}
.cookie-banner__eyebrow{position:relative;display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:#d8b06d}
.cookie-banner h3{position:relative;margin:14px 0 10px;font-size:clamp(1.25rem,2.4vw,1.65rem);line-height:1.25}
.cookie-banner p{position:relative;margin:0;color:rgba(244,237,226,.74);line-height:1.8}
.cookie-banner p a{color:#f4dfbf;text-decoration:none;border-bottom:1px solid rgba(244,223,191,.4)}
.cookie-banner__chips{position:relative;display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.cookie-banner__chips span{padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);font-size:.78rem;color:var(--muted)}
.cookie-banner__actions{position:relative;display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.cookie-banner__actions .button,.cookie-banner__actions .ghost-button{min-height:48px;padding:0 18px}
.cookie-settings-fab{position:fixed;right:18px;bottom:18px;z-index:1310;display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(8,10,14,.78);backdrop-filter:none;color:var(--text);box-shadow:0 18px 40px rgba(0,0,0,.28)}
.cookie-settings-fab[data-state="accept"]{border-color:rgba(113,196,124,.26)}
.cookie-settings-fab[data-state="reject"]{border-color:rgba(255,145,109,.26)}

.universal-footer__legal{display:flex;flex-wrap:wrap;gap:12px}
.universal-footer__link{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);color:rgba(244,237,226,.86);transition:transform .2s ease,border-color .2s ease,background .2s ease}
.universal-footer__link:hover{transform:translateY(-1px);border-color:rgba(var(--accent-rgb),.32);background:rgba(255,255,255,.05)}
.universal-footer__link--button{font:inherit;cursor:pointer}

.legal-shell{width:min(1180px,calc(100vw - 40px));margin:0 auto;padding:calc(var(--site-header-offset) + 34px) 0 48px}
.legal-hero{padding:30px;border-radius:32px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);box-shadow:0 22px 60px rgba(0,0,0,.28)}
.legal-hero__chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.legal-hero__chips span{padding:9px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);font-size:.78rem;color:var(--muted)}
.legal-grid{display:grid;grid-template-columns:minmax(260px,.38fr) minmax(0,1fr);gap:20px;margin-top:20px}
.legal-aside,.legal-panel{padding:24px;border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);box-shadow:0 22px 60px rgba(0,0,0,.24)}
.legal-aside{position:sticky;top:calc(var(--site-header-offset) + 18px);align-self:start}
.legal-nav{display:grid;gap:10px;margin-top:14px}
.legal-nav a{display:flex;align-items:center;min-height:48px;padding:0 14px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:var(--muted)}
.legal-nav a:hover{color:var(--text);border-color:rgba(var(--accent-rgb),.3)}
.legal-stack{display:grid;gap:18px}
.legal-section{padding:24px;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025)}
.legal-section h2{margin:0 0 10px;font-size:1.35rem}
.legal-section p,.legal-section li{color:rgba(244,237,226,.78);line-height:1.9}
.legal-section ul{margin:12px 0 0;padding-left:22px}
.legal-meta{display:grid;gap:10px;margin-top:14px}
.legal-meta div{padding:12px 14px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:var(--muted)}

@media (max-width: 900px){
  .legal-shell{width:min(100vw - 24px,1180px)}
  .legal-grid{grid-template-columns:1fr}
  .legal-aside{position:relative;top:auto}
}

@media (max-width: 720px){
  .pulse-trigger-modal{padding:14px}
  .pulse-trigger-modal__dialog{width:min(100%,92vw);padding:22px;border-radius:24px}
  .pulse-trigger-modal__actions{flex-direction:column-reverse}
  .cookie-banner{left:12px;right:12px;bottom:12px;width:auto;padding:20px;border-radius:24px}
  .cookie-banner__actions{flex-direction:column}
  .cookie-settings-fab{right:12px;bottom:12px}
  .legal-hero,.legal-aside,.legal-panel,.legal-section{padding:18px;border-radius:22px}
}

/* --- v64 laptop overlay left-anchor + left-aligned pulse submit --- */
@media (min-width: 981px){
  .story-compose-overlay{
    padding:0 !important;
    place-items:stretch !important;
  }

  .story-compose-sheet{
    width:auto !important;
    max-width:none !important;
    max-height:calc(100vh - 98px) !important;
    margin:76px 18px 18px 18px !important;
    border-radius:30px !important;
  }

  .story-compose-sheet__grid{
    grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr) !important;
    gap:20px !important;
    align-items:stretch !important;
  }

  .story-compose-sheet__formcol{
    justify-self:start !important;
    align-self:stretch !important;
    width:100% !important;
  }

  .story-compose-sheet__formcol .story-form--overlay{
    height:100%;
    align-content:start;
  }

  .story-form__actions{
    justify-content:flex-start !important;
    align-items:center;
  }

  .story-form__actions .button,
  .story-form__actions .ghost-button{
    margin-left:0 !important;
  }
}

/* --- v65 legal pages wider + full-bleed footer + left cookie trigger --- */
.cookie-settings-fab{
  left:18px;
  right:auto;
}

body[data-page="legal"] .legal-shell{
  width:min(1460px, calc(100vw - 16px));
  padding:calc(var(--site-header-offset) + 26px) 0 0;
}

body[data-page="legal"] .legal-hero{
  padding:34px;
}

body[data-page="legal"] .legal-grid{
  grid-template-columns:minmax(300px, .34fr) minmax(0, 1fr);
  gap:22px;
}

body[data-page="legal"] .legal-aside,
body[data-page="legal"] .legal-panel{
  padding:26px;
}

body[data-page="legal"] .legal-shell > .universal-footer-wrap{
  width:100%;
  max-width:100%;
  margin:28px 0 0;
  padding:0;
  border-radius:0;
}

body[data-page="legal"] .legal-shell > .universal-footer-wrap .universal-footer{
  padding:32px clamp(22px, 3.6vw, 56px) 18px;
}

body[data-page="legal"] .legal-shell > .universal-footer-wrap .universal-footer__bottom{
  padding-bottom:18px;
}

@media (max-width: 900px){
  body[data-page="legal"] .legal-shell{
    width:min(100vw - 12px, 1460px);
    padding-top:calc(var(--site-header-offset) + 18px);
  }

  body[data-page="legal"] .legal-grid{
    grid-template-columns:1fr;
    gap:18px;
  }
}

@media (max-width: 720px){
  .cookie-settings-fab{
    left:12px;
    right:auto;
  }

  body[data-page="legal"] .legal-shell{
    width:min(100vw - 10px, 1460px);
    padding-top:calc(var(--site-header-offset) + 14px);
  }

  body[data-page="legal"] .legal-hero,
  body[data-page="legal"] .legal-aside,
  body[data-page="legal"] .legal-panel,
  body[data-page="legal"] .legal-section{
    padding:16px;
    border-radius:20px;
  }

  body[data-page="legal"] .legal-shell > .universal-footer-wrap .universal-footer{
    padding-inline:16px;
  }
}

/* ── Studio Deck Hero (Post Studio redesign) ─────────────────── */
.studio-deck-hero{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  gap:28px;
  margin-top:20px;
  align-items:start;
}
.sdh-left{display:grid;align-content:start;gap:18px}
.sdh-headline{
  font-size:clamp(2.6rem,4.8vw,5.2rem);
  font-weight:900;
  line-height:1.04;
  letter-spacing:-.02em;
  margin:4px 0 0;
}
.sdh-headline em{
  font-style:normal;
  display:block;
  background:linear-gradient(135deg,var(--accent),var(--accent-2));
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
}
.sdh-intro{margin:0;color:rgba(244,237,226,.75);line-height:1.8;max-width:68ch;font-size:.96rem}
.sdh-actions{display:flex;gap:12px;flex-wrap:wrap}
.sdh-pills{display:flex;gap:9px;flex-wrap:wrap}
.sdh-pills .pill{transition:transform .18s ease,border-color .18s ease,background .18s ease}
.sdh-pills .pill:hover{transform:translateY(-1px);border-color:rgba(var(--accent-rgb),.3);background:rgba(255,255,255,.07)}

.sdh-right{display:grid;gap:14px}
.sdh-panel{
  padding:18px 20px;
  border-radius:22px;
  border:1px solid var(--line);
  background:var(--panel);
  display:grid;
  gap:12px;
}
.sdh-panel-label{
  font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--accent);font-weight:600;
}
.sdh-panel-desc{margin:0;font-size:.84rem;color:rgba(244,237,226,.65);line-height:1.65}
.sdh-nav-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.sdh-nav-btn{
  padding:9px 10px;
  border-radius:12px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.04);
  font-size:.82rem;
  font-weight:500;
  color:var(--text);
  text-align:center;
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
  cursor:pointer;
}
.sdh-nav-btn:hover{background:rgba(255,255,255,.09);border-color:rgba(var(--accent-rgb),.25);transform:translateY(-1px)}

.sdh-workflow-row{display:flex;gap:8px;flex-wrap:wrap}
.sdh-wf-step{
  padding:7px 13px;
  border-radius:10px;
  border:1px solid var(--line);
  font-size:.78rem;font-weight:600;
  color:rgba(244,237,226,.6);
  background:rgba(255,255,255,.03);
  letter-spacing:.04em;
  transition:all .18s ease;
}
.sdh-wf-step.active{
  border-color:rgba(var(--accent-rgb),.45);
  color:var(--accent);
  background:rgba(var(--accent-rgb),.1);
}

.sdh-mode-row{display:flex;gap:10px;flex-wrap:wrap}
.sdh-mode-btn{
  padding:9px 16px;border-radius:12px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.05);
  font-size:.83rem;font-weight:600;color:var(--text);
  cursor:pointer;transition:all .18s ease;
}
.sdh-mode-btn:hover{background:rgba(255,255,255,.09);border-color:rgba(var(--accent-rgb),.3)}
.sdh-mode-btn.primary{background:rgba(var(--accent-rgb),.12);border-color:rgba(var(--accent-rgb),.35);color:var(--accent)}
.sdh-mode-desc{margin:0;font-size:.82rem;color:rgba(244,237,226,.58);line-height:1.65}

/* ── Studio Video Deck ─────────────────── */
.studio-video-deck{margin:28px 0 0}
.svd-header{margin-bottom:20px}
.svd-header h2{margin:8px 0 0;font-size:clamp(1.4rem,2.4vw,2rem);line-height:1.3}
.svd-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.svd-card{
  border-radius:22px;border:1px solid var(--line);
  background:var(--panel);
  overflow:hidden;
  display:flex;flex-direction:column;
  transition:transform .22s ease,border-color .22s ease;
}
.svd-card:hover{transform:translateY(-3px);border-color:rgba(var(--accent-rgb),.25)}
.svd-card-badge{
  padding:8px 14px;
  font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;
  font-weight:700;color:var(--accent);
  border-bottom:1px solid var(--line);
  background:rgba(var(--accent-rgb),.06);
}
.svd-card-screen{
  flex:1;
  padding:20px 18px;
  background:linear-gradient(170deg,rgba(255,255,255,.04),rgba(0,0,0,.12));
  display:grid;
  gap:14px;
  align-content:start;
}
.svd-play-icon{
  width:40px;height:40px;
  border-radius:50%;
  border:1.5px solid rgba(var(--accent-rgb),.3);
  display:flex;align-items:center;justify-content:center;
  font-size:.9rem;color:var(--accent);
  background:rgba(var(--accent-rgb),.08);
  transition:background .18s ease;
}
.svd-card:hover .svd-play-icon{background:rgba(var(--accent-rgb),.16)}
.svd-card-screen p{
  margin:0;font-size:.88rem;line-height:1.78;
  color:rgba(244,237,226,.72);
}
.svd-card-meta{
  display:flex;align-items:center;gap:12px;
  padding:12px 18px;
  border-top:1px solid var(--line);
  font-size:.76rem;
}
.svd-card-meta span:first-child{
  font-weight:800;font-size:1.1rem;
  color:rgba(var(--accent-rgb),.5);
}
.svd-card-meta span:last-child{color:rgba(244,237,226,.55)}

@media(max-width:1100px){
  .studio-deck-hero{grid-template-columns:1fr}
  .svd-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .svd-grid{grid-template-columns:1fr}
  .sdh-nav-grid{grid-template-columns:repeat(2,1fr)}
}

/* ─── Farm World Chat ────────────────────── */
.game-chat-toggle{
  position:fixed;bottom:90px;right:16px;
  z-index:220;
  background:rgba(13,12,10,.92);
  border:1px solid rgba(231,191,134,.35);
  color:#e7bf86;
  padding:8px 14px;border-radius:20px;
  font-size:.82rem;font-weight:700;letter-spacing:.04em;
  cursor:pointer;backdrop-filter:none;
  transition:background .2s,transform .15s;
  box-shadow:0 4px 16px rgba(0,0,0,.5);
}
.game-chat-toggle:hover{background:rgba(231,191,134,.18);transform:translateY(-2px);}

.game-chat{
  position:fixed;bottom:140px;right:16px;
  width:300px;max-height:420px;
  z-index:220;
  background:rgba(13,12,10,.97);
  border:1px solid rgba(255,255,255,.1);
  border-radius:14px;
  display:flex;flex-direction:column;
  backdrop-filter:none;
  box-shadow:0 8px 32px rgba(0,0,0,.6);
  overflow:hidden;
}
.game-chat.is-hidden{display:none;}

.game-chat__header{
  display:flex;align-items:center;gap:8px;
  padding:10px 14px 8px;
  border-bottom:1px solid rgba(255,255,255,.08);
  flex-shrink:0;
}
.game-chat__header .eyebrow{flex:1;font-size:.68rem;letter-spacing:.18em;color:#e7bf86;}
.game-chat__online{font-size:.7rem;color:rgba(244,237,226,.45);}
.game-chat__close{background:none;border:none;color:rgba(244,237,226,.5);cursor:pointer;font-size:1rem;padding:0 2px;line-height:1;}
.game-chat__close:hover{color:#f4ede2;}

.game-chat__name-row{
  display:flex;align-items:center;gap:6px;
  padding:6px 14px;
  border-bottom:1px solid rgba(255,255,255,.06);
  font-size:.72rem;flex-shrink:0;
}
.game-chat__you{color:rgba(244,237,226,.45);}
.game-chat__player-name{color:#e7bf86;font-size:.75rem;}

.game-chat__messages{
  flex:1;overflow-y:auto;
  padding:10px 12px;
  display:flex;flex-direction:column;gap:6px;
  min-height:120px;
  scrollbar-width:thin;scrollbar-color:rgba(231,191,134,.2) transparent;
}
.chat-msg{
  font-size:.74rem;line-height:1.45;
  word-break:break-word;
}
.chat-msg__name{
  font-weight:700;color:#e7bf86;margin-right:5px;
}
.chat-msg__text{color:rgba(244,237,226,.88);}
.chat-msg--system .chat-msg__text{color:rgba(244,237,226,.4);font-style:italic;}

.game-chat__input-row{
  display:flex;gap:6px;padding:8px 10px;
  border-top:1px solid rgba(255,255,255,.08);flex-shrink:0;
}
.game-chat__input{
  flex:1;background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.1);
  border-radius:8px;color:#f4ede2;
  padding:6px 10px;font-size:.78rem;outline:none;
}
.game-chat__input:focus{border-color:rgba(231,191,134,.4);}
.game-chat__send{
  background:rgba(231,191,134,.18);
  border:1px solid rgba(231,191,134,.35);
  color:#e7bf86;border-radius:8px;
  padding:6px 12px;font-size:.76rem;font-weight:700;cursor:pointer;
  transition:background .15s;
}
.game-chat__send:hover{background:rgba(231,191,134,.3);}

/* ══════════════════════════════════════════════════
   VINE DECORATIONS — left & right climbing plants
   ══════════════════════════════════════════════════ */
.vine-decoration{
  position:fixed;
  top:0;
  width:88px;
  height:100vh;
  z-index:1;
  pointer-events:none;
  overflow:hidden;
}
.vine-decoration--left{left:0}
.vine-decoration--right{right:0;transform:scaleX(-1)}
body.theme-game .vine-decoration{display:none}
.vine-decoration svg{width:100%;height:100%;display:block}

@keyframes vine-sway-a{
  0%,100%{transform:rotate(0deg) scale(1)}
  30%{transform:rotate(6deg) scale(1.03)}
  70%{transform:rotate(-4deg) scale(.98)}
}
@keyframes vine-sway-b{
  0%,100%{transform:rotate(0deg) scale(1)}
  25%{transform:rotate(-7deg) scale(1.04)}
  65%{transform:rotate(5deg) scale(.97)}
}
@keyframes vine-sway-c{
  0%,100%{transform:rotate(0deg)}
  40%{transform:rotate(8deg) scale(1.02)}
  80%{transform:rotate(-5deg)}
}
@keyframes vine-stem-pulse{
  0%,100%{opacity:.85}
  50%{opacity:1}
}
@keyframes vine-glow-pulse{
  0%,100%{opacity:.4}
  50%{opacity:.8}
}

.vine-stem{animation:vine-stem-pulse 5s ease-in-out infinite}
.vine-leaf-a{transform-origin:0 0;animation:vine-sway-a 4.8s ease-in-out infinite}
.vine-leaf-b{transform-origin:0 0;animation:vine-sway-b 6.1s ease-in-out infinite}
.vine-leaf-c{transform-origin:0 0;animation:vine-sway-c 5.3s ease-in-out infinite}
.vine-leaf-d{transform-origin:0 0;animation:vine-sway-a 7s ease-in-out infinite reverse}
.vine-leaf-e{transform-origin:0 0;animation:vine-sway-b 5.7s ease-in-out infinite .8s}
.vine-leaf-f{transform-origin:0 0;animation:vine-sway-c 4.4s ease-in-out infinite 1.2s}
.vine-leaf-g{transform-origin:0 0;animation:vine-sway-a 6.5s ease-in-out infinite .4s reverse}
.vine-leaf-h{transform-origin:0 0;animation:vine-sway-b 5s ease-in-out infinite 1.8s}
.vine-leaf-i{transform-origin:0 0;animation:vine-sway-c 7.2s ease-in-out infinite .6s}
.vine-leaf-j{transform-origin:0 0;animation:vine-sway-a 4.9s ease-in-out infinite 2s reverse}
.vine-tendril{animation:vine-sway-b 8s ease-in-out infinite;transform-origin:0 0}

/* ══════════════════════════════════════════════════
   FARM WORLD — AAA ENHANCED PANELS
   ══════════════════════════════════════════════════ */

/* — Vitals bars — */
.hud-vitals{display:grid;gap:6px}
.hud-vital{display:grid;grid-template-columns:28px 1fr 30px;align-items:center;gap:7px}
.hud-vital__label{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;text-align:center}
.hud-vital__bar{height:7px;background:rgba(255,255,255,.09);border-radius:999px;overflow:hidden}
.hud-vital__fill{height:100%;border-radius:999px;transition:width .5s ease}
.hud-vital__fill--hp{background:linear-gradient(90deg,#e05a5a,#f08080)}
.hud-vital__fill--mp{background:linear-gradient(90deg,#5a6ee0,#80a0f8)}
.hud-vital__fill--food{background:linear-gradient(90deg,#c97a28,#e7a84a)}
.hud-vital__fill--water{background:linear-gradient(90deg,#2896b4,#50c4dc)}
.hud-vital__fill--energy{background:linear-gradient(90deg,#a8c830,#c8e050)}
.hud-vital__val{font-size:.65rem;color:var(--muted);text-align:right;line-height:1}

/* — Zone indicator — */
.zone-indicator{
  position:absolute;
  top:22px;
  left:50%;
  transform:translateX(-50%);
  z-index:20;
  display:flex;
  align-items:center;
  gap:8px;
  padding:7px 16px;
  border-radius:999px;
  border:1px solid rgba(255,246,232,.14);
  background:rgba(12,10,9,.56);
  backdrop-filter:none;
  font-size:.72rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--muted);
  transition:color .3s ease;
  white-space:nowrap;
  pointer-events:none;
}
.zone-indicator__icon{font-size:.9rem}
.zone-indicator.zone--dungeon{color:#d4a0ff;border-color:rgba(200,120,255,.22)}
.zone-indicator.zone--forest{color:#a0d880;border-color:rgba(100,200,80,.22)}
.zone-indicator.zone--water{color:#70c8e0;border-color:rgba(80,160,200,.22)}
.zone-indicator.zone--barn{color:#e8b870;border-color:rgba(231,191,134,.22)}

/* — Minimap — */
.minimap-panel{
  position:absolute;
  top:90px;
  right:20px;
  z-index:16;
  width:140px;
  padding:10px;
  border-radius:18px;
  border:1px solid rgba(255,246,232,.12);
  background:rgba(12,10,9,.62);
  backdrop-filter:none;
  box-shadow:0 12px 36px rgba(0,0,0,.28);
}
.minimap-canvas{
  position:relative;
  width:120px;
  height:120px;
  border-radius:12px;
  overflow:hidden;
  background:rgba(20,25,15,.9);
  border:1px solid rgba(255,246,232,.08);
}
.minimap-zone{position:absolute;border-radius:4px;opacity:.75}
.minimap-zone--town{background:#e7bf86;width:28px;height:28px;left:46px;top:46px}
.minimap-zone--orchard{background:#6ab86a;width:22px;height:22px;left:49px;top:6px}
.minimap-zone--barn{background:#c89050;width:22px;height:22px;left:88px;top:46px}
.minimap-zone--farm{background:#8aaa50;width:22px;height:22px;left:6px;top:46px}
.minimap-zone--production{background:#b0a850;width:20px;height:20px;left:49px;top:90px}
.minimap-zone--forest{background:#407040;width:18px;height:18px;left:88px;top:6px}
.minimap-zone--water{background:#4080c0;width:8px;height:100px;left:36px;top:10px;border-radius:4px;opacity:.45}
.minimap-player{
  position:absolute;
  width:8px;height:8px;
  border-radius:50%;
  background:#f4ede2;
  border:1.5px solid #e7bf86;
  box-shadow:0 0 6px rgba(231,191,134,.8);
  z-index:2;
  transform:translate(-50%,-50%);
  transition:left .4s ease,top .4s ease;
}
.minimap-label{
  margin-top:7px;
  font-size:.6rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--muted);
  text-align:center;
}

/* — Avatar Panel — */
.avatar-panel{
  position:absolute;
  right:20px;
  bottom:20px;
  z-index:16;
  width:min(340px,calc(100vw - 40px));
  border-radius:24px;
  border:1px solid rgba(255,246,232,.12);
  background:rgba(12,10,9,.64);
  backdrop-filter:none;
  box-shadow:0 18px 56px rgba(0,0,0,.3);
  display:grid;
  gap:0;
  overflow:hidden;
  transition:opacity .25s ease,transform .25s ease;
}
.avatar-panel.is-hidden{opacity:0;pointer-events:none;transform:translateY(14px)}
.avatar-panel__header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 16px;
  border-bottom:1px solid rgba(255,246,232,.08);
}
.avatar-panel__count{font-size:.82rem;color:var(--accent)}
.avatar-panel__close{
  background:none;border:none;color:var(--muted);
  font-size:.9rem;cursor:pointer;padding:4px 8px;
  border-radius:8px;transition:color .15s;
}
.avatar-panel__close:hover{color:var(--text)}
.avatar-panel__list{
  display:grid;gap:0;
  max-height:260px;
  overflow-y:auto;
  scrollbar-width:thin;
  scrollbar-color:rgba(231,191,134,.15) transparent;
}
.player-card{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 16px;
  border-bottom:1px solid rgba(255,246,232,.05);
  transition:background .15s;
}
.player-card:last-child{border-bottom:none}
.player-card:hover{background:rgba(255,248,238,.03)}
.player-card__portrait{
  width:40px;height:40px;border-radius:12px;
  background:rgba(255,248,238,.06);
  border:1px solid rgba(255,246,232,.1);
  display:flex;align-items:center;justify-content:center;
  font-size:1.3rem;flex-shrink:0;
}
.player-card__info{flex:1;min-width:0}
.player-card__name{font-weight:700;font-size:.82rem;color:var(--text)}
.player-card__meta{font-size:.68rem;color:var(--muted);margin-top:2px}
.player-card__status{font-size:.64rem;color:#6ac86a;margin-top:2px;display:flex;align-items:center;gap:4px}
.player-card__status::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#6ac86a;box-shadow:0 0 5px #6ac86a}
.player-card__status.afk{color:var(--muted)}
.player-card__status.afk::before{background:var(--muted);box-shadow:none}

/* — Avatar toggle button — */
.avatar-panel-toggle{
  position:absolute;
  bottom:22px;
  right:20px;
  z-index:17;
  display:flex;
  align-items:center;
  gap:7px;
  padding:10px 16px;
  border-radius:999px;
  border:1px solid rgba(255,246,232,.12);
  background:rgba(12,10,9,.64);
  backdrop-filter:none;
  color:var(--text);
  font-size:.72rem;
  font-weight:700;
  cursor:pointer;
  transition:background .2s,transform .2s;
}
.avatar-panel-toggle:hover{background:rgba(12,10,9,.85);transform:translateY(-2px)}

/* — Zone nav tabs — */
.zone-nav{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:nowrap;
  overflow-x:auto;
  scrollbar-width:none;
}
.zone-nav::-webkit-scrollbar{display:none}
.zone-nav-btn{
  display:inline-flex;align-items:center;gap:5px;
  padding:8px 13px;border-radius:999px;
  border:1px solid rgba(255,246,232,.1);
  background:rgba(255,255,255,.04);
  color:var(--muted);font-size:.66rem;
  font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  cursor:pointer;white-space:nowrap;
  transition:background .18s,color .18s,border-color .18s;
}
.zone-nav-btn:hover{background:rgba(255,255,255,.08);color:var(--text)}
.zone-nav-btn.is-active{background:rgba(231,191,134,.14);border-color:rgba(231,191,134,.3);color:#e7bf86}
.zone-nav-btn__icon{font-size:.82rem}

/* — Dungeon progress bar — */
.dungeon-bar{
  position:absolute;
  top:90px;
  left:50%;
  transform:translateX(-50%);
  z-index:16;
  display:none;
  align-items:center;
  gap:12px;
  padding:10px 18px;
  border-radius:999px;
  border:1px solid rgba(200,120,255,.22);
  background:rgba(12,10,9,.7);
  backdrop-filter:none;
  font-size:.72rem;
  color:var(--text);
}
.dungeon-bar.is-visible{display:flex}
.dungeon-bar__fill-wrap{width:140px;height:6px;background:rgba(255,255,255,.1);border-radius:999px;overflow:hidden}
.dungeon-bar__fill{height:100%;background:linear-gradient(90deg,#d080f8,#a050e0);border-radius:999px;width:0;transition:width .5s ease}

/* — Inventory drawer — */
.inventory-drawer{
  position:absolute;
  right:20px;
  top:90px;
  bottom:280px;
  z-index:15;
  width:min(310px,calc(100vw - 40px));
  border-radius:24px;
  border:1px solid rgba(255,246,232,.12);
  background:rgba(12,10,9,.62);
  backdrop-filter:none;
  box-shadow:0 18px 56px rgba(0,0,0,.28);
  display:grid;
  grid-template-rows:auto 1fr;
  gap:0;
  overflow:hidden;
  opacity:0;pointer-events:none;transform:translateX(20px);
  transition:opacity .25s ease,transform .25s ease;
}
.inventory-drawer.is-visible{opacity:1;pointer-events:auto;transform:translateX(0)}
.inventory-drawer__header{
  display:flex;align-items:center;justify-content:space-between;
  padding:12px 16px;border-bottom:1px solid rgba(255,246,232,.08);
}
.inventory-drawer__title{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.inventory-drawer__close{background:none;border:none;color:var(--muted);font-size:.9rem;cursor:pointer;padding:4px}
.inventory-grid{
  display:grid;grid-template-columns:repeat(5,1fr);gap:6px;
  padding:12px;
  overflow-y:auto;align-content:start;
  scrollbar-width:thin;scrollbar-color:rgba(231,191,134,.15) transparent;
}
.inv-slot{
  aspect-ratio:1;border-radius:10px;
  background:rgba(255,248,238,.045);
  border:1px solid rgba(255,246,232,.08);
  display:flex;align-items:center;justify-content:center;
  font-size:1.15rem;position:relative;
  transition:background .15s,border-color .15s;cursor:pointer;
}
.inv-slot:hover{background:rgba(255,248,238,.09);border-color:rgba(231,191,134,.22)}
.inv-slot__count{
  position:absolute;bottom:2px;right:4px;
  font-size:.55rem;font-weight:800;color:rgba(244,237,226,.75);
}
.inv-slot--empty{opacity:.3}

/* — Mobile/responsive game enhancements — */
@media (max-width:980px){
  .minimap-panel{top:auto;bottom:270px;right:14px;width:110px}
  .minimap-canvas{width:90px;height:90px}
  .avatar-panel{right:14px;left:14px;width:auto;bottom:270px}
  .inventory-drawer{right:14px;left:14px;width:auto;bottom:270px;top:auto;height:50vh}
  .zone-indicator{top:auto;bottom:180px;left:50%;transform:translateX(-50%)}
  .dungeon-bar{top:auto;bottom:240px}
}
@media (max-width:640px){
  .minimap-panel{display:none}
  .zone-nav-btn{padding:7px 10px;font-size:.6rem}
}


/* --- Post Studio color-table mode --- */
body[data-page="posts-studio"] .post-studio--color-table{--tone:231,191,134}
body[data-page="posts-studio"] .post-studio--color-table [data-tone="gold"]{--tone:231,191,134}
body[data-page="posts-studio"] .post-studio--color-table [data-tone="green"]{--tone:127,205,123}
body[data-page="posts-studio"] .post-studio--color-table [data-tone="blue"]{--tone:106,171,255}
body[data-page="posts-studio"] .post-studio--color-table [data-tone="purple"]{--tone:181,127,255}
body[data-page="posts-studio"] .post-studio--color-table [data-tone="orange"]{--tone:255,168,95}
body[data-page="posts-studio"] .post-studio--color-table [data-tone="red"]{--tone:255,109,109}
body[data-page="posts-studio"] .post-studio--color-table [data-tone="teal"]{--tone:87,214,201}
body[data-page="posts-studio"] .post-studio--color-table [data-tone="rose"]{--tone:255,132,179}

body[data-page="posts-studio"] .post-studio--color-table .studio-deck-hero,
body[data-page="posts-studio"] .post-studio--color-table .studio-video-deck,
body[data-page="posts-studio"] .post-studio--color-table .post-history-panel,
body[data-page="posts-studio"] .post-studio--color-table .post-list-panel,
body[data-page="posts-studio"] .post-studio--color-table .post-editor-panel,
body[data-page="posts-studio"] .post-studio--color-table .post-audit,
body[data-page="posts-studio"] .post-studio--color-table .analytics-panel,
body[data-page="posts-studio"] .post-studio--color-table .study-lab,
body[data-page="posts-studio"] .post-studio--color-table .post-toolbar,
body[data-page="posts-studio"] .post-studio--color-table .stat-card,
body[data-page="posts-studio"] .post-studio--color-table .post-history-copycard,
body[data-page="posts-studio"] .post-studio--color-table .post-history-note,
body[data-page="posts-studio"] .post-studio--color-table .post-history-lane,
body[data-page="posts-studio"] .post-studio--color-table .post-history-event,
body[data-page="posts-studio"] .post-studio--color-table .post-row,
body[data-page="posts-studio"] .post-studio--color-table .activity-item,
body[data-page="posts-studio"] .post-studio--color-table .analytics-kpi,
body[data-page="posts-studio"] .post-studio--color-table .analytics-mini-card,
body[data-page="posts-studio"] .post-studio--color-table .analytics-chart-card,
body[data-page="posts-studio"] .post-studio--color-table .analytics-table-row,
body[data-page="posts-studio"] .post-studio--color-table .study-status-card,
body[data-page="posts-studio"] .post-studio--color-table .study-detail-card,
body[data-page="posts-studio"] .post-studio--color-table .study-summary-card{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(var(--tone),.14), rgba(255,255,255,.028) 28%, rgba(8,16,21,.78));
  border:1px solid rgba(var(--tone),.26);
  box-shadow:0 16px 36px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.05);
}
body[data-page="posts-studio"] .post-studio--color-table .stat-card::before,
body[data-page="posts-studio"] .post-studio--color-table .post-history-copycard::before,
body[data-page="posts-studio"] .post-studio--color-table .post-history-note::before,
body[data-page="posts-studio"] .post-studio--color-table .post-history-lane::before,
body[data-page="posts-studio"] .post-studio--color-table .post-history-event::before,
body[data-page="posts-studio"] .post-studio--color-table .analytics-kpi::before,
body[data-page="posts-studio"] .post-studio--color-table .analytics-mini-card::before,
body[data-page="posts-studio"] .post-studio--color-table .analytics-chart-card::before,
body[data-page="posts-studio"] .post-studio--color-table .analytics-table-row::before,
body[data-page="posts-studio"] .post-studio--color-table .activity-item::before,
body[data-page="posts-studio"] .post-studio--color-table .study-status-card::before,
body[data-page="posts-studio"] .post-studio--color-table .study-detail-card::before,
body[data-page="posts-studio"] .post-studio--color-table .study-summary-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:8px;
  background:linear-gradient(90deg, rgba(var(--tone),.95), rgba(var(--tone),.28));
}
body[data-page="posts-studio"] .post-studio--color-table .post-toolbar{
  grid-template-columns:repeat(5,minmax(0,1fr));
  padding:14px;
  border-radius:28px;
}
body[data-page="posts-studio"] .post-studio--color-table .post-toolbar label,
body[data-page="posts-studio"] .post-studio--color-table .post-form label{
  padding:12px 14px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
}
body[data-page="posts-studio"] .post-studio--color-table .post-toolbar label:nth-child(5n+1),
body[data-page="posts-studio"] .post-studio--color-table .post-form label:nth-child(5n+1){--tone:231,191,134}
body[data-page="posts-studio"] .post-studio--color-table .post-toolbar label:nth-child(5n+2),
body[data-page="posts-studio"] .post-studio--color-table .post-form label:nth-child(5n+2){--tone:127,205,123}
body[data-page="posts-studio"] .post-studio--color-table .post-toolbar label:nth-child(5n+3),
body[data-page="posts-studio"] .post-studio--color-table .post-form label:nth-child(5n+3){--tone:106,171,255}
body[data-page="posts-studio"] .post-studio--color-table .post-toolbar label:nth-child(5n+4),
body[data-page="posts-studio"] .post-studio--color-table .post-form label:nth-child(5n+4){--tone:181,127,255}
body[data-page="posts-studio"] .post-studio--color-table .post-toolbar label:nth-child(5n),
body[data-page="posts-studio"] .post-studio--color-table .post-form label:nth-child(5n){--tone:255,168,95}
body[data-page="posts-studio"] .post-studio--color-table .post-toolbar label span,
body[data-page="posts-studio"] .post-studio--color-table .post-form label span{font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:rgba(244,237,226,.55)}
body[data-page="posts-studio"] .post-studio--color-table .post-toolbar input,
body[data-page="posts-studio"] .post-studio--color-table .post-toolbar select,
body[data-page="posts-studio"] .post-studio--color-table .post-form input,
body[data-page="posts-studio"] .post-studio--color-table .post-form select,
body[data-page="posts-studio"] .post-studio--color-table .post-form textarea{
  background:rgba(2,6,10,.72);
  border-color:rgba(var(--tone),.22);
}
body[data-page="posts-studio"] .post-studio--color-table .stat-card{min-height:154px;padding-top:28px}
body[data-page="posts-studio"] .post-studio--color-table .stat-card__index{font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(244,237,226,.55)}
body[data-page="posts-studio"] .post-studio--color-table .stat-card small{font-size:.78rem;color:rgba(244,237,226,.62)}
body[data-page="posts-studio"] .post-studio--color-table .post-row{grid-template-columns:8px minmax(0,1fr) auto;gap:14px;align-items:stretch}
body[data-page="posts-studio"] .post-studio--color-table .post-row-accent{border-radius:999px;background:linear-gradient(180deg, rgba(var(--tone),.98), rgba(var(--tone),.25));min-height:100%}
body[data-page="posts-studio"] .post-studio--color-table .post-row-main{display:grid;gap:12px}
body[data-page="posts-studio"] .post-studio--color-table .post-row-table{display:grid;grid-template-columns:170px minmax(0,1.2fr) 220px;gap:12px;min-width:0}
body[data-page="posts-studio"] .post-studio--color-table .post-table-cell{padding:14px 15px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(6,10,14,.56);display:grid;gap:8px;min-width:0}
body[data-page="posts-studio"] .post-studio--color-table .post-table-cell strong{font-size:1rem;line-height:1.35}
body[data-page="posts-studio"] .post-studio--color-table .post-table-cell h3{margin:0;font-size:1.18rem;line-height:1.2}
body[data-page="posts-studio"] .post-studio--color-table .post-table-cell p{margin:0;color:rgba(244,237,226,.72);line-height:1.7}
body[data-page="posts-studio"] .post-studio--color-table .post-table-cell small{color:rgba(244,237,226,.54);line-height:1.6}
body[data-page="posts-studio"] .post-studio--color-table .post-table-label{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(var(--tone),.92)}
body[data-page="posts-studio"] .post-studio--color-table .post-row-actions{justify-content:center;align-self:stretch;min-width:168px}
body[data-page="posts-studio"] .post-studio--color-table .post-row-actions .ghost-button{border-color:rgba(var(--tone),.24);background:rgba(255,255,255,.028)}
body[data-page="posts-studio"] .post-studio--color-table .activity-item__grid{display:grid;grid-template-columns:180px minmax(0,1fr) 220px;gap:12px}
body[data-page="posts-studio"] .post-studio--color-table .activity-cell{padding:14px 15px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(6,10,14,.48);display:grid;gap:8px}
body[data-page="posts-studio"] .post-studio--color-table .activity-cell strong{font-size:1rem;line-height:1.4}
body[data-page="posts-studio"] .post-studio--color-table .activity-cell small{color:rgba(244,237,226,.56);line-height:1.65}
body[data-page="posts-studio"] .post-studio--color-table .analytics-kpi,
body[data-page="posts-studio"] .post-studio--color-table .analytics-mini-card{padding-top:26px}
body[data-page="posts-studio"] .post-studio--color-table .analytics-kpi small,
body[data-page="posts-studio"] .post-studio--color-table .analytics-mini-card small{font-size:.76rem;color:rgba(244,237,226,.56)}
body[data-page="posts-studio"] .post-studio--color-table .analytics-chart-card__head{padding-right:8px}
body[data-page="posts-studio"] .post-studio--color-table .analytics-table-shell{display:grid;gap:10px}
body[data-page="posts-studio"] .post-studio--color-table .analytics-table-head,
body[data-page="posts-studio"] .post-studio--color-table .analytics-table-row{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr) auto;gap:12px;align-items:center}
body[data-page="posts-studio"] .post-studio--color-table .analytics-table-head{padding:12px 14px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(244,237,226,.54)}
body[data-page="posts-studio"] .post-studio--color-table .analytics-table-row{padding:14px 15px;border-radius:20px}
body[data-page="posts-studio"] .post-studio--color-table .analytics-table-col{display:grid;gap:6px;min-width:0}
body[data-page="posts-studio"] .post-studio--color-table .analytics-table-col strong{font-size:1rem;line-height:1.35}
body[data-page="posts-studio"] .post-studio--color-table .analytics-table-col span{color:rgba(244,237,226,.62);line-height:1.65}
body[data-page="posts-studio"] .post-studio--color-table .analytics-table-row em{font-style:normal;font-weight:800;color:rgba(var(--tone),1);justify-self:end;padding:11px 14px;border-radius:14px;background:rgba(6,10,14,.55);border:1px solid rgba(var(--tone),.2)}
body[data-page="posts-studio"] .post-studio--color-table .pill[data-tone]{border-color:rgba(var(--tone),.24);background:rgba(var(--tone),.12);color:rgba(244,237,226,.94)}
body[data-page="posts-studio"] .post-studio--color-table .analytics-empty{padding:18px;border-radius:18px;border:1px dashed rgba(255,255,255,.12);color:rgba(244,237,226,.62)}
body[data-page="posts-studio"].has-sidebar-nav .site-header .brand{
  width:max-content;
  justify-self:start;
  align-self:center;
  margin-left:-2px;
  column-gap:8px;
}
body[data-page="posts-studio"].has-sidebar-nav .site-header .brand::before{
  width:38px;
  height:38px;
}
body[data-page="posts-studio"].has-sidebar-nav .site-header{
  grid-template-columns:auto minmax(0,1fr) auto;
  column-gap:12px;
}

@media (max-width:1180px){
  body[data-page="posts-studio"] .post-studio--color-table .post-row-table{grid-template-columns:1fr}
  body[data-page="posts-studio"] .post-studio--color-table .activity-item__grid{grid-template-columns:1fr}
}
@media (max-width:760px){
  body[data-page="posts-studio"] .post-studio--color-table .post-toolbar{grid-template-columns:1fr !important;padding:12px}
  body[data-page="posts-studio"] .post-studio--color-table .post-row{grid-template-columns:1fr}
  body[data-page="posts-studio"] .post-studio--color-table .post-row-accent{display:none}
  body[data-page="posts-studio"] .post-studio--color-table .post-row-actions{min-width:0;justify-content:flex-start}
  body[data-page="posts-studio"] .post-studio--color-table .analytics-table-head,
  body[data-page="posts-studio"] .post-studio--color-table .analytics-table-row{grid-template-columns:1fr}
  body[data-page="posts-studio"] .post-studio--color-table .analytics-table-row em{justify-self:start}
}


/* --- v62 tighter header cluster: burger, logo, and brand text closer --- */
.site-header{
  gap:10px;
}
.site-header .brand{
  margin-inline-start:-10px;
  column-gap:6px;
}
.site-header .brand::before{
  width:38px;
  height:38px;
}
@media (min-width:861px){
  .site-header{
    gap:8px;
  }
  .site-header .brand{
    margin-inline-start:-12px;
    column-gap:5px;
  }
}
@media (max-width:860px){
  .site-header{
    gap:8px !important;
  }
  .site-header .brand{
    margin-inline-start:-6px;
    column-gap:5px;
  }
  .site-header .brand::before{
    width:36px;
    height:36px;
  }
}

/* --- v63 burger-first asymmetric header / modern drawer navigation --- */
.site-header{
  position:sticky;
  top:0;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:12px !important;
  min-height:82px;
  padding-inline:14px !important;
}

.site-header .nav{
  display:none !important;
}

.site-header .header-tools{
  justify-self:end;
  display:flex !important;
  align-items:center;
  gap:10px !important;
  min-width:0;
}

.site-header .header-tools .menu-toggle{
  display:inline-flex !important;
  position:absolute;
  left:14px;
  top:50%;
  transform:translateY(-50%);
  width:48px !important;
  height:48px !important;
  border-radius:18px;
  background:linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.028));
  box-shadow:0 14px 30px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.06);
}

.site-header .header-tools .menu-toggle::before{
  content:"";
  position:absolute;
  width:18px;
  height:2px;
  border-radius:999px;
  background:var(--text);
  transition:transform .25s ease, opacity .25s ease;
  transform:translateY(-8px);
}

.site-header .header-tools .menu-toggle span{
  width:18px;
  height:2px;
  border-radius:999px;
}

.site-header .header-tools .menu-toggle span:first-child{
  transform:translateY(0);
}

.site-header .header-tools .menu-toggle span:last-child{
  transform:translateY(8px);
}

.site-header .header-tools .menu-toggle.is-open::before{
  opacity:0;
  transform:translateY(0) scaleX(.35);
}

.site-header .header-tools .menu-toggle.is-open span:first-child{
  transform:rotate(45deg);
}

.site-header .header-tools .menu-toggle.is-open span:last-child{
  transform:rotate(-45deg);
}

.site-header .brand{
  justify-self:start;
  width:max-content;
  margin-inline-start:54px !important;
  margin-top:3px;
  padding-left:2px;
  column-gap:10px;
  row-gap:2px;
  transform:translateY(3px);
}

.site-header .brand::before{
  width:40px;
  height:40px;
  transform:translateY(-3px);
}

.site-header .brand span:first-of-type{
  transform:translateY(-2px);
}

.site-header .brand span:last-of-type{
  transform:translateX(10px) translateY(2px);
  letter-spacing:.22em;
}

.mobile-menu{
  left:14px !important;
  right:auto !important;
  top:92px !important;
  width:min(350px, calc(100vw - 28px)) !important;
  max-width:350px !important;
  border-radius:28px !important;
  padding:16px !important;
  max-height:calc(100vh - 106px);
  overflow:auto;
  transform:translateX(-18px) !important;
  box-shadow:0 26px 54px rgba(0,0,0,.36);
}

.mobile-menu.is-open{
  transform:translateX(0) !important;
}

.mobile-menu a{
  padding:14px 15px;
  border-radius:16px;
}

@media (min-width:861px){
  .site-header{
    min-height:86px;
    padding-inline:18px !important;
  }

  .site-header .header-tools .menu-toggle{
    left:18px;
    width:50px !important;
    height:50px !important;
    border-radius:20px;
  }

  .site-header .brand{
    margin-inline-start:60px !important;
    transform:translateY(4px);
  }

  .site-header .brand::before{
    width:42px;
    height:42px;
  }

  .mobile-menu{
    left:18px !important;
    top:96px !important;
    width:min(360px, calc(100vw - 36px)) !important;
    max-width:360px !important;
  }
}

@media (max-width:860px){
  .site-header{
    grid-template-columns:minmax(0,1fr) auto !important;
    min-height:74px !important;
    height:auto !important;
    padding:10px 12px !important;
    gap:10px !important;
  }

  .site-header .header-tools{
    gap:8px !important;
  }

  .site-header .header-tools .menu-toggle{
    left:12px;
    width:44px !important;
    height:44px !important;
    border-radius:16px;
  }

  .site-header .brand{
    margin-inline-start:48px !important;
    margin-top:2px;
    column-gap:8px;
  }

  .site-header .brand::before{
    width:36px;
    height:36px;
  }

  .site-header .brand span:last-of-type{
    transform:translateX(8px) translateY(1px);
  }

  .mobile-menu{
    left:12px !important;
    top:84px !important;
    width:min(320px, calc(100vw - 24px)) !important;
    max-width:320px !important;
    max-height:calc(100vh - 96px);
  }
}


/* ═══════════════════════════════════════════════════════════════════
   CINEMATIC ENHANCEMENTS — dark, premium, 3D-aware layer system
   ═══════════════════════════════════════════════════════════════════ */

/* ── Hero particle canvas ───────────────────────────────────────── */
.hero-particle-canvas {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  opacity: 0.7;
  mix-blend-mode: screen;
}

/* ── Cursor ambient glow ────────────────────────────────────────── */
.cursor-ambient {
  position: fixed;
  top: 0; left: 0;
  width: 320px; height: 320px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(var(--accent-rgb),.07) 0%, transparent 72%);
  pointer-events: none;
  z-index: 0;
  will-change: transform;
  filter:none;
}

/* ── Depth line grid (hero background) ─────────────────────────── */
.depth-lines {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  overflow: hidden;
}
.depth-line {
  position: absolute;
  left: 0; right: 0;
  height: 1px;
  top: calc(14% + var(--dl-i) * 18%);
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(var(--accent-rgb), calc(.03 + var(--dl-i) * .01)) 30%,
    rgba(var(--accent-rgb), calc(.07 + var(--dl-i) * .015)) 50%,
    rgba(var(--accent-rgb), calc(.03 + var(--dl-i) * .01)) 70%,
    transparent 100%);
  transform-origin: left center;
  animation: depthline-pulse calc(5s + var(--dl-i) * 1.4s) ease-in-out infinite;
  animation-delay: calc(var(--dl-i) * 0.8s);
}
@keyframes depthline-pulse {
  0%,100% { opacity: .6; transform: scaleX(1); }
  50%      { opacity: 1;  transform: scaleX(1.02); }
}

/* ── Section ambient glow on scroll entry ───────────────────────── */
.section {
  position: relative;
  transition: none;
}
.section::before {
  content: "";
  position: absolute;
  left: -6vw; right: -6vw;
  top: -80px; height: 200px;
  pointer-events: none;
  background: radial-gradient(ellipse 60% 100% at 50% 0%,
    rgba(var(--accent-rgb), .055), transparent 70%);
  opacity: 0;
  transition: opacity .9s ease;
  z-index: 0;
}
.section--lit::before { opacity: 1; }

/* ── Enhanced reveal animation ──────────────────────────────────── */
.reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .72s cubic-bezier(.22,1,.36,1), transform .72s cubic-bezier(.22,1,.36,1);
}
.reveal.in-view { opacity: 1; transform: translateY(0); }
.delay-1 { transition-delay: .1s; }
.delay-2 { transition-delay: .2s; }
.delay-3 { transition-delay: .3s; }

/* ── Card entrance stagger ──────────────────────────────────────── */
.feature-grid > *, .case-grid > *, .rail-grid > *, .tool-grid > *, .catalog-grid > * {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity .52s cubic-bezier(.22,1,.36,1), transform .52s cubic-bezier(.22,1,.36,1);
}
.card-entered {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

/* ── Cinematic card hover glow ──────────────────────────────────── */
.info-card, .split-card, .tool-card, .case-card, .media-card,
.catalog-card, .home-search-card, .video-card {
  transition: transform .22s cubic-bezier(.22,1,.36,1),
              border-color .22s ease,
              box-shadow .22s ease;
}
.info-card:hover, .split-card:hover, .tool-card:hover,
.case-card:hover, .media-card:hover, .catalog-card:hover,
.home-search-card:hover, .video-card:hover {
  transform: translateY(-4px) scale(1.008);
  border-color: rgba(var(--accent-rgb), .3);
  box-shadow: 0 28px 60px rgba(0,0,0,.38),
              0 0 0 1px rgba(var(--accent-rgb), .12),
              0 0 40px rgba(var(--accent-rgb), .06);
}

/* ── Panel glow on hover ────────────────────────────────────────── */
.panel {
  transition: box-shadow .3s ease;
}
.panel:hover {
  box-shadow: var(--shadow), 0 0 60px rgba(var(--accent-rgb), .07);
}

/* ── Scroll progress bar cinematic ─────────────────────────────── */
.scroll-progress {
  height: 2px;
  background: linear-gradient(90deg, var(--accent), var(--accent-2), rgba(var(--accent-rgb),.4));
  box-shadow: 0 0 8px rgba(var(--accent-rgb), .5);
  transition: width .05s linear;
}

/* ── Section transition separator ──────────────────────────────── */
.section + .section {
  border-top: 1px solid rgba(var(--accent-rgb), .05);
}

/* ── Hero cinematic glow pulse ──────────────────────────────────── */
.hero-glow {
  transition: opacity .5s ease, transform .5s ease;
  animation: glow-breathe 7s ease-in-out infinite;
}
@keyframes glow-breathe {
  0%,100% { transform: scale(1); opacity: .9; }
  50%      { transform: scale(1.12); opacity: 1; }
}

/* ── Tilt card refined ──────────────────────────────────────────── */
.tilt-card {
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
  transform-style: preserve-3d;
  will-change: transform;
}
.tilt-card:hover { border-color: rgba(var(--accent-rgb), .3); }

/* ════════════════════════════════════════════════════════════
   SECURE PDF VIEWER
   ════════════════════════════════════════════════════════════ */
.pdf-viewer {
  position: fixed; inset: 0; z-index: 200;
  display: flex; align-items: center; justify-content: center;
  padding: 18px;
  background: rgba(4,5,8,.88);
  backdrop-filter:none;
  opacity: 0; visibility: hidden;
  transition: opacity .32s ease, visibility .32s ease;
}
.pdf-viewer.is-visible { opacity: 1; visibility: visible; }
.pdf-viewer__backdrop {
  position: absolute; inset: 0; cursor: pointer;
}
.pdf-viewer__dialog {
  position: relative; z-index: 1;
  width: min(1100px, calc(100% - 16px));
  max-height: calc(100vh - 36px);
  display: flex; flex-direction: column; gap: 14px;
  padding: 22px;
  border-radius: var(--radius-xl);
  border: 1px solid rgba(var(--accent-rgb), .18);
  background: linear-gradient(160deg, rgba(14,11,9,.97), rgba(26,18,13,.95));
  box-shadow: 0 40px 100px rgba(0,0,0,.6), 0 0 0 1px rgba(var(--accent-rgb),.08);
  overflow: hidden;
}
.pdf-viewer__head {
  display: flex; align-items: flex-start; justify-content: space-between; gap: 16px;
}
.pdf-viewer__actions { display: flex; gap: 10px; flex-shrink: 0; }
.pdf-secure-wrap {
  position: relative;
  flex: 1 1 auto;
  min-height: 0;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid var(--line);
}
#pdfViewerFrame {
  display: block;
  width: 100%; height: 70vh;
  min-height: 300px;
  border: 0;
  background: #0a0c10;
}
/* ─── Content Guard — PulseBoard Fusion ─────────────────────────────── */
/* DISCLAIMER: proteksi ini adalah mitigasi, bukan pencegahan absolut.   */
/* Browser tidak dapat mencegah screenshot/screen recorder OS/eksternal. */

/* Watermark overlay */
.pb-wm {
  position: absolute;
  width: 200%;
  height: 200%;
  left: -50%;
  top: -50%;
  pointer-events: none;
  z-index: 900;
  display: flex;
  flex-direction: column;
  transform: rotate(-28deg);
  transform-origin: center center;
  overflow: hidden;
}
.pb-wm span {
  display: block;
  white-space: nowrap;
  font-size: .6rem;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
  font-family: 'Courier New', Courier, monospace;
  color: rgba(255, 255, 255, .07);
  padding: 20px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Protected element: no text selection, no image drag */
.pb-protected {
  position: relative;
}
.pb-protected img,
[data-protected] img {
  pointer-events: none;
  -webkit-user-drag: none;
  user-drag: none;
  -moz-user-select: none;
}

/* Security disclaimer in footer */
.pb-disclaimer {
  font-size: .75rem;
  color: rgba(255, 255, 255, .38);
  line-height: 1.7;
  border-top: 1px solid rgba(255, 255, 255, .07);
  margin-top: 18px;
  padding-top: 14px;
}
.pb-disclaimer strong { color: rgba(255, 255, 255, .55); }
.pb-disclaimer em { font-style: normal; color: rgba(255, 255, 255, .46); }

/* Print protection: hide sensitive areas and show a protection message */
@media print {
  .pb-protected,
  [data-protected],
  .pdf-viewer,
  #library,
  .studio-preview-grid,
  .catalog-grid,
  .case-grid,
  .showcase-lane,
  .feature-grid,
  [data-print-hidden] {
    display: none !important;
  }
  body::before {
    content: 'Konten ini dilindungi oleh PulseBoard Fusion. Mencetak, mendistribusikan, atau menyalin konten ini tanpa izin tertulis dilarang. Setiap salinan meninggalkan jejak identitas dan timestamp.';
    display: block !important;
    font-size: 1rem;
    line-height: 1.8;
    text-align: center;
    padding: 60px 40px;
    color: #111;
    background: #fff;
  }
}
/* ─────────────────────────────────────────────────────────────────────── */

/* Dynamic diagonal watermark */
.pdf-watermark {
  position: absolute; inset: 0;
  pointer-events: none;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  overflow: hidden;
  transform: rotate(-28deg) scale(1.4);
  user-select: none;
  -webkit-user-select: none;
}
.pdf-watermark span {
  display: block;
  width: 200%;
  text-align: center;
  font-size: .62rem;
  font-weight: 800;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: rgba(var(--accent-rgb), .12);
  white-space: nowrap;
  padding: 18px 0;
}
/* Notice bar */
.pdf-notice {
  padding: 10px 14px;
  border-radius: 12px;
  border: 1px solid rgba(var(--accent-rgb), .15);
  background: rgba(var(--accent-rgb), .06);
  font-size: .7rem;
  letter-spacing: .06em;
  color: var(--muted);
  line-height: 1.65;
  text-align: center;
  flex-shrink: 0;
}

/* ── Body modal-open lock ───────────────────────────────────────── */
body.is-modal-open { overflow: hidden; }

/* ════════════════════════════════════════════════════════════
   WORLD CANVAS SECTION — cinematic framing
   ════════════════════════════════════════════════════════════ */
.world-card { position: relative; overflow: hidden; }
.world-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(180deg,
    rgba(0,0,0,.04) 0%,
    transparent 20%,
    transparent 75%,
    rgba(0,0,0,.22) 100%);
  pointer-events: none;
  z-index: 2;
}

/* ════════════════════════════════════════════════════════════
   MOBILE REFINEMENTS
   ════════════════════════════════════════════════════════════ */
@media (max-width: 640px) {
  .depth-lines { display: none; }
  .hero-particle-canvas { opacity: 0.4; }
  .pdf-viewer { padding: 10px; }
  #pdfViewerFrame { height: 55vh; }
  .cursor-ambient { display: none; }
}

/* ════════════════════════════════════════════════════════════
   HEADER CINEMATIC POLISH
   ════════════════════════════════════════════════════════════ */
.site-header {
  border-color: rgba(var(--accent-rgb), .12) !important;
  background: rgba(6, 8, 12, .82) !important;
  backdrop-filter:none;
  transition: box-shadow .3s ease;
}
.site-header:hover {
  box-shadow: 0 18px 50px rgba(0,0,0,.3), 0 0 0 1px rgba(var(--accent-rgb),.09) !important;
}

/* ════════════════════════════════════════════════════════════
   BUTTON CINEMATIC GLOW
   ════════════════════════════════════════════════════════════ */
.button {
  position: relative;
  overflow: hidden;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.button::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,.18), transparent 70%);
  opacity: 0;
  transition: opacity .22s ease;
}
.button:hover { box-shadow: 0 12px 32px rgba(var(--accent-rgb), .28); }
.button:hover::after { opacity: 1; }

.ghost-button {
  transition: transform .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease;
}
.ghost-button:hover {
  border-color: rgba(var(--accent-rgb), .4);
  box-shadow: 0 0 0 1px rgba(var(--accent-rgb), .12);
  color: var(--accent);
}

/* ════════════════════════════════════════════════════════════
   LOADER CINEMATIC
   ════════════════════════════════════════════════════════════ */
.loader__bar span {
  background: linear-gradient(90deg, var(--accent) 0%, var(--accent-2) 50%, rgba(var(--accent-rgb),.5) 100%);
  box-shadow: 0 0 12px rgba(var(--accent-rgb), .4);
}

/* ════════════════════════════════════════════════════════════
   NOISE LAYER CINEMATIC
   ════════════════════════════════════════════════════════════ */
.noise {
  opacity: .04;
  background-image:
    linear-gradient(rgba(255,255,255,.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
  background-size: 3px 3px, 6px 6px;
}

/* ════════════════════════════════════════════════════════════
   PORTFOLIO PAGE — FULL CINEMATIC POLISH
   Scope: [data-page="portfolio"]
   ════════════════════════════════════════════════════════════ */

/* ── Ambient background grain & glow ──────────────────────────── */
[data-page="portfolio"] body,
body[data-page="portfolio"] {
  background:
    radial-gradient(ellipse 80% 40% at 10% -5%, rgba(var(--accent-rgb),.11), transparent 52%),
    radial-gradient(ellipse 60% 30% at 92% 18%, rgba(var(--accent-rgb),.07), transparent 48%),
    radial-gradient(ellipse 50% 60% at 50% 100%, rgba(var(--accent-rgb),.05), transparent 55%),
    linear-gradient(175deg, #0f0d0b 0%, #111009 38%, #0d0c0b 100%);
}

/* ── Subtle SVG grain overlay on the portfolio hero ───────────── */
body[data-page="portfolio"] .hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  opacity: .028;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");
  background-size: 200px 200px;
}

/* ── Section heading — editorial accent line ──────────────────── */
body[data-page="portfolio"] .section-head {
  position: relative;
  padding-bottom: 22px;
  margin-bottom: 8px;
}
body[data-page="portfolio"] .section-head::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  background: linear-gradient(90deg,
    rgba(var(--accent-rgb),.35) 0%,
    rgba(var(--accent-rgb),.12) 30%,
    transparent 70%);
}
body[data-page="portfolio"] .section-head h2 {
  font-size: clamp(1.55rem, 2.8vw, 2.4rem);
  font-weight: 800;
  letter-spacing: -.02em;
  line-height: 1.18;
  color: var(--text);
  margin: 6px 0 0;
}
body[data-page="portfolio"] .section-head p {
  font-size: clamp(.88rem, 1.4vw, 1rem);
  line-height: 1.85;
  color: var(--muted);
  max-width: 52ch;
  margin: 0;
}

/* ── Eyebrow labels — uniform small caps ─────────────────────── */
body[data-page="portfolio"] .eyebrow {
  font-size: .62rem;
  letter-spacing: .2em;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--accent);
  opacity: .82;
  display: block;
  margin-bottom: 2px;
}

/* ── Pill tag ─────────────────────────────────────────────────── */
body[data-page="portfolio"] .pill {
  display: inline-flex;
  align-items: center;
  padding: 3px 9px;
  border-radius: 999px;
  border: 1px solid rgba(var(--accent-rgb),.18);
  background: rgba(var(--accent-rgb),.07);
  font-size: .6rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(var(--accent-rgb),.72);
  white-space: nowrap;
}

/* ════════════════════════════════════════════════════════════
   FEATURE / RAIL / CASE / TOOL CARDS — HIERARCHY POLISH
   ════════════════════════════════════════════════════════════ */

body[data-page="portfolio"] .info-card,
body[data-page="portfolio"] .split-card,
body[data-page="portfolio"] .tool-card,
body[data-page="portfolio"] .case-card,
body[data-page="portfolio"] .media-card {
  position: relative;
  overflow: hidden;
  background: linear-gradient(160deg, rgba(22,18,14,.82), rgba(12,10,9,.92));
  border: 1px solid rgba(var(--accent-rgb),.1);
  border-radius: 20px;
  padding: 22px 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  box-shadow: 0 2px 18px rgba(0,0,0,.22), 0 0 0 0 transparent;
  transition: transform .28s cubic-bezier(.22,1,.36,1),
              border-color .28s ease,
              box-shadow .28s ease;
  will-change: transform;
}

body[data-page="portfolio"] .info-card::before,
body[data-page="portfolio"] .split-card::before,
body[data-page="portfolio"] .tool-card::before,
body[data-page="portfolio"] .case-card::before,
body[data-page="portfolio"] .media-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(ellipse 80% 60% at 20% 0%,
    rgba(var(--accent-rgb),.07), transparent 60%);
  pointer-events: none;
  z-index: 0;
}

body[data-page="portfolio"] .info-card > *,
body[data-page="portfolio"] .split-card > *,
body[data-page="portfolio"] .tool-card > *,
body[data-page="portfolio"] .case-card > *,
body[data-page="portfolio"] .media-card > * {
  position: relative;
  z-index: 1;
}

body[data-page="portfolio"] .info-card::after,
body[data-page="portfolio"] .split-card::after,
body[data-page="portfolio"] .tool-card::after,
body[data-page="portfolio"] .case-card::after,
body[data-page="portfolio"] .media-card::after {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(var(--accent-rgb),.28) 30%,
    rgba(var(--accent-rgb),.1) 70%,
    transparent 100%);
  pointer-events: none;
  z-index: 2;
}

body[data-page="portfolio"] .info-card:hover,
body[data-page="portfolio"] .split-card:hover,
body[data-page="portfolio"] .tool-card:hover,
body[data-page="portfolio"] .case-card:hover,
body[data-page="portfolio"] .media-card:hover {
  transform: translateY(-5px);
  border-color: rgba(var(--accent-rgb),.24);
  box-shadow: 0 16px 48px rgba(0,0,0,.32),
              0 0 0 1px rgba(var(--accent-rgb),.1),
              0 0 32px rgba(var(--accent-rgb),.06);
}

body[data-page="portfolio"] .info-card h3,
body[data-page="portfolio"] .split-card h3,
body[data-page="portfolio"] .tool-card h3,
body[data-page="portfolio"] .case-card h3,
body[data-page="portfolio"] .media-card h3 {
  font-size: clamp(1rem, 1.6vw, 1.18rem);
  font-weight: 700;
  line-height: 1.28;
  letter-spacing: -.012em;
  color: var(--text);
  margin: 0;
}

body[data-page="portfolio"] .info-card p,
body[data-page="portfolio"] .split-card p,
body[data-page="portfolio"] .tool-card p,
body[data-page="portfolio"] .case-card p,
body[data-page="portfolio"] .media-card p {
  font-size: .88rem;
  line-height: 1.78;
  color: rgba(var(--text), .72);
  color: rgba(244,237,226,.68);
  margin: 0;
}

/* ════════════════════════════════════════════════════════════
   CATALOG / STUDIO PREVIEW CARDS — FULL HIERARCHY REFRESH
   ════════════════════════════════════════════════════════════ */

body[data-page="portfolio"] .catalog-card {
  position: relative;
  overflow: hidden;
  display: grid;
  gap: 0;
  padding: 0;
  border-radius: 18px;
  border: 1px solid rgba(var(--accent-rgb),.1);
  background: linear-gradient(170deg, rgba(18,14,11,.9), rgba(11,9,8,.96));
  box-shadow: 0 4px 24px rgba(0,0,0,.24);
  transition: transform .28s cubic-bezier(.22,1,.36,1),
              border-color .28s ease,
              box-shadow .28s ease;
  will-change: transform;
}

body[data-page="portfolio"] .catalog-card::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg,
    transparent,
    rgba(var(--accent-rgb),.32) 25%,
    rgba(var(--accent-rgb),.14) 65%,
    transparent);
  z-index: 2;
  pointer-events: none;
}

body[data-page="portfolio"] .catalog-card:hover {
  transform: translateY(-5px);
  border-color: rgba(var(--accent-rgb),.22);
  box-shadow: 0 20px 56px rgba(0,0,0,.34),
              0 0 0 1px rgba(var(--accent-rgb),.1),
              0 0 28px rgba(var(--accent-rgb),.06);
}

body[data-page="portfolio"] .catalog-card .media-frame,
body[data-page="portfolio"] .catalog-card .extra-preview {
  border-radius: 0;
  border: none;
  border-bottom: 1px solid rgba(var(--accent-rgb),.08);
}

body[data-page="portfolio"] .catalog-card__body {
  display: grid;
  gap: 8px;
  padding: 16px 18px 18px;
}

body[data-page="portfolio"] .catalog-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 2px;
}

body[data-page="portfolio"] .catalog-card h3 {
  font-size: 1.02rem;
  font-weight: 700;
  letter-spacing: -.014em;
  line-height: 1.28;
  color: var(--text);
  margin: 0;
}

body[data-page="portfolio"] .catalog-card p {
  font-size: .85rem;
  line-height: 1.75;
  color: rgba(244,237,226,.62);
  margin: 0;
}

body[data-page="portfolio"] .catalog-meta {
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .04em;
  color: rgba(var(--accent-rgb),.65);
  margin: 0;
}

body[data-page="portfolio"] .catalog-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 4px;
}

body[data-page="portfolio"] .catalog-note {
  font-size: .7rem;
  color: rgba(244,237,226,.38);
  letter-spacing: .04em;
  margin-top: 2px;
}

/* ── Studio preview tile (no video) ──────────────────────────── */
body[data-page="portfolio"] .extra-preview {
  min-height: 160px;
  border-radius: 0;
  background: linear-gradient(160deg, rgba(20,16,12,.7), rgba(10,9,8,.85));
  border-bottom: 1px solid rgba(var(--accent-rgb),.08);
  display: grid;
  align-content: end;
  text-decoration: none;
  color: inherit;
  position: relative;
  overflow: hidden;
}

body[data-page="portfolio"] .extra-preview::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 70% 55% at 15% 20%, rgba(var(--accent-rgb),.1), transparent 55%),
    linear-gradient(180deg, transparent 40%, rgba(0,0,0,.45) 100%);
  pointer-events: none;
}

body[data-page="portfolio"] .extra-preview__bar {
  height: 2px;
  background: linear-gradient(90deg, var(--accent), rgba(var(--accent-rgb),.2), transparent);
}

body[data-page="portfolio"] .extra-preview__body {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 4px;
  padding: 14px 16px;
  background: transparent;
}

body[data-page="portfolio"] .extra-preview__body h3 {
  font-size: .96rem;
  font-weight: 700;
  margin: 0;
  line-height: 1.25;
}

body[data-page="portfolio"] .extra-preview__body p {
  font-size: .72rem;
  color: rgba(244,237,226,.55);
  margin: 0;
}

/* ── Studio preview grid uniform heights ─────────────────────── */
body[data-page="portfolio"] .studio-preview-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  align-items: start;
}

body[data-page="portfolio"] .studio-preview-card {
  align-self: stretch;
}

/* ── Panel block ──────────────────────────────────────────────── */
body[data-page="portfolio"] .panel {
  border-radius: 20px;
  border: 1px solid rgba(var(--accent-rgb),.1);
  background: linear-gradient(160deg, rgba(20,16,12,.8), rgba(12,10,9,.9));
  padding: 28px 26px;
  position: relative;
  overflow: hidden;
}

body[data-page="portfolio"] .panel::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(var(--accent-rgb),.28), transparent);
  pointer-events: none;
}

body[data-page="portfolio"] .panel h2 {
  font-size: clamp(1.3rem, 2.2vw, 1.9rem);
  font-weight: 800;
  letter-spacing: -.02em;
  line-height: 1.2;
  margin: 6px 0 10px;
}

/* ── Hero copy block ──────────────────────────────────────────── */
body[data-page="portfolio"] .hero__copy {
  border-radius: 22px;
  border: 1px solid rgba(var(--accent-rgb),.1);
  background: linear-gradient(150deg, rgba(18,14,11,.72), rgba(10,9,8,.88));
  box-shadow: 0 8px 40px rgba(0,0,0,.22);
  position: relative;
  overflow: hidden;
}

body[data-page="portfolio"] .hero__copy::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(var(--accent-rgb),.45), transparent 60%);
  pointer-events: none;
}

body[data-page="portfolio"] .hero__copy .hero__summary {
  font-size: clamp(.88rem, 1.3vw, .98rem);
  line-height: 1.85;
  color: rgba(244,237,226,.72);
  font-weight: 400;
}

/* ── Hero visual ──────────────────────────────────────────────── */
body[data-page="portfolio"] .hero__visual {
  border-radius: 22px;
  border: 1px solid rgba(var(--accent-rgb),.08);
  background: linear-gradient(145deg, rgba(16,13,10,.6), rgba(8,7,6,.8));
  position: relative;
  overflow: hidden;
  min-height: 280px;
}

body[data-page="portfolio"] .hero__visual::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 80% 60% at 70% 30%, rgba(var(--accent-rgb),.1), transparent 55%),
    radial-gradient(ellipse 40% 40% at 15% 80%, rgba(var(--accent-rgb),.06), transparent 50%);
  pointer-events: none;
  z-index: 0;
}

/* ── Ambient particle dots decoration (pure CSS, no JS) ───────── */
body[data-page="portfolio"] .hero__visual::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  background-image:
    radial-gradient(circle 1px at 18% 22%, rgba(var(--accent-rgb),.45) 0%, transparent 100%),
    radial-gradient(circle 1px at 55% 14%, rgba(var(--accent-rgb),.35) 0%, transparent 100%),
    radial-gradient(circle 1.5px at 82% 38%, rgba(var(--accent-rgb),.5) 0%, transparent 100%),
    radial-gradient(circle 1px at 35% 70%, rgba(var(--accent-rgb),.3) 0%, transparent 100%),
    radial-gradient(circle 1px at 68% 68%, rgba(var(--accent-rgb),.4) 0%, transparent 100%),
    radial-gradient(circle 1.5px at 12% 55%, rgba(var(--accent-rgb),.3) 0%, transparent 100%),
    radial-gradient(circle 1px at 90% 15%, rgba(var(--accent-rgb),.28) 0%, transparent 100%),
    radial-gradient(circle 1px at 48% 88%, rgba(var(--accent-rgb),.22) 0%, transparent 100%),
    radial-gradient(circle 2px at 75% 82%, rgba(var(--accent-rgb),.38) 0%, transparent 100%),
    radial-gradient(circle 1px at 28% 44%, rgba(var(--accent-rgb),.25) 0%, transparent 100%);
  animation: port-dots-drift 18s ease-in-out infinite alternate;
}
@keyframes port-dots-drift {
  0%   { opacity: .55; transform: translateY(0px); }
  100% { opacity: .85; transform: translateY(-6px); }
}

/* ── Thin animated accent line in section header ─────────────── */
body[data-page="portfolio"] .section > .section-head > div > .eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
}
body[data-page="portfolio"] .section > .section-head > div > .eyebrow::after {
  content: "";
  display: block;
  flex: 1;
  max-width: 42px;
  height: 1px;
  background: linear-gradient(90deg, rgba(var(--accent-rgb),.5), transparent);
  animation: eyebrow-line-grow .8s cubic-bezier(.22,1,.36,1) both;
  animation-delay: .3s;
}
@keyframes eyebrow-line-grow {
  from { max-width: 0; opacity: 0; }
  to   { max-width: 42px; opacity: 1; }
}

/* ── Ghost buttons — portfolio theme ─────────────────────────── */
body[data-page="portfolio"] .ghost-button {
  font-size: .8rem;
  padding: 7px 14px;
  border-radius: 10px;
  border: 1px solid rgba(var(--accent-rgb),.18);
  background: rgba(var(--accent-rgb),.04);
  color: rgba(244,237,226,.72);
  transition: transform .18s ease,
              border-color .18s ease,
              background .18s ease,
              color .18s ease;
}
body[data-page="portfolio"] .ghost-button:hover {
  transform: translateY(-1px);
  border-color: rgba(var(--accent-rgb),.35);
  background: rgba(var(--accent-rgb),.09);
  color: var(--accent);
  box-shadow: none;
}

/* ── Grid gaps & alignment ────────────────────────────────────── */
body[data-page="portfolio"] .feature-grid,
body[data-page="portfolio"] .rail-grid,
body[data-page="portfolio"] .case-grid {
  gap: 16px;
  align-items: start;
}

body[data-page="portfolio"] .tool-grid {
  gap: 14px;
  align-items: start;
}

body[data-page="portfolio"] .catalog-grid {
  gap: 16px;
  align-items: start;
}

/* ── Section spacing ──────────────────────────────────────────── */
body[data-page="portfolio"] .section {
  padding-block: clamp(36px, 6vw, 72px);
}

/* ── Footer box ───────────────────────────────────────────────── */
body[data-page="portfolio"] .footer-box {
  border-radius: 22px;
  border: 1px solid rgba(var(--accent-rgb),.12);
  background: linear-gradient(155deg, rgba(20,16,12,.82), rgba(10,8,7,.92));
  padding: clamp(24px, 4vw, 48px);
  position: relative;
  overflow: hidden;
}

body[data-page="portfolio"] .footer-box::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg,
    rgba(var(--accent-rgb),.38) 0%,
    rgba(var(--accent-rgb),.12) 50%,
    transparent 100%);
  pointer-events: none;
}

body[data-page="portfolio"] .footer-box::after {
  content: "";
  position: absolute;
  bottom: -40px; right: -40px;
  width: 260px; height: 260px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(var(--accent-rgb),.07), transparent 65%);
  pointer-events: none;
}

body[data-page="portfolio"] .footer-box h3 {
  font-size: clamp(1.3rem, 2.2vw, 2rem);
  font-weight: 800;
  letter-spacing: -.02em;
  line-height: 1.2;
  margin: 6px 0 10px;
}

body[data-page="portfolio"] .meta-line {
  font-size: .72rem;
  letter-spacing: .06em;
  color: rgba(244,237,226,.38);
  margin-top: 14px;
}

/* ── Stats grid chips ─────────────────────────────────────────── */
body[data-page="portfolio"] .stats-grid {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 4px;
}

/* ── Card stagger: stronger initial state ─────────────────────── */
body[data-page="portfolio"] .feature-grid > *,
body[data-page="portfolio"] .case-grid > *,
body[data-page="portfolio"] .rail-grid > *,
body[data-page="portfolio"] .tool-grid > *,
body[data-page="portfolio"] .catalog-grid > * {
  opacity: 0;
  transform: translateY(22px);
  transition: opacity .56s cubic-bezier(.22,1,.36,1),
              transform .56s cubic-bezier(.22,1,.36,1);
}
body[data-page="portfolio"] .card-entered {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

/* ── Remove heavy box-shadows from specific legacy overrides ─── */
body[data-page="portfolio"] .info-card,
body[data-page="portfolio"] .split-card,
body[data-page="portfolio"] .tool-card,
body[data-page="portfolio"] .case-card,
body[data-page="portfolio"] .media-card,
body[data-page="portfolio"] .catalog-card {
  box-shadow: 0 2px 18px rgba(0,0,0,.18) !important;
}
body[data-page="portfolio"] .info-card:hover,
body[data-page="portfolio"] .split-card:hover,
body[data-page="portfolio"] .tool-card:hover,
body[data-page="portfolio"] .case-card:hover,
body[data-page="portfolio"] .media-card:hover,
body[data-page="portfolio"] .catalog-card:hover {
  box-shadow: 0 16px 44px rgba(0,0,0,.28),
              0 0 0 1px rgba(var(--accent-rgb),.12) !important;
}

/* ── Media frame aspect ratio ─────────────────────────────────── */
body[data-page="portfolio"] .media-frame--catalog {
  aspect-ratio: 16/9;
}

/* ── Responsive: tablet ───────────────────────────────────────── */
@media (max-width: 1100px) {
  body[data-page="portfolio"] .studio-preview-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* ── Responsive: mobile ───────────────────────────────────────── */
@media (max-width: 680px) {
  body[data-page="portfolio"] .studio-preview-grid {
    grid-template-columns: 1fr !important;
  }
  body[data-page="portfolio"] .catalog-grid {
    grid-template-columns: 1fr !important;
    gap: 12px;
  }
  body[data-page="portfolio"] .feature-grid,
  body[data-page="portfolio"] .rail-grid,
  body[data-page="portfolio"] .case-grid {
    grid-template-columns: 1fr !important;
    gap: 12px;
  }
  body[data-page="portfolio"] .tool-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px;
  }
  body[data-page="portfolio"] .hero__visual::after {
    animation: none;
  }
  body[data-page="portfolio"] .section-head::after,
  body[data-page="portfolio"] .panel::before,
  body[data-page="portfolio"] .catalog-card::before,
  body[data-page="portfolio"] .footer-box::before {
    display: none;
  }
}

/* PulseBoard bootstrap authentication notice */
.bootstrap-auth-warning{
  position:relative;
  display:flex;
  align-items:center;
  gap:12px;
  margin:16px auto;
  width:min(1120px,calc(100% - 24px));
  padding:14px 48px 14px 16px;
  border:1px solid rgba(255,190,72,.45);
  border-radius:16px;
  background:linear-gradient(135deg,rgba(255,176,46,.15),rgba(119,78,255,.14));
  box-shadow:0 16px 40px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:none;
  color:var(--text,#fff);
  z-index:20;
}
.bootstrap-auth-warning strong{white-space:nowrap;color:#ffd37a}
.bootstrap-auth-warning span{line-height:1.5;opacity:.92}
.bootstrap-auth-warning code{font:700 .82em/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;color:#fff}
.bootstrap-auth-warning button{
  position:absolute;right:12px;top:50%;transform:translateY(-50%);
  width:32px;height:32px;border:0;border-radius:999px;cursor:pointer;
  background:rgba(255,255,255,.1);color:inherit;font-size:22px;line-height:1;
}
@media (max-width:640px){
  .bootstrap-auth-warning{align-items:flex-start;flex-direction:column;gap:5px;padding:14px 46px 14px 14px}
  .bootstrap-auth-warning strong{white-space:normal}
}