@import"https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400&family=Playfair+Display:wght@400;600;700&family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Flyhayer&display=swap";:root{--font-serif: "Crimson Text", "Georgia", serif;--font-display: "Playfair Display", "Georgia", serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-cream: #FEFBF7;--color-parchment: #F5F1E8;--color-warm-beige: #E8E3D8;--color-ink: #2C2C2C;--color-ink-light: #4A4A4A;--color-gold: #D4AF37;--color-gold-light: #E8D5A3;--color-burgundy: #8B4A6B;--color-sage: #9CAF88;--color-dusty-rose: #C9A9A6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;padding:0;min-width:320px;min-height:100vh;font-family:var(--font-sans);background:var(--color-cream);color:var(--color-ink);line-height:1.6}#root{width:100%;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.2;color:var(--color-ink);letter-spacing:-.02em}a{font-weight:500;color:var(--color-burgundy);text-decoration:none;transition:color .3s ease}a:hover{color:var(--color-gold)}button{font-family:var(--font-sans);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}button:focus,button:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.frontpage{margin:0;font-family:Georgia,serif;color:#150202e3;overflow-x:hidden}.hero{position:relative;height:100vh;background-image:url(/assets/background-BpdzLIh9.png);background-size:cover;background-position:center;background-attachment:fixed;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;z-index:1}.hero-content{position:relative;z-index:2;max-width:800px;padding:0 20px}.hero-title{font-size:4rem;font-family:Henny Penny,cursive;color:#fff;margin-bottom:2rem;text-shadow:2px 2px 4px rgba(0,0,0,.5);animation:fadeInUp 1s ease-out}.hero-description{font-size:1.2rem;color:#f0f0f0;margin-bottom:1.5rem;line-height:1.6;animation:fadeInUp 1s ease-out .2s both}.hero-quote{font-size:1.1rem;font-style:italic;color:#ddd;margin-bottom:2rem;animation:fadeInUp 1s ease-out .4s both}.explore-btn{background:#8b4513;color:#fff;border:none;padding:12px 24px;font-size:1.1rem;border-radius:25px;cursor:pointer;transition:background .3s ease,transform .3s ease;animation:fadeInUp 1s ease-out .6s both}.explore-btn:hover{background:sienna;transform:scale(1.05)}.image-map-section{position:relative;height:60vh;background:#855502;display:flex;justify-content:center;align-items:center;overflow:hidden;width:100vw;margin:0;padding:0}.carousel-container{position:relative;width:100%;height:100%;overflow:hidden;margin:0;padding:0}.carousel-track{display:flex;height:100%;margin:0;padding:0;will-change:transform}.carousel-slide{flex:0 0 33.333%;height:100%;margin:0;padding:0;min-width:33.333%;max-width:33.333%}.map-image{width:100%;height:100%;object-fit:cover;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:block}.carousel-indicators{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:2}.carousel-indicators button{background:#8b451380;color:#fff;border:none;width:12px;height:12px;border-radius:50%;cursor:pointer;transition:background .3s ease}.carousel-indicators button.active,.carousel-indicators button:hover{background:#8b4513}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.below-section{padding:60px 20px;background:#6c532e;text-align:center}.below-section h2{font-size:2.5rem;margin-bottom:1rem;color:#fff}.below-section p{font-size:1.1rem;max-width:600px;margin:0 auto 2rem;color:#a5a3a3;line-height:1.6}@media(max-width:768px){.hero-title{font-size:2.5rem}.hero-description{font-size:1rem}.carousel-track{width:250%}.carousel-slide{flex:0 0 50%}.carousel-indicators{display:none}}.home-header{background:linear-gradient(135deg,#58477a26,#8b5a2b14 30%,#d4af370d,#58477a14 70%,#3e27231f),linear-gradient(90deg,#f5e6d3,#e8d4b8,#f0e2cc,#e8d4b8,#f5e6d3);padding:3rem 1rem;text-align:center;position:relative;box-shadow:0 8px 32px #3e272333,0 2px 8px #58477a26,inset 0 1px #fff6,inset 0 -1px #8b5a2b33;overflow:hidden;border-top:2px solid rgba(212,175,55,.3);border-bottom:2px solid rgba(139,90,43,.25);background-image:repeating-linear-gradient(0deg,rgba(139,90,43,.02) 0px,transparent 1px,transparent 2px,rgba(139,90,43,.02) 3px),repeating-linear-gradient(90deg,rgba(139,90,43,.02) 0px,transparent 1px,transparent 2px,rgba(139,90,43,.02) 3px)}.home-header:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 0%,rgba(62,39,35,.08) 100%),radial-gradient(circle at 20% 30%,rgba(212,175,55,.08) 0%,transparent 25%),radial-gradient(circle at 80% 70%,rgba(88,71,122,.06) 0%,transparent 25%);pointer-events:none;opacity:1;z-index:1}.header-content{max-width:1200px;margin:0 auto;position:relative;z-index:2}.header-ornament,.header-ornament-left,.header-ornament-right,.scroll-shadow{display:none}.title-container,.title-wrapper{display:flex;align-items:center;justify-content:center;gap:1.2rem;margin-bottom:.8rem;height:110px;overflow:visible}.aedora-logo{width:350px;height:350px;object-fit:contain;margin-right:.5rem;display:inline-block}.title-text{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:.25rem}.golden-seal{font-size:2rem;color:#d4af37;filter:drop-shadow(0 0 8px rgba(212,175,55,.5))}.title{font-size:3.5rem;background:linear-gradient(135deg,#3e2723,#5d4e37 30%,#8b7355,#5d4e37 70%,#3e2723);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;font-weight:700;text-shadow:none;letter-spacing:.08em;font-family:"Cinzel",serif,var(--font-display);position:relative;filter:drop-shadow(2px 2px 4px rgba(212,175,55,.25)) drop-shadow(0 0 15px rgba(255,255,255,.3))}.book-emoji{display:inline-block;animation:gentleFloat 3s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}@keyframes gentleFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(5deg)}}.subtitle{font-size:1.4rem;background:linear-gradient(135deg,#5d4e37,#8b7355,#5d4e37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.95;font-weight:600;font-style:italic;letter-spacing:.03em;font-family:"Cinzel",serif,var(--font-display);position:relative;filter:drop-shadow(1px 1px 2px rgba(255,255,255,.4)) drop-shadow(0 0 8px rgba(212,175,55,.15))}@media(max-width:768px){.header-ornament{font-size:2rem}.header-ornament-left{left:2%}.header-ornament-right{right:2%}.title{font-size:2.5rem}.golden-seal{font-size:1.5rem}.subtitle{font-size:1.1rem}}.upload-section{margin-bottom:5rem}.upload-card{background:linear-gradient(135deg,#f5e6d3a6,#e8d4b899);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:24px;padding:4rem 3rem;text-align:center;box-shadow:0 12px 32px #50342338,0 6px 16px #50342324,inset 0 2px #fff9;max-width:680px;margin:0 auto;border:3px solid transparent;background-image:linear-gradient(#f5e6d3a6,#e8d4b899),linear-gradient(135deg,#d4af37,#b8860b,#d4af37,#b8860b,#d4af37);background-origin:border-box;background-clip:padding-box,border-box;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;z-index:10}.upload-card:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(212,175,55,.04) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(139,90,125,.04) 0%,transparent 50%);opacity:1;transition:opacity .4s ease;pointer-events:none;z-index:1}.upload-card:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 20px 60px #50342347,0 12px 32px #5034232e,inset 0 2px #ffffffb3;background-image:linear-gradient(#f5e6d3b3,#e8d4b8a6),linear-gradient(135deg,#d4af37,#b8860b,#d4af37,#b8860b,#d4af37)}.upload-card:hover:before{opacity:1}.upload-icon{font-size:4.5rem;margin-bottom:1.5rem;background:linear-gradient(135deg,#daa520,#d4af37,#b87333);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 4px 12px rgba(212,175,55,.4));animation:gentleFloat 3s ease-in-out infinite;position:relative;z-index:2}@keyframes gentleFloat{0%,to{transform:translateY(0);filter:drop-shadow(0 4px 12px rgba(212,175,55,.4))}50%{transform:translateY(-8px);filter:drop-shadow(0 6px 16px rgba(212,175,55,.6))}}.upload-card h2{color:#2a1810;font-size:2.2rem;margin-bottom:.75rem;font-family:Cinzel,serif;font-weight:700;letter-spacing:.04em;text-shadow:2px 2px 4px rgba(255,255,255,.7),1px 1px 2px rgba(61,40,23,.15);position:relative;z-index:2}.upload-card p{color:#3d2817;margin-bottom:2.5rem;font-size:1.2rem;font-family:Cormorant Garamond,Crimson Text,serif;font-weight:500;line-height:1.7;opacity:.92;position:relative;z-index:2;text-shadow:1px 1px 2px rgba(255,255,255,.5)}.upload-button{display:inline-flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#b8860b,#d4af37,#b8860b);color:#2d1810;padding:1.2rem 3.2rem;border-radius:50px;font-size:1.1rem;font-weight:700;cursor:pointer;border:2px solid rgba(139,90,43,.3);transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 24px #b8860b66,0 4px 12px #8b5a2b33,inset 0 1px #ffffff80;letter-spacing:.08em;text-transform:uppercase;font-family:Cinzel,serif;position:relative;overflow:hidden;z-index:2;background-size:200% 100%;background-position:left center}.upload-button:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.5) 50%,transparent 70%);transform:rotate(45deg);animation:buttonShimmer 3s ease-in-out infinite}@keyframes uploadButtonShimmer{0%,to{transform:translate(-100%) translateY(-100%) rotate(45deg)}50%{transform:translate(100%) translateY(100%) rotate(45deg)}}.upload-button:hover{background-position:right center;box-shadow:0 10px 32px #b8860b80,0 6px 16px #8b5a2b4d,inset 0 1px #fff9;transform:translateY(-3px) scale(1.02);border-color:#8b5a2b80}.upload-button:active{transform:translateY(-1px) scale(1)}.upload-icon-small{font-size:1.3rem}.loading{display:inline-block;position:relative}.loading:before{content:"✦";position:absolute;left:-2rem;top:50%;transform:translateY(-50%);font-size:1.2rem;color:#d4af37;animation:goldenPulse 1.5s ease-in-out infinite}@keyframes goldenPulse{0%,to{opacity:1;transform:translateY(-50%) scale(1);filter:drop-shadow(0 2px 8px rgba(212,175,55,.6))}50%{opacity:.5;transform:translateY(-50%) scale(1.3);filter:drop-shadow(0 4px 16px rgba(212,175,55,.8))}}.error-message{color:#8b2635;margin-top:1.5rem;padding:1.1rem 1.6rem;background:linear-gradient(135deg,#fee2e2,#fecaca);border-radius:12px;font-weight:600;font-size:1rem;border-left:4px solid #C53030;box-shadow:0 4px 12px #c5303026,inset 0 1px #ffffff80;font-family:Cormorant Garamond,serif;text-shadow:1px 1px 2px rgba(255,255,255,.4)}.save-prompt{animation:slideIn .3s ease-out}.save-prompt h3{color:var(--color-burgundy);font-size:1.5rem;margin-bottom:1rem;font-family:var(--font-display)}.prompt-text{color:var(--color-ink-light);margin-bottom:1.5rem;line-height:1.6}.prompt-text strong{color:var(--color-ink);font-weight:600}.prompt-text small{display:block;margin-top:.5rem;font-size:.85rem;color:var(--color-ink-light);font-style:italic}.prompt-actions{display:flex;flex-direction:column;gap:.75rem}.save-yes-btn,.save-no-btn,.cancel-btn{padding:.875rem 1.5rem;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;border:none;transition:all .3s ease;box-shadow:0 4px 12px #0000001a;position:relative;z-index:100;pointer-events:auto}.save-yes-btn{background:linear-gradient(135deg,var(--color-burgundy) 0%,#6B3A52 100%);color:#fff}.save-yes-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #8b4a6b4d}.save-no-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.save-no-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b9814d}.cancel-btn{background:#e5e7eb;color:#374151}.cancel-btn:hover:not(:disabled){background:#d1d5db;transform:translateY(-2px)}.save-yes-btn:disabled,.save-no-btn:disabled,.cancel-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.book-card{background:linear-gradient(135deg,#f5e6d3,#e8d4b8);border-radius:24px;overflow:hidden;cursor:pointer;transition:all .5s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 24px #50342333,0 4px 12px #5034231f,inset 0 1px #ffffff80;border:1.5px solid rgba(139,90,43,.25);position:relative;background-image:repeating-linear-gradient(0deg,rgba(139,90,43,.03) 0px,transparent 1px,transparent 2px,rgba(139,90,43,.03) 3px),repeating-linear-gradient(90deg,rgba(139,90,43,.03) 0px,transparent 1px,transparent 2px,rgba(139,90,43,.03) 3px)}.book-card:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(139,90,43,.015) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(139,90,43,.015) 0%,transparent 50%);pointer-events:none;z-index:1}.book-card:hover{transform:translateY(-8px) rotate(.5deg) scale(1.02);box-shadow:0 20px 60px #50342340,0 12px 32px #50342326,inset 0 1px #fff9,0 0 0 2px #d4af374d}.book-cover{position:relative;height:380px;overflow:hidden;background:linear-gradient(135deg,#e8d4b8,#d9c3a1);margin:16px;border-radius:16px;border:.8px solid rgba(212,175,55,.4);box-shadow:inset 0 2px 8px #00000014,inset 0 -2px 4px #ffffff4d,0 4px 12px #50342326;z-index:2}.book-cover:before{content:"";position:absolute;inset:8px;border:1px solid rgba(212,175,55,.25);border-radius:12px;pointer-events:none;z-index:3}.book-cover img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1);filter:brightness(1.02) contrast(1.05)}.book-card:hover .book-cover img{transform:scale(1.06)}.book-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(58,42,28,.85) 0%,rgba(58,42,28,.5) 50%,transparent 100%);opacity:0;display:flex;align-items:center;justify-content:center;transition:opacity .5s ease;z-index:4}.book-card:hover .book-overlay{opacity:1}.book-info{padding:0;position:relative;z-index:2}.book-info:before{content:"✦";position:absolute;top:-12px;left:50%;transform:translate(-50%);font-size:1.2rem;color:#d4af3799;text-shadow:0 2px 4px rgba(0,0,0,.15);z-index:3}.book-info h3{font-size:clamp(1.3rem,2vw,1.6rem);font-weight:600;margin:1.5rem 1.75rem .5rem;font-family:Cinzel,serif;letter-spacing:.02em;color:#3e2723;text-align:center;line-height:1.4;text-shadow:0 1px 2px rgba(255,255,255,.5);position:relative}.book-author{font-size:.95rem;color:#6b5a47;font-style:italic;font-family:Cormorant Garamond,serif;letter-spacing:.02em;text-align:center;padding:0 1.75rem 1.75rem;opacity:.85;font-weight:400}.book-card:before{content:"";position:absolute;top:12px;left:12px;width:24px;height:24px;border-top:2px solid rgba(212,175,55,.3);border-left:2px solid rgba(212,175,55,.3);border-radius:4px 0 0;z-index:5;pointer-events:none}.book-card{position:relative}.book-card>div:last-child:after{content:"";position:absolute;bottom:12px;right:12px;width:24px;height:24px;border-bottom:2px solid rgba(212,175,55,.3);border-right:2px solid rgba(212,175,55,.3);border-radius:0 0 4px;z-index:5;pointer-events:none}.library-badge{position:absolute;top:12px;left:12px;background:linear-gradient(135deg,var(--color-burgundy) 0%,#6B3A52 100%);color:#fff;padding:.4rem .8rem;border-radius:8px;font-size:.75rem;font-weight:600;z-index:10;box-shadow:0 2px 8px #0003;pointer-events:none}.favorite-badge{position:absolute;top:12px;right:12px;font-size:1.5rem;z-index:10;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));pointer-events:none;animation:twinkle 2s ease-in-out infinite}@keyframes twinkle{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.delete-button{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;border-radius:8px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;cursor:pointer;z-index:15;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #dc262666;transition:all .3s ease;opacity:.9;font-family:Cinzel,serif;letter-spacing:.02em;white-space:nowrap}.delete-button:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);transform:scale(1.05);box-shadow:0 4px 12px #dc262699;opacity:1}.delete-button:active{transform:scale(.98)}.book-card:has(.delete-button) .favorite-badge{top:56px;right:12px}.movie-card{background:linear-gradient(135deg,#f5e6d3,#e8d4b8);border-radius:24px;overflow:hidden;cursor:pointer;transition:all .5s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 24px #50342333,0 4px 12px #5034231f,inset 0 1px #ffffff80;border:1.5px solid rgba(139,90,43,.25);position:relative;background-image:repeating-linear-gradient(0deg,rgba(139,90,43,.03) 0px,transparent 1px,transparent 2px,rgba(139,90,43,.03) 3px),repeating-linear-gradient(90deg,rgba(139,90,43,.03) 0px,transparent 1px,transparent 2px,rgba(139,90,43,.03) 3px)}.movie-card:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(139,90,43,.015) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(139,90,43,.015) 0%,transparent 50%);pointer-events:none;z-index:1}.movie-card:hover{transform:translateY(-8px) rotate(.5deg) scale(1.02);box-shadow:0 20px 60px #50342340,0 12px 32px #50342326,inset 0 1px #fff9,0 0 0 2px #d4af374d}.movie-cover{position:relative;height:380px;overflow:hidden;background:linear-gradient(135deg,#e8d4b8,#d9c3a1);margin:16px;border-radius:16px;border:.8px solid rgba(212,175,55,.4);box-shadow:inset 0 2px 8px #00000014,inset 0 -2px 4px #ffffff4d,0 4px 12px #50342326;z-index:2}.movie-cover:before{content:"";position:absolute;inset:8px;border:1px solid rgba(212,175,55,.25);border-radius:12px;pointer-events:none;z-index:3}.movie-cover img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1);filter:brightness(1.02) contrast(1.05)}.movie-card:hover .movie-cover img{transform:scale(1.06)}.movie-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(58,42,28,.85) 0%,rgba(58,42,28,.5) 50%,transparent 100%);opacity:0;display:flex;align-items:center;justify-content:center;transition:opacity .5s ease;z-index:4}.movie-card:hover .movie-overlay{opacity:1}.chat-icon{font-size:3.5rem;filter:drop-shadow(0 6px 12px rgba(0,0,0,.4));animation:gentlePulse 2.5s ease-in-out infinite}@keyframes gentlePulse{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(1.08) translateY(-4px)}}.movie-info{padding:0;position:relative;z-index:2}.movie-info:before{content:"✦";position:absolute;top:-12px;left:50%;transform:translate(-50%);font-size:1.2rem;color:#d4af3799;text-shadow:0 2px 4px rgba(0,0,0,.15);z-index:3}.movie-info h3{font-size:clamp(1.3rem,2vw,1.6rem);font-weight:600;margin:1.5rem 1.75rem .5rem;font-family:Cinzel,serif;letter-spacing:.02em;color:#3e2723;text-align:center;line-height:1.4;text-shadow:0 1px 2px rgba(255,255,255,.5);position:relative}.movie-director{font-size:.95rem;color:#6b5a47;font-style:italic;font-family:Cormorant Garamond,serif;letter-spacing:.02em;text-align:center;padding:0 1.75rem .5rem;opacity:.85;font-weight:400}.movie-year{font-size:.95rem;color:#6b5a47;font-style:italic;font-family:Cormorant Garamond,serif;letter-spacing:.02em;text-align:center;padding:0 1.75rem 1.75rem;opacity:.85;font-weight:400}.movie-card:before{content:"";position:absolute;top:12px;left:12px;width:24px;height:24px;border-top:2px solid rgba(212,175,55,.3);border-left:2px solid rgba(212,175,55,.3);border-radius:4px 0 0;z-index:5;pointer-events:none}.movie-card>div:last-child:after{content:"";position:absolute;bottom:12px;right:12px;width:24px;height:24px;border-bottom:2px solid rgba(212,175,55,.3);border-right:2px solid rgba(212,175,55,.3);border-radius:0 0 4px;z-index:5;pointer-events:none}.character-card{background:linear-gradient(135deg,#d9c3a1a6,#c8b49199);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:20px;padding:2.5rem 2rem;text-align:center;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 24px #50342340,0 4px 12px #50342326,inset 0 2px #fff6,inset 0 -2px #8b5a2b1a;border:3px solid transparent;background-image:linear-gradient(#d9c3a1a6,#c8b49199),linear-gradient(135deg,#d4af37,#b8860b,#d4af37,#b8860b,#d4af37);background-origin:border-box;background-clip:padding-box,border-box;position:relative;overflow:hidden}.character-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,var(--color-gold),transparent);opacity:0;transition:opacity .4s ease}.character-card:hover{transform:translateY(-8px);box-shadow:0 16px 48px #50342359,0 8px 24px #50342340,inset 0 2px #ffffff80;background-image:linear-gradient(#d9c3a1b3,#c8b491a6),linear-gradient(135deg,#d4af37,#b8860b,#d4af37,#b8860b,#d4af37)}.character-card:hover:before{opacity:1}.character-avatar{width:90px;height:90px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.75rem;font-weight:700;color:#fff;margin:0 auto 1.5rem;box-shadow:0 8px 24px #0003,0 4px 12px #00000026,inset 0 2px 4px #fff3;transition:transform .4s ease;position:relative;overflow:hidden}.character-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.character-card:hover .character-avatar{transform:scale(1.1) rotate(5deg)}.character-card h4{font-size:1.5rem;color:#3e2723;margin-bottom:.75rem;font-family:var(--font-display);font-weight:600;letter-spacing:-.01em}.character-card p{color:#5a4a3a;font-size:1rem;margin-bottom:1.25rem;line-height:1.7;font-family:var(--font-serif);font-style:italic}.character-role{display:inline-block;padding:.5rem 1.25rem;background:linear-gradient(135deg,var(--color-dusty-rose) 0%,#B89A97 100%);color:#fff;border-radius:50px;font-size:.875rem;font-weight:600;text-transform:capitalize;letter-spacing:.02em;box-shadow:0 2px 8px #c9a9a64d;transition:all .3s ease}.character-card:hover .character-role{transform:scale(1.05);box-shadow:0 4px 12px #c9a9a666}.home-container{min-height:100vh;width:100vw;position:relative;overflow-x:hidden;display:flex;flex-direction:column;background:var(--color-cream);background-image:url(/assets/bg-mDdLJ0ae.png);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat}.home-content{max-width:1400px;margin:0 auto;padding:4rem 2rem;flex:1;position:relative;z-index:1}.content-tabs{display:flex;gap:1rem;margin-bottom:2rem;justify-content:center}.tab-button{padding:.75rem 2rem;font-size:1.1rem;font-weight:600;border:2px solid var(--color-warm-beige);background:#fff;color:var(--color-ink);border-radius:50px;cursor:pointer;transition:all .3s ease}.tab-button:hover{background:var(--color-warm-beige);transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.tab-button.active{background:var(--color-gold);color:#fff;border-color:var(--color-gold);box-shadow:0 4px 12px #d4af374d}.tab-button.library-button{background:linear-gradient(135deg,var(--color-burgundy) 0%,#6B3A52 100%);color:#fff;border-color:var(--color-burgundy);box-shadow:0 4px 12px #8046614d}.tab-button.library-button:hover{background:linear-gradient(135deg,#6B3A52 0%,var(--color-burgundy) 100%);transform:translateY(-2px);box-shadow:0 6px 16px #80466166}.books-section{margin-top:3rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;padding-bottom:1.5rem;border-bottom:2px solid var(--color-warm-beige)}.section-title{font-size:2.5rem;color:#4f2f23;display:flex;align-items:center;gap:.75rem;font-family:var(--font-display);font-weight:600}.sparkle{animation:gentleSparkle 2s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(212,175,55,.4))}@keyframes gentleSparkle{0%,to{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.1) rotate(180deg);opacity:.8}}.view-all-btn{background:linear-gradient(135deg,var(--color-burgundy) 0%,#6B3A52 100%);color:#fff;border:none;padding:.875rem 2rem;border-radius:50px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #8b4a6b40;letter-spacing:.01em}.view-all-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b4a6b59}.view-all-btn:active{transform:translateY(0)}.books-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem;max-width:1200px;margin:0 auto}.floating-elements{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.15}.float-star,.float-heart,.float-book{position:absolute;font-size:2.5rem;animation:literaryFloat 8s ease-in-out infinite;filter:blur(.5px)}.float-star{top:20%;left:10%;animation-delay:0s}.float-heart{top:60%;right:15%;animation-delay:2.5s}.float-book{bottom:20%;left:20%;animation-delay:5s}@keyframes literaryFloat{0%,to{transform:translateY(0) rotate(0) scale(1);opacity:.15}50%{transform:translateY(-30px) rotate(15deg) scale(1.1);opacity:.25}}.loading-state{text-align:center;padding:4rem;font-size:1.3rem;color:#5d4a3a;font-style:italic;font-family:"Cormorant Garamond",var(--font-serif);display:flex;flex-direction:column;align-items:center;gap:2rem}.loading-state:before{content:"✦";font-size:3rem;color:#d4af37;animation:goldenSpin 2s linear infinite;display:block;filter:drop-shadow(0 4px 12px rgba(212,175,55,.5))}@keyframes goldenSpin{0%{transform:rotate(0) scale(1);opacity:1}50%{transform:rotate(180deg) scale(1.2);opacity:.7}to{transform:rotate(360deg) scale(1);opacity:1}}.characters-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;margin-top:3rem}.select-title{font-size:2rem;color:var(--color-ink);text-align:center;margin:3rem 0 2rem;font-family:var(--font-display);font-weight:600;letter-spacing:-.01em}.back-button{background:#8b4a6b14;color:var(--color-burgundy);border:2px solid var(--color-burgundy);padding:.625rem 1.5rem;border-radius:50px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:var(--font-sans)}.back-button:hover{background:var(--color-burgundy);color:#fff;transform:translate(-3px);box-shadow:0 4px 12px #8b4a6b40}.library-page .home-content{padding-top:2rem}.home-container.library-page.with-characters-bg{background:var(--color-cream);background-image:url(/assets/bg-mDdLJ0ae.png);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat}.library-header{background:linear-gradient(135deg,#8b6f47,#a67c52 30%,#c9a9a6 70%,#d4b5a0);padding:3.5rem 2rem;text-align:center;box-shadow:0 8px 32px #0000001f;position:relative;overflow:hidden}.library-header:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.03) 4px);pointer-events:none}.library-title{font-size:3rem;color:#fff;margin-bottom:.75rem;font-weight:700;font-family:var(--font-display);text-shadow:3px 3px 8px rgba(0,0,0,.2);position:relative;z-index:1}.library-subtitle{font-size:1.3rem;color:#fff;opacity:.98;font-style:italic;text-shadow:1px 1px 3px rgba(0,0,0,.15);position:relative;z-index:1}.library-header .back-button{position:absolute;left:2rem;top:50%;transform:translateY(-50%);background:#ffffff26;color:#fff;border:2px solid rgba(255,255,255,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2}.library-header .back-button:hover{background:#ffffff40;border-color:#fff}@media(max-width:768px){.books-grid,.characters-grid{grid-template-columns:1fr;gap:2rem}.library-header .back-button{position:static;transform:none;margin-bottom:1.5rem}.section-header{flex-direction:column;gap:1.5rem;align-items:flex-start}.section-title{font-size:2rem}.home-content{padding:2rem 1.5rem}}.empty-library{text-align:center;padding:6rem 2rem;background:#ffffffb3;border-radius:24px;max-width:600px;margin:4rem auto;box-shadow:0 8px 32px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.empty-library-icon{font-size:5rem;margin-bottom:1.5rem;animation:gentleFloat 3s ease-in-out infinite}@keyframes gentleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-library h3{font-size:2rem;color:var(--color-ink);margin-bottom:1rem;font-family:var(--font-display);font-weight:600}.empty-library p{font-size:1.2rem;color:var(--color-text-secondary);margin-bottom:2rem;line-height:1.6}.empty-library .back-button{background:linear-gradient(135deg,var(--color-burgundy) 0%,#6B3A52 100%);color:#fff;border:none;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #8046614d}.empty-library .back-button:hover{background:linear-gradient(135deg,#6B3A52 0%,var(--color-burgundy) 100%);transform:translateY(-2px);box-shadow:0 6px 16px #80466166}.message{display:flex;gap:1.25rem;align-items:flex-start;animation:elegantFadeIn .4s cubic-bezier(.4,0,.2,1)}@keyframes elegantFadeIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.message.user{flex-direction:row-reverse}.message-avatar{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #00000026,0 2px 6px #0000001a;border:2px solid rgba(255,255,255,.3)}.user-avatar{background:linear-gradient(135deg,var(--color-burgundy) 0%,#6b3a52 100%);font-size:.95rem;font-weight:600}.message-bubble{max-width:72%;padding:1.375rem 1.75rem;border-radius:24px;box-shadow:0 4px 16px #00000014,0 2px 8px #0000000a;position:relative;transition:transform .2s ease}.message-bubble:hover{transform:translateY(-1px)}.message.assistant .message-bubble{background:#fff;border-bottom-left-radius:8px;color:var(--color-ink);border:1px solid rgba(0,0,0,.05)}.message.assistant .message-bubble:before{content:"";position:absolute;left:-8px;bottom:0;width:0;height:0;border-style:solid;border-width:0 8px 12px 0;border-color:transparent white transparent transparent;filter:drop-shadow(-2px 2px 2px rgba(0,0,0,.05))}.message.user .message-bubble{background:linear-gradient(135deg,var(--color-burgundy) 0%,#6b3a52 100%);color:#fff;border-bottom-right-radius:8px}.message.user .message-bubble:after{content:"";position:absolute;right:-8px;bottom:0;width:0;height:0;border-style:solid;border-width:0 0 12px 8px;border-color:transparent transparent var(--color-burgundy) transparent;filter:drop-shadow(2px 2px 2px rgba(0,0,0,.1))}.message-content{line-height:1.75;font-size:1.05rem;color:inherit;font-family:"Flyhayer",var(--font-serif);letter-spacing:.01em}.message.user .message-content{font-family:"Flyhayer",var(--font-sans)}.typing-indicator{display:flex;gap:.5rem;padding:.75rem 0;align-items:center}.typing-indicator span{width:10px;height:10px;border-radius:50%;background:var(--color-dusty-rose);animation:elegantTyping 1.6s ease-in-out infinite;box-shadow:0 2px 4px #0000001a}.typing-indicator span:nth-child(1){animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes elegantTyping{0%,60%,to{transform:translateY(0) scale(1);opacity:.6}30%{transform:translateY(-12px) scale(1.1);opacity:1}}@media(max-width:768px){.message-bubble{max-width:85%;padding:1.125rem 1.5rem}.message-content{font-size:.95rem}.message-avatar{width:42px;height:42px;font-size:1.1rem}}.chat-container.with-chat-bg .message.assistant .message-bubble{background:linear-gradient(180deg,#fffffa1f,#fffff517);background-image:none;background-blend-mode:normal;border:1px solid rgba(0,0,0,.06);color:#0c0c0cfa;box-shadow:0 6px 18px #0000000f}.chat-container.with-chat-bg .message.user .message-bubble{background:linear-gradient(135deg,#8b4a6b0f,#6b3a520d);background-image:none;background-blend-mode:normal;border:1px solid rgba(0,0,0,.02);box-shadow:0 4px 8px #00000009}.chat-container.with-chat-bg .message.assistant .message-content{background:#fff5e6e0;color:var(--color-ink);padding:.4rem .75rem;border-radius:12px;display:inline-block;line-height:1.55;border:1px solid rgba(0,0,0,.05);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.chat-container.with-chat-bg .message.user .message-content{background:#fff5e6b8;color:#0c0c0cf2;padding:.35rem .65rem;border-radius:10px;display:inline-block;line-height:1.55;border:1px solid rgba(0,0,0,.03)}.chat-container.with-chat-bg .message-bubble{background:transparent!important;border:none!important;box-shadow:none!important;padding:1.375rem .9rem .6rem}.chat-container.with-chat-bg .message.user .message-bubble:after{display:none!important}.chat-container.with-chat-bg .message.assistant .message-bubble:before{content:"";position:absolute;left:-10px;bottom:4px;width:0;height:0;border-style:solid;border-width:0 10px 14px 0;border-color:transparent rgba(255,245,230,.88) transparent transparent;filter:none}.chat-container{min-height:100vh;width:100vw;background:var(--color-cream);background-image:radial-gradient(circle at 20% 30%,rgba(212,175,55,.04) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(201,169,166,.04) 0%,transparent 50%);display:flex;flex-direction:column}.chat-container:not(.with-chat-bg):not(.with-characters-bg){background:radial-gradient(circle at 15% 20%,rgba(212,175,55,.25) 0%,transparent 40%),radial-gradient(circle at 85% 80%,rgba(184,134,11,.2) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(255,215,0,.15) 0%,transparent 50%),radial-gradient(circle at 30% 70%,rgba(218,165,32,.18) 0%,transparent 45%),linear-gradient(135deg,#f5e6d3,#e8d4b8,#d9c3a1 30%,#e8d4b8,#d9c3a1 70%,#e8d4b8,#f5e6d3);background-size:100% 100%;background-attachment:fixed;position:relative;animation:subtleGoldenShine 8s ease-in-out infinite}@keyframes subtleGoldenShine{0%,to{filter:brightness(1)}50%{filter:brightness(1.05)}}.chat-container:not(.with-chat-bg):not(.with-characters-bg):before{content:"";position:fixed;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(212,175,55,.04) 10px,rgba(212,175,55,.04) 20px),repeating-linear-gradient(-45deg,transparent,transparent 10px,rgba(184,134,11,.03) 10px,rgba(184,134,11,.03) 20px);pointer-events:none;z-index:0;opacity:.4}.chat-container:not(.with-chat-bg):not(.with-characters-bg):after{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,215,0,.12) 0%,transparent 40%);animation:goldenGlow 6s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes goldenGlow{0%,to{transform:translate(0) scale(1);opacity:.3}50%{transform:translate(10%,10%) scale(1.1);opacity:.5}}.chat-container.with-characters-bg{background:linear-gradient(#fffffa1f,#fffffa0f),url(/assets/characters-bg-D9hoptYB.png);background-size:cover;background-position:center top;background-repeat:no-repeat;background-attachment:fixed}.chat-container.with-chat-bg{background:linear-gradient(#fffffa0f,#fffffa0a),url(/assets/chat-N7eUG4nI.png);background-size:cover;background-position:center top;background-repeat:no-repeat;background-attachment:fixed}.chat-container.with-chat-bg .chat-main{background:linear-gradient(180deg,#fffffa1f,#fffffa0f)!important}.chat-container.with-chat-bg .chat-sidebar{background:linear-gradient(180deg,#cba56f,#8b5e3c)!important;border-right:2px solid rgba(84,54,36,.16)!important;box-shadow:6px 0 28px #231e181a!important;-webkit-backdrop-filter:blur(1.5px)!important;backdrop-filter:blur(1.5px)!important}.chat-container.with-chat-bg .chat-sidebar:before{display:block!important;opacity:.28!important;background-image:none!important;background:linear-gradient(180deg,#cba56f8c,#8b5e3c8c)!important;border-right:1px solid rgba(84,54,36,.06)!important}.chat-container.with-chat-bg .chat-sidebar .current-character,.chat-container.with-chat-bg .chat-sidebar .extract-characters-container,.chat-container.with-chat-bg .chat-sidebar .change-character-btn,.chat-container.with-chat-bg .chat-sidebar .clear-chat-btn,.chat-container.with-chat-bg .chat-sidebar .loading-history{background:#e6c8aaeb!important;border-radius:14px;border:1px solid rgba(0,0,0,.04)!important;box-shadow:0 6px 18px #0000000f!important;padding:1rem!important}.chat-container.with-chat-bg .chat-sidebar,.chat-container.with-chat-bg .chat-sidebar *{color:#0c0c0cf2}.chat-header{background:linear-gradient(180deg,#fff6e1fa,#f2dab0fa);padding:.9rem 1.5rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid rgba(160,140,115,.08);position:relative;z-index:60;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:0 6px 20px #0000000f;min-height:56px}.chat-header{--accent: var(--book-color, #8b5cf6)}.chat-header .book-info{display:flex;align-items:center;gap:1rem;flex:1 1 auto}.voice-toggle-button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#4a7c7e,#366466);border:none;border-radius:25px;color:#fff;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 10px #4a7c7e4d;white-space:nowrap;display:flex;align-items:center;gap:.5rem}.voice-toggle-button:hover{transform:translateY(-2px);box-shadow:0 5px 16px #4a7c7e66}.voice-toggle-button.active{background:linear-gradient(135deg,var(--color-gold) 0%,#b8860b 100%);box-shadow:0 3px 10px #d4af3766;animation:voicePulse 2s ease-in-out infinite}.voice-toggle-button.active:hover{box-shadow:0 5px 16px #d4af3780}@keyframes voicePulse{0%,to{box-shadow:0 3px 10px #d4af3766}50%{box-shadow:0 3px 15px #d4af3799,0 0 20px #d4af374d}}.header-cover{width:48px;height:68px;object-fit:cover;border-radius:6px;box-shadow:0 6px 14px #0000001a;border:2px solid rgba(255,255,255,.6)}.header-cover-fallback{display:inline-flex;align-items:center;justify-content:center;width:48px;height:68px;background:linear-gradient(135deg,#0000000f,#00000005);border-radius:6px;font-size:1rem}.book-meta{display:flex;flex-direction:column}.book-title{font-size:1.15rem;margin:0;color:var(--color-burgundy);font-family:var(--font-display);font-weight:700;line-height:1}.book-subtitle{margin:.125rem 0 0;font-size:.95rem;color:#0c0c0ca6;font-family:var(--font-sans)}.header-actions{display:flex;gap:.75rem;align-items:center}.header-actions .change-book-btn,.header-actions .clear-chat-btn{background:#fffffff0;border:1px solid rgba(0,0,0,.06);color:#181818f2;padding:.5rem .9rem;border-radius:10px;font-weight:600;cursor:pointer}.header-actions .change-book-btn:hover{background:linear-gradient(90deg,#fffffffa,#fffffff2);transform:translateY(-2px)}.header-actions .clear-chat-btn{border-color:#00000014;background:linear-gradient(90deg,#fffffff5,#fff5f5f5);color:var(--accent)}@media(max-width:768px){.header-cover{width:48px;height:68px}.book-title{font-size:1.1rem}.chat-header{padding:1rem;gap:1rem}.header-actions{gap:.5rem}}.back-button{background:linear-gradient(135deg,#b8860b,#d4af37,#b8860b);border:2px solid rgba(139,90,43,.3);color:#2d1810;padding:.75rem 1.75rem;border-radius:50px;cursor:pointer;font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:"Cinzel",var(--font-display);box-shadow:0 6px 20px #b8860b4d,inset 0 1px #fff6;background-size:200% 100%;background-position:left center}.back-button:hover{background-position:right center;box-shadow:0 8px 24px #b8860b66,inset 0 1px #ffffff80;transform:translate(-4px);border-color:#8b5a2b80}.back-button-inline{position:absolute;top:2rem;left:2rem;background:linear-gradient(135deg,#b8860b,#d4af37,#b8860b);border:2px solid rgba(139,90,43,.3);color:#2d1810;padding:.75rem 1.75rem;border-radius:50px;cursor:pointer;font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:"Cinzel",var(--font-display);z-index:10;box-shadow:0 6px 20px #b8860b4d,inset 0 1px #fff6;background-size:200% 100%;background-position:left center}.back-button-inline:hover{background-position:right center;box-shadow:0 8px 24px #b8860b66,inset 0 1px #ffffff80;transform:translate(-4px);border-color:#8b5a2b80}.book-title-large{font-size:2.5rem;color:#2d1810;margin-bottom:1rem;text-align:center;font-family:"Cinzel",var(--font-display);font-weight:700;letter-spacing:.02em;text-transform:uppercase;text-shadow:0 2px 4px rgba(212,175,55,.3),0 1px 2px rgba(255,255,255,.5)}.chat-header h2{font-size:2rem;font-family:var(--font-display);font-weight:600;letter-spacing:-.01em}.character-select-screen{padding:2rem 2rem 4rem;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;position:relative;z-index:1}.character-select-screen.extract-mode{justify-content:flex-end;padding-bottom:6rem}.character-select-screen.extract-mode .extract-card{margin-bottom:0}.extract-card{background:linear-gradient(135deg,#f5e6d3a6,#e8d4b899);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:32px;padding:5rem 4rem;text-align:center;max-width:700px;margin:0 auto;box-shadow:0 12px 40px #50342340,0 6px 16px #50342326,inset 0 2px #fff6,inset 0 -2px #8b5a2b1a;border:3px solid transparent;background-image:linear-gradient(#f5e6d3a6,#e8d4b899),linear-gradient(135deg,#d4af37,#b8860b,#d4af37,#b8860b,#d4af37);background-origin:border-box;background-clip:padding-box,border-box;position:relative;overflow:visible;z-index:1}.extract-card:before{content:"✦";position:absolute;top:2rem;left:50%;transform:translate(-50%);font-size:1.5rem;color:#d4af3799;pointer-events:none;z-index:1}.extract-card:after{content:"";position:absolute;top:3.5rem;left:50%;transform:translate(-50%);width:100px;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(212,175,55,.5) 50%,transparent 100%);pointer-events:none}.extract-card h3{color:#2d1810;font-size:2.5rem;margin-bottom:1.5rem;margin-top:1rem;font-family:"Cinzel",var(--font-display);font-weight:700;letter-spacing:.05em;text-transform:uppercase;text-shadow:0 2px 4px rgba(139,90,43,.15);text-shadow:0 1px 2px rgba(255,255,255,.5);position:relative;z-index:2}@media(max-width:640px){.extract-card h3{font-size:1.8rem}}.extract-card p{color:#6b5a47;margin-bottom:2.5rem;font-size:1.15rem;font-family:var(--font-serif);font-style:italic;line-height:1.6;opacity:.9;position:relative;z-index:2}.status-message{color:var(--color-burgundy);font-size:1rem;margin-bottom:1.5rem;font-style:italic}.extract-button{background:linear-gradient(135deg,var(--color-burgundy) 0%,#6b3a52 100%);color:#a56b19;border:none;padding:1.25rem 3.5rem;border-radius:50px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 20px #8b4a6b4d,0 2px 8px #8b4a6b33;letter-spacing:.01em}.extract-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #8b4a6b66,0 4px 12px #8b4a6b4d}.extract-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.extract-characters-btn{appearance:none;-webkit-appearance:none;display:inline-block;background:linear-gradient(135deg,#b8860b,#d4af37,#b8860b);color:#2d1810;padding:1.125rem 3.5rem;border-radius:50px;font-size:1.1rem;font-weight:700;cursor:pointer;border:2px solid rgba(139,90,43,.3);box-shadow:0 8px 24px #b8860b66,0 4px 12px #8b5a2b33,inset 0 1px #ffffff80;letter-spacing:.08em;text-transform:uppercase;font-family:"Cinzel",var(--font-display);position:relative;overflow:hidden;z-index:2;transition:all .4s cubic-bezier(.4,0,.2,1);background-size:200% 100%;background-position:left center}.extract-characters-btn:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.5) 50%,transparent 70%);transform:rotate(45deg);animation:buttonShimmer 3s ease-in-out infinite}@keyframes buttonShimmer{0%,to{transform:translate(-100%) translateY(-100%) rotate(45deg)}50%{transform:translate(100%) translateY(100%) rotate(45deg)}}.extract-characters-btn:hover{background-position:right center;box-shadow:0 10px 32px #b8860b80,0 6px 16px #8b5a2b4d,inset 0 1px #fff9;transform:translateY(-3px) scale(1.02);border-color:#8b5a2b80}.extract-characters-btn:active{transform:translateY(-1px) scale(1)}.extract-characters-btn:focus{outline:3px solid rgba(213,150,61,.24);outline-offset:4px}.extract-characters-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none;background:linear-gradient(135deg,#9e9e9e,#757575);border-color:#0000001a}.select-title{font-size:2.25rem;color:#2d1810;margin-bottom:3rem;text-align:center;font-family:"Cinzel",var(--font-display);font-weight:700;letter-spacing:.03em;text-transform:uppercase;text-shadow:0 2px 4px rgba(212,175,55,.3),0 1px 2px rgba(255,255,255,.5)}.characters-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;width:100%}.chat-screen{display:flex;height:calc(100vh - 90px);width:100%}.chat-sidebar{position:relative;overflow:visible}.chat-sidebar:before{display:none}.chat-sidebar{width:360px;background:linear-gradient(180deg,#cba56f,#8b5e3c)!important;padding:2rem 2rem 2.5rem;box-shadow:2px 0 12px #231e180f;display:flex;flex-direction:column;border-right:1px solid rgba(160,140,115,.06);backdrop-filter:blur(1.5px);-webkit-backdrop-filter:blur(1.5px)}.current-character{text-align:center;padding:2rem 1.5rem;background:linear-gradient(135deg,#ead6b3,#cba56f);border-radius:16px;border:1px solid rgba(0,0,0,.04);margin-bottom:1.25rem;box-shadow:0 2px 8px #0000000f;position:relative;overflow:hidden}.current-character:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.1),transparent)}.character-avatar-large{width:110px;height:110px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3.25rem;font-weight:700;color:#fff;margin:0 auto 1.25rem;box-shadow:0 8px 24px #0003,0 4px 12px #00000026,inset 0 2px 4px #fff3;overflow:hidden}.character-image-large{width:100%;height:100%;object-fit:cover;border-radius:50%}.current-character h3{font-size:1.75rem;color:var(--color-ink);margin-bottom:.75rem;font-family:var(--font-display);font-weight:600;letter-spacing:-.01em}.character-desc{color:var(--color-ink-light);font-size:1rem;line-height:1.7;font-family:var(--font-serif);font-style:italic}.change-character-btn{background:linear-gradient(135deg,#ead6b3,#d6bd98);border:1px solid rgba(0,0,0,.04);color:#1b120af2;padding:.9rem 1rem;border-radius:12px;cursor:pointer;font-weight:600;font-size:1rem;transition:transform .16s ease;margin-top:1rem;width:100%;font-family:var(--font-sans);box-shadow:none}.change-character-btn:hover{transform:translateY(-2px)}.clear-chat-btn{background:linear-gradient(135deg,#d6bd98,#cba56f);color:#1b120af2;border:1px solid rgba(0,0,0,.04);padding:.9rem 1rem;border-radius:12px;cursor:pointer;font-weight:600;font-size:1rem;transition:transform .16s ease;margin-top:.75rem;display:block;width:100%;text-align:center;box-shadow:none;font-family:var(--font-sans)}.clear-chat-btn:hover{transform:translateY(-2px)}.loading-history{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;height:100%;color:#5d4a3a;font-size:1.2rem;font-style:italic;font-family:"Cormorant Garamond",var(--font-serif)}.loading-history:before{content:"✦";font-size:2.5rem;color:#d4af37;animation:goldenFloat 2s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(212,175,55,.5))}@keyframes goldenFloat{0%,to{transform:translateY(0) rotate(0);opacity:1}50%{transform:translateY(-12px) rotate(180deg);opacity:.7}}.chat-main{flex:1;display:flex;flex-direction:column;padding:2.5rem;background:var(--color-cream)}.messages-container{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:2rem;scroll-behavior:smooth}.messages-container::-webkit-scrollbar{width:10px}.messages-container::-webkit-scrollbar-track{background:var(--color-parchment);border-radius:10px}.messages-container::-webkit-scrollbar-thumb{background:var(--color-dusty-rose);border-radius:10px;border:2px solid var(--color-parchment)}.messages-container::-webkit-scrollbar-thumb:hover{background:var(--color-burgundy)}.input-area{display:flex;gap:1.25rem;padding:1.75rem 2rem;background:linear-gradient(180deg,#f5f1e8fa,#fefbf7f5);border-radius:24px;box-shadow:0 -4px 24px #231e180f,0 -2px 12px #231e180a;margin-top:1.5rem;border:1px solid rgba(160,140,115,.08);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.input-area input{flex:1;padding:1.125rem 1.75rem;border:2px solid rgba(160,140,115,.08);border-radius:50px;font-size:1.05rem;outline:none;transition:all .3s ease;font-family:var(--font-sans);background:var(--color-parchment);color:var(--color-ink)}.input-area input:focus{border-color:var(--color-burgundy);background:#fffffffa;box-shadow:0 0 0 4px #8b4a6b14}.send-button{padding:1.125rem 3rem;border:none;border-radius:50px;color:#fff;font-weight:600;font-size:1.05rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 20px #0003,0 2px 8px #00000026;font-family:var(--font-sans);letter-spacing:.01em}.send-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #00000040,0 4px 12px #0003}.send-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.mic-button{padding:1.125rem 1.5rem;border:2px solid rgba(139,74,107,.3);border-radius:50px;background:#fff;color:#8b4a6b;font-size:1.3rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000001a;font-family:var(--font-sans);margin:0 .5rem}.mic-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 18px #00000026;border-color:#8b4a6b;background:#8b4a6b0d}.mic-button:disabled{opacity:.5;cursor:not-allowed}.mic-button.recording{background:linear-gradient(135deg,#f44,#c00);color:#fff;border-color:#c00;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #ff4444b3}50%{box-shadow:0 0 0 10px #f440}}.extract-characters-container{background:transparent;padding:2rem;border-radius:16px;color:#3d2817;min-width:400px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1.5rem}.extract-characters-container p{margin:0;line-height:1.7;font-size:1.15rem;font-family:"Cormorant Garamond",var(--font-serif);font-style:italic;color:#5d4a3a;letter-spacing:.01em}.progress-wrapper{width:100%;margin-top:12px;display:flex;flex-direction:column;gap:.5rem;align-items:center}.progress-bar{width:100%;height:16px;background:linear-gradient(135deg,#e8d4b880,#d9c3a180);border:2px solid rgba(212,175,55,.4);border-radius:50px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px #8b5a2b33,0 2px 8px #d4af3726;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.progress-fill{height:100%;background:linear-gradient(90deg,#b8860b,#d4af37,#b8860b);background-size:200% 100%;animation:progressShine 2s linear infinite;box-shadow:0 0 12px #d4af3799,inset 0 1px #fff6;transition:width .45s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:progressSlide 1.5s linear infinite}@keyframes progressShine{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes progressSlide{0%{left:-100%}to{left:100%}}.progress-info{font-size:.95rem;font-weight:700;letter-spacing:.5px;font-family:"Cinzel",var(--font-display);color:#2d1810;text-shadow:0 1px 2px rgba(255,255,255,.5)}.status-text{margin-top:.75rem;font-size:.9rem;font-style:italic;color:#5d4a3a;font-family:"Cormorant Garamond",var(--font-serif);text-shadow:0 1px 2px rgba(255,255,255,.5)}@media(prefers-reduced-motion:reduce){.progress-fill{transition:none}}@media(max-width:768px){.chat-screen{flex-direction:column}.chat-sidebar{width:100%;height:auto;max-height:350px;padding:1.5rem}.chat-main{height:calc(100vh - 450px);padding:1.5rem}.characters-grid{grid-template-columns:1fr;gap:2rem}.chat-header{padding:1.25rem 1.5rem}.chat-header h2{font-size:1.5rem}}@media(min-width:769px)and (max-width:1024px){.characters-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.extract-characters-container{padding:12px;border-radius:8px;width:100%}}.chat-container.with-chat-bg .chat-sidebar,.chat-sidebar{background:linear-gradient(180deg,#fbf5e6,#f3e7c9)!important;background-color:#fbf5e6!important}.chat-screen .chat-sidebar,.chat-container .chat-screen .chat-sidebar,.chat-container.with-chat-bg .chat-screen .chat-sidebar{background:linear-gradient(180deg,#fbf5e6,#f3e7c9)!important;background-color:#fbf5e6!important;color:#0c0c0cf2!important}.chat-sidebar:before{background-image:none!important;background:linear-gradient(180deg,#faf5eb0f,#f5ebd20a)!important;border-right:1px solid rgba(160,140,115,.04)!important;box-shadow:inset -8px 0 24px #231e1805!important}.chat-sidebar .current-character,.chat-sidebar .extract-characters-container,.chat-sidebar .change-character-btn,.chat-sidebar .clear-chat-btn,.chat-sidebar .loading-history{background:#faf0e0e6!important;color:#0c0c0cf2!important}.save-to-library-container{margin-top:3rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;background:linear-gradient(135deg,#faf0e0f2,#f5ebd2f2);border-radius:16px;border:1px solid rgba(0,0,0,.04);box-shadow:0 4px 16px #0000000f}.save-to-library-btn{background:linear-gradient(135deg,var(--book-color, #ec4899) 0%,#c2185b 100%);color:#fff;border:none;padding:1rem 2.5rem;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 20px #0003,0 2px 8px #00000026;font-family:var(--font-sans);letter-spacing:.01em;min-width:200px}.save-to-library-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #00000040,0 4px 12px #0003}.save-to-library-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.save-hint{color:var(--color-ink-light);font-size:.9rem;font-family:var(--font-serif);font-style:italic;text-align:center;margin:0;line-height:1.5}@media(max-width:768px){.save-to-library-container{margin-top:2rem;padding:1.25rem}.save-to-library-btn{font-size:1rem;padding:.9rem 2rem;min-width:180px}}.book-actions-container{margin-top:3rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%}.delete-from-library-container{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;background:linear-gradient(135deg,#faf0e0f2,#f5ebd2f2);border-radius:16px;border:1px solid rgba(0,0,0,.04);box-shadow:0 4px 16px #0000000f}.delete-from-library-btn{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:none;padding:1rem 2.5rem;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 20px #dc35454d,0 2px 8px #dc354533;font-family:var(--font-sans);letter-spacing:.01em;min-width:200px}.delete-from-library-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #dc354566,0 4px 12px #dc35454d}.delete-from-library-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.delete-confirm-modal{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.delete-confirm-modal .modal-content{background:linear-gradient(180deg,#fff6e1fa,#f2dab0fa);padding:2rem;border-radius:16px;max-width:450px;width:90%;box-shadow:0 10px 40px #0003,0 4px 16px #0000001a;border:1px solid rgba(160,140,115,.2)}.delete-confirm-modal .modal-content h3{margin-top:0;color:#dc3545;font-family:var(--font-display);font-size:1.5rem;margin-bottom:1rem}.delete-confirm-modal .modal-content p{color:var(--color-ink);font-size:1rem;line-height:1.6;margin-bottom:1.5rem;font-family:var(--font-sans)}.delete-confirm-modal .modal-content p strong{color:var(--color-burgundy);font-weight:600}.delete-confirm-modal .checkbox-label{display:flex;align-items:center;gap:.75rem;margin:1.5rem 0;font-size:.95rem;color:var(--color-ink);font-family:var(--font-sans);cursor:pointer}.delete-confirm-modal .checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#dc3545}.delete-confirm-modal .modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.delete-confirm-modal .btn-confirm-delete{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .2s ease;font-family:var(--font-sans);box-shadow:0 2px 8px #dc35454d}.delete-confirm-modal .btn-confirm-delete:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #dc354566}.delete-confirm-modal .btn-confirm-delete:disabled{opacity:.6;cursor:not-allowed;transform:none}.delete-confirm-modal .btn-cancel{background:linear-gradient(135deg,#6c757d,#5a6268);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .2s ease;font-family:var(--font-sans)}.delete-confirm-modal .btn-cancel:hover:not(:disabled){transform:translateY(-1px);background:linear-gradient(135deg,#5a6268,#495057)}.delete-confirm-modal .btn-cancel:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.delete-confirm-modal .modal-content{padding:1.5rem;max-width:90%}.delete-confirm-modal .modal-actions{flex-direction:column}.delete-confirm-modal .btn-confirm-delete,.delete-confirm-modal .btn-cancel{width:100%}.delete-from-library-btn{font-size:1rem;padding:.9rem 2rem;min-width:180px}}.save-prompt-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.save-prompt-modal{background:linear-gradient(180deg,#faf5ebfa,#f5f0e6f5);border-radius:20px;padding:2.5rem;max-width:500px;width:90%;box-shadow:0 20px 60px #0000004d;border:2px solid rgba(139,74,107,.2);animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.save-prompt-modal h3{font-size:2rem;color:var(--color-burgundy);margin-bottom:1rem;text-align:center;font-family:var(--font-display)}.save-prompt-modal .prompt-text{text-align:center;color:var(--color-ink-light);font-size:1.1rem;line-height:1.6;margin-bottom:2rem;font-family:var(--font-serif)}.save-prompt-modal .prompt-text strong{color:var(--color-burgundy);font-weight:600}.save-prompt-modal .prompt-text small{display:block;margin-top:.5rem;font-size:.9rem;font-style:italic;color:#4a4a4acc}.save-prompt-modal .prompt-actions{display:flex;flex-direction:column;gap:.75rem}.save-prompt-modal .save-yes-btn,.save-prompt-modal .save-no-btn{padding:1rem 2rem;border:none;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:var(--font-sans)}.save-prompt-modal .save-yes-btn{background:linear-gradient(135deg,var(--color-burgundy) 0%,#6b3a52 100%);color:#fff;box-shadow:0 4px 12px #8b4a6b4d}.save-prompt-modal .save-yes-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #8b4a6b66}.save-prompt-modal .save-yes-btn:disabled{opacity:.6;cursor:not-allowed}.save-prompt-modal .save-no-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.save-prompt-modal .save-no-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}@media(max-width:600px){.save-prompt-modal{padding:2rem 1.5rem;max-width:95%}.save-prompt-modal h3{font-size:1.6rem}.save-prompt-modal .save-yes-btn,.save-prompt-modal .save-no-btn{font-size:1rem;padding:.9rem 1.5rem}}