.immersive-reader-modal{--reader-bg:#09090b;--reader-text:#EBF1F5;--reader-muted:#9BA9B4;--reader-accent:#3b82f6;--reader-border:#27272a}.immersive-reader-modal .modal-content{background:var(--reader-bg);border:1px solid var(--reader-border);display:flex;flex-direction:column;height:100%}.immersive-reader-modal[data-size="5xl"]{max-height:90vh;height:90vh}.immersive-reader-modal[data-size=full]{height:100vh;max-height:100vh}.immersive-reader-modal .modal-body{flex:1;min-height:0;display:flex;flex-direction:column}.immersive-reader-content-area{scroll-behavior:smooth;overflow-y:auto;overflow-x:hidden}.immersive-reader-content-area:focus{outline:none}.immersive-reader-modal ::-webkit-scrollbar{width:8px;height:8px}.immersive-reader-modal ::-webkit-scrollbar-track{background:transparent}.immersive-reader-modal ::-webkit-scrollbar-thumb{background:var(--reader-border);border-radius:4px}.immersive-reader-modal ::-webkit-scrollbar-thumb:hover{background:var(--reader-muted)}.reader-navigation-enter{opacity:0;transform:translateX(-20px)}.reader-navigation-enter-active{transition:all .3s ease-out}.reader-navigation-enter-active,.reader-navigation-exit{opacity:1;transform:translateX(0)}.reader-navigation-exit-active{opacity:0;transform:translateX(-20px);transition:all .2s ease-in}.reader-content-enter{opacity:0;transform:translateY(20px)}.reader-content-enter-active{transition:all .3s ease-out}.reader-content-enter-active,.reader-content-exit{opacity:1;transform:translateY(0)}.reader-content-exit-active{opacity:0;transform:translateY(-20px);transition:all .2s ease-in}.immersive-reader-content{line-height:1.7;font-size:1rem}.immersive-reader-content h1,.immersive-reader-content h2,.immersive-reader-content h3,.immersive-reader-content h4,.immersive-reader-content h5,.immersive-reader-content h6{margin-top:2rem;margin-bottom:1rem;font-weight:600;line-height:1.3}.immersive-reader-content p{margin-bottom:1.25rem;color:var(--reader-text)}.immersive-reader-content code{background:var(--reader-border);padding:.125rem .25rem;border-radius:.25rem;font-size:.875rem}.immersive-reader-content pre{background:var(--reader-border);padding:1rem;border-radius:.5rem;overflow-x:auto;margin:1.5rem 0}.immersive-reader-content blockquote{border-left:4px solid var(--reader-accent);padding-left:1rem;margin:1.5rem 0;font-style:italic;color:var(--reader-muted)}.immersive-reader-content ol,.immersive-reader-content ul{margin:1rem 0;padding-left:1.5rem}.immersive-reader-content li{margin-bottom:.5rem}.immersive-reader-modal button:focus-visible{outline:2px solid var(--reader-accent);outline-offset:2px}@media (max-width:768px){.immersive-reader-content{font-size:.875rem;line-height:1.6}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.fade-in-up{animation:fadeInUp .3s ease-out}.fade-in-left{animation:fadeInLeft .3s ease-out}.reader-progress-indicator{transition:all .3s ease}.reader-progress-indicator.completed{background:linear-gradient(90deg,var(--reader-accent),#22c55e)}.keyboard-hint{background:var(--reader-border);color:var(--reader-muted);border-radius:.25rem;font-family:monospace}.keyboard-hint,.title-expand-button{padding:.25rem .5rem;font-size:.75rem;border:1px solid #3f3f46}.title-expand-button{color:#60a5fa;background:#27272a;cursor:pointer;border-radius:.375rem;transition:all .2s ease;box-shadow:0 1px 2px rgba(0,0,0,.1)}.title-expand-button:hover{color:#93c5fd;background-color:#3f3f46;border-color:#2563eb;box-shadow:0 2px 4px rgba(0,0,0,.2)}