:root{--bg-dark: 230 35% 7%;--card-dark: 230 35% 12%;--border-dark: 230 25% 20%;--text-primary-dark: 210 40% 98%;--text-secondary-dark: 215 20% 65%;--accent-primary: 262 83% 65%;--accent-secondary: 316 75% 60%;--accent-glow: 262 83% 65% / .3;--bg-light: 230 20% 98%;--card-light: 0 0% 100%;--border-light: 230 30% 90%;--text-primary-light: 230 45% 15%;--text-secondary-light: 230 15% 45%;--glass-blur: 24px;--transition-smooth: .4s cubic-bezier(.23, 1, .32, 1);--shadow-premium: 0 20px 40px -15px rgba(0, 0, 0, .3);--radius-xl: 32px;--radius-lg: 20px}[data-theme=dark]{--bg: var(--bg-dark);--card: var(--card-dark);--border: var(--border-dark);--text-primary: var(--text-primary-dark);--text-secondary: var(--text-secondary-dark);--accent-glow-color: hsla(var(--accent-glow));--bg-primary: hsl(var(--bg-dark));--bg-secondary: hsl(var(--card-dark));--bg-tertiary: hsla(var(--border-dark), .3);--text-primary-color: hsl(var(--text-primary-dark));--text-secondary-color: hsl(var(--text-secondary-dark));--border-color: hsla(var(--border-dark), .5)}[data-theme=light]{--bg: var(--bg-light);--card: var(--card-light);--border: var(--border-light);--text-primary: var(--text-primary-light);--text-secondary: var(--text-secondary-light);--accent-glow-color: hsla(var(--accent-primary), .1);--bg-primary: hsl(var(--bg-light));--bg-secondary: hsl(var(--card-light));--bg-tertiary: hsl(230 20% 95%);--text-primary-color: hsl(var(--text-primary-light));--text-secondary-color: hsl(var(--text-secondary-light));--border-color: hsl(var(--border-light))}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Noto Sans SC,Noto Sans TC,Noto Sans JP,Noto Sans KR,sans-serif;background-color:hsl(var(--bg));color:hsl(var(--text-primary));transition:background-color var(--transition-smooth),color var(--transition-smooth);min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Outfit,Inter,system-ui,Noto Sans SC,Noto Sans TC,Noto Sans JP,Noto Sans KR,sans-serif;letter-spacing:-.02em}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:hsla(var(--border),.5);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:hsla(var(--accent-primary),.5)}.glass{background:hsla(var(--card),.6);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid hsla(var(--border),.4);box-shadow:var(--shadow-premium)}.premium-border{border:1px solid rgba(0,0,0,.1)}[data-theme=dark] .premium-border{border-color:#ffffff1a}.premium-border-2{border:2px solid rgba(0,0,0,.1)}[data-theme=dark] .premium-border-2{border-color:#ffffff1a}.bg-blob{position:fixed;width:50vw;height:50vw;filter:blur(80px);z-index:-1;opacity:.15;animation:blob-float 20s infinite alternate}@keyframes blob-float{0%{transform:translate(-10%,-10%) rotate(0)}to{transform:translate(10%,10%) rotate(180deg)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.animate-shimmer{animation:shimmer 2s infinite linear}.gradient-text{background:linear-gradient(135deg,hsl(var(--accent-primary)),hsl(var(--accent-secondary)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-primary{background:linear-gradient(135deg,hsl(var(--accent-primary)),hsl(var(--accent-secondary)));color:#fff;border:none;border-radius:var(--radius-lg);font-weight:600;padding:1rem 2rem;cursor:pointer;transition:all var(--transition-smooth);box-shadow:0 10px 20px -5px hsla(var(--accent-primary),.4)}.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 30px -5px hsla(var(--accent-primary),.5)}.btn-ghost{background:hsla(var(--text-primary),.05);color:hsl(var(--text-primary));border:1px solid hsla(var(--border),.5);border-radius:var(--radius-lg);padding:.75rem 1.5rem;cursor:pointer;transition:all var(--transition-smooth)}.btn-ghost:hover{background:hsla(var(--text-primary),.1);border-color:hsl(var(--accent-primary))}.bg-cover{background-size:cover}.bg-contain{background-size:contain}.bg-no-repeat{background-repeat:no-repeat}.bg-center{background-position:center}.bg-top{background-position:top}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.justify-end{justify-content:flex-end}.h-full{height:100%}.z-20{z-index:20}.z-30{z-index:30}.rounded-r-md{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.rounded-l-sm{border-top-left-radius:.125rem;border-bottom-left-radius:.125rem}.px-8{padding-left:2rem;padding-right:2rem}.pb-10{padding-bottom:2.5rem}.ml-2{margin-left:.5rem}.mt-1{margin-top:.25rem}.mt-3{margin-top:.75rem}.top-8{top:2rem}.top-10{top:2.5rem}.bottom-6{bottom:1.5rem}.left-6{left:1.5rem}.left-8{left:2rem}.right-6{right:1.5rem}.text-center{text-align:center}.text-white\/60{color:#fff9}.text-gray-300{color:#d1d5db}.text-gray-400{color:#9ca3af}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.tracking-wider{letter-spacing:.05em}.tracking-\[0\.2em\]{letter-spacing:.2em}.text-custom-primary-20{color:hsla(var(--accent-primary),.8)}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden}.bg-gray-800{background-color:#1f2937}.bg-transparent{background-color:transparent}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-black\/80{--tw-gradient-from: rgba(0, 0, 0, .8);--tw-gradient-to: rgba(0, 0, 0, 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-transparent{--tw-gradient-to: rgba(0, 0, 0, 0);--tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to)}.to-black\/60{--tw-gradient-to: rgba(0, 0, 0, .6)}.opacity-90{opacity:.9}.drop-shadow-md{filter:drop-shadow(0 4px 3px rgba(0,0,0,.07)) drop-shadow(0 2px 2px rgba(0,0,0,.06))}.drop-shadow-lg{filter:drop-shadow(0 10px 8px rgba(0,0,0,.04)) drop-shadow(0 4px 3px rgba(0,0,0,.1))}.drop-shadow-\[0_2px_10px_rgba\(0\,0\,0\,0\.8\)\]{filter:drop-shadow(0 2px 10px rgba(0,0,0,.8))}.object-cover{object-fit:cover}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-1{flex:1 1 0%}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width: 640px){.sm\:flex{display:flex}}@media (min-width: 768px){.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-y-2\.5>*+*{margin-top:.625rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-8>*+*{margin-top:2rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mt-0\.5{margin-top:.125rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-10{padding:2.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}@media (min-width: 768px){.md\:p-12{padding:3rem}}.w-full{width:100%}.w-4{width:1rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-11{width:2.75rem}.w-16{width:4rem}.h-1\.5{height:.375rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-16{height:4rem}.h-40{height:10rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.mx-auto{margin-left:auto;margin-right:auto}.relative{position:relative}.absolute{position:absolute}.bottom-4{bottom:1rem}.right-4{right:1rem}.right-full{right:100%}.inset-0{top:0;right:0;bottom:0;left:0}.z-10{z-index:10}.z-50{z-index:50}.min-h-screen{min-height:100vh}.min-h-\[70vh\]{min-height:70vh}.aspect-video{aspect-ratio:16 / 9}.max-h-\[180px\]{max-height:180px}.hidden{display:none}.block{display:block}.inline-flex{display:inline-flex}.overflow-hidden{overflow:hidden}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.border{border:1px solid}.border-2{border:2px solid}.border-transparent{border-color:transparent}.border-white\/5{border-color:#ffffff0d}.border-white\/10{border-color:#ffffff1a}.border-purple-500\/20{border-color:#925cf033}.border-t{border-top:1px solid}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[24px\]{border-radius:24px}.rounded-\[32px\]{border-radius:32px}.rounded-\[2\.5rem\]{border-radius:2.5rem}.rounded-full{border-radius:9999px}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.bg-white\/5{background-color:#ffffff0d}.bg-white\/10{background-color:#ffffff1a}.bg-pink-500\/10{background-color:#ec48991a}.bg-pink-500\/20{background-color:#ec489933}.bg-pink-600{background-color:#db2777}.text-pink-500{color:#ec4891}.text-pink-600{color:#db2777}.dark\:text-pink-300{color:#f9a8d4}.bg-indigo-500\/10{background-color:#6366f11a}.bg-indigo-500\/20{background-color:#6366f133}.text-indigo-600{color:#4f46e5}.dark\:text-indigo-300{color:#a5b4fc}.bg-emerald-500\/10{background-color:#10b9811a}.bg-emerald-500\/20{background-color:#10b98133}.text-emerald-600{color:#059669}.dark\:text-emerald-300{color:#6ee7b7}.border-pink-500\/30{border-color:#ec48994d}.border-indigo-500{border-color:#6366f1}.border-emerald-500\/30{border-color:#10b9814d}.bg-red-500{background-color:#ef4444}.bg-red-500\/10{background-color:#ef44441a}.text-white{color:#fff}.text-purple-500{color:#a855f7}.text-red-500{color:#ef4444}.text-black{color:#000}.text-secondary{color:hsl(var(--text-secondary))}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.text-gray-500{color:#6b7280}[data-theme=dark] .dark\:text-gray-400{color:#9ca3af}.hover\:text-primary:hover{color:hsl(var(--accent-primary))}.opacity-80{opacity:.8}.text-\[8px\]{font-size:8px}.text-\[10px\]{font-size:10px}.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}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-6xl{font-size:3.75rem}.text-8xl{font-size:6rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-black{font-weight:900}.uppercase{text-transform:uppercase}.tracking-tight{letter-spacing:-.025em}.tracking-tighter{letter-spacing:-.05em}.tracking-widest{letter-spacing:.1em}.leading-relaxed{line-height:1.625}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:16px;width:16px;border-radius:50%;background:#a855f7;cursor:pointer;margin-top:-6px}input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;background:#ffffff1a;border-radius:2px}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1rem}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#0003}[data-theme=dark] .custom-scrollbar::-webkit-scrollbar-thumb{background:#ffffff1a}.font-serif{font-family:Georgia,Times New Roman,Times,serif}.book-container{position:relative;container-type:inline-size;container-name:book;width:100%}.book-text-dynamic{font-size:calc(clamp(.1rem,var(--book-font-size, 1.8cqi),4rem) * var(--font-scale, 1));line-height:1.6}.lang-zh .book-text-dynamic,.lang-ja .book-text-dynamic{--font-scale: .94}.book-page-padding{padding:14cqi 20cqi}.book-page-gap{gap:12%}.book-spread-gap{gap:8.5%}.book-page-number{font-size:clamp(.1rem,1.5cqi,2rem)}.book-paragraph{text-indent:1.5em;text-align:justify;text-justify:inter-word}.aspect-\[3\/2\]{aspect-ratio:3 / 2}.aspect-\[4\/3\]{aspect-ratio:4 / 3}.app-footer{margin-top:12rem}.book-actions-container{margin-top:1rem}.story-scroll::-webkit-scrollbar{width:6px}.story-scroll::-webkit-scrollbar-track{background:transparent}.story-scroll::-webkit-scrollbar-thumb{background-color:#0000001a;border-radius:20px}.book-spine{background:linear-gradient(to right,#fff0,#0000000d 30%,#0000001a,#0000000d 70%,#fff0)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.text-primary{color:#d946ef}.bg-primary{background-color:#d946ef}.text-secondary{color:#8b5cf6}.bg-secondary{background-color:#8b5cf6}.bg-background-dark{background-color:#0b0c15}.bg-surface-dark{background-color:#151725}.bg-background-light{background-color:#f3f4f6}.bg-surface-light{background-color:#fff}.shadow-book{box-shadow:0 10px 30px -5px #0000004d}.floating-book{animation:float 6s ease-in-out infinite}.shadow-book{box-shadow:0 20px 40px -5px #0006}.perspective-1000{perspective:1000px}.transform-style-3d{transform-style:preserve-3d}.rotate-y-\[-12deg\]{transform:rotateY(-12deg)}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fade-in-up .8s ease-out forwards}.aspect-\[16\/10\]{aspect-ratio:16 / 10}.border-r-4{border-right-width:4px}.border-b-4{border-bottom-width:4px}.mix-blend-multiply{mix-blend-mode:multiply}.mix-blend-screen{mix-blend-mode:screen}.mix-blend-overlay{mix-blend-mode:overlay}.first-letter\:text-5xl:first-letter{font-size:3rem;line-height:1}.first-letter\:font-bold:first-letter{font-weight:700}.first-letter\:text-primary:first-letter{color:#d946ef}.first-letter\:float-left:first-letter{float:left}.first-letter\:mr-3:first-letter{margin-right:.75rem}.first-letter\:mt-\[-5px\]:first-letter{margin-top:-5px}.italic{font-style:italic}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-4{display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.blur-sm{filter:blur(4px)}.blur-md{filter:blur(12px)}.blur-\[100px\]{filter:blur(100px)}.shadow-glow{box-shadow:0 0 50px -12px #a855f740}:root{--color-primary: #D946EF;--color-secondary: #8B5CF6;--color-background-light: #F3F4F6;--color-background-dark: #0B0C15;--color-surface-light: #FFFFFF;--color-surface-dark: #151725}.text-primary{color:var(--color-primary)!important}.bg-primary{background-color:var(--color-primary)!important}.bg-primary\/10{background-color:#d946ef1a!important}.bg-primary\/20{background-color:#d946ef33!important}.border-primary{border-color:var(--color-primary)!important}.bg-background-light{background-color:var(--color-background-light)!important}.dark .bg-background-dark{background-color:var(--color-background-dark)!important}.bg-surface-light{background-color:var(--color-surface-light)!important}.dark .bg-surface-dark{background-color:var(--color-surface-dark)!important}.text-transparent{color:transparent}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-gray-900{--tw-gradient-from: #111827;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0))}.to-gray-600{--tw-gradient-to: #4b5563}.dark .dark\:from-white{--tw-gradient-from: #ffffff;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0))}.dark .dark\:to-gray-400{--tw-gradient-to: #9ca3af}.from-purple-500{--tw-gradient-from: #a855f7;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(168, 85, 247, 0))}.to-pink-500{--tw-gradient-to: #ec4899}.shadow-sm{box-shadow:0 1px 2px #0000000d}.book-card{transform-style:preserve-3d;transition:transform .3s ease,box-shadow .3s ease}.book-card:hover{transform:translateY(-8px) rotateY(-5deg);box-shadow:0 20px 30px -10px #00000080}.book-spine-left{background:linear-gradient(90deg,#fff3,#0003 20%,#00000080)}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.library-book-grid:has(.book-scaling-wrapper:hover) .book-scaling-wrapper:not(:hover),.library-book-list:has(.book-list-item-premium:hover) .book-list-item-premium:not(:hover){opacity:.3;filter:grayscale(80%) blur(1px);transform:scale(.98);transition:all .4s ease}.book-list-item-premium{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05);background:#ffffff05;transition:all .3s cubic-bezier(.4,0,.2,1)}.book-list-item-premium:hover{background:#ffffff14;border-color:#a855f766;transform:translate(12px);box-shadow:0 10px 30px -10px #a855f733}.animate-fade-in{animation:fadeIn .5s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.font-display{font-family:Playfair Display,serif}.font-serif{font-family:Merriweather,serif}.text-custom-primary{color:#d946ef!important}.text-custom-secondary{color:#8b5cf6!important}.bg-custom-primary{background-color:#d946ef!important}.bg-custom-secondary{background-color:#8b5cf6!important}.bg-custom-primary-10{background-color:#d946ef1a!important}.bg-custom-primary-5{background-color:#d946ef0d!important}.border-custom-primary{border-color:#d946ef!important}.bg-custom-dark{background-color:#0b0c15!important}.bg-custom-light{background-color:#f3f4f6!important}.border-custom-dark{border-color:#0b0c15!important}.blur-120{filter:blur(120px)}.perspective-1200{perspective:1200px}.aspect-2-3{aspect-ratio:2 / 3}.shadow-book{box-shadow:2px 2px 15px #0000004d,-1px 0 2px #ffffff1a inset}.from-custom-primary{--tw-gradient-from: #D946EF;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 70, 239, 0))}.to-custom-secondary{--tw-gradient-to: #8B5CF6}@layer utilities{.fixed{position:fixed}.inset-0{top:0;right:0;bottom:0;left:0}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[999\]{z-index:999}.z-\[1000\]{z-index:1000}.z-\[5000\]{z-index:5000}.z-\[6000\]{z-index:6000}body.modal-open{overflow:hidden}body.modal-open nav,body.modal-open footer,body.modal-open .main-content-block{pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important}body.modal-open .fixed{pointer-events:auto!important}.bg-black\/70{background-color:#000000b3}.bg-black\/60{background-color:#0009}.bg-black\/20{background-color:#0003}.bg-black\/5{background-color:#0000000d}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f9fafb}.bg-white\/80{background-color:#fffc}.bg-white\/50{background-color:#ffffff80}.backdrop-blur-md{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.backdrop-blur-xl{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.max-w-sm{max-width:24rem}.rounded-\[32px\]{border-radius:32px}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-pink-500{--tw-gradient-from: #ec4899;--tw-gradient-to: rgb(236 72 153 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-purple-500{--tw-gradient-to: rgb(168 85 247 / 0);--tw-gradient-stops: var(--tw-gradient-from), #a855f7, var(--tw-gradient-to)}.to-blue-500{--tw-gradient-to: #3b82f6}.font-serif{font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif}.mb-6{margin-bottom:1.5rem}.border-red-400{border-color:#f87171}.bg-gray-100{background-color:#f3f4f6}.border-gray-100{border-color:#f3f4f6!important}.border-gray-200{border-color:#000!important}.text-gray-900{color:#111827}.text-gray-800{color:#1f2937}.text-gray-700{color:#374151}.text-gray-600{color:#4b5563}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.tracking-widest{letter-spacing:.1em}.bg-gray-900{background-color:#111827}.active\:scale-95:active{transform:scale(.95)}.perspective-1200{perspective:1200px}.transform-style-3d{transform-style:preserve-3d}.hover\:rotate-y-\[-12deg\]:hover,.rotate-y-\[-12deg\]{transform:rotateY(-12deg)}.-inset-1{top:-.25rem;right:-.25rem;bottom:-.25rem;left:-.25rem}.blur-xl{filter:blur(24px)}.book-spine-left{background:linear-gradient(to right,#0006,#ffffff1a,#0003);box-shadow:2px 0 5px #0000004d}.shadow-book{box-shadow:2px 2px 15px #0000004d,-1px 0 2px #ffffff1a inset}.text-black{color:#000!important}[data-theme=dark] .dark\:text-slate-50{color:#f8fafc!important}.mt-12{margin-top:3rem!important}.mt-16{margin-top:4rem!important}.library-book-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:2rem;width:100%;margin:0 auto;justify-items:center}@media (min-width: 768px){.library-book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem}}@media (min-width: 1024px){.library-book-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem}}.book-scaling-wrapper{width:100%;max-width:500px;margin:0 auto;min-width:320px;transition:all .5s cubic-bezier(.4,0,.2,1);z-index:10}.library-book-grid:hover .book-scaling-wrapper{opacity:.4;filter:brightness(.6) grayscale(.2)}.library-book-grid .book-scaling-wrapper:hover{opacity:1;filter:brightness(1) grayscale(0);z-index:50}.book-card-premium{transition:transform .6s cubic-bezier(.34,1.56,.64,1),box-shadow .6s ease}.book-scaling-wrapper:hover .book-card-premium,.book-card-premium:hover{transform:translateY(-15px) rotateY(-12deg) scale(1.03);box-shadow:0 30px 60px -12px #00000080,0 18px 36px -18px #00000080}}:root{--premium-bg: #E3DCCB;--premium-footer-bg: rgba(227, 220, 203, .8);--vintage-bg: #D4C5B0;--vintage-footer-bg: rgba(212, 197, 176, .8);--modern-bg: #FDFBF7;--modern-footer-bg: rgba(253, 251, 247, .8)}[data-theme=dark],.dark{--premium-bg: #1e1e24;--premium-footer-bg: rgba(30, 30, 36, .8);--vintage-bg: #1a1a1a;--vintage-footer-bg: rgba(26, 26, 26, .8);--modern-bg: #121212;--modern-footer-bg: rgba(18, 18, 18, .8)}.book-paper-page{background-color:var(--paper-bg, var(--modern-bg))!important;box-shadow:inset -20px 0 40px -10px #0000001a!important}.book-paper-page-right{box-shadow:inset 20px 0 40px -10px #0000001a!important}.book-paper-text{color:#000!important}[data-theme=dark] .book-paper-text,.dark .book-paper-text{color:#e5e7eb!important}.book-paper-footer{border-top:1px solid rgba(0,0,0,.1)!important;background-color:var(--paper-footer-bg, var(--modern-footer-bg))!important;color:#4b5563!important}[data-theme=dark] .book-paper-footer,.dark .book-paper-footer{border-top:1px solid rgba(255,255,255,.1)!important;color:#9ca3af!important}.book-paper-texture{opacity:.5;mix-blend-mode:multiply}[data-theme=dark] .book-paper-texture,.dark .book-paper-texture{opacity:.2}.book-image-overlay-base{border:none!important;box-shadow:0 25px 50px -12px #00000080!important;background-size:cover!important;background-position:center!important}.book-overlay-fantasy{background-image:url(/assets/book_fantasy.jpg)}.book-overlay-modern{background-image:url(/assets/book_modern.jpg)}.book-overlay-vintage{background-image:url(/assets/book_vintage.jpg)}.book-overlay-page{background:transparent!important;box-shadow:none!important;border:none!important;padding-top:12%!important;padding-bottom:15%!important}.book-overlay-page-left{padding-left:20%!important;padding-right:0%!important}.book-overlay-page-right{padding-left:10%!important;padding-right:20%!important}.book-overlay-text{color:#1a1a1a!important;font-weight:500;text-shadow:none!important;--font-scale: .9 !important}.book-overlay-page-number{position:absolute;bottom:17%!important;padding-top:.5rem;display:flex;justify-content:center;z-index:20;color:#606060!important;border-top:0px solid rgb(0,0,0)!important}.book-overlay-page-number-left{left:0%!important;right:0%!important}.book-overlay-page-number-right{left:10%!important;right:0%!important}.credits-explanation-box{margin-top:1.25rem;padding:1rem;border-radius:1rem;font-size:.75rem;line-height:1.6;font-weight:500;border:1px solid transparent;transition:all var(--transition-smooth);white-space:pre-line;display:flex;gap:.75rem;align-items:flex-start}[data-theme=dark] .credits-explanation-box{background:hsla(var(--border-dark),.25);border-color:hsla(var(--border-dark),.6);color:hsl(var(--text-secondary-dark));box-shadow:inset 0 1px 1px #ffffff0d}[data-theme=light] .credits-explanation-box{background:#f8f9fc;border-color:#e2e8f0;color:#64748b;box-shadow:inset 0 1px 1px #00000005}.credits-explanation-box-icon{font-size:1rem;flex-shrink:0;opacity:.8}.credits-explanation-box-text{flex:1}.shelf-btn{display:flex!important;align-items:center!important;gap:.5rem!important;padding:.5rem 1rem!important;border-radius:.75rem!important;font-size:.875rem!important;font-weight:800!important;transition:all .2s ease!important;white-space:nowrap!important;border-width:1px!important;border-style:solid!important}.shelf-btn-selected{background-color:#f5f3ff!important;color:#9333ea!important;border-color:#ddd6fe!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important}[data-theme=dark] .shelf-btn-selected{background-color:#581c8766!important;color:#c084fc!important;border-color:#a855f780!important}.shelf-btn-inactive{background-color:#fff!important;color:#475569!important;border-color:#e2e8f0!important}[data-theme=dark] .shelf-btn-inactive{background-color:#1e293b!important;color:#94a3b8!important;border-color:#334155!important}.shelf-btn-inactive:hover{border-color:#c084fc!important;color:#9333ea!important}[data-theme=dark] .shelf-btn-inactive:hover{border-color:#a855f7!important;color:#c084fc!important}