@import"https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-story);color:var(--text-primary);background:var(--bg-story);line-height:1.8;overflow-x:hidden}.panel-full{position:relative;width:100vw;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.panel-full__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.panel-full__overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0000001a,#00000080)}.panel-full__text{position:relative;z-index:2;text-align:center;color:var(--text-on-dark);padding:var(--space-lg);max-width:800px}.panel-full__text h1{font-family:var(--font-story);font-size:var(--text-hero);font-weight:700;line-height:1.1;margin-bottom:var(--space-md);letter-spacing:-.02em}.panel-full__text .subtitle{font-size:var(--text-xl);font-weight:400;font-style:italic;opacity:.85}.story-section{max-width:720px;margin:0 auto;padding:var(--space-xl) var(--space-md)}.story-section p{font-size:var(--text-lg);margin-bottom:var(--space-md);text-indent:1.5em}.story-section p:first-of-type{text-indent:0}.story-section p:first-of-type:first-letter{font-size:var(--text-4xl);font-weight:700;float:left;line-height:1;margin-right:.1em;color:var(--season-primary, var(--monsoon-sky))}.dialogue{font-style:normal;position:relative;padding-left:var(--space-md);margin:var(--space-md) 0}.dialogue--milo{border-left:3px solid var(--warm-earth)}.dialogue--spark{font-family:var(--font-spark);font-size:var(--text-base);border-left:3px solid var(--spark-blue);background:linear-gradient(90deg,var(--spark-glow) 0%,transparent 100%);padding:var(--space-sm) var(--space-md);border-radius:0 var(--radius-sm) var(--radius-sm) 0;line-height:1.7}.dialogue .speaker{display:block;font-family:var(--font-ui);font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-xs);color:var(--text-secondary)}.dialogue--spark .speaker{color:var(--spark-blue)}.dialogue--family{border-left:3px solid var(--leaf-green)}.dialogue--family .speaker{color:var(--leaf-green)}.dialogue--appa{border-left:3px solid #8B7355}.dialogue--appa .speaker{color:#8b7355}.dialogue--amma{border-left:3px solid var(--clay-red)}.dialogue--amma .speaker{color:var(--clay-red)}.dialogue--tara{border-left:3px solid #D4915C}.dialogue--tara .speaker{color:#d4915c}.section-audio{margin-bottom:var(--space-sm);opacity:.7;transition:opacity .2s}.section-audio:hover{opacity:1}.inline-img{margin:var(--space-md) 0;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-soft)}.inline-img img{width:100%;height:auto;display:block}.inline-img--float-right{float:right;width:45%;margin:0 0 var(--space-md) var(--space-md)}.inline-img--float-left{float:left;width:45%;margin:0 var(--space-md) var(--space-md) 0}.inline-img--small{max-width:320px}.inline-img--medium{max-width:480px;margin-left:auto;margin-right:auto}.inline-img--wide{max-width:100%;margin-left:calc(-1 * var(--space-md));margin-right:calc(-1 * var(--space-md));width:calc(100% + 2 * var(--space-md));border-radius:0}.story-section:after{content:"";display:table;clear:both}@media(max-width:768px){.inline-img--float-right,.inline-img--float-left{float:none;width:100%;margin:var(--space-md) 0}}.spark-journal{max-width:640px;margin:var(--space-xl) auto;padding:var(--space-lg);background:#1a1a2e;color:var(--spark-blue);font-family:var(--font-spark);font-size:var(--text-base);line-height:1.8;border-radius:var(--radius-md);box-shadow:var(--shadow-glow);position:relative}.spark-journal:before{display:none}.spark-journal .pulse{display:inline-block;width:8px;height:8px;background:var(--spark-blue);border-radius:50%;animation:pulse 2s ease-in-out infinite;margin-right:var(--space-xs);vertical-align:middle}@keyframes pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.panel-parallax{position:relative;height:80vh;overflow:hidden}.panel-parallax__layer{position:absolute;inset:0;width:100%;height:120%;object-fit:cover}.panel-parallax__layer--bg{z-index:1}.panel-parallax__layer--mid{z-index:2}.panel-parallax__layer--fg{z-index:3}.comic-grid{display:grid;gap:var(--space-sm);max-width:900px;margin:var(--space-lg) auto;padding:0 var(--space-md)}.comic-grid--2col{grid-template-columns:1fr 1fr}.comic-grid--story{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.comic-grid--story>:last-child{grid-column:1 / -1}.comic-panel{border-radius:var(--radius-sm);overflow:hidden;position:relative;aspect-ratio:4 / 3}.comic-panel img{width:100%;height:100%;object-fit:cover}.comic-panel__caption{position:absolute;bottom:0;left:0;right:0;padding:var(--space-sm) var(--space-md);background:linear-gradient(transparent,#000c);color:#fff;font-family:var(--font-story);font-size:var(--text-sm)}.reveal{opacity:0;transform:translateY(30px);transition:opacity var(--duration-story) var(--ease-smooth),transform var(--duration-story) var(--ease-smooth)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-line{opacity:0;transform:translateY(15px);transition:opacity var(--duration-slow) var(--ease-smooth),transform var(--duration-slow) var(--ease-smooth)}.reveal-line.visible{opacity:1;transform:translateY(0)}.interactive-break{background:var(--bg-play);padding:var(--space-xl) var(--space-md);margin:var(--space-lg) 0;border-top:1px solid rgba(0,0,0,.06);border-bottom:1px solid rgba(0,0,0,.06)}.interactive-break__prompt{font-family:var(--font-ui);font-size:var(--text-lg);font-weight:500;text-align:center;max-width:600px;margin:0 auto var(--space-lg);color:var(--text-primary)}.chapter-end{text-align:center;padding:var(--space-2xl) var(--space-md)}.chapter-end__divider{display:inline-block;width:60px;height:3px;background:var(--season-primary, var(--monsoon-sky));margin-bottom:var(--space-lg)}.chapter-end__question{font-family:var(--font-story);font-size:var(--text-2xl);font-style:italic;color:var(--text-secondary);max-width:500px;margin:0 auto}@media(max-width:768px){.panel-full__text h1{font-size:var(--text-3xl)}.story-section{padding:var(--space-lg) var(--space-sm)}.story-section p{font-size:var(--text-base)}.comic-grid--2col{grid-template-columns:1fr}}