*{margin:0;padding:0;box-sizing:border-box}body{font-family:"PT Serif",Georgia,serif;background:#0f0f0f;color:#e8e8e8;line-height:1.8}.chapter-sidebar{position:fixed;left:40px;top:50%;transform:translateY(-50%);z-index:100}.chapter-nav{display:flex;flex-direction:column;gap:20px}.chapter-dash{width:30px;height:4px;background:#ffffff4d;position:relative;cursor:pointer;transition:all .3s ease;border-radius:2px}.chapter-dash.act,.chapter-dash.conclusion{margin-top:15px}.chapter-dash:before{content:"";position:absolute;inset:-10px -5px}.chapter-dash:hover{background:#fffc;width:40px}.chapter-dash.active{background:#ffffffe6;width:40px}.chapter-tooltip{position:absolute;left:50px;top:50%;transform:translateY(-50%);background:#000000e6;color:#e8e8e8;padding:8px 12px;border-radius:6px;font-size:.9rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.chapter-dash:hover .chapter-tooltip{opacity:1}@media (max-width: 768px){.chapter-tooltip{display:none}}.story-container{max-width:800px;margin:0 auto;padding:50vh 40px}@media (max-width: 1024px){.chapter-sidebar{left:20px}}@media (max-width: 768px){.chapter-sidebar{left:10px}.chapter-dash{width:16px;height:3px}.chapter-dash:before{inset:-8px -4px}.chapter-dash:hover,.chapter-dash.active{width:20px}}.line{margin:2em 0;font-size:1.4rem;position:relative;-webkit-hyphens:auto;hyphens:auto;word-wrap:break-word;overflow-wrap:break-word;orphans:2;widows:2;word-break:normal;text-wrap:pretty}.line.title{font-size:2.2rem;margin:3em 0 2em;font-weight:300;letter-spacing:.05em;color:#f0f0f0}.line.emphasis{font-style:italic;opacity:.85}.line.single{font-size:1.8rem;margin:1em 0}span.char{display:inline-block!important;opacity:0!important;transform:translateY(20px) rotateX(-90deg)!important;transform-origin:center bottom!important;transition:opacity .4s ease,transform .8s cubic-bezier(.23,1,.32,1)!important;will-change:transform,opacity;backface-visibility:hidden;-webkit-font-smoothing:subpixel-antialiased;margin:0!important;padding:0!important}.char.space{width:.3em}.word{display:inline-block}span.char.visible{opacity:var(--char-opacity, 1)!important;transform:translateY(0) rotateX(0)!important}.intro-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f0f0ff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10000;transition:opacity .8s ease,visibility .8s ease}.intro-overlay.hidden{opacity:0;visibility:hidden}.intro-content{text-align:center;max-width:600px;padding:0 2rem}.intro-title{font-size:3rem;font-weight:300;margin-bottom:1rem;background:linear-gradient(135deg,#fc4,#f92,#4af,#28f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.05em}.intro-subtitle{font-size:1.2rem;color:#ccc;margin-bottom:2rem;opacity:.8}.intro-description{font-size:1rem;color:#aaa;line-height:1.6;margin-bottom:2rem}.simple-navigation{color:#ccc;font-size:1rem;letter-spacing:.05em;margin-bottom:2rem}.nav-key{display:inline-block;margin:0 3px;padding:4px 8px;border:1px solid #555;border-radius:4px;font-family:monospace;font-size:.9rem;background:#ffffff0d;color:#fc8}.dual-minds-container{position:relative;width:500px;height:250px;margin:2rem auto;display:flex;justify-content:space-between;align-items:center}.mind-container{position:relative;width:180px;height:180px}.breathing-mind{animation:gentleRotate 40s linear infinite}.breathing-blob-center{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.breathing-blob-layer{position:absolute;display:flex;justify-content:center;align-items:center;animation:breathe 4s ease-in-out infinite}.breathing-blob{background:radial-gradient(circle at 35% 35%,rgba(255,200,80,var(--opacity)),rgba(255,170,60,calc(var(--opacity) * .8)),rgba(255,140,40,calc(var(--opacity) * .5)));border-radius:60% 40% 70% 30%/40% 60%;animation:morph 9s ease-in-out infinite;animation-delay:var(--delay)}.breathing-blob-1{width:50px;height:50px;--opacity: .6;--delay: 0s}.breathing-blob-2{width:75px;height:75px;--opacity: .35;--delay: .5s}.breathing-blob-3{width:100px;height:100px;--opacity: .15;--delay: 1s}.breathing-aura{position:absolute;border:1px solid rgba(255,170,60,.25);border-radius:60% 40% 70% 30%/40% 60%;animation:pulse-ring 4s ease-in-out infinite,morph-aura 15s ease-in-out infinite}.breathing-aura-1{width:130px;height:130px;animation-delay:0s,0s}.breathing-aura-2{width:160px;height:160px;animation-delay:1s,5s}.crystal-mind{animation:crystalRotate 50s linear infinite reverse}.crystal-core{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.crystal-facet{position:absolute;background:linear-gradient(135deg,rgba(100,200,255,var(--crystal-opacity)),rgba(150,220,255,calc(var(--crystal-opacity) * .7)),rgba(200,240,255,calc(var(--crystal-opacity) * .3)));border-radius:20% 80%/80% 20%;animation:crystalPulse 6s ease-in-out infinite;animation-delay:var(--crystal-delay);border:1px solid rgba(100,200,255,.2)}.crystal-facet-1{width:40px;height:40px;--crystal-opacity: .8;--crystal-delay: 0s}.crystal-facet-2{width:60px;height:60px;--crystal-opacity: .5;--crystal-delay: .3s;transform:rotate(45deg)}.crystal-facet-3{width:80px;height:80px;--crystal-opacity: .3;--crystal-delay: .6s;transform:rotate(90deg)}.crystal-aura{position:absolute;border:1px solid rgba(100,200,255,.15);border-radius:20% 80%/80% 20%;animation:crystal-ring-pulse 5s ease-in-out infinite,crystal-aura-morph 20s ease-in-out infinite}.crystal-aura-1{width:120px;height:120px;animation-delay:0s,0s}.crystal-aura-2{width:150px;height:150px;animation-delay:1.5s,7s}.connection-orbit{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.connection-dot{position:absolute;width:4px;height:4px;background:radial-gradient(circle,#fff,#ccc);border-radius:50%;box-shadow:0 0 6px #fff9;left:50%;top:50%;transform:translate(-50%,-50%)}.connection-dot-1{animation:orbit-between-minds-1 8s linear infinite}.connection-dot-2{animation:orbit-between-minds-2 12s linear infinite}.connection-dot-3{animation:orbit-between-minds-3 10s linear infinite}.connection-dot-4{animation:orbit-between-minds-4 14s linear infinite}.crystal-to-breathing-orbit{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.crystal-to-breathing-dot{position:absolute;width:3px;height:3px;background:radial-gradient(circle,#64c8ff,#96dcff);border-radius:50%;box-shadow:0 0 4px #64c8ffcc;left:50%;top:50%;transform:translate(-50%,-50%)}.crystal-dot-1{animation:crystal-to-breathing-1 6s linear infinite}.crystal-dot-2{animation:crystal-to-breathing-2 8s linear infinite}.crystal-dot-3{animation:crystal-to-breathing-3 7s linear infinite}@keyframes morph{0%,to{border-radius:60% 40% 70% 30%/40% 60%}25%{border-radius:40% 60% 30% 70%/60% 40%}50%{border-radius:70% 30% 60% 40%/30% 70% 40% 60%}75%{border-radius:30% 70% 40% 60%/70% 30% 60% 40%}}@keyframes morph-aura{0%,to{border-radius:60% 40% 70% 30%/40% 60%}50%{border-radius:40% 60% 50% 50%/60% 40% 30% 70%}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes pulse-ring{0%,to{opacity:0}50%{opacity:.3}}@keyframes gentleRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes crystalRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes crystalPulse{0%,to{transform:scale(1) rotate(var(--base-rotation, 0deg));opacity:var(--crystal-opacity)}50%{transform:scale(1.1) rotate(var(--base-rotation, 0deg));opacity:calc(var(--crystal-opacity) * 1.5)}}@keyframes crystal-ring-pulse{0%,to{opacity:0}50%{opacity:.4}}@keyframes crystal-aura-morph{0%,to{border-radius:20% 80%/80% 20%}50%{border-radius:80% 20%/20% 80%}}@keyframes orbit-between-minds-1{0%{transform:translate(-50%,-50%) translate(-160px);opacity:.3}25%{transform:translate(-50%,-50%) translate(-80px,-60px);opacity:1}50%{transform:translate(-50%,-50%) translateY(-80px);opacity:.8}75%{transform:translate(-50%,-50%) translate(80px,-60px);opacity:1}to{transform:translate(-50%,-50%) translate(160px);opacity:.3}}@keyframes orbit-between-minds-2{0%{transform:translate(-50%,-50%) translate(-160px);opacity:.4}25%{transform:translate(-50%,-50%) translate(-80px,60px);opacity:.8}50%{transform:translate(-50%,-50%) translateY(80px);opacity:1}75%{transform:translate(-50%,-50%) translate(80px,60px);opacity:.8}to{transform:translate(-50%,-50%) translate(160px);opacity:.4}}@keyframes orbit-between-minds-3{0%{transform:translate(-50%,-50%) translate(-160px);opacity:.6}33%{transform:translate(-50%,-50%) translate(-50px,-70px);opacity:1}66%{transform:translate(-50%,-50%) translate(50px,70px);opacity:1}to{transform:translate(-50%,-50%) translate(160px);opacity:.6}}@keyframes orbit-between-minds-4{0%{transform:translate(-50%,-50%) translate(-160px);opacity:.5}20%{transform:translate(-50%,-50%) translate(-100px,-40px);opacity:.9}40%{transform:translate(-50%,-50%) translate(-20px,-70px);opacity:1}60%{transform:translate(-50%,-50%) translate(20px,70px);opacity:1}80%{transform:translate(-50%,-50%) translate(100px,40px);opacity:.9}to{transform:translate(-50%,-50%) translate(160px);opacity:.5}}@keyframes crystal-to-breathing-1{0%{transform:translate(-50%,-50%) translate(160px);opacity:0}10%{transform:translate(-50%,-50%) translate(140px,-20px);opacity:1}30%{transform:translate(-50%,-50%) translate(80px,-40px);opacity:1}50%{transform:translate(-50%,-50%) translate(20px,-30px);opacity:.8}70%{transform:translate(-50%,-50%) translate(-60px,10px);opacity:.6}90%{transform:translate(-50%,-50%) translate(-140px,20px);opacity:.3}to{transform:translate(-50%,-50%) translate(-160px);opacity:0}}@keyframes crystal-to-breathing-2{0%{transform:translate(-50%,-50%) translate(160px,30px);opacity:0}15%{transform:translate(-50%,-50%) translate(120px,40px);opacity:.8}35%{transform:translate(-50%,-50%) translate(60px,50px);opacity:1}55%{transform:translate(-50%,-50%) translateY(40px);opacity:1}75%{transform:translate(-50%,-50%) translate(-80px,20px);opacity:.7}95%{transform:translate(-50%,-50%) translate(-150px,-10px);opacity:.2}to{transform:translate(-50%,-50%) translate(-160px,-20px);opacity:0}}@keyframes crystal-to-breathing-3{0%{transform:translate(-50%,-50%) translate(160px,-30px);opacity:0}12%{transform:translate(-50%,-50%) translate(130px,-10px);opacity:.9}32%{transform:translate(-50%,-50%) translate(70px,15px);opacity:1}52%{transform:translate(-50%,-50%) translate(10px,35px);opacity:.9}72%{transform:translate(-50%,-50%) translate(-70px,25px);opacity:.6}92%{transform:translate(-50%,-50%) translate(-135px,5px);opacity:.3}to{transform:translate(-50%,-50%) translate(-160px,10px);opacity:0}}.keyboard-hint{position:fixed;bottom:30px;left:50%;transform:translate(-50%);color:#666;font-size:.9rem;letter-spacing:.1em;text-align:center;transition:opacity .5s ease;z-index:1000}.keyboard-hint span{display:inline-block;margin:0 5px;padding:3px 8px;border:1px solid #444;border-radius:4px;font-family:monospace}.mobile-nav-button{position:fixed;bottom:20px;width:50px;height:50px;border-radius:25px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:none;align-items:center;justify-content:center;font-size:1.2rem;color:#e8e8e8b3;z-index:1000;transition:all .3s ease;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-touch-action:manipulation}.mobile-nav-button:hover{background:#ffffff14;border-color:#ffffff26;color:#e8e8e8e6;transform:scale(1.05)}.mobile-nav-button.previous{left:20px}.mobile-nav-button.next{right:20px}@media (pointer: coarse){.mobile-nav-button{display:flex}}@media (max-width: 768px){.intro-title{font-size:2.2rem}.simple-navigation{font-size:.9rem}.dual-minds-container{width:400px;height:200px}.mind-container{width:140px;height:140px}}@media (max-width: 480px){.intro-title{font-size:1.8rem}.intro-description{font-size:.9rem}.simple-navigation{font-size:.8rem;line-height:1.4}.dual-minds-container{width:280px;height:140px}.mind-container{width:100px;height:100px}.connection-orbit{transform:scale(.7)}}
