@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Pacifico&display=swap);@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap);body{-moz-osx-smoothing:grayscale;background-color:#000}#root,body,html{height:100%}select option{background:#000;color:#f0f0f0}.feedback-fab{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#a8e6cf1a;border:1px solid #ffffff1a;border-radius:0 6px 6px 0;box-shadow:none;color:#fff9;cursor:pointer;font-size:.9rem;font-weight:700;left:0;padding:.8rem .4rem;position:fixed;text-orientation:mixed;top:50%;transform:translateY(-50%);transition:all .3s ease;writing-mode:vertical-rl;z-index:999}.feedback-fab:hover{background:linear-gradient(45deg,var(--accent1-color),var(--accent2-color));border-color:#0000;box-shadow:0 6px 20px #a8e6cf80;color:#fff;transform:translateY(-50%) translateX(3px)}.feedback-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#1a1a1acc;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.feedback-modal-content{background-color:#1e1e1e;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 10px 30px #00000080;max-width:500px;padding:2rem;position:relative;width:90%}.feedback-modal-content h3{color:var(--accent2-color);font-family:Montserrat,sans-serif;margin-top:0}.feedback-modal-content p{color:#bbb;margin-bottom:1.5rem}.feedback-modal-content textarea{background-color:#0000004d;border:1px solid #555;border-radius:8px;color:#fff;font-size:1rem;height:150px;margin-bottom:1rem;padding:1rem;resize:vertical;width:100%}.feedback-modal-content textarea:focus{border-color:var(--accent2-color);outline:none}.submit-feedback-btn{background:var(--accent2-color);border:none;border-radius:50px;color:#1a1a1a;cursor:pointer;font-size:1.1rem;font-weight:700;padding:.8rem;transition:all .3s;width:100%}.submit-feedback-btn:hover{filter:brightness(1.1)}.submit-feedback-btn:disabled{cursor:wait;opacity:.7}.submit-feedback-btn .spinner{border-width:3px;display:inline-block;height:20px;width:20px}:root{--primary-text-color:#333;--accent1-color:#ff6f61;--accent2-color:#a8e6cf;--danger-color:#c21e56;--background-color:#000;--container-bg:#ffffffd9;--border-color:#eaeaea;--warm-beige:wheat;--dusty-rose:#e0bbe4}*,:after,:before{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;background-attachment:fixed;font-family:Poppins,sans-serif;margin:0;min-height:100vh}button,input,select{font-size:16px;transition:all .2s ease-in-out}.splash-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000000d9;display:flex;height:100%;justify-content:center;left:0;opacity:1;position:fixed;top:0;transition:opacity .5s ease-out;width:100%;z-index:1001}.splash-overlay.transparent{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000000d9}.splash-overlay:not(.show){opacity:0;pointer-events:none}.splash-content{background-color:#1c1c1c;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 10px 30px #00000080;color:#f0f0f0;max-width:500px;padding:2rem;text-align:center;width:90%}.splash-loader{animation:spin 1s linear infinite;border:4px solid #a8e6cf33;border-left:4px solid var(--accent2-color);border-radius:50%;height:50px;margin:0 auto 20px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}#splash-text{color:#a8e6cf;color:var(--accent2-color);font-size:1.2em;font-weight:700}#splash-subtext{background-color:#ffffff1a;border-radius:6px;color:#ccc;display:inline-block;font-size:1em;font-weight:400;margin-top:10px;padding:.5rem 1rem}.toast-container{display:flex;flex-direction:column;gap:10px;position:fixed;right:20px;top:20px;z-index:9999}.toast-message{background-color:#333;border-radius:8px;box-shadow:0 4px 12px #0003;color:#fff;font-size:1rem;opacity:0;padding:12px 20px;transform:translateX(100%);transition:all .4s cubic-bezier(.215,.61,.355,1),background-color .3s ease}.toast-message.show{opacity:1;transform:translateX(0)}.toast-message--info{background-color:#007bff;color:#fff}.toast-message--error{background-color:#dc3545;color:#fff}.page-header{align-items:center;display:flex;justify-content:center;margin-bottom:2rem;position:relative}.page-header h1{font-size:1.75rem;font-weight:700;margin:0}.back-btn,.end-btn{background-color:#eee;border:1px solid #ddd;border-radius:8px;color:#333;cursor:pointer;font-weight:600;padding:.5rem 1rem}.back-btn{align-items:center;display:inline-flex;gap:.5rem;left:0;position:absolute}.end-btn{position:absolute;right:0}.page-header .header-actions{display:flex;gap:1rem;position:absolute;right:0}.home-btn-centered{align-items:center;background-color:#007bff;border:none;border-radius:8px;box-shadow:0 4px 10px #007bff4d;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;margin-bottom:1rem;padding:.75rem 1.25rem;transition:background-color .3s,box-shadow .3s;z-index:10}.home-btn-centered:hover{background-color:#0056b3;box-shadow:0 6px 15px #0056b366}.modern-blue-btn{align-items:center;background-color:#007bff;border:none;border-radius:8px;box-shadow:0 4px 10px #007bff4d;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;margin-bottom:1rem;padding:.75rem 1.25rem;transition:background-color .3s,box-shadow .3s;z-index:10}.modern-blue-btn:hover{background-color:#0056b3;box-shadow:0 6px 15px #0056b366}@media (max-width:960px){.story-grid{grid-template-columns:1fr}}@media (max-width:768px){.home-header{padding:1rem}.app-title{font-size:2rem}.main-title{font-size:1.5rem}.genre-grid{gap:1rem;grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:1fr}.library-content-box{padding:1.5rem}button,input,select{padding:12px 15px}}@media (max-width:480px){body{padding:0 10px}.login-box{padding:1.5rem}.login-box .logo{font-size:2.2rem}.welcome-box .logo{font-size:2.5rem}.tagline{font-size:1.1rem}.home-header{grid-template-columns:1fr;justify-items:center}.app-title{grid-column:1;justify-self:center}.header-actions{display:none}.genre-grid{grid-template-columns:1fr}.page-header{flex-direction:column;gap:1rem;text-align:center}.page-header h1{font-size:1.5rem}.back-btn,.end-btn{justify-content:center;position:static;width:100%}.library-content-box{padding:1.5rem 1rem}.library-header h1{font-size:2rem}.toast-container{left:10px;right:10px;top:10px;width:auto}}.close-modal-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;line-height:1;padding:0;position:absolute;right:10px;top:10px;transition:all .2s ease;width:30px}.close-modal-btn:hover{background:#ff6f61;background:var(--accent1-color);color:#fff;transform:rotate(90deg)}
/*# sourceMappingURL=main.8e17bf2d.css.map*/