:root{
  --red:#c3292f;--red-dark:#8f1921;--yellow:#f7cf4a;--green:#0f9f63;--orange:#f38b39;
  --ink:#261c1a;--muted:#6f625e;--paper:#fffaf0;--panel:#fffdf8;--line:rgba(60,33,26,.12);
  --shadow:0 18px 50px rgba(86,34,25,.16);--radius:28px;--font-scale:1;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:hidden}
body.dark{--paper:#171311;--panel:#211b18;--ink:#fff8ed;--muted:#c9bdb6;--line:rgba(255,255,255,.12);--shadow:0 18px 50px rgba(0,0,0,.32)}
button,input,select{font:inherit}.wrap{width:min(1180px,calc(100% - 32px));margin:auto}.eyebrow{margin:0 0 10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:.76rem;color:var(--red)}
.hero{min-height:100vh;position:relative;display:flex;flex-direction:column;background:
radial-gradient(circle at 15% 15%,rgba(247,207,74,.45),transparent 26%),
radial-gradient(circle at 85% 25%,rgba(15,159,99,.22),transparent 26%),
linear-gradient(135deg,#fff6d9 0%,#fffaf0 46%,#fbe9d9 100%);overflow:hidden}
.dark .hero{background:radial-gradient(circle at 15% 15%,rgba(247,207,74,.15),transparent 26%),radial-gradient(circle at 85% 25%,rgba(15,159,99,.13),transparent 28%),linear-gradient(135deg,#1c1511,#171311 55%,#221514)}
.topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 0;position:relative;z-index:5}.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none}.brand img{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(0,0,0,.16))}.brand strong{display:block;font-size:.98rem}.brand small{display:block;color:var(--muted);margin-top:2px}.nav-actions{display:flex;gap:8px}.icon-btn{width:44px;height:44px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 88%,transparent);border-radius:50%;display:grid;place-items:center;cursor:pointer;color:var(--ink);backdrop-filter:blur(12px);transition:.25s transform,.25s background}.icon-btn:hover{transform:translateY(-3px) rotate(-4deg);background:var(--panel)}.icon-btn svg{width:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.hero-grid{flex:1;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px;padding:50px 0 90px}.hero-copy h1{font-size:clamp(4rem,9vw,8rem);line-height:.82;margin:0;letter-spacing:-.075em;color:var(--red);text-shadow:0 6px 0 rgba(247,207,74,.65)}.lead{font-size:clamp(1.08rem,2vw,1.35rem);line-height:1.7;color:var(--muted);max-width:680px}.hero-buttons{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0}.btn{border:0;border-radius:16px;padding:14px 20px;font-weight:900;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:.25s transform,.25s box-shadow}.btn:hover{transform:translateY(-4px)}.primary{background:var(--red);color:white;box-shadow:0 12px 28px rgba(195,41,47,.25)}.ghost{background:var(--panel);color:var(--ink);border:1px solid var(--line)}.hero-stats{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.hero-stats div{min-width:128px;padding:14px 16px;border:1px solid var(--line);background:rgba(255,255,255,.5);border-radius:18px;backdrop-filter:blur(10px)}.dark .hero-stats div{background:rgba(255,255,255,.04)}.hero-stats strong{font-size:1.45rem;display:block}.hero-stats span{font-size:.78rem;color:var(--muted)}
.hero-art{min-height:520px;position:relative;display:grid;place-items:center}.logo-stage{width:min(360px,72vw);aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.7);display:grid;place-items:center;box-shadow:var(--shadow);position:relative;animation:float 5s ease-in-out infinite}.logo-stage img{width:82%;filter:drop-shadow(0 24px 32px rgba(80,30,23,.18));animation:logoTilt 9s ease-in-out infinite}.pulse-ring{position:absolute;inset:7%;border-radius:50%;border:2px solid rgba(195,41,47,.2);animation:pulse 3s ease-out infinite}.orbit{position:absolute;border:1px dashed rgba(195,41,47,.35);border-radius:50%;animation:spin 18s linear infinite}.orbit-a{width:420px;height:420px}.orbit-b{width:505px;height:505px;animation-direction:reverse;animation-duration:26s;border-color:rgba(15,159,99,.3)}.tag{position:absolute;padding:9px 13px;border-radius:999px;background:var(--panel);box-shadow:0 10px 25px rgba(0,0,0,.12);font-weight:900;font-size:.75rem;animation:bob 4s ease-in-out infinite}.tag-1{left:0;top:22%}.tag-2{right:4%;top:14%;animation-delay:-.8s}.tag-3{left:5%;bottom:18%;animation-delay:-1.8s}.tag-4{right:0;bottom:28%;animation-delay:-2.5s}.scroll-hint{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;color:var(--muted);text-decoration:none;font-size:.82rem}.scroll-hint span{width:20px;height:32px;border:1px solid var(--line);border-radius:99px;position:relative}.scroll-hint span:after{content:"";position:absolute;width:4px;height:7px;border-radius:99px;background:var(--red);left:50%;top:6px;transform:translateX(-50%);animation:scrollDot 1.6s infinite}
.ambient span{position:fixed;width:9px;height:9px;border-radius:3px;background:var(--yellow);opacity:.18;pointer-events:none;z-index:-1;animation:drift 12s linear infinite}.ambient span:nth-child(2){left:18%;animation-delay:-2s;background:var(--green)}.ambient span:nth-child(3){left:36%;animation-delay:-6s}.ambient span:nth-child(4){left:58%;animation-delay:-1s;background:var(--orange)}.ambient span:nth-child(5){left:76%;animation-delay:-8s;background:var(--red)}.ambient span:nth-child(6){left:91%;animation-delay:-4s;background:var(--green)}
.section{padding:100px 0}.section-head{display:flex;gap:30px;justify-content:space-between;align-items:end;margin-bottom:32px}.section-head h2,.about-card h2{font-size:clamp(2.1rem,4vw,4rem);line-height:1;margin:0 0 12px;letter-spacing:-.05em}.section-head p{max-width:700px;color:var(--muted);line-height:1.65}.tools{display:flex;gap:10px;align-items:center}.search{min-width:280px;display:flex;align-items:center;gap:9px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.search svg{width:18px;fill:none;stroke:currentColor;stroke-width:2}.search input{width:100%;border:0;outline:0;background:transparent;color:var(--ink)}select{padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--ink)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.story-card{position:relative;overflow:hidden;min-height:390px;border-radius:26px;border:1px solid var(--line);background:var(--panel);box-shadow:0 10px 30px rgba(80,35,26,.08);cursor:pointer;transition:.35s transform,.35s box-shadow;isolation:isolate}.story-card:hover{transform:translateY(-10px) rotate(-.5deg);box-shadow:var(--shadow)}.story-card.is-opening{transform:scale(.98);box-shadow:0 10px 20px rgba(0,0,0,.18)}.story-card::before{content:"";position:absolute;inset:0;background:linear-gradient(150deg,var(--card-soft),transparent 60%);z-index:-2}.story-card::after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;background:var(--card-accent);opacity:.14;right:-45px;top:-50px;filter:blur(2px);z-index:-1;transition:.45s transform}.story-card:hover:after{transform:scale(1.25) rotate(20deg)}.story-cover{height:170px;display:flex;align-items:flex-end;justify-content:space-between;padding:18px;position:relative;background:linear-gradient(160deg,color-mix(in srgb,var(--card-accent) 18%,transparent),transparent 60%)}.story-cover.has-image{background-size:cover;background-position:center}.story-cover-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,10,.08),rgba(10,10,10,.48));pointer-events:none}.story-symbol,.story-no{position:relative;z-index:1}.story-symbol{width:78px;height:78px;border-radius:22px;background:color-mix(in srgb,var(--card-accent) 14%,var(--panel));display:grid;place-items:center;color:var(--card-accent);transform:rotate(-3deg);transition:.35s transform}.story-card:hover .story-symbol{transform:rotate(5deg) scale(1.07)}.story-symbol svg{width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:1.8}.story-no{font-size:3rem;font-weight:1000;opacity:.18;line-height:1;color:#fff;text-shadow:0 8px 20px rgba(0,0,0,.35)}.story-body{padding:10px 20px 22px}.story-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.rating-pill,.fiction-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:7px 10px;font-size:.72rem;font-weight:900;letter-spacing:.02em}.rating-pill{background:rgba(21,21,21,.08);color:var(--ink)}.fiction-pill{background:color-mix(in srgb,var(--card-accent) 10%, transparent);color:var(--card-accent);margin:10px 0 12px}.fiction-pill.strong{margin:0;background:color-mix(in srgb,var(--reader-accent, var(--red)) 14%, transparent)}.story-body .theme-pill{display:inline-block;padding:7px 10px;border-radius:999px;background:color-mix(in srgb,var(--card-accent) 12%,transparent);color:var(--card-accent);font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.story-body h3{font-size:1.55rem;line-height:1.05;margin:13px 0 8px;letter-spacing:-.03em}.story-author{font-size:.88rem;font-weight:800;color:var(--muted);margin-bottom:12px}.story-excerpt{color:var(--muted);line-height:1.55;font-size:.92rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.story-cta{margin-top:18px;display:flex;align-items:center;justify-content:space-between;font-weight:900;color:var(--card-accent)}.story-cta span:last-child{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--card-accent) 12%,transparent);transition:.3s transform}.story-card:hover .story-cta span:last-child{transform:translateX(5px) rotate(-8deg)}.placeholder{opacity:.82}.empty{text-align:center;padding:50px;border:1px dashed var(--line);border-radius:20px;color:var(--muted)}.empty strong,.empty span{display:block}.empty strong{color:var(--ink);margin-bottom:5px}
.about-section{padding:100px 0;background:linear-gradient(135deg,rgba(195,41,47,.08),rgba(247,207,74,.16),rgba(15,159,99,.08))}.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:26px}.about-card{padding:34px;border-radius:30px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}.about-card p:last-child{color:var(--muted);line-height:1.75}.principles{display:grid;gap:12px}.principles article{display:grid;grid-template-columns:60px 1fr;column-gap:16px;padding:22px;border-radius:22px;background:color-mix(in srgb,var(--panel) 82%,transparent);border:1px solid var(--line)}.principles span{grid-row:1/3;font-size:1.7rem;font-weight:1000;color:var(--red);opacity:.35}.principles h3{margin:0 0 5px}.principles p{margin:0;color:var(--muted);line-height:1.55}
footer{padding:32px 0;border-top:1px solid var(--line)}.footer-grid{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-brand{display:flex;align-items:center;gap:10px}.footer-brand img{width:52px}.footer-brand strong,.footer-brand span{display:block}.footer-brand span,footer p{color:var(--muted);font-size:.82rem}
.story-transition-card{position:fixed;z-index:9999;border-radius:26px;overflow:hidden;pointer-events:none;background:linear-gradient(160deg,color-mix(in srgb,var(--transition-accent) 18%,transparent),transparent 60%);background-size:cover;background-position:center;box-shadow:0 22px 60px rgba(0,0,0,.28);transform-origin:top left;transition:transform .52s cubic-bezier(.2,.8,.18,1),opacity .52s ease,border-radius .52s ease,box-shadow .52s ease}.story-transition-card.animate{transform:translate(var(--dx),var(--dy)) scale(var(--sx),var(--sy));opacity:.16;border-radius:30px;box-shadow:0 30px 80px rgba(0,0,0,.34)}.story-transition-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,10,.12),rgba(10,10,10,.56))}.story-transition-title{position:absolute;left:18px;right:18px;bottom:18px;color:#fff;font-weight:900;letter-spacing:-.03em;line-height:.95;font-size:clamp(1.35rem,3vw,2.2rem);text-shadow:0 8px 28px rgba(0,0,0,.45)}.reader{width:min(900px,calc(100% - 20px));max-height:92vh;padding:0;border:0;border-radius:26px;background:var(--panel);color:var(--ink);box-shadow:0 40px 100px rgba(0,0,0,.4)}.reader::backdrop{background:rgba(20,12,10,.74);backdrop-filter:blur(8px)}.reader-shell{position:relative;max-height:92vh;overflow:auto}.reader-bar{position:sticky;top:0;z-index:3;padding:12px;display:flex;justify-content:space-between;align-items:center;background:color-mix(in srgb,var(--panel) 88%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.reader-controls{display:flex;gap:7px}.mini-btn{border:1px solid var(--line);background:var(--panel);color:var(--ink);padding:9px 12px;border-radius:12px;cursor:pointer;font-weight:800}.reader article{max-width:720px;margin:auto;padding:50px 28px 90px;font-size:calc(1rem * var(--font-scale));line-height:1.9}.reader-cover{margin:0 0 24px}.reader-cover img{width:100%;border-radius:20px;display:block;box-shadow:0 14px 30px rgba(0,0,0,.18)}.reader-badges{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.reader article h1{font-size:calc(2.5rem * var(--font-scale));line-height:1.05;margin:0 0 12px;letter-spacing:-.05em}.reader article .meta{color:var(--muted);font-size:.9rem;margin-bottom:30px}.reader article p{margin:0 0 1.2em}.manuscript-block{margin-top:34px;padding-top:24px;border-top:1px solid var(--line)}.manuscript-block h2{font-size:1.2rem;margin:0 0 14px}.manuscript-block img{width:100%;display:block;border-radius:18px;box-shadow:0 14px 28px rgba(0,0,0,.15)}.reader-progress{position:sticky;bottom:0;height:4px;background:rgba(0,0,0,.08)}.reader-progress span{display:block;height:100%;width:0;background:var(--red)}.reader.focus .reader-bar{opacity:.15}.reader.focus .reader-bar:hover{opacity:1}.reader-opening .reader-shell{animation:readerShellIn .42s cubic-bezier(.2,.85,.18,1)}.story-fade-in>*{animation:readerItemIn .48s cubic-bezier(.2,.85,.18,1) both}.story-fade-in>*:nth-child(2){animation-delay:.03s}.story-fade-in>*:nth-child(3){animation-delay:.06s}.story-fade-in>*:nth-child(4){animation-delay:.09s}.story-fade-in>*:nth-child(5){animation-delay:.12s}.story-fade-in>*:nth-child(6){animation-delay:.15s}
.reveal{opacity:0;transform:translateY(20px);transition:.7s opacity,.7s transform}.reveal.visible{opacity:1;transform:none}
.paused *,.paused *::before,.paused *::after{animation-play-state:paused!important;transition-duration:0s!important}
@keyframes float{50%{transform:translateY(-12px)}}@keyframes readerShellIn{0%{opacity:0;transform:translateY(26px) scale(.985)}100%{opacity:1;transform:none}}@keyframes readerItemIn{0%{opacity:0;transform:translateY(18px)}100%{opacity:1;transform:none}}@keyframes logoTilt{50%{transform:rotate(2deg) scale(1.02)}}@keyframes pulse{0%{transform:scale(.88);opacity:.8}100%{transform:scale(1.18);opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bob{50%{transform:translateY(-10px) rotate(1deg)}}@keyframes scrollDot{0%{opacity:0;transform:translate(-50%,0)}40%{opacity:1}100%{opacity:0;transform:translate(-50%,11px)}}@keyframes drift{0%{transform:translateY(110vh) rotate(0)}100%{transform:translateY(-10vh) rotate(360deg)}}
@media(max-width:900px){.hero{min-height:auto}.hero-grid{grid-template-columns:1fr;padding-top:30px}.hero-copy{text-align:center}.lead{margin-inline:auto}.hero-buttons,.hero-stats{justify-content:center}.hero-art{min-height:430px}.orbit-a{width:340px;height:340px}.orbit-b{width:420px;height:420px}.section-head{align-items:stretch;flex-direction:column}.tools{align-items:stretch;flex-direction:column}.search{min-width:0}.cards{grid-template-columns:repeat(2,1fr)}.about-grid{grid-template-columns:1fr}}
@media(max-width:620px){.wrap{width:min(100% - 22px,1180px)}.brand div{display:none}.hero-grid{padding-bottom:70px}.hero-copy h1{font-size:clamp(3.5rem,22vw,6rem)}.lead{font-size:1rem}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.hero-stats div{min-width:0;padding:11px 8px}.hero-stats strong{font-size:1.08rem}.hero-stats span{font-size:.66rem}.hero-art{min-height:350px}.orbit-a{width:280px;height:280px}.orbit-b{width:340px;height:340px}.tag{font-size:.66rem}.cards{grid-template-columns:1fr}.story-card{min-height:360px}.section{padding:70px 0}.about-section{padding:70px 0}.principles article{grid-template-columns:44px 1fr}.footer-grid{flex-direction:column;align-items:flex-start}.reader{width:calc(100% - 10px);max-height:97vh;border-radius:20px}.reader article{padding:34px 20px 70px}.reader-controls .mini-btn:last-child{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}


/* ===== Transição cinematográfica V2 ===== */
.story-card{will-change:transform,filter}.story-card.is-opening-v2{transform:scale(.965)!important;filter:saturate(1.12) brightness(.9);box-shadow:0 18px 44px rgba(0,0,0,.24)!important}
.story-transition-v2{position:fixed;inset:0;z-index:9998;pointer-events:none;overflow:hidden;isolation:isolate}
.transition-v2-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--transition-accent) 34%,transparent),rgba(12,8,7,.88) 60%);opacity:0;backdrop-filter:blur(0);transition:.7s opacity ease,.7s backdrop-filter ease}
.story-transition-v2.play .transition-v2-backdrop{opacity:1;backdrop-filter:blur(11px)}
.transition-v2-card{position:absolute;border-radius:26px;overflow:hidden;background:#111 center/cover no-repeat;box-shadow:0 20px 70px rgba(0,0,0,.35);transform-origin:top left;transition:transform .74s cubic-bezier(.16,.9,.22,1),border-radius .74s ease,box-shadow .74s ease;z-index:4}
.story-transition-v2.play .transition-v2-card{transform:translate(var(--dx),var(--dy)) scale(var(--sx),var(--sy));border-radius:34px;box-shadow:0 50px 120px rgba(0,0,0,.5)}
.transition-v2-cover{position:absolute;inset:0;background:center/cover no-repeat;transform:scale(1.03);filter:saturate(1.04) contrast(1.03);transition:.76s transform cubic-bezier(.16,.9,.22,1),filter .76s ease}
.story-transition-v2.play .transition-v2-cover{transform:scale(1.13);filter:saturate(1.18) contrast(1.04) brightness(.78)}
.transition-v2-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(10,6,5,.1) 48%,rgba(10,6,5,.88) 100%)}
.transition-v2-shine{position:absolute;inset:-30%;z-index:2;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.32) 48%,transparent 58%);transform:translateX(-75%) rotate(8deg);transition:.85s transform cubic-bezier(.16,.9,.22,1)}
.story-transition-v2.play .transition-v2-shine{transform:translateX(76%) rotate(8deg)}
.transition-v2-title{position:absolute;z-index:3;left:7%;right:7%;bottom:6%;color:#fff;transform:translateY(28px);opacity:0;transition:.48s opacity .18s ease,.58s transform .18s cubic-bezier(.16,.9,.22,1);text-shadow:0 10px 34px rgba(0,0,0,.55)}
.story-transition-v2.play .transition-v2-title{opacity:1;transform:none}
.transition-v2-title span{display:inline-flex;padding:5px 9px;border-radius:999px;background:color-mix(in srgb,var(--transition-accent) 72%,#111);font-size:.62rem;font-weight:1000;text-transform:uppercase;letter-spacing:.12em}
.transition-v2-title strong{display:block;font-size:clamp(1.15rem,3.2vw,2.1rem);line-height:.94;letter-spacing:-.05em;margin-top:8px}
.transition-v2-title small{display:block;margin-top:7px;font-weight:800;opacity:.84;font-size:.72rem}
.transition-v2-rings{position:absolute;left:50%;top:50%;width:90vmin;height:90vmin;transform:translate(-50%,-50%);z-index:1}
.transition-v2-rings i{position:absolute;inset:50%;border-radius:50%;border:1px solid color-mix(in srgb,var(--transition-accent) 62%,#fff);opacity:0;transform:translate(-50%,-50%) scale(.15);box-shadow:0 0 40px color-mix(in srgb,var(--transition-accent) 25%,transparent)}
.story-transition-v2.play .transition-v2-rings i:nth-child(1){animation:ringPulseV2 .78s .03s ease-out forwards}
.story-transition-v2.play .transition-v2-rings i:nth-child(2){animation:ringPulseV2 .9s .12s ease-out forwards}
.story-transition-v2.play .transition-v2-rings i:nth-child(3){animation:ringPulseV2 1s .2s ease-out forwards}
.transition-v2-streak{position:absolute;height:3px;width:46vw;left:50%;top:50%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--transition-accent) 82%,#fff),transparent);filter:blur(.2px);opacity:0;z-index:3;transform-origin:center}
.streak-a{transform:translate(-50%,-50%) rotate(18deg)}.streak-b{transform:translate(-50%,-50%) rotate(-22deg)}
.story-transition-v2.play .streak-a{animation:streakV2 .64s .08s ease-out forwards}.story-transition-v2.play .streak-b{animation:streakV2 .72s .16s ease-out forwards}

.reader.reader-cinematic-opening{animation:readerDialogV2 .5s cubic-bezier(.16,.9,.22,1)}
.reader.reader-cinematic-opening::backdrop{animation:backdropV2 .42s ease both}
.reader.reader-closing-v2{animation:readerDialogCloseV2 .26s ease both}
.reader.reader-closing-v2::backdrop{animation:backdropCloseV2 .26s ease both}
.reader.reader-cinematic-opening .reader-cover{animation:coverHeroV2 .72s .05s cubic-bezier(.16,.9,.22,1) both;transform-origin:center top}
.reader.reader-cinematic-opening .reader-cover img{animation:coverImageV2 1.05s .03s cubic-bezier(.16,.9,.22,1) both}
.reader.reader-cinematic-opening .reader-bar{animation:barDropV2 .48s .16s cubic-bezier(.16,.9,.22,1) both}
.story-fade-in-v2>.reader-badges{animation:contentRiseV2 .55s .18s both}
.story-fade-in-v2>h1{animation:contentRiseV2 .6s .24s both}
.story-fade-in-v2>.meta{animation:contentRiseV2 .6s .30s both}
.story-fade-in-v2>.reader-story-copy{animation:contentRiseV2 .66s .36s both}
.story-fade-in-v2>.manuscript-block{animation:contentRiseV2 .7s .42s both}
.reader-story-copy{position:relative}.reader-story-copy::before{content:"";display:block;width:72px;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--reader-accent),transparent);margin:0 0 24px;animation:lineGrowV2 .7s .42s both;transform-origin:left}
.reader-progress span{background:linear-gradient(90deg,var(--reader-accent),var(--yellow));box-shadow:0 0 14px color-mix(in srgb,var(--reader-accent) 48%,transparent);transition:width .12s linear}
.reader-cover{position:relative;overflow:hidden}.reader-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 34%,rgba(255,255,255,.28) 48%,transparent 58%);transform:translateX(-140%);pointer-events:none}.reader.reader-cinematic-opening .reader-cover::after{animation:readerShineV2 1s .32s ease both}

@keyframes ringPulseV2{0%{opacity:.65;transform:translate(-50%,-50%) scale(.12)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.35)}}
@keyframes streakV2{0%{opacity:0;transform:translate(-50%,-50%) scaleX(.1) rotate(18deg)}35%{opacity:.9}100%{opacity:0;transform:translate(-50%,-50%) scaleX(1.65) rotate(18deg)}}
@keyframes readerDialogV2{0%{opacity:0;transform:translateY(26px) scale(.955);filter:blur(5px)}100%{opacity:1;transform:none;filter:none}}
@keyframes readerDialogCloseV2{to{opacity:0;transform:translateY(20px) scale(.975);filter:blur(3px)}}
@keyframes backdropV2{0%{background:rgba(20,12,10,0);backdrop-filter:blur(0)}100%{background:rgba(20,12,10,.8);backdrop-filter:blur(12px)}}
@keyframes backdropCloseV2{to{background:rgba(20,12,10,0);backdrop-filter:blur(0)}}
@keyframes coverHeroV2{0%{opacity:0;transform:translateY(-26px) scale(1.04);clip-path:inset(45% 4% 45% 4% round 20px)}100%{opacity:1;transform:none;clip-path:inset(0 0 0 0 round 20px)}}
@keyframes coverImageV2{0%{transform:scale(1.14);filter:saturate(1.2) brightness(.72)}100%{transform:scale(1);filter:none}}
@keyframes barDropV2{0%{opacity:0;transform:translateY(-16px)}100%{opacity:1;transform:none}}
@keyframes contentRiseV2{0%{opacity:0;transform:translateY(24px);filter:blur(3px)}100%{opacity:1;transform:none;filter:none}}
@keyframes lineGrowV2{0%{transform:scaleX(0);opacity:0}100%{transform:scaleX(1);opacity:1}}
@keyframes readerShineV2{0%{transform:translateX(-140%)}100%{transform:translateX(140%)}}

@media(max-width:620px){.transition-v2-title strong{font-size:1.05rem}.transition-v2-title small{display:none}.story-transition-v2 .transition-v2-rings{width:120vmin;height:120vmin}.reader.reader-cinematic-opening{animation-duration:.4s}}
@media(prefers-reduced-motion:reduce){.story-transition-v2{display:none!important}.reader.reader-cinematic-opening,.reader.reader-closing-v2,.reader.reader-cinematic-opening .reader-cover,.reader.reader-cinematic-opening .reader-cover img,.reader.reader-cinematic-opening .reader-bar,.story-fade-in-v2>*{animation:none!important}}


/* ===== Transições individuais + música ===== */
.music-btn .music-off-icon{display:none}.music-btn.playing .music-on-icon{display:none}.music-btn.playing .music-off-icon{display:block}.music-btn.playing{background:color-mix(in srgb,var(--red) 13%,var(--panel));box-shadow:0 0 0 4px color-mix(in srgb,var(--red) 8%,transparent)}.music-btn.playing::after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--green);right:2px;top:2px;box-shadow:0 0 10px var(--green);animation:musicPulse 1.5s infinite}.music-btn{position:relative}.music-btn.music-unavailable{opacity:.55}.footer-notes{max-width:560px}.footer-notes p{margin:.25rem 0}.music-credit{font-size:.74rem!important;line-height:1.45}.music-credit strong{color:var(--ink)}
.transition-v2-atmosphere,.transition-v2-vignette{position:absolute;inset:0;pointer-events:none}.transition-v2-vignette{z-index:5;opacity:0;background:radial-gradient(circle at center,transparent 34%,rgba(0,0,0,.72) 100%);transition:.7s opacity ease}.story-transition-v2.play .transition-v2-vignette{opacity:.58}.transition-v2-atmosphere{z-index:2;overflow:hidden}.transition-v2-atmosphere i{position:absolute;border-radius:999px;opacity:0;filter:blur(1px);background:color-mix(in srgb,var(--transition-accent) 66%,#fff)}
.story-transition-v2[data-variant="crimson"] .transition-v2-card{animation:crimsonJolt .76s cubic-bezier(.16,.9,.22,1)}.story-transition-v2[data-variant="crimson"] .transition-v2-backdrop{background:radial-gradient(circle at 50% 44%,rgba(118,11,20,.58),rgba(8,5,6,.94) 64%)}.story-transition-v2[data-variant="crimson"].play .transition-v2-atmosphere i:nth-child(1){left:-15%;top:35%;width:130%;height:3px;animation:slashSweep .55s .08s ease-out forwards}.story-transition-v2[data-variant="crimson"].play .transition-v2-atmosphere i:nth-child(2){left:-10%;top:55%;width:120%;height:2px;animation:slashSweep .68s .16s ease-out forwards}
.story-transition-v2[data-variant="impact"] .transition-v2-backdrop{background:radial-gradient(circle at 52% 46%,rgba(155,38,38,.48),rgba(14,8,7,.95) 62%)}.story-transition-v2[data-variant="impact"].play .transition-v2-card{animation:impactThump .72s cubic-bezier(.16,.9,.22,1)}.story-transition-v2[data-variant="impact"].play .transition-v2-rings{animation:impactRings .8s ease-out}
.story-transition-v2[data-variant="memory"] .transition-v2-backdrop{background:linear-gradient(135deg,rgba(126,83,57,.72),rgba(31,22,19,.94))}.story-transition-v2[data-variant="memory"] .transition-v2-cover{filter:sepia(.28) saturate(.9)}.story-transition-v2[data-variant="memory"].play .transition-v2-atmosphere i{width:10px;height:14px;background:#f0d8a7;box-shadow:0 0 20px rgba(255,224,173,.4)}.story-transition-v2[data-variant="memory"].play .transition-v2-atmosphere i:nth-child(1){left:18%;top:85%;animation:paperFloat 1.2s ease-out forwards}.story-transition-v2[data-variant="memory"].play .transition-v2-atmosphere i:nth-child(2){left:72%;top:90%;animation:paperFloat 1.35s .08s ease-out forwards}.story-transition-v2[data-variant="memory"].play .transition-v2-atmosphere i:nth-child(3){left:48%;top:95%;animation:paperFloat 1.1s .15s ease-out forwards}
.story-transition-v2[data-variant="water"] .transition-v2-backdrop{background:radial-gradient(circle at 50% 52%,rgba(25,93,111,.56),rgba(6,16,24,.95) 68%)}.story-transition-v2[data-variant="water"] .transition-v2-rings i{border-color:rgba(136,223,232,.75);box-shadow:0 0 34px rgba(74,201,218,.32)}.story-transition-v2[data-variant="water"].play .transition-v2-card{animation:waterDrift .78s cubic-bezier(.16,.9,.22,1)}
.story-transition-v2[data-variant="dream"] .transition-v2-backdrop{background:linear-gradient(145deg,rgba(34,45,90,.8),rgba(17,15,35,.96))}.story-transition-v2[data-variant="dream"] .transition-v2-atmosphere i{width:58vw;height:16vh;background:rgba(226,232,255,.23);filter:blur(28px)}.story-transition-v2[data-variant="dream"].play .transition-v2-atmosphere i:nth-child(1){left:-30%;top:20%;animation:fogDrift 1.15s ease-out forwards}.story-transition-v2[data-variant="dream"].play .transition-v2-atmosphere i:nth-child(2){right:-35%;top:58%;animation:fogDriftReverse 1.25s ease-out forwards}.story-transition-v2[data-variant="dream"] .transition-v2-card{filter:drop-shadow(0 0 34px rgba(164,174,255,.18))}
.story-transition-v2[data-variant="moon"] .transition-v2-backdrop{background:radial-gradient(circle at 72% 18%,rgba(236,222,167,.42) 0 7%,rgba(44,47,84,.5) 22%,rgba(9,12,28,.96) 67%)}.story-transition-v2[data-variant="moon"].play .transition-v2-vignette{opacity:.74}.story-transition-v2[data-variant="moon"] .transition-v2-cover{filter:saturate(.85) contrast(1.12)}.story-transition-v2[data-variant="moon"].play .transition-v2-atmosphere i:nth-child(1){width:120px;height:120px;right:8%;top:8%;background:rgba(247,236,183,.65);box-shadow:0 0 80px rgba(247,236,183,.38);animation:moonBloom .9s ease-out forwards}
.story-transition-v2[data-variant="hope"] .transition-v2-backdrop{background:radial-gradient(circle at 72% 68%,rgba(248,190,76,.52),rgba(34,52,42,.88) 65%)}.story-transition-v2[data-variant="hope"] .transition-v2-vignette{background:linear-gradient(180deg,transparent,rgba(16,31,25,.46))}.story-transition-v2[data-variant="hope"].play .transition-v2-atmosphere i{width:2px;height:55vh;top:15%;background:rgba(255,225,142,.78);transform-origin:bottom}.story-transition-v2[data-variant="hope"].play .transition-v2-atmosphere i:nth-child(1){left:42%;animation:sunRay .9s ease-out forwards}.story-transition-v2[data-variant="hope"].play .transition-v2-atmosphere i:nth-child(2){left:56%;animation:sunRay .95s .05s ease-out forwards}.story-transition-v2[data-variant="hope"].play .transition-v2-atmosphere i:nth-child(3){left:68%;animation:sunRay 1s .1s ease-out forwards}
.story-transition-v2[data-variant="mystic"] .transition-v2-backdrop{background:radial-gradient(circle at 50% 48%,rgba(74,116,68,.5),rgba(13,17,15,.96) 65%)}.story-transition-v2[data-variant="mystic"] .transition-v2-rings{animation:mysticSpin 1.1s ease-out}.story-transition-v2[data-variant="mystic"] .transition-v2-rings i{border-color:rgba(185,213,119,.64);box-shadow:0 0 42px rgba(151,195,92,.34)}.story-transition-v2[data-variant="mystic"].play .transition-v2-atmosphere i{width:7px;height:7px;background:#d6e797;box-shadow:0 0 14px #b2cf70}.story-transition-v2[data-variant="mystic"].play .transition-v2-atmosphere i:nth-child(1){left:20%;top:74%;animation:mysticSpark 1s ease-out forwards}.story-transition-v2[data-variant="mystic"].play .transition-v2-atmosphere i:nth-child(2){left:74%;top:76%;animation:mysticSpark 1.1s .08s ease-out forwards}.story-transition-v2[data-variant="mystic"].play .transition-v2-atmosphere i:nth-child(3){left:56%;top:88%;animation:mysticSpark .95s .15s ease-out forwards}
@keyframes musicPulse{50%{transform:scale(1.35);opacity:.6}}@keyframes crimsonJolt{0%,100%{filter:none}35%{filter:brightness(.78) saturate(1.35)}45%{transform:translateX(-2px)}52%{transform:translateX(2px)}}@keyframes slashSweep{0%{opacity:0;transform:translateX(-25%) rotate(-8deg);filter:blur(8px)}35%{opacity:.9}100%{opacity:0;transform:translateX(25%) rotate(-8deg);filter:blur(1px)}}@keyframes impactThump{0%{filter:blur(2px)}45%{filter:brightness(.8);transform:scale(.985)}100%{filter:none}}@keyframes impactRings{50%{filter:drop-shadow(0 0 28px rgba(255,90,90,.55))}}@keyframes paperFloat{0%{opacity:0;transform:translateY(0) rotate(0)}25%{opacity:.8}100%{opacity:0;transform:translateY(-70vh) rotate(220deg)}}@keyframes waterDrift{0%{filter:blur(4px);transform:translateY(8px)}100%{filter:none;transform:none}}@keyframes fogDrift{0%{opacity:0;transform:translateX(-20%)}50%{opacity:.8}100%{opacity:0;transform:translateX(65%)}}@keyframes fogDriftReverse{0%{opacity:0;transform:translateX(20%)}50%{opacity:.7}100%{opacity:0;transform:translateX(-65%)}}@keyframes moonBloom{0%{opacity:0;transform:scale(.2)}50%{opacity:.85}100%{opacity:0;transform:scale(2.2)}}@keyframes sunRay{0%{opacity:0;transform:rotate(20deg) scaleY(.2)}45%{opacity:.65}100%{opacity:0;transform:rotate(20deg) scaleY(1.5)}}@keyframes mysticSpin{to{transform:translate(-50%,-50%) rotate(90deg)}}@keyframes mysticSpark{0%{opacity:0;transform:translateY(0) scale(.4)}40%{opacity:1}100%{opacity:0;transform:translateY(-55vh) translateX(40px) scale(1.4)}}


/* Leitura acessível: manuscrito + transcrição */
.reader{width:min(980px,calc(100% - 18px));}
.reader article{max-width:820px;padding-inline:clamp(18px,4vw,38px)}
.reader-summary{margin:0 0 34px;padding:18px 20px;border:1px solid var(--line);border-left:4px solid var(--reader-accent,var(--red));border-radius:18px;background:color-mix(in srgb,var(--reader-accent,var(--red)) 6%,var(--panel));line-height:1.55}
.reader-summary strong{display:block;margin-bottom:5px;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--reader-accent,var(--red))}
.reader-summary p{margin:0!important;color:var(--muted)}
.section-kicker{display:block;margin-bottom:5px;color:var(--reader-accent,var(--red));font-weight:900;text-transform:uppercase;letter-spacing:.1em;font-size:.7rem}
.section-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}
.section-title-row h2,.transcription-block h2{font-size:clamp(1.35rem,3vw,1.85rem);margin:0;letter-spacing:-.03em}
.manuscript-block{margin-top:24px;padding-top:28px;border-top:1px solid var(--line)}
.manuscript-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 12px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font-size:.78rem;font-weight:850;text-decoration:none;white-space:nowrap}
.manuscript-link:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.08)}
.manuscript-figure{margin:0}
.manuscript-figure a{display:block;border-radius:20px;overflow:hidden;background:#ece8e0;border:1px solid var(--line)}
.manuscript-figure img{width:100%;height:auto;max-height:min(78vh,980px);object-fit:contain;object-position:center;display:block;margin:auto;background:#eee;box-shadow:none;border-radius:0}
.manuscript-figure figcaption{text-align:center;color:var(--muted);font-size:.76rem;margin-top:9px}
.transcription-block{margin-top:34px;padding:clamp(20px,4vw,30px);border:1px solid var(--line);border-radius:22px;background:color-mix(in srgb,var(--panel) 93%,var(--reader-accent,var(--red)) 7%)}
.transcription-note{margin:10px 0 22px!important;color:var(--muted);font-size:.84rem;line-height:1.55}
.transcription-text{font-size:clamp(1.05rem,2vw,1.18rem);line-height:1.85;letter-spacing:.005em}
.transcription-text p{margin:0 0 1.15em!important}
.transcription-text p:last-child{margin-bottom:0!important}
@media(max-width:620px){
  .reader{width:100%;max-height:100dvh;height:100dvh;border-radius:0;margin:0}
  .reader-shell{max-height:100dvh;height:100dvh}
  .reader article{padding:28px 16px 72px;font-size:calc(1rem * var(--font-scale))}
  .reader-cover{margin-inline:-2px}
  .reader-cover img{border-radius:16px}
  .section-title-row{align-items:stretch;flex-direction:column;gap:10px}
  .manuscript-link{width:100%;white-space:normal;text-align:center}
  .manuscript-figure img{max-height:none;width:100%;height:auto}
  .transcription-block{margin-inline:-2px;padding:20px 17px;border-radius:18px}
  .transcription-text{font-size:1.08rem;line-height:1.82}
}