:root{--background:220 15% 7%;--foreground:220 10% 90%;--card:220 12% 11%;--card-foreground:220 10% 92%;--primary:336 80% 58%;--primary-foreground:0 0% 100%;--secondary:217 91% 60%;--secondary-foreground:0 0% 100%;--border:220 15% 15%;--ring:336 80% 58%;--text-muted:220 8% 60%;--card-shadow:0 4px 20px #00000080;--font-sans:"Inter", system-ui, sans-serif;--font-serif:"Merriweather", "Georgia", serif;--font-display:"Playfair Display", serif;font-family:Inter,system-ui,sans-serif;font-weight:400;line-height:1.6}.theme-light{--background:210 20% 98%;--foreground:222 47% 11%;--card:0 0% 100%;--card-foreground:222 47% 11%;--primary:336 80% 48%;--primary-foreground:0 0% 100%;--secondary:221 83% 53%;--secondary-foreground:0 0% 100%;--border:214 32% 91%;--ring:336 80% 48%;--text-muted:215 16% 47%;--card-shadow:0 4px 20px #0000000d}.theme-sepia{--background:40 23% 90%;--foreground:30 25% 18%;--card:40 25% 88%;--card-foreground:30 25% 15%;--primary:25 75% 35%;--primary-foreground:0 0% 100%;--secondary:162 48% 28%;--secondary-foreground:0 0% 100%;--border:35 20% 80%;--ring:25 75% 35%;--text-muted:30 15% 40%;--card-shadow:0 4px 20px #4334221a}.theme-crimson{--background:0 45% 4%;--foreground:0 40% 85%;--card:0 40% 7%;--card-foreground:0 40% 90%;--primary:0 84% 50%;--primary-foreground:0 0% 100%;--secondary:0 50% 30%;--secondary-foreground:0 0% 100%;--border:0 45% 12%;--ring:0 84% 50%;--text-muted:0 20% 55%;--card-shadow:0 4px 20px #1a0505b3}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .3s,color .3s,border-color .3s}body{background-color:hsl(var(--background));color:hsl(var(--foreground));min-height:100vh;overflow-x:hidden}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.reader-container{width:100%;max-width:760px;margin:0 auto;padding:0 1.5rem}.flex{display:flex}.flex-items-center{align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-x-2>*+*{margin-left:.5rem}.space-y-2>*+*{margin-top:.5rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.w-full{width:100%}.h-full{height:100%}.w-3\.5{width:.875rem}.h-3\.5{height:.875rem}.w-4{width:1rem}.h-4{height:1rem}.w-4\.5{width:1.125rem}.h-4\.5{height:1.125rem}.w-5{width:1.25rem}.h-5{height:1.25rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.font-light{font-weight:300}.italic{font-style:italic}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.font-sans{font-family:var(--font-sans)}.font-serif{font-family:var(--font-serif)}.font-display{font-family:var(--font-display)}.glass{background-color:hsl(var(--card) / .75);-webkit-backdrop-filter:blur(12px);border:1px solid hsl(var(--border) / .6);box-shadow:var(--card-shadow)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:hsl(var(--background))}::-webkit-scrollbar-thumb{background:hsl(var(--border));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:hsl(var(--primary) / .5)}.btn{cursor:pointer;border:1px solid #0000;border-radius:.375rem;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background-color:hsl(var(--primary));color:#fff}.btn-primary:hover{background-color:hsl(var(--primary) / .85);box-shadow:0 4px 12px hsl(var(--primary) / .3);transform:translateY(-1px)}.btn-outline{border-color:hsl(var(--border));color:hsl(var(--foreground));background-color:#0000}.btn-outline:hover{background-color:hsl(var(--foreground) / .05);border-color:hsl(var(--foreground) / .2)}.badge{white-space:nowrap;border-radius:9999px;flex-shrink:0;align-items:center;padding:.125rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-pink{background-color:hsl(var(--primary) / .1);color:hsl(var(--primary));border:1px solid hsl(var(--primary) / .3)}.badge-indigo{background-color:hsl(var(--secondary) / .1);color:hsl(var(--secondary));border:1px solid hsl(var(--secondary) / .3)}.navbar{z-index:50;border-bottom:1px solid hsl(var(--border) / .5);padding:.75rem 2rem;position:sticky;top:0}.navbar-brand{cursor:pointer;flex-shrink:0;align-items:center;gap:.5rem;display:flex}.navbar-brand:hover .navbar-title{background:linear-gradient(90deg,#ff719a,#ff4c4c,#a5b4fc);-webkit-background-clip:text}.navbar-brand-logo{color:hsl(var(--primary))}.navbar-title{font-family:var(--font-display);letter-spacing:.05em;background:linear-gradient(90deg,#ec4899,#ef4444,#818cf8);-webkit-text-fill-color:transparent;white-space:nowrap;-webkit-background-clip:text;flex-shrink:0;font-size:1.25rem;font-weight:700}.navbar-actions{align-items:center;gap:1rem;display:flex}.navbar-tabs{border:1px solid hsl(var(--border));background-color:#00000040;border-radius:.375rem;gap:.25rem;padding:.25rem;display:flex}.navbar-tab-btn{color:hsl(var(--text-muted));text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:0 0;border:none;border-radius:.25rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s}.navbar-tab-btn-active{background-color:hsl(var(--primary));color:#fff}.bookmark-btn{background:linear-gradient(to right, hsl(var(--primary) / .15), hsl(var(--primary) / .25));border:1px solid hsl(var(--primary) / .3);color:hsl(var(--primary));cursor:pointer;border-radius:.375rem;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;display:flex;box-shadow:0 2px 4px #0000001a}.bookmark-btn:hover{background:linear-gradient(to right, hsl(var(--primary) / .25), hsl(var(--primary) / .35));transform:scale(1.02)}.theme-btn{border:1px solid hsl(var(--border));color:hsl(var(--foreground));cursor:pointer;background-color:#ffffff0d;border-radius:.375rem;align-items:center;gap:.375rem;padding:.375rem .6rem;font-weight:500;display:flex}.theme-btn:hover{border-color:hsl(var(--primary) / .5);background-color:#ffffff1a}.dropdown-container{display:inline-block;position:relative}.dropdown-menu{z-index:100;border-radius:.5rem;flex-direction:column;gap:.125rem;width:11rem;padding:.375rem;animation:.15s ease-out scaleUp;display:flex;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 10px 25px #00000080}.dropdown-item{width:100%;color:hsl(var(--foreground));cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.25rem;justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.75rem;font-weight:500;transition:all .15s;display:flex}.dropdown-item:hover{background-color:hsl(var(--primary) / .08);color:hsl(var(--primary))}.dropdown-item-active{background-color:hsl(var(--primary) / .15);color:hsl(var(--primary));font-weight:700}.theme-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.theme-dot-dark{background-color:#f472b6}.theme-dot-light{background-color:#f59e0b}.theme-dot-sepia{background-color:#854d0e}.theme-dot-crimson{background-color:#ef4444}.hero{border-bottom:1px solid hsl(var(--border) / .5);background:linear-gradient(#0f13244d,#0000);padding:4.5rem 1.5rem;position:relative;overflow:hidden}.hero-content{max-width:900px;margin:0 auto}.hero-layout{text-align:left;grid-template-columns:240px 1fr;align-items:center;gap:2.5rem;display:grid}.hero-cover-container{perspective:1000px;justify-content:center;display:flex}.book-cover{object-fit:cover;border-left:3px solid #0000004d;border-radius:.5rem .75rem .75rem .5rem;width:200px;height:290px;transition:transform .4s,box-shadow .4s;transform:rotateY(-8deg);box-shadow:8px 12px 25px #0009,inset 2px 0 3px #ffffff26,1px 0 #0006}.hero-cover-container:hover .book-cover{transform:rotateY(0)scale(1.03);box-shadow:12px 18px 30px #000000b3}.hero-info{flex-direction:column;display:flex}.hero-title{font-family:var(--font-display);letter-spacing:-.01em;background:linear-gradient(90deg,#ff9ebb,#ef4444,#a5b4fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-top:.75rem;font-size:2.75rem;font-weight:700;line-height:1.2}.hero-subtitle{color:hsl(var(--text-muted));letter-spacing:.15em;text-transform:uppercase;margin-top:.5rem;font-size:.825rem}.hero-desc{color:hsl(var(--foreground) / .8);margin-top:1.25rem;font-size:.95rem;font-weight:300;line-height:1.6}.hero-stats{margin-top:1.75rem}.stats-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}.stats-card{text-align:left;border-radius:.5rem;padding:.75rem 1rem}.stats-card-label{text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--text-muted));align-items:center;gap:.25rem;font-size:.65rem;font-weight:700;display:flex}.stats-card-value{color:hsl(var(--foreground));margin-top:.25rem;font-size:.875rem;font-weight:600}.tab-selectors-mobile{border:1px solid hsl(var(--border));background-color:#0003;border-radius:.375rem;margin-bottom:1.5rem;padding:.25rem;display:none}.tab-selector-mobile-btn{text-align:center;color:hsl(var(--text-muted));text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:0 0;border:none;border-radius:.25rem;flex:1;padding:.5rem 0;font-size:.75rem;font-weight:600}.tab-selector-mobile-btn-active{background-color:hsl(var(--primary));color:#fff}.accordion{border:1px solid hsl(var(--border) / .6);border-radius:.75rem;margin-bottom:1rem;overflow:hidden}.accordion-trigger{width:100%;color:inherit;cursor:pointer;background:#ffffff03;border:none;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;font-family:inherit;display:flex}.accordion-trigger:hover{background-color:#ffffff08}.accordion-header-info{align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.accordion-title{font-family:var(--font-display);color:hsl(var(--foreground));font-size:1.125rem;font-weight:600}.accordion-content{border-top:1px solid hsl(var(--border) / .5);background-color:#00000026;padding:1.5rem}.toc-columns{grid-template-columns:5fr 7fr;gap:1.5rem;display:grid}.chapters-section-title,.outline-section-title{text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid hsl(var(--border) / .5);align-items:center;gap:.375rem;margin-bottom:.75rem;padding-bottom:.5rem;font-size:.75rem;font-weight:700;display:flex}.chapters-section-title{color:hsl(var(--secondary))}.outline-section-title{color:hsl(var(--primary))}.chapters-list{flex-direction:column;gap:.5rem;max-height:400px;padding-right:.25rem;display:flex;overflow-y:auto}.chapter-item-btn{text-align:left;border:1px solid hsl(var(--primary) / .1);background-color:hsl(var(--primary) / .04);cursor:pointer;border-radius:.5rem;justify-content:space-between;align-items:center;width:100%;padding:.75rem 1rem;display:flex}.chapter-item-btn:hover{border-color:hsl(var(--primary) / .3);background-color:hsl(var(--primary) / .08)}.chapter-item-number{color:hsl(var(--primary));font-family:monospace;font-size:.65rem;display:block}.chapter-item-title{color:hsl(var(--foreground));font-size:.875rem;font-weight:500;display:block}.chapter-item-action{text-transform:uppercase;background-color:hsl(var(--primary) / .1);color:hsl(var(--primary));border-radius:.25rem;padding:.25rem .5rem;font-size:.65rem;font-weight:700}.chapter-item-btn:hover .chapter-item-action{background-color:hsl(var(--primary));color:#fff}.outline-phases-list{flex-direction:column;gap:.5rem;display:flex}.outline-phase-item{border:1px solid hsl(var(--border) / .5);background-color:#ffffff05;border-radius:.5rem;overflow:hidden}.outline-phase-trigger{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:.75rem 1rem;font-size:.875rem;font-weight:600;display:flex}.outline-phase-trigger:hover{background-color:#ffffff08}.outline-phase-content{border-top:1px solid hsl(var(--border) / .5);background-color:#0003;padding:1rem}.characters-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.character-card{background:linear-gradient(135deg, hsl(var(--card)), hsl(var(--card) / .5));border-radius:.75rem;padding:1.5rem}.character-card-female{background:linear-gradient(135deg, hsl(var(--card)), #2e051526)}.character-card-male{background:linear-gradient(135deg, hsl(var(--card)), #03143026)}.char-card-header{border-bottom:1px solid hsl(var(--border) / .5);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.char-role-label{text-transform:uppercase;letter-spacing:.05em;font-size:.65rem;font-weight:700}.char-name{font-family:var(--font-display);color:#fff;margin-top:.25rem;font-size:1.25rem;font-weight:700}.char-quote{border-radius:.375rem;margin-top:1rem;padding:.75rem;font-size:.75rem;font-style:italic;line-height:1.5}.char-quote-female{color:#f5a3c4;background-color:#e61a6b0d;border:1px solid #e61a6b33}.char-quote-male{color:#9ec1fa;background-color:#0d65f20d;border:1px solid #0d65f233}.lore-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.lore-card{border-radius:.75rem;padding:1.5rem}.reader-header{z-index:40;border-bottom:1px solid hsl(var(--border) / .5);justify-content:space-between;align-items:center;padding:.75rem 2rem;transition:transform .3s cubic-bezier(.16,1,.3,1),background-color .3s;display:flex;position:sticky;top:0}.reader-header-hidden{transform:translateY(-100%)}.reader-header-back-btn{color:inherit;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;display:flex}.reader-header-title-container{text-align:center;max-width:50%}.reader-header-arc-label{text-transform:uppercase;letter-spacing:.15em;color:hsl(var(--primary));white-space:nowrap;text-overflow:ellipsis;font-size:.65rem;font-weight:600;display:block;overflow:hidden}.reader-header-title{color:hsl(var(--foreground));white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:700;display:block;overflow:hidden}.reader-backdrop{-webkit-backdrop-filter:blur(2px);z-index:45;background-color:#00000073;animation:.25s ease-out fadeInBackdrop;position:fixed;inset:0}@keyframes fadeInBackdrop{0%{opacity:0}to{opacity:1}}.settings-backdrop{display:none}.reader-header-controls{align-items:center;gap:.5rem;display:flex}.reader-control-btn{color:inherit;cursor:pointer;background:0 0;border:none;border-radius:.375rem;padding:.5rem}.reader-control-btn:hover{background-color:#ffffff14}.reader-control-btn-active{background-color:hsl(var(--primary));color:#fff}.reader-control-btn-active:hover{background-color:hsl(var(--primary))}.reader-sidebar-toc{z-index:50;flex-direction:column;justify-content:space-between;width:20rem;padding:1.5rem;animation:.3s slideIn;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-10px 0 30px #00000080}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.sidebar-header{border-b:1px solid hsl(var(--border) / .5);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;display:flex}.sidebar-list{flex-direction:column;gap:.25rem;max-height:70vh;padding-right:.25rem;display:flex;overflow-y:auto}.sidebar-item-btn{text-align:left;width:100%;color:hsl(var(--text-muted));cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.75rem;display:flex}.sidebar-item-btn:hover{color:#fff;background-color:#ffffff0d}.sidebar-item-btn-active{background-color:hsl(var(--primary) / .15);border-left:2px solid hsl(var(--primary));color:hsl(var(--primary));font-weight:700}.reader-settings-panel{z-index:50;border-radius:.75rem;width:20rem;padding:1.5rem;animation:.2s scaleUp;position:fixed;top:4.5rem;right:1rem;box-shadow:0 10px 30px #00000080}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.settings-section-title{text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--text-muted));margin-bottom:.5rem;font-size:.65rem;font-weight:700;display:block}.reader-main{width:100%;max-width:760px;margin:2rem auto 0;padding:0 1.5rem}.reader-content-header{text-align:center;border-bottom:1px solid hsl(var(--border) / .5);margin-bottom:2.5rem;padding-bottom:2rem}.chapter-content p{text-indent:2rem;text-align:justify;margin-bottom:1.5rem}.chapter-content p.dialogue{text-indent:0;border-left:2px solid hsl(var(--primary) / .4);margin-bottom:1.5rem;padding-left:1rem;font-style:italic}.chapter-content p.action{text-indent:0!important;text-align:center!important;color:hsl(var(--primary))!important;margin:1.75rem 0!important;font-style:italic!important}.reader-footer{border-top:1px solid hsl(var(--border) / .5);align-items:center;gap:.75rem;margin-top:3.5rem;padding-top:1.5rem;display:flex}.reader-nav-btn{border:1px solid hsl(var(--border));color:hsl(var(--foreground) / .9);cursor:pointer;text-align:center;background-color:#0003;border-radius:.5rem;flex:1;justify-content:center;align-items:center;gap:.375rem;padding:.75rem;font-size:.875rem;font-weight:600;display:flex}.reader-nav-btn:hover:not(:disabled){border-color:hsl(var(--primary));background-color:hsl(var(--primary) / .05)}.reader-nav-btn:disabled{opacity:.3;cursor:not-allowed}.reader-nav-btn-next{border-color:hsl(var(--primary));background-color:hsl(var(--primary));color:#fff}.reader-nav-btn-next:hover:not(:disabled){background-color:hsl(var(--primary) / .85)}@keyframes fall{0%{opacity:0;transform:translateY(-5vh)translate(0)rotate(0)}10%{opacity:.8}90%{opacity:.8}to{opacity:0;transform:translateY(105vh)translate(100px)rotate(360deg)}}.petal{pointer-events:none;transform-origin:50%;background:linear-gradient(135deg,#ff9ebb,#ff6b8b);border-radius:90% 0 90% 90%;animation:linear infinite fall;position:absolute;box-shadow:0 2px 5px #ff6b8b33}.petal-white{pointer-events:none;background:linear-gradient(135deg,#fff,#e2e8f0);border-radius:50%;animation:linear infinite fall;position:absolute;box-shadow:0 2px 5px #fff3}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:.4s forwards fadeIn}@media (width<=1024px){.lore-grid{grid-template-columns:1fr}}@media (width<=768px){.navbar{padding:.625rem 1rem}.navbar-title{font-size:1.1rem}.hero{padding:3rem 1rem}.hero-layout{text-align:center;grid-template-columns:1fr;gap:1.5rem}.hero-cover-container{perspective:none}.book-cover{width:160px;height:235px;transform:none}.hero-cover-container:hover .book-cover{transform:scale(1.02)}.hero-title{font-size:2rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.toc-columns{grid-template-columns:1fr;gap:1.5rem}.characters-grid{grid-template-columns:1fr}.reader-sidebar-toc{width:85%;max-width:300px}}.hide-mobile{display:inline-block}.show-mobile{display:none!important}@media (width<=600px){.hide-mobile{display:none!important}.reader-header{padding:.5rem .75rem}.reader-header-title-container{max-width:65%}.settings-backdrop{display:block}.show-mobile{display:inline-block!important}.chapter-content p{font-size:95%;text-align:left!important;text-indent:1.5rem!important}.chapter-content p.dialogue{font-size:95%;text-indent:0!important;padding-left:.75rem!important}.reader-footer{gap:.375rem}.reader-nav-btn{border-radius:.375rem;padding:.625rem .375rem;font-size:.75rem}.bookmark-btn{aspect-ratio:1;justify-content:center;border-radius:50%!important;padding:.5rem!important}.reader-settings-panel{border-bottom:none;border-left:none;border-right:none;border-radius:1.25rem 1.25rem 0 0;width:100%;padding:1.25rem 1.5rem 2rem;animation:.25s cubic-bezier(.16,1,.3,1) slideUpBottom;position:fixed;inset:auto 0 0;box-shadow:0 -8px 25px #0009}@keyframes slideUpBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}}@media (width<=480px){.stats-grid{grid-template-columns:1fr}.navbar-title{font-size:1rem}}