.genre-guide .gn-reveal{opacity:0;transition:opacity .65s,transform .65s;transform:translateY(18px)}.genre-guide .gn-reveal.show{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.genre-guide .gn-reveal{opacity:1;transform:none}}.genre-guide .gn-next-step-invite{margin-top:1.75rem}.genre-guide .gn-two-col{grid-template-columns:1fr 1fr;align-items:start;gap:1.25rem;display:grid}.genre-guide .gn-verse-chips{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1rem;display:flex}.genre-guide .rg-main .gn-verse-chips{justify-content:flex-start}.genre-guide .gn-chip{color:var(--reader-muted);background:var(--reader-card);border:1px solid color-mix(in srgb, var(--reader-border) 80%, transparent);border-radius:9999px;padding:.45rem .85rem;font-size:.875rem}.genre-guide .gn-hero-actions{flex-wrap:wrap;gap:.65rem;margin-top:1.25rem;display:flex}.genre-guide .gn-btn{cursor:pointer;border:1px solid #0000;border-radius:9999px;justify-content:center;align-items:center;min-height:2.75rem;padding:.55rem 1.15rem;font-family:inherit;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .18s,color .18s,border-color .18s,transform .18s;display:inline-flex}.genre-guide .gn-btn:hover{transform:translateY(-1px)}.genre-guide .gn-btn--primary{background:var(--reader-accent);color:var(--reader-bg)}.genre-guide .gn-btn--primary:hover{background:color-mix(in srgb, var(--reader-accent) 88%, var(--reader-fg))}.genre-guide .gn-btn--secondary{background:var(--reader-card);color:var(--reader-fg);border-color:color-mix(in srgb, var(--reader-border) 90%, transparent)}.genre-guide .gn-inline-link{color:var(--reader-accent);text-underline-offset:.15em;font-weight:500;text-decoration:underline}.genre-guide .gn-inline-link:hover{opacity:.9}.genre-guide .gn-panel{background:var(--reader-card);border:1px solid color-mix(in srgb, var(--reader-border) 82%, transparent);border-radius:var(--reader-radius,.75rem);padding:1.25rem 1.35rem}.genre-guide .gn-panel h3{margin-top:0}.genre-guide .gn-accordion{gap:.65rem;display:grid}.genre-guide .gn-feedback{color:var(--reader-muted);min-height:1.25rem;margin-top:.75rem;font-size:.9375rem}.genre-guide .gn-answers{gap:.5rem;margin-top:.75rem;display:grid}.genre-guide .gn-compare-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.genre-guide .gn-compare-card{border-radius:var(--reader-radius,.75rem);border:1px solid color-mix(in srgb, var(--reader-border) 82%, transparent);background:var(--reader-card);padding:1.25rem 1.35rem}.genre-guide .gn-compare-card h3{font-family:var(--font-scripture), Georgia, serif;color:var(--reader-fg);margin:0 0 .75rem;font-size:1.15rem}.genre-guide .gn-compare-card ul{color:var(--reader-muted);margin:0;padding-left:1.15rem;font-size:.9375rem;line-height:1.55}.genre-guide .gn-step-list{gap:.65rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.genre-guide .gn-step-list li{color:var(--reader-muted);grid-template-columns:1.75rem 1fr;gap:.65rem;font-size:.9375rem;display:grid}.genre-guide .gn-step-list strong{color:var(--reader-accent);font-weight:700}.genre-guide .gn-qa-item+.gn-qa-item{border-top:1px solid color-mix(in srgb, var(--reader-border) 80%, transparent);margin-top:1rem;padding-top:1rem}.genre-guide .gn-qa-item h4{font-family:var(--font-source-sans), var(--font-geist-sans), system-ui, sans-serif;color:var(--reader-fg);text-transform:none;letter-spacing:normal;margin:0 0 .35rem;font-size:.95rem;font-weight:600}.genre-guide .gn-qa-item p{color:var(--reader-muted);margin:0;font-size:.9375rem;line-height:1.6}.genre-guide .gn-hero-highlight{background:var(--reader-card);border:1px solid color-mix(in srgb, var(--reader-border) 80%, transparent);border-radius:var(--reader-radius,.75rem);box-shadow:var(--reader-shadow-sm,0 1px 2px #1c19170f);padding:1.25rem 1.35rem}.genre-guide .gn-pulse-orbit{aspect-ratio:1;isolation:isolate;border-radius:50%;place-items:center;max-width:220px;margin:0 auto 1rem;display:grid;position:relative}.genre-guide .gn-pulse-orbit:before,.genre-guide .gn-pulse-orbit:after{content:"";border:1px dashed color-mix(in srgb, var(--reader-accent) 38%, transparent);border-radius:50%;animation:22s linear infinite gn-spin;position:absolute;inset:12%}.genre-guide .gn-pulse-orbit:after{animation-duration:30s;animation-direction:reverse;inset:0}.genre-guide .gn-pulse-core{aspect-ratio:1;text-align:center;background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--reader-accent) 35%, white), var(--reader-accent));color:#fff;width:54%;box-shadow:0 0 0 16px color-mix(in srgb, var(--reader-accent) 10%, transparent);border-radius:50%;place-items:center;padding:.75rem;display:grid}.genre-guide .gn-pulse-core strong{font-family:var(--font-scripture), Georgia, serif;font-size:1.1rem;display:block}.genre-guide .gn-pulse-core>div>span{letter-spacing:.06em;text-transform:uppercase;opacity:.92;margin-top:.2rem;font-size:.68rem;font-weight:600;display:block}.genre-guide .gn-hero-points{gap:.65rem;margin:0;padding:0;display:grid}.genre-guide .gn-hero-points li{color:var(--reader-muted);grid-template-columns:1.35rem 1fr;gap:.65rem;font-size:.9375rem;list-style:none;display:grid}.genre-guide .gn-hero-points span:first-child{color:var(--reader-accent);font-size:.75rem;font-weight:700}.genre-guide .gn-hero-points--inline{margin-top:1.25rem}.genre-guide .gn-pillar-grid,.genre-guide .gn-flip-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.genre-guide .gn-flip-card{perspective:1100px;outline:none;min-height:260px}.genre-guide .gn-flip-card:focus-visible{outline:2px solid var(--reader-accent);outline-offset:4px;border-radius:var(--reader-radius,.75rem)}.genre-guide .gn-flip-inner{width:100%;height:100%;min-height:260px;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.16,1,.3,1);position:relative}.genre-guide .gn-flip-card.is-flipped .gn-flip-inner{transform:rotateY(180deg)}.genre-guide .gn-flip-face{backface-visibility:hidden;border-radius:var(--reader-radius,.75rem);border:1px solid color-mix(in srgb, var(--reader-border) 82%, transparent);background:var(--reader-card);box-shadow:var(--reader-shadow-xs,0 1px 2px #1c19170d);flex-direction:column;justify-content:space-between;gap:1rem;padding:1.35rem 1.4rem;display:flex;position:absolute;inset:0}.genre-guide .gn-flip-face--back{background:color-mix(in srgb, var(--reader-accent) 9%, var(--reader-card));transform:rotateY(180deg)}.genre-guide .gn-flip-face h3{font-family:var(--font-scripture), Georgia, serif;color:var(--reader-fg);margin:.35rem 0 .5rem;font-size:1.15rem}.genre-guide .gn-flip-face p{color:var(--reader-muted);margin:0;font-size:.9375rem;line-height:1.6}.genre-guide .gn-tag{letter-spacing:.06em;text-transform:uppercase;width:fit-content;color:var(--reader-muted);background:color-mix(in srgb, var(--reader-muted) 10%, transparent);border-radius:9999px;padding:.28rem .6rem;font-size:.68rem;font-weight:600;display:inline-flex}.genre-guide .gn-mini-btn{background:var(--reader-accent);color:var(--reader-bg);cursor:pointer;border:none;border-radius:9999px;align-self:flex-start;padding:.5rem .9rem;font-family:inherit;font-size:.8125rem;font-weight:600}.genre-guide .gn-accordion-item{border-radius:var(--reader-radius,.75rem);border:1px solid color-mix(in srgb, var(--reader-border) 82%, transparent);background:var(--reader-card);overflow:hidden}.genre-guide .gn-accordion-trigger{text-align:left;cursor:pointer;width:100%;min-height:3.25rem;font:inherit;color:var(--reader-fg);background:0 0;border:none;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.1rem;display:flex}.genre-guide .gn-accordion-trigger span:last-child{color:var(--reader-accent);font-weight:700}.genre-guide .gn-accordion-panel{grid-template-rows:0fr;transition:grid-template-rows .2s;display:grid}.genre-guide .gn-accordion-panel>div{overflow:hidden}.genre-guide .gn-accordion-item.open .gn-accordion-panel{grid-template-rows:1fr}.genre-guide .gn-accordion-panel p{color:var(--reader-muted);margin:0;padding:0 1.1rem 1rem;font-size:.9375rem;line-height:1.65}.genre-guide .gn-quiz-panel{background:var(--reader-card);border:1px solid color-mix(in srgb, var(--reader-border) 80%, transparent);border-radius:var(--reader-radius,.75rem);padding:1.35rem 1.4rem}.genre-guide .gn-progress-row{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.genre-guide .gn-progress{background:color-mix(in srgb, var(--reader-muted) 12%, transparent);border-radius:9999px;flex:1;height:.45rem;overflow:hidden}.genre-guide .gn-progress-bar{background:linear-gradient(90deg, var(--reader-accent), color-mix(in srgb, var(--reader-accent) 65%, white));height:100%;transition:width .35s}.genre-guide .gn-answer-btn{text-align:left;border-radius:var(--reader-radius-sm,.5rem);border:1px solid color-mix(in srgb, var(--reader-border) 85%, transparent);background:var(--reader-bg);width:100%;font:inherit;color:var(--reader-fg);cursor:pointer;min-height:3rem;padding:.85rem 1rem}.genre-guide .gn-answer-btn:hover:not(:disabled){border-color:color-mix(in srgb, var(--reader-accent) 35%, var(--reader-border))}.genre-guide .gn-answer-btn:disabled{cursor:default}.genre-guide .gn-answer-btn--correct{background:color-mix(in srgb, #437a22 12%, var(--reader-card));border-color:#437a2273}.genre-guide .gn-answer-btn--wrong{background:color-mix(in srgb, #964219 10%, var(--reader-card));border-color:#96421966}.genre-guide .gn-meter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin-top:1.25rem;display:grid}.genre-guide .gn-meter{border-radius:var(--reader-radius-sm,.5rem);background:color-mix(in srgb, var(--reader-muted) 8%, var(--reader-bg));padding:.85rem 1rem}.genre-guide .gn-meter strong{font-family:var(--font-scripture), Georgia, serif;margin-top:.25rem;font-size:1.35rem;display:block}.genre-guide .gn-glossary-search{flex-wrap:wrap;gap:.65rem;margin-bottom:1rem;display:flex}.genre-guide .gn-glossary-search input{border:1px solid color-mix(in srgb, var(--reader-border) 90%, transparent);background:var(--reader-card);min-width:12rem;min-height:2.75rem;font:inherit;color:var(--reader-fg);border-radius:9999px;flex:1;padding:0 1rem}.genre-guide .gn-glossary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;display:grid}.genre-guide .gn-gloss-card{border-radius:var(--reader-radius-sm,.5rem);background:var(--reader-card);border:1px solid color-mix(in srgb, var(--reader-border) 82%, transparent);padding:1rem 1.1rem}.genre-guide .gn-gloss-card h4{color:var(--reader-fg);margin:0 0 .35rem;font-size:.95rem}.genre-guide .gn-gloss-card p{color:var(--reader-muted);margin:0;font-size:.875rem;line-height:1.55}.genre-guide .gn-cta-final{border-radius:calc(var(--reader-radius,.75rem) + 2px);background:linear-gradient(135deg, color-mix(in srgb, var(--reader-accent) 88%, transparent), color-mix(in srgb, var(--reader-accent) 55%, var(--reader-muted)));color:#fff;box-shadow:var(--reader-shadow-md,0 8px 24px #1c19171a);padding:clamp(1.75rem,5vw,2.75rem)}.genre-guide .gn-cta-final p{color:#ffffffe0;margin:0 0 1rem;line-height:1.65}.genre-guide .gn-cta-final h2{font-family:var(--font-scripture), Georgia, serif;margin:0 0 .75rem;font-size:clamp(1.35rem,1rem + 1.5vw,1.85rem);font-weight:600;line-height:1.2}.genre-guide .gn-cta-final .gn-btn--secondary{color:#fff;background:#ffffff24;border-color:#ffffff47}.genre-guide .gn-cta-final .gn-btn--secondary:hover{background:#ffffff38}.genre-guide .gn-timeline{gap:1rem;display:grid}.genre-guide .gn-timeline-item{border-left:2px solid color-mix(in srgb, var(--reader-accent) 35%, var(--reader-border));padding-left:1.15rem;position:relative}.genre-guide .gn-timeline-item:before{content:"";background:var(--reader-accent);border-radius:50%;width:.55rem;height:.55rem;position:absolute;top:.35rem;left:-.4rem}.genre-guide .gn-timeline-item strong{color:var(--reader-fg);margin-bottom:.25rem;font-size:.92rem;display:block}.genre-guide .gn-timeline-item p{color:var(--reader-muted);margin:0;font-size:.9375rem}.genre-guide .gn-path-grid{grid-template-columns:.92fr 1.08fr;align-items:start;gap:1.25rem;display:grid}@keyframes gn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.genre-guide .gn-pulse-orbit:before,.genre-guide .gn-pulse-orbit:after{animation:none}.genre-guide .gn-flip-inner{transition-duration:.01ms}}@media (width<=900px){.genre-guide .gn-two-col,.genre-guide .gn-path-grid,.genre-guide .gn-compare-grid,.genre-guide .gn-pillar-grid,.genre-guide .gn-flip-grid,.genre-guide .gn-meter-grid{grid-template-columns:1fr}.genre-guide .gn-glossary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.genre-guide .gn-glossary-grid{grid-template-columns:1fr}}