html{padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media (max-width:768px){a,button,input[type=button],input[type=submit]{min-height:44px;min-width:44px}input[type=email],input[type=password],input[type=text],textarea{font-size:16px}}.homepage{background-color:var(--black);color:var(--cream)}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0a0a0af2;border-bottom:2px solid var(--gold);padding:1rem 0;position:fixed;top:0;width:100%;z-index:1000}.logo{font-weight:700}.nav-links{align-items:center;display:flex;gap:2rem}.nav-links a{color:var(--cream);font-size:1rem;text-decoration:none;transition:color .3s ease}.nav-links a:hover{color:var(--gold)}.btn-login{background-color:var(--burgundy);border:2px solid var(--gold);border-radius:25px;color:var(--cream);cursor:pointer;font-family:Georgia,serif;font-size:1rem;padding:.5rem 1.5rem;transition:all .3s ease}.btn-login:hover{background-color:var(--dark-burgundy);transform:translateY(-2px)}.hero{align-items:center;background:linear-gradient(135deg,var(--dark-burgundy) 0,var(--black) 100%);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding-top:70px;position:relative}.hero:before{background-image:radial-gradient(circle at 20% 50%,#d4af371a 0,#0000 50%),radial-gradient(circle at 80% 80%,#8b153826 0,#0000 50%);content:""}.hero-overlay,.hero:before{bottom:0;left:0;position:absolute;right:0;top:0}.hero-overlay{background:#0000004d}.hero-content{padding:2rem;position:relative;text-align:center;z-index:2}.hero-title{color:var(--gold);font-size:4rem;letter-spacing:3px;margin-bottom:1rem;text-shadow:2px 2px 4px #00000080}.hero-subtitle{color:var(--light-gold);font-size:1.5rem;font-style:italic;margin-bottom:1rem}.hero-tagline{color:var(--gold);font-size:1.1rem;font-style:italic;margin-bottom:2.5rem;opacity:.9}.btn-cta{background-color:var(--burgundy);border:2px solid var(--gold);border-radius:50px;box-shadow:0 4px 15px #d4af374d;color:var(--cream);cursor:pointer;display:inline-block;font-family:Georgia,serif;font-size:1.2rem;letter-spacing:1px;padding:1rem 3rem;transition:all .3s ease}.btn-cta:hover{background-color:var(--dark-burgundy);box-shadow:0 6px 20px #d4af3780;transform:translateY(-3px)}.container{margin:0 auto;max-width:1200px;padding:0 20px}.features{background-color:var(--grey);padding:6rem 0}.section-title{color:var(--gold);font-size:2.5rem;letter-spacing:2px;margin-bottom:3rem;text-align:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:3rem}.feature-card{background:linear-gradient(135deg,var(--black) 0,var(--grey) 100%);border:1px solid #d4af3733;border-radius:15px;padding:2rem;text-align:center;transition:all .3s ease}.feature-card:hover{border-color:var(--gold);box-shadow:0 10px 30px #d4af3733;transform:translateY(-10px)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{color:var(--gold);font-size:1.5rem;margin-bottom:1rem}.feature-card p{color:var(--cream);line-height:1.8}.how-it-works{background-color:var(--black);padding:6rem 0}.steps{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:3rem}.step{padding:2rem;text-align:center}.step-number{align-items:center;background-color:var(--burgundy);border:2px solid var(--gold);border-radius:50%;color:var(--gold);display:flex;font-size:2rem;font-weight:700;height:60px;justify-content:center;margin:0 auto 1.5rem;width:60px}.step h3{color:var(--gold);font-size:1.3rem;margin-bottom:1rem}.step p{color:var(--light-gold)}.about{background:linear-gradient(135deg,var(--grey) 0,var(--black) 100%);padding:6rem 0}.about-content{margin:0 auto;max-width:800px;text-align:center}.about-content p{color:var(--light-gold);font-size:1.2rem;line-height:1.8;margin-bottom:1.5rem}.footer{background-color:var(--black);border-top:2px solid var(--gold);padding:2rem 0;text-align:center}.footer p{color:var(--light-gold);margin:.5rem 0}.footer-note{color:var(--gold);font-size:.9rem;font-style:italic}@media (max-width:992px){.hero-title{font-size:3rem}.logo{font-size:1.5rem}}@media (max-width:768px){.navbar{padding:.75rem 0}.nav-container{padding:0 15px}.logo{font-size:1.3rem;letter-spacing:1px}.nav-links{gap:.5rem}.btn-login,.nav-links,.nav-links a{font-size:.75rem}.btn-login{padding:.35rem .9rem}.hero{padding-top:70px}.hero-content{padding:1.5rem}.hero-title{font-size:2rem;letter-spacing:2px;margin-bottom:.8rem}.hero-subtitle{font-size:1rem;margin-bottom:.8rem}.hero-tagline{font-size:.9rem;margin-bottom:2rem}.btn-cta{font-size:1rem;padding:.8rem 2rem}.section-title{font-size:1.8rem;margin-bottom:2rem}.features{padding:4rem 0}.features-grid,.steps{gap:2rem;grid-template-columns:1fr}.step h3{font-size:1.05rem;white-space:nowrap}.about,.how-it-works{padding:4rem 0}.about-content p{font-size:1rem}}@media (max-width:480px){.logo{font-size:1.2rem}.btn-login{font-size:.75rem;padding:.3rem .8rem}.hero-title{font-size:1.6rem;letter-spacing:1px}.hero-subtitle{font-size:.9rem}.hero-tagline{font-size:.85rem}.btn-cta{font-size:.95rem;padding:.7rem 1.8rem}.section-title{font-size:1.5rem}.step h3{font-size:1.1rem}.feature-card h3{font-size:1.3rem}}html{scroll-behavior:smooth}.questionnaire-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000d9;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:2000}.questionnaire-container{-ms-overflow-style:none;background:linear-gradient(135deg,#2a2a2afa,#0a0a0afa);border:2px solid #d4af37;border:2px solid var(--gold);border-radius:20px;box-shadow:0 20px 60px #d4af3766;cursor:default;max-height:90vh;max-width:700px;overflow-y:auto;padding:2.5rem;position:relative;scrollbar-width:none;width:100%}.questionnaire-container::-webkit-scrollbar{display:none}.questionnaire-header{margin-bottom:2rem;text-align:center}.questionnaire-header h1{color:#d4af37;color:var(--gold);font-size:2rem;letter-spacing:2px;margin-bottom:.5rem}.questionnaire-header .subtitle{color:#f4e4c1;color:var(--light-gold);font-size:1rem;font-style:italic;margin-bottom:1.5rem}.progress-bar{background-color:#2a2a2a99;border:1px solid #d4af374d;border-radius:10px;height:8px;margin:1rem 0;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#8b1538,#d4af37);background:linear-gradient(90deg,var(--burgundy) 0,var(--gold) 100%);border-radius:8px;box-shadow:0 0 10px #d4af3799;height:100%;transition:width .5s ease}.step-indicator{color:#d4af37;color:var(--gold);font-size:.9rem;font-weight:500;margin-top:.5rem}.close-questionnaire{align-items:center;background:#0000;border:none;color:#d4af37;color:var(--gold);cursor:pointer;display:flex;font-size:1.1rem;height:28px;justify-content:center;line-height:1;opacity:.7;padding:0;position:absolute;right:1.5rem;top:1.5rem;transition:all .2s ease;width:28px}.close-questionnaire:hover{opacity:1;transform:scale(1.1)}.questionnaire-content{width:100%}.question-section{background:#0a0a0a80;border:1px solid #d4af374d;border-radius:15px;margin-bottom:1.5rem;padding:1.5rem}.question-section h2{color:#d4af37;color:var(--gold);font-size:1.5rem;letter-spacing:1px;margin-bottom:1.5rem;text-align:center}.question-block{margin-bottom:2.5rem}.question-block label{color:#f4e4c1;color:var(--light-gold);display:block;font-size:1.1rem;font-weight:500;margin-bottom:1rem}.options-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.option-btn{background-color:#2a2a2a99;border:2px solid #d4af374d;border-radius:12px;color:#fff8f0;color:var(--cream);cursor:pointer;font-family:Georgia,serif;font-size:1rem;padding:1rem 1.5rem;text-align:center;transition:all .3s ease}.option-btn:hover{background-color:#8b15384d;transform:translateY(-2px)}.option-btn.selected,.option-btn:hover{border-color:#d4af37;border-color:var(--gold)}.option-btn.selected{background-color:#8b1538;background-color:var(--burgundy);box-shadow:0 4px 15px #d4af3766}.age-input{background-color:#0a0a0a99;border:2px solid #d4af37;border:2px solid var(--gold);border-radius:10px;color:#fff8f0;color:var(--cream);font-family:Georgia,serif;font-size:1.2rem;padding:1rem;text-align:center;width:150px}.age-input:focus{box-shadow:0 0 15px #d4af3766;outline:none}.text-input,.textarea-input{background-color:#0a0a0a99;border:2px solid #d4af3780;border-radius:10px;color:#fff8f0;color:var(--cream);font-family:Georgia,serif;font-size:1rem;padding:1rem;transition:all .3s ease;width:100%}.text-input:focus,.textarea-input:focus{border-color:#d4af37;border-color:var(--gold);box-shadow:0 0 15px #d4af374d;outline:none}.textarea-input{min-height:100px;resize:vertical}.slider{-webkit-appearance:none;background:linear-gradient(90deg,#d4af374d 0,#d4af3799 50%,#d4af37);border-radius:5px;height:8px;margin:1rem 0;outline:none;width:100%}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#d4af37;background:var(--gold);border:3px solid #fff8f0;border:3px solid var(--cream);border-radius:50%;box-shadow:0 2px 10px #d4af3799;cursor:pointer;height:28px;width:28px}.slider::-moz-range-thumb{background:#d4af37;background:var(--gold);border:3px solid #fff8f0;border:3px solid var(--cream);border-radius:50%;box-shadow:0 2px 10px #d4af3799;cursor:pointer;height:28px;width:28px}.intensity-labels{color:#f4e4c1;color:var(--light-gold);display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:.5rem}.intensity-display{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-top:.5rem}.intensity-emoji{font-size:2rem;transition:all .3s ease}.intensity-value{color:#d4af37;color:var(--gold);font-size:1.5rem;font-weight:700}.intensity-description{color:#f4e4c1;color:var(--light-gold);font-style:italic;margin-top:.5rem;text-align:center}.checkbox-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.checkbox-label{align-items:center;background-color:#2a2a2a66;border:2px solid #d4af3733;border-radius:8px;cursor:pointer;display:flex;padding:.8rem;transition:all .3s ease}.checkbox-label:hover{background-color:#8b153833;border-color:#d4af37;border-color:var(--gold)}.checkbox-label input[type=checkbox]{accent-color:#d4af37;accent-color:var(--gold);cursor:pointer;height:20px;margin-right:.8rem;width:20px}.checkbox-label span{color:#fff8f0;color:var(--cream);font-size:1rem}.questionnaire-footer{align-items:center;border-top:1px solid #d4af3733;display:flex;gap:1rem;justify-content:space-between;margin-top:2rem;padding-top:1.5rem}.footer-left,.footer-right{flex:1 1}.footer-center{flex:0 0 auto}.footer-left{text-align:left}.footer-right{text-align:right}.btn-save-exit{background:#0000;border:1px solid #d4af37;border:1px solid var(--gold);border-radius:50px;color:#d4af37;color:var(--gold);cursor:pointer;font-family:Georgia,serif;font-size:.95rem;padding:.7rem 1.5rem;transition:all .3s ease}.btn-save-exit:hover{background:#d4af3726;border-color:#f4e4c1;border-color:var(--light-gold);color:#f4e4c1;color:var(--light-gold)}.btn-primary,.btn-secondary{border:2px solid #d4af37;border:2px solid var(--gold);border-radius:50px;cursor:pointer;font-family:Georgia,serif;font-size:1.1rem;letter-spacing:1px;padding:1rem 2.5rem;transition:all .3s ease}.btn-primary{background-color:#8b1538;background-color:var(--burgundy);box-shadow:0 4px 15px #d4af374d;color:#fff8f0;color:var(--cream);flex:1 1}.btn-primary:hover:not(:disabled){background-color:#5c0e26;background-color:var(--dark-burgundy);box-shadow:0 6px 20px #d4af3780;transform:translateY(-3px)}.btn-primary:disabled{background-color:#2a2a2a;background-color:var(--grey);border-color:#2a2a2a;border-color:var(--grey);cursor:not-allowed;opacity:.5}.btn-secondary{background-color:initial;color:#d4af37;color:var(--gold)}.btn-secondary:hover{background-color:#d4af371a;transform:translateY(-2px)}@media (max-width:768px){.questionnaire-overlay{padding:1rem}.questionnaire-container{max-height:95vh;padding:1.5rem}.questionnaire-header h1{font-size:1.6rem}.questionnaire-header .subtitle{font-size:.9rem}.close-questionnaire{right:1rem;top:1rem}.question-section{padding:1.25rem}.question-section h2{font-size:1.2rem}.checkbox-grid,.options-grid{grid-template-columns:1fr}.questionnaire-footer{flex-direction:column;gap:.75rem}.footer-center,.footer-left,.footer-right{text-align:center;width:100%}.footer-center{order:-1}.btn-primary,.btn-save-exit,.btn-secondary{width:100%}}@media (max-width:480px){.questionnaire-overlay{padding:.5rem}.questionnaire-container{border-radius:15px;padding:1rem}.questionnaire-header h1{font-size:1.4rem}.questionnaire-header .subtitle{font-size:.85rem}.progress-bar{height:6px}.step-indicator{font-size:.8rem}.question-section{padding:1rem}.question-section h2{font-size:1.1rem}.option-btn,.question-block label{font-size:.9rem}.option-btn{padding:.8rem 1rem}.close-questionnaire{font-size:.9rem;height:22px;right:.75rem;top:.75rem;width:22px}}.loading-profile{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.loading-profile .loading-spinner{animation:spin 1s linear infinite;border:3px solid #d4af3733;border-radius:50%;border-top-color:#d4af37;border-top:3px solid var(--gold);height:50px;margin-bottom:1.5rem;width:50px}.loading-profile p{color:#f4e4c1;color:var(--light-gold);font-size:1.1rem;font-style:italic}.custom-field{border-color:#d4af37;border-color:var(--gold);margin-top:1rem}.custom-relation-field{align-items:center;border-top:1px solid #d4af3733;display:flex;gap:1rem;margin-top:1rem;padding-top:1rem}.custom-relation-field .other-label{background:#0000;border:none;min-width:auto;padding:0}.custom-relation-field .other-label span{color:#f4e4c1;color:var(--light-gold);font-size:1rem}.inline-custom-field{flex:1 1;margin:0}.field-hint{color:#f4e4c1;color:var(--light-gold);font-size:.85rem;font-style:italic;margin-top:.5rem;opacity:.8}.story-stream-reader{background:linear-gradient(135deg,#0a0a0a,#2a2a2a 50%,#0a0a0a);background:linear-gradient(135deg,var(--black) 0,var(--grey) 50%,var(--black) 100%);color:#fff8f0;color:var(--cream);display:flex;flex-direction:column;min-height:100vh}.stream-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0af2;border-bottom:1px solid #d4af374d;display:flex;justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.stream-phase-indicator{align-items:center;display:flex;gap:12px}.stream-spinner{animation:spin 1s linear infinite;border:2px solid #d4af374d;border-radius:50%;border-top:2px solid var(--gold);height:18px;width:18px}.phase-text{color:#f4e4c1;color:var(--light-gold);font-family:Georgia,serif;font-size:.95rem;font-style:italic}.phase-text.phase-generating{color:#d4af37;color:var(--gold)}.phase-text.phase-complete{color:#4ade80}.phase-text.phase-error{color:#ef4444}.stream-cancel-btn{background:#0000;border:1px solid #d4af37;border:1px solid var(--gold);border-radius:20px;color:#d4af37;color:var(--gold);cursor:pointer;font-family:Georgia,serif;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.stream-cancel-btn:hover{background:#d4af3733}.stream-title{animation:fadeIn .5s ease;color:#d4af37;color:var(--gold);font-family:Georgia,serif;font-size:2.2rem;font-weight:400;letter-spacing:2px;line-height:1.3;margin:2rem auto 1.5rem;max-width:800px;padding:0 2rem;text-align:center}.stream-content-container{flex:1 1;margin:0 auto;max-width:800px;overflow-y:auto;padding:2rem;scroll-behavior:smooth;width:100%}.stream-content{color:#fff8f0;color:var(--cream);font-family:Georgia,serif;font-size:1.15rem;line-height:1.9}.stream-paragraph{margin-bottom:1.8em;text-align:justify;text-indent:2rem}.stream-paragraph:first-child{text-indent:0}.stream-paragraph:first-child:first-letter{color:#d4af37;color:var(--gold);float:left;font-family:Georgia,serif;font-size:3.5rem;line-height:.8;padding-right:10px}.stream-paragraph:last-child{margin-bottom:0}.typing-cursor{animation:blink 1s step-end infinite;color:#d4af37;color:var(--gold);display:inline;font-weight:400;margin-left:2px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.stream-waiting{align-items:center;color:#f4e4c1;color:var(--light-gold);display:flex;font-family:Georgia,serif;font-style:italic;height:200px;justify-content:center;opacity:.7}.stream-error{background:#8b153833;border:1px solid #8b1538;border:1px solid var(--burgundy);border-radius:12px;margin:2rem auto;max-width:500px;padding:1.5rem 2rem;text-align:center}.error-message{color:#fff8f0;color:var(--cream);font-family:Georgia,serif;margin:0 0 1rem}.error-actions{display:flex;gap:1rem;justify-content:center}.retry-btn{background:linear-gradient(135deg,#8b1538,#5c0e26);background:linear-gradient(135deg,var(--burgundy),var(--dark-burgundy));border:1px solid #d4af37;border:1px solid var(--gold);border-radius:25px;color:#fff8f0;color:var(--cream);cursor:pointer;font-family:Georgia,serif;font-size:.95rem;padding:.7rem 1.5rem;transition:all .3s ease}.retry-btn:hover{box-shadow:0 4px 15px #8b153866;transform:translateY(-2px)}.cancel-btn{background:#0000;border:1px solid #d4af37;border:1px solid var(--gold);border-radius:25px;color:#d4af37;color:var(--gold);cursor:pointer;font-family:Georgia,serif;font-size:.95rem;padding:.7rem 1.5rem;transition:all .3s ease}.cancel-btn:hover{background:#d4af371a}.stream-footer{border-top:1px solid #d4af3733;justify-content:space-between;margin:0 auto;max-width:800px;padding:1.5rem 2rem;width:100%}.stream-footer,.stream-stats{align-items:center;display:flex}.stream-stats{color:#f4e4c1;color:var(--light-gold);font-family:Georgia,serif;font-size:.9rem;gap:12px;opacity:.7}.stat-separator{color:#d4af37;color:var(--gold);opacity:.5}.stream-actions{display:flex;gap:1rem}.view-story-btn{background:linear-gradient(135deg,#d4af37,#b8962e);background:linear-gradient(135deg,var(--gold),#b8962e);border:none;border-radius:25px;box-shadow:0 4px 15px #d4af374d;color:#0a0a0a;color:var(--black);cursor:pointer;font-family:Georgia,serif;font-size:1rem;font-weight:500;padding:.8rem 2rem;transition:all .3s ease}.view-story-btn:hover{box-shadow:0 6px 20px #d4af3780;transform:translateY(-2px)}.stream-progress{background:#d4af371a;bottom:0;height:3px;left:0;position:fixed;right:0}.stream-progress-bar{background:linear-gradient(90deg,#8b1538,#d4af37);background:linear-gradient(90deg,var(--burgundy) 0,var(--gold) 100%);height:100%;transition:width .3s ease}@media (max-width:768px){.stream-header{padding:.8rem 1rem}.stream-title{font-size:1.6rem;margin:1.5rem auto 1rem;padding:0 1rem}.stream-content-container{padding:1.5rem 1.25rem}.stream-content{font-size:1.05rem;line-height:1.8}.stream-paragraph{text-align:left;text-indent:1.5rem}.stream-paragraph:first-child:first-letter{font-size:2.8rem}.stream-footer{flex-direction:column;gap:1rem;padding:1rem}.view-story-btn{width:100%}}.stream-content-container::-webkit-scrollbar{width:6px}.stream-content-container::-webkit-scrollbar-track{background:#d4af370d}.stream-content-container::-webkit-scrollbar-thumb{background:#d4af3733;border-radius:3px}.stream-content-container::-webkit-scrollbar-thumb:hover{background:#d4af3766}.story-questionnaire-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000d9;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:2000}.story-questionnaire-container{-ms-overflow-style:none;background:linear-gradient(135deg,#2a2a2afa,#0a0a0afa);border:2px solid #d4af37;border:2px solid var(--gold);border-radius:20px;box-shadow:0 20px 60px #d4af3766;cursor:default;max-height:90vh;max-width:700px;overflow-y:auto;padding:2.5rem;position:relative;scrollbar-width:none;width:100%}.story-questionnaire-container::-webkit-scrollbar{display:none}.story-header{margin-bottom:2rem;text-align:center}.story-header h1{color:#d4af37;color:var(--gold);font-size:2rem;letter-spacing:2px;margin-bottom:.5rem}.story-header .subtitle{color:#f4e4c1;color:var(--light-gold);font-size:1rem;font-style:italic}.close-story-questionnaire{align-items:center;background:#0000;border:none;color:#d4af37;color:var(--gold);cursor:pointer;display:flex;font-size:1.1rem;height:28px;justify-content:center;line-height:1;opacity:.7;padding:0;position:absolute;right:1.5rem;top:1.5rem;transition:all .2s ease;width:28px}.close-story-questionnaire:hover{opacity:1;transform:scale(1.1)}.story-content{width:100%}.story-section{background:#0a0a0a80;border:1px solid #d4af374d;border-radius:15px;margin-bottom:1.5rem;padding:1.5rem}.story-section h2{color:#d4af37;color:var(--gold);font-size:1.5rem;letter-spacing:1px;margin-bottom:1.5rem;text-align:center}.scenario-toggle{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.toggle-btn{background-color:#2a2a2a99;border:2px solid #d4af374d;border-radius:12px;color:#fff8f0;color:var(--cream);cursor:pointer;font-family:Georgia,serif;font-size:1.1rem;font-weight:500;padding:1.2rem 2rem;transition:all .3s ease}.toggle-btn:hover{background-color:#8b15384d;transform:translateY(-2px)}.toggle-btn.active,.toggle-btn:hover{border-color:#d4af37;border-color:var(--gold)}.toggle-btn.active{background-color:#8b1538;background-color:var(--burgundy);box-shadow:0 4px 15px #d4af3766}.partner-textarea,.scenario-textarea{background-color:#0a0a0a99;border:2px solid #d4af3780;border-radius:12px;color:#fff8f0;color:var(--cream);font-family:Georgia,serif;font-size:1rem;margin-top:1rem;padding:1.2rem;resize:vertical;transition:all .3s ease;width:100%}.partner-textarea:focus,.scenario-textarea:focus{border-color:#d4af37;border-color:var(--gold);box-shadow:0 0 15px #d4af374d;outline:none}.partner-textarea::placeholder,.scenario-textarea::placeholder{color:#f4e4c1;color:var(--light-gold);font-style:italic;opacity:.6}.location-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:1rem}.location-btn{background-color:#2a2a2a99;border:2px solid #d4af374d;border-radius:12px;color:#fff8f0;color:var(--cream);cursor:pointer;font-family:Georgia,serif;font-size:.95rem;padding:1rem 1.5rem;text-align:left;transition:all .3s ease}.location-btn:hover:not(:disabled){background-color:#8b15384d;border-color:#d4af37;border-color:var(--gold);transform:translateY(-2px)}.location-btn.selected{background-color:#8b1538;background-color:var(--burgundy);border-color:#d4af37;border-color:var(--gold);box-shadow:0 4px 15px #d4af3766}.location-btn:disabled{cursor:not-allowed;opacity:.4}.selection-count{color:#d4af37;color:var(--gold);font-size:.9rem;font-style:italic;margin-top:.5rem;text-align:right}.ambiance-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:1rem}.ambiance-btn{align-items:center;background-color:#2a2a2a99;border:2px solid #d4af374d;border-radius:12px;color:#fff8f0;color:var(--cream);cursor:pointer;display:flex;flex-direction:column;font-family:Georgia,serif;font-size:1rem;gap:.5rem;padding:1.2rem;transition:all .3s ease}.ambiance-btn:hover{background-color:#8b15384d;transform:translateY(-2px)}.ambiance-btn.selected,.ambiance-btn:hover{border-color:#d4af37;border-color:var(--gold)}.ambiance-btn.selected{background-color:#8b1538;background-color:var(--burgundy);box-shadow:0 4px 15px #d4af3766}.ambiance-btn .emoji{font-size:2rem}.custom-location-input{background-color:#0a0a0a99;border:2px solid #d4af37;border:2px solid var(--gold);border-radius:12px;color:#fff8f0;color:var(--cream);font-family:Georgia,serif;font-size:1rem;margin-top:1rem;padding:1rem;transition:all .3s ease;width:100%}.custom-location-input:focus{box-shadow:0 0 15px #d4af374d;outline:none}.custom-location-input::placeholder{color:#f4e4c1;color:var(--light-gold);font-style:italic;opacity:.6}.narration-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-top:1rem}.narration-btn{background-color:#2a2a2a99;border:2px solid #d4af374d;border-radius:12px;color:#fff8f0;color:var(--cream);cursor:pointer;font-family:Georgia,serif;font-size:1rem;padding:1.2rem;transition:all .3s ease}.narration-btn:hover{background-color:#8b15384d;transform:translateY(-2px)}.narration-btn.selected,.narration-btn:hover{border-color:#d4af37;border-color:var(--gold)}.narration-btn.selected{background-color:#8b1538;background-color:var(--burgundy);box-shadow:0 4px 15px #d4af3766}.partner-count-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-top:1rem}.partner-btn{background-color:#2a2a2a99;border:2px solid #d4af374d;border-radius:12px;color:#fff8f0;color:var(--cream);cursor:pointer;font-family:Georgia,serif;font-size:1rem;padding:1.2rem;transition:all .3s ease}.partner-btn:hover{background-color:#8b15384d;transform:translateY(-2px)}.partner-btn.selected,.partner-btn:hover{border-color:#d4af37;border-color:var(--gold)}.partner-btn.selected{background-color:#8b1538;background-color:var(--burgundy);box-shadow:0 4px 15px #d4af3766}.story-footer{border-top:1px solid #d4af3733;margin-top:2rem;padding-top:1.5rem;text-align:center}.btn-generate{background-color:#8b1538;background-color:var(--burgundy);border:2px solid #d4af37;border:2px solid var(--gold);border-radius:50px;box-shadow:0 4px 15px #d4af374d;color:#fff8f0;color:var(--cream);cursor:pointer;font-family:Georgia,serif;font-size:1.3rem;letter-spacing:1px;padding:1.2rem 3rem;transition:all .3s ease}.btn-generate:hover:not(:disabled){background-color:#5c0e26;background-color:var(--dark-burgundy);box-shadow:0 6px 20px #d4af3780;transform:translateY(-3px)}.btn-generate:disabled{background-color:#2a2a2a;background-color:var(--grey);border-color:#2a2a2a;border-color:var(--grey);cursor:not-allowed;opacity:.5}.fade-in{animation:fadeIn .5s ease-in}@media (max-width:768px){.story-questionnaire-overlay{padding:1rem}.story-questionnaire-container{max-height:95vh;padding:1.5rem}.story-header h1{font-size:1.6rem}.story-header .subtitle{font-size:.9rem}.close-story-questionnaire{right:1rem;top:1rem}.story-section{padding:1.25rem}.story-section h2{font-size:1.2rem}.ambiance-grid,.location-grid,.narration-grid,.partner-count-grid,.scenario-toggle{grid-template-columns:1fr}.btn-generate{font-size:1.1rem;width:100%}}@media (max-width:480px){.story-questionnaire-overlay{padding:.5rem}.story-questionnaire-container{border-radius:15px;padding:1rem}.story-header h1{font-size:1.4rem}.story-header .subtitle{font-size:.85rem}.story-section{margin-bottom:1rem;padding:1rem}.story-section h2{font-size:1.1rem}.close-story-questionnaire{font-size:.9rem;height:22px;right:.75rem;top:.75rem;width:22px}.ambiance-btn,.location-btn,.narration-btn,.partner-btn,.toggle-btn{font-size:.9rem;padding:.9rem}.btn-generate{font-size:1rem;padding:1rem 1.5rem;width:100%}}.generating-container{align-items:center;display:flex;justify-content:center;min-height:400px}.generating-content{padding:2rem;text-align:center}.generating-spinner{border:4px solid #d4af3733;border-top-color:#d4af37;border-top:4px solid var(--gold);height:80px;margin:0 auto 2rem;width:80px}.generating-content h2{color:#d4af37;font-size:1.8rem;letter-spacing:1px;margin-bottom:1rem}.generating-subtitle{color:#f4e4c1;font-size:1.1rem;font-style:italic;margin-bottom:2rem}.generating-steps{margin:2rem 0}.generating-steps p{color:#fff8f0;font-size:.95rem;margin:.5rem 0}.generating-steps p:nth-child(2){animation-delay:2s}.generating-steps p:nth-child(3){animation-delay:4s}.generating-wait{color:#d4af37;color:var(--gold);font-size:.9rem;margin-top:2rem;opacity:.7}.generation-error{align-items:center;background:#8b15384d;border:2px solid #8b1538;border:2px solid var(--burgundy);border-radius:12px;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 1.5rem}.generation-error p{color:#fff8f0;color:var(--cream);font-size:.95rem;margin:0}.generation-error button{background:#0000;border:1px solid #d4af37;border:1px solid var(--gold);border-radius:20px;color:#d4af37;color:var(--gold);cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.generation-error button:hover{background:#d4af3733}@media (max-width:480px){.generating-content h2{font-size:1.4rem}.generating-subtitle{font-size:.95rem}.generating-spinner{height:60px;width:60px}.generation-error{flex-direction:column;text-align:center}}.optional-label{color:#f4e4c1;color:var(--light-gold);font-size:.85em;font-style:italic;font-weight:400;opacity:.7}.feedback-wizard-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.feedback-wizard-modal{-ms-overflow-style:none;animation:slideUp .3s ease-out;background:linear-gradient(135deg,var(--grey) 0,var(--black) 100%);border:2px solid var(--gold);border-radius:20px;max-height:85vh;max-width:480px;overflow-y:auto;position:relative;scrollbar-width:none;width:100%}.feedback-wizard-modal::-webkit-scrollbar{display:none}.wizard-close-btn{align-items:center;background:#0a0a0a80;border:1px solid #d4af374d;border-radius:50%;color:var(--light-gold);cursor:pointer;display:flex;font-size:18px;font-weight:300;height:32px;justify-content:center;min-height:32px;min-width:32px;padding:0;position:absolute;right:16px;top:16px;transition:color .2s ease,border-color .2s ease,background .2s ease;width:32px;z-index:10}.wizard-close-btn:hover{background:#d4af3726;border-color:var(--gold);color:var(--gold)}.wizard-header{border-bottom:1px solid #d4af3733;padding:24px 24px 16px;text-align:center}.wizard-header h2{color:var(--gold);font-family:Georgia,serif;font-size:1.4rem;font-weight:400;margin:0 0 4px}.story-title-ref{color:var(--light-gold);font-size:.85rem;font-style:italic;margin:0 auto;max-width:300px;opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wizard-progress{display:flex;gap:10px;justify-content:center;padding:16px}.progress-dot{background:#d4af3740;border:1px solid #d4af3766;border-radius:50%;height:10px;transition:all .3s;width:10px}.progress-dot.active{box-shadow:0 0 8px #d4af3780;transform:scale(1.2)}.progress-dot.active,.progress-dot.completed{background:var(--gold);border-color:var(--gold)}.progress-dot.completed{opacity:.6}.wizard-content{padding:20px 24px}.wizard-step h3{color:var(--gold);font-family:Georgia,serif;font-size:1.1rem;font-weight:400;margin:0 0 8px}.step-description{color:var(--light-gold);font-size:.9rem;margin:0 0 20px;opacity:.7}.feedback-stars{display:flex;gap:8px}.feedback-stars.large{gap:16px;justify-content:center}.star-btn{align-items:center;background:none;color:var(--gold);display:flex;flex-shrink:0;font-size:24px;height:32px;justify-content:center;opacity:.25;padding:0;transition:opacity .2s ease,text-shadow .2s ease;width:32px}.feedback-stars.large .star-btn{font-size:36px;height:44px;width:44px}.star-btn:hover{opacity:.6}.star-btn.active{opacity:1;text-shadow:0 0 10px #d4af3780}.overall-rating-section{margin-bottom:24px;text-align:center}.rating-label{color:var(--light-gold);display:block;font-size:.95rem;font-style:italic;margin-top:12px;min-height:24px}.quick-submit-option{border-top:1px solid #d4af3726;padding-top:16px;text-align:center}.quick-submit-btn{background:#0000;border:1px solid #d4af3766;border-radius:20px;color:var(--light-gold);cursor:pointer;font-family:Georgia,serif;font-size:.85rem;padding:8px 16px;transition:all .2s}.quick-submit-btn:hover{background:#d4af3726;border-color:var(--gold);color:var(--gold)}.or-continue{color:var(--light-gold);display:block;font-size:.8rem;margin-top:10px;opacity:.5}.detailed-ratings{display:flex;flex-direction:column;gap:16px}.rating-row{align-items:center;display:flex;justify-content:space-between}.rating-category{color:var(--cream);font-family:Georgia,serif;font-size:.95rem}.elements-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.element-tag{background:#d4af3714;border:1px solid #d4af3740;border-radius:20px;color:var(--light-gold);cursor:pointer;font-family:Georgia,serif;font-size:.85rem;padding:8px 14px;transition:all .2s}.element-tag:hover{background:#d4af3726;border-color:#d4af3766}.element-tag.selected{background:#d4af3740;border-color:var(--gold);color:var(--gold)}.element-tag.missing.selected{background:#8b153840;border-color:var(--burgundy);color:#e89aad}.section-divider{background:#d4af3726;height:1px;margin:24px 0}.text-feedback{display:flex;flex-direction:column;gap:16px}.text-feedback label{color:var(--light-gold);display:block;font-family:Georgia,serif;font-size:.9rem;margin-bottom:6px}.text-feedback textarea{background:#0a0a0a99;border:1px solid #d4af374d;border-radius:10px;color:var(--cream);font-family:Georgia,serif;font-size:.9rem;min-height:80px;padding:12px;resize:vertical;width:100%}.text-feedback textarea:focus{border-color:var(--gold);outline:none}.text-feedback textarea::placeholder{color:var(--light-gold);opacity:.5}.wizard-error{background:#8b153833;border:1px solid #8b153866;border-radius:10px;color:#e89aad;font-size:.85rem;margin:0 24px;padding:10px 14px;text-align:center}.wizard-actions{display:flex;gap:12px;justify-content:space-between;padding:16px 24px 24px}.wizard-btn{border-radius:25px;cursor:pointer;flex:1 1;font-family:Georgia,serif;font-size:.95rem;padding:12px 20px;transition:all .3s ease}.wizard-btn.primary{background:linear-gradient(135deg,var(--gold) 0,#b8962e 100%);border:none;color:var(--black);font-weight:500}.wizard-btn.primary:hover:not(:disabled){box-shadow:0 4px 15px #d4af3766;transform:translateY(-2px)}.wizard-btn.primary:disabled{cursor:not-allowed;opacity:.4}.wizard-btn.secondary{background:#0000;border:1px solid #d4af3766;color:var(--gold)}.wizard-btn.secondary:hover{background:#d4af371a;border-color:var(--gold)}@media (max-width:480px){.feedback-wizard-overlay{align-items:flex-end;padding:0}.feedback-wizard-modal{border-bottom:none;border-radius:20px 20px 0 0;max-height:90vh;max-width:none}.wizard-content{padding:16px 20px}.wizard-actions{padding:12px 20px 24px}.element-tag{font-size:.8rem;padding:6px 12px}.feedback-stars.large .star-btn{font-size:30px;height:38px;width:38px}.wizard-close-btn{font-size:16px;height:28px;min-height:28px;min-width:28px;right:12px;top:12px;width:28px}}.continue-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.continue-modal{-ms-overflow-style:none;animation:slideUp .3s ease-out;background:linear-gradient(135deg,var(--grey) 0,var(--black) 100%);border:2px solid var(--gold);border-radius:20px;max-height:85vh;max-width:550px;overflow-y:auto;position:relative;scrollbar-width:none;width:100%}.continue-modal::-webkit-scrollbar{display:none}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.continue-modal-close{align-items:center;background:#0a0a0a80;border:1px solid #d4af374d;border-radius:50%;color:var(--light-gold);cursor:pointer;display:flex;font-size:18px;font-weight:300;height:32px;justify-content:center;min-height:32px;min-width:32px;padding:0;position:absolute;right:16px;top:16px;transition:all .2s ease;width:32px;z-index:10}.continue-modal-close:hover{background:#d4af3726;border-color:var(--gold);color:var(--gold)}.continue-modal-header{border-bottom:1px solid #d4af3733;padding:24px 24px 16px;text-align:center}.continue-modal-header h2{color:var(--gold);font-family:Georgia,serif;font-size:1.5rem;font-weight:400;margin:0 0 8px}.continue-story-ref{color:var(--light-gold);font-size:.9rem;margin:0;opacity:.7}.continue-story-ref span{color:var(--cream)}.continue-modal-content{padding:20px 24px}.continue-section{margin-bottom:24px}.continue-section h3{align-items:center;color:var(--gold);display:flex;font-family:Georgia,serif;font-size:1rem;font-weight:400;gap:8px;margin:0 0 8px}.optional-badge{color:var(--light-gold);font-size:.75rem;font-style:italic;opacity:.6}.section-hint{color:var(--light-gold);font-size:.85rem;margin:0 0 12px;opacity:.7}.direction-options{display:flex;flex-direction:column;gap:8px}.direction-option{align-items:flex-start;background:#0a0a0a66;border:1px solid #d4af3733;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;padding:12px 16px;text-align:left;transition:all .2s ease}.direction-option:hover{background:#d4af370d;border-color:#d4af3766}.direction-option.selected{background:#d4af3726;border-color:var(--gold)}.direction-label{color:var(--cream);font-family:Georgia,serif;font-size:.95rem;margin-bottom:4px}.direction-option.selected .direction-label{color:var(--gold)}.direction-desc{color:var(--light-gold);font-size:.8rem;opacity:.7}.focus-options{display:flex;flex-wrap:wrap;gap:8px}.focus-tag{background:#d4af3714;border:1px solid #d4af3740;border-radius:20px;color:var(--light-gold);cursor:pointer;font-family:Georgia,serif;font-size:.85rem;padding:8px 16px;transition:all .2s ease}.focus-tag:hover{background:#d4af3726;border-color:#d4af3766}.focus-tag.selected{background:#d4af3740;border-color:var(--gold);color:var(--gold)}.toggle-advanced{background:#d4af3714;border:1px solid #d4af3740;border-radius:20px;color:var(--light-gold);cursor:pointer;font-family:Georgia,serif;font-size:.9rem;min-height:auto;min-width:0;opacity:.9;padding:10px 20px;text-align:left;transition:all .2s ease;width:auto}.toggle-advanced:hover{background:#d4af3726;border-color:#d4af3766;box-shadow:none;color:var(--gold);opacity:1;transform:none}.advanced-content{margin-top:12px;position:relative}.advanced-content textarea{background:#0a0a0a99;border:1px solid #d4af374d;border-radius:10px;color:var(--cream);font-family:Georgia,serif;font-size:.9rem;min-height:100px;padding:12px;resize:vertical;width:100%}.advanced-content textarea:focus{border-color:var(--gold);outline:none}.advanced-content textarea::placeholder,.char-count{color:var(--light-gold);opacity:.5}.char-count{bottom:8px;font-size:.75rem;position:absolute;right:12px}.coherence-note{background:#d4af3714;border:1px solid #d4af3733;border-radius:10px;margin-top:16px;padding:12px 16px}.coherence-note p{color:var(--light-gold);font-size:.85rem;font-style:italic;line-height:1.5;margin:0}.continue-modal-actions{border-top:1px solid #d4af3726;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 24px}.continue-btn{border-radius:25px;cursor:pointer;font-family:Georgia,serif;font-size:.95rem;min-height:44px;padding:12px 24px;transition:all .3s ease}.continue-btn.primary{background:linear-gradient(135deg,var(--gold) 0,#b8962e 100%);border:none;color:var(--black);font-weight:500}.continue-btn.primary:hover:not(:disabled){box-shadow:0 4px 15px #d4af3766;transform:translateY(-2px)}.continue-btn.primary:disabled{cursor:not-allowed;opacity:.5}.continue-btn.secondary{background:#0000;border:1px solid #d4af3766;color:var(--gold)}.continue-btn.secondary:hover:not(:disabled){background:#d4af371a;border-color:var(--gold)}.continue-modal.generating{max-width:450px;text-align:center}.generating-content{align-items:center;display:flex;flex-direction:column;gap:16px;padding:48px 32px}.generating-spinner{animation:spin 1s linear infinite;border:3px solid #d4af3733;border-radius:50%;border-top:3px solid var(--gold);height:60px;margin-bottom:8px;width:60px}.generating-content h2{color:var(--gold);font-family:Georgia,serif;font-size:1.4rem;font-weight:400;margin:0}.generating-subtitle{color:var(--light-gold);font-size:.95rem;margin:0;opacity:.8}.generating-steps{display:flex;flex-direction:column;gap:12px;margin:24px 0}.generating-steps p{animation:fadeInStep .5s ease forwards;color:var(--cream);font-family:Georgia,serif;font-size:.9rem;margin:0;opacity:0}.generating-steps p:first-child{animation-delay:.5s}.generating-steps p:nth-child(2){animation-delay:3s}.generating-steps p:nth-child(3){animation-delay:6s}@keyframes fadeInStep{0%{opacity:0;transform:translateY(10px)}to{opacity:.9;transform:translateY(0)}}.generating-wait{color:var(--light-gold);font-size:.85rem;font-style:italic;margin:16px 0 0;opacity:.6}@media (max-width:480px){.continue-modal-overlay{align-items:flex-end;padding:0}.continue-modal{border-bottom:none;border-radius:20px 20px 0 0;max-height:90vh;max-width:none}.continue-modal-content{padding:16px 20px}.continue-modal-actions{flex-direction:column;padding:12px 20px 24px}.continue-btn{width:100%}.direction-option{padding:10px 14px}.focus-tag{font-size:.8rem;padding:6px 12px}}.story-reader-container{background:linear-gradient(135deg,#0a0a0a,#2a2a2a 50%,#0a0a0a);background:linear-gradient(135deg,var(--black) 0,var(--grey) 50%,var(--black) 100%);color:#fff8f0;color:var(--cream);min-height:100vh;padding-bottom:4rem}.story-reader-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0af2;border-bottom:1px solid #d4af374d;display:flex;justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.btn-back-nav{border:1px solid #d4af37;border:1px solid var(--gold);border-radius:25px;color:#d4af37;font-size:.95rem;padding:.6rem 1.2rem;transition:all .3s ease}.btn-back-nav:hover{background:#d4af3733;transform:translateX(-3px)}.story-actions{align-items:center;display:flex;gap:1rem}.btn-favorite,.btn-rate{background:#0000;border:1px solid #d4af3780;border-radius:20px;color:#fff8f0;color:var(--cream);cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:all .3s ease}.btn-favorite:hover,.btn-rate:hover{background:#d4af371a;border-color:#d4af37;border-color:var(--gold)}.btn-favorite.active{background:#8b15384d;border-color:#8b1538;border-color:var(--burgundy)}.btn-share{background:#0000;border:1px solid #d4af3780;border-radius:20px;color:#fff8f0;color:var(--cream);cursor:pointer;font-size:1rem;min-width:50px;padding:.5rem 1rem;transition:all .3s ease}.btn-share:hover{background:#d4af371a;border-color:#d4af37;border-color:var(--gold)}.btn-share:disabled{cursor:wait;opacity:.6}.btn-share.success{background:#4caf5033;border-color:#4caf50;color:#4caf50}.story-content-wrapper{margin:0 auto;max-width:800px;padding:3rem 2rem}.story-title-section{border-bottom:1px solid #d4af3733;margin-bottom:3rem;padding-bottom:2rem;text-align:center}.story-title-section h1{color:#d4af37;color:var(--gold);font-family:Georgia,serif;font-size:2.5rem;font-weight:400;letter-spacing:2px;line-height:1.3;margin-bottom:1rem}.story-ambiance-badge{background:linear-gradient(135deg,#8b1538,#5c0e26);background:linear-gradient(135deg,var(--burgundy),var(--dark-burgundy));border:1px solid #d4af37;border:1px solid var(--gold);border-radius:20px;color:#fff8f0;color:var(--cream);display:inline-block;font-size:.9rem;font-style:italic;padding:.4rem 1.2rem}.story-text{color:#fff8f0;color:var(--cream);font-family:Georgia,serif;font-size:1.15rem;line-height:1.9}.story-paragraph{margin-bottom:1.8rem;text-align:justify;text-indent:2rem}.story-paragraph:first-child:first-letter{color:#d4af37;color:var(--gold);float:left;font-size:3.5rem;font-weight:700;line-height:1;padding-right:.5rem}.story-footer-section{border-top:1px solid #d4af3733;margin-top:4rem;padding-top:2rem;text-align:center}.story-end-marker{color:#d4af37;color:var(--gold);font-size:1.3rem;font-style:italic;letter-spacing:3px;margin-bottom:2rem}.story-meta{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:2rem}.meta-item{color:#f4e4c1;color:var(--light-gold);font-size:.9rem;font-style:italic;opacity:.8}.btn-new-story{background:linear-gradient(135deg,#8b1538,#5c0e26);background:linear-gradient(135deg,var(--burgundy),var(--dark-burgundy));border:2px solid #d4af37;border:2px solid var(--gold);border-radius:50px;box-shadow:0 4px 15px #d4af374d;color:#fff8f0;color:var(--cream);cursor:pointer;font-family:Georgia,serif;font-size:1.1rem;padding:1rem 2.5rem;transition:all .3s ease}.btn-new-story:hover{box-shadow:0 6px 20px #d4af3780;transform:translateY(-3px)}.story-reader-error,.story-reader-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:2rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #d4af3733;border-radius:50%;border-top-color:#d4af37;border-top:4px solid var(--gold);height:60px;margin-bottom:1.5rem;width:60px}.story-reader-loading p{color:#f4e4c1;color:var(--light-gold);font-size:1.1rem;font-style:italic}.story-reader-error h2{color:#d4af37;color:var(--gold);font-size:1.8rem;margin-bottom:1rem}.story-reader-error p{color:#fff8f0;color:var(--cream);font-size:1rem;margin-bottom:2rem}.btn-back{background:#0000;border:2px solid #d4af37;border:2px solid var(--gold);border-radius:30px;color:#d4af37;color:var(--gold);cursor:pointer;font-family:Georgia,serif;font-size:1rem;padding:.8rem 2rem;transition:all .3s ease}.btn-back:hover{background:#d4af3733}.rating-modal-overlay{align-items:center;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:2000}.rating-modal{background:linear-gradient(135deg,#2a2a2a,#0a0a0a);background:linear-gradient(135deg,var(--grey) 0,var(--black) 100%);border:2px solid #d4af37;border:2px solid var(--gold);border-radius:20px;max-width:420px;padding:2.5rem 2rem 2rem;position:relative;text-align:center;width:100%}.close-modal{align-items:center;background:#0000;border:none;color:#d4af37;color:var(--gold);cursor:pointer;display:flex;font-size:1rem;height:28px;justify-content:center;opacity:.7;padding:0;position:absolute;right:.75rem;top:.75rem;transition:opacity .2s;width:28px}.close-modal:hover{opacity:1}.rating-modal h3{color:#d4af37;color:var(--gold);font-size:1.2rem;font-weight:400;line-height:1.4;margin-bottom:1.5rem;padding:0 1rem}.rating-stars{display:flex;flex-wrap:wrap;gap:.3rem;justify-content:center;margin-bottom:1.5rem}.star-btn{background:#0000;border:none;cursor:pointer;filter:grayscale(100%);font-size:1.8rem;opacity:.5;padding:.25rem;transition:transform .2s}.star-btn.active,.star-btn:hover{filter:grayscale(0);opacity:1;transform:scale(1.15)}.feedback-textarea{background:#0a0a0a99;border:1px solid #d4af3780;border-radius:10px;color:#fff8f0;color:var(--cream);font-family:Georgia,serif;font-size:.95rem;margin-bottom:1rem;padding:1rem;resize:none;width:100%}.feedback-textarea:focus{border-color:#d4af37;border-color:var(--gold);outline:none}.feedback-textarea::placeholder{color:#f4e4c1;color:var(--light-gold);opacity:.6}.rating-hints{color:#f4e4c1;color:var(--light-gold);display:flex;font-size:.8rem;justify-content:space-between;opacity:.7}.story-stream-overlay .story-stream-reader{background:linear-gradient(135deg,#2a2a2a,#0a0a0a);border:1px solid #d4af37}@media (max-width:768px){.story-reader-header{padding:.8rem 1rem}.btn-back-nav{font-size:.85rem;padding:.5rem .8rem}.story-content-wrapper{padding:2rem 1.25rem}.story-title-section h1{font-size:1.8rem}.story-text{font-size:1.05rem;line-height:1.8}.story-paragraph{text-align:left;text-indent:1.5rem}.story-paragraph:first-child:first-letter{font-size:2.8rem}.btn-new-story{font-size:1rem;padding:.9rem 1.5rem;width:100%}}@media (max-width:480px){.story-reader-header{flex-direction:column;gap:.8rem;padding:.8rem}.btn-back-nav{align-self:flex-start}.story-actions{justify-content:flex-end;width:100%}.story-title-section h1{font-size:1.5rem}.story-meta{flex-direction:column;gap:.5rem}.rating-modal{margin:0 .5rem;padding:2rem 1.25rem 1.5rem}.rating-modal h3{font-size:1.05rem;padding:0 .5rem}.star-btn{font-size:1.5rem;padding:.2rem}.feedback-textarea{font-size:.9rem;padding:.8rem}}.btn-detailed-feedback{background:#0000;border:1px solid #d4af3766;border-radius:20px;color:#f4e4c1;color:var(--light-gold);cursor:pointer;font-family:Georgia,serif;font-size:.85rem;margin-top:1rem;padding:.6rem 1.2rem;transition:all .2s}.btn-detailed-feedback:hover{background:#d4af3726;border-color:#d4af37;border-color:var(--gold);color:#d4af37;color:var(--gold)}.story-chain-nav{background:#0a0a0a80;border:1px solid #d4af3733;border-radius:15px;margin-top:3rem;padding:1.5rem}.story-chain-nav h3{color:#d4af37;color:var(--gold);font-family:Georgia,serif;font-size:1.1rem;font-weight:400;margin:0 0 1rem;text-align:center}.chain-chapters{gap:.5rem}.chain-chapter,.chain-chapters{display:flex;flex-direction:column}.chain-chapter{align-items:flex-start;background:#2a2a2a80;border:1px solid #d4af3726;border-radius:10px;cursor:pointer;padding:.75rem 1rem;text-align:left;text-decoration:none;transition:all .2s ease}.chain-chapter:hover:not(:disabled){background:#d4af370d;border-color:#d4af3766}.chain-chapter.current{background:#d4af3726;border-color:#d4af37;border-color:var(--gold);cursor:default}.chain-chapter:disabled{cursor:default}.chapter-number{color:#d4af37;font-size:.75rem;letter-spacing:1px;margin-bottom:2px;text-transform:uppercase}.chapter-title{color:#fff8f0;color:var(--cream);font-family:Georgia,serif;font-size:.9rem}.chain-chapter.current .chapter-title{color:#d4af37;color:var(--gold)}.story-actions-bottom{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.btn-continue-story{background:linear-gradient(135deg,#d4af37,#b8962e);background:linear-gradient(135deg,var(--gold) 0,#b8962e 100%);border:none;border-radius:50px;box-shadow:0 4px 15px #d4af374d;color:#0a0a0a;color:var(--black);cursor:pointer;font-family:Georgia,serif;font-size:1.1rem;font-weight:500;padding:1rem 2.5rem;transition:all .3s ease}.btn-continue-story:hover{box-shadow:0 6px 20px #d4af3780;transform:translateY(-3px)}.btn-new-story.secondary{background:#0000;border:1px solid #d4af3766;box-shadow:none;color:#f4e4c1;color:var(--light-gold);font-size:.95rem;padding:.75rem 1.5rem}.btn-new-story.secondary:hover{background:#d4af371a;border-color:#d4af37;border-color:var(--gold);box-shadow:none;color:#d4af37;color:var(--gold);transform:none}@media (max-width:768px){.story-chain-nav{margin-top:2rem;padding:1rem}.chain-chapter{padding:.6rem .8rem}.btn-continue-story,.btn-new-story.secondary,.story-actions-bottom{width:100%}}@media (max-width:480px){.chain-chapters{gap:.4rem}.chapter-number{font-size:.7rem}.chapter-title{font-size:.85rem}.btn-continue-story{font-size:1rem;padding:.9rem 1.5rem}}.series-view-container{background:linear-gradient(135deg,var(--dark-burgundy) 0,var(--black) 100%);min-height:100vh;position:relative}.series-view-container:before{background-image:radial-gradient(circle at 20% 50%,#d4af3714 0,#0000 50%),radial-gradient(circle at 80% 80%,#8b15381f 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.series-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0af2;border-bottom:1px solid #d4af374d;left:0;padding:1rem 1.5rem;position:fixed;right:0;top:0;z-index:100}.btn-back-nav{background:#0000;border:1px solid #d4af3766;border-radius:20px;color:var(--gold);cursor:pointer;font-family:Georgia,serif;font-size:.9rem;padding:8px 16px;transition:all .2s ease}.btn-back-nav:hover{background:#d4af371a;border-color:var(--gold);box-shadow:none;transform:none}.series-content{margin:0 auto;max-width:700px;padding:80px 1.5rem 3rem;position:relative;z-index:1}.series-info{border-bottom:1px solid #d4af3733;margin-bottom:2.5rem;padding-bottom:2rem;text-align:center}.series-info h1{color:var(--gold);font-size:2rem;font-weight:400;letter-spacing:1px;margin-bottom:.75rem}.series-ambiance{background:#d4af3726;border-radius:20px;color:var(--gold);display:inline-block;font-size:.85rem;margin-bottom:1rem;padding:6px 16px}.series-meta{color:var(--light-gold);font-size:.9rem;margin:0;opacity:.7}.meta-separator{margin:0 .5rem}.chapters-list{margin-bottom:2rem}.chapters-list h2{color:var(--gold);font-size:1.3rem;font-weight:400;letter-spacing:1px;margin-bottom:1.25rem}.chapter-card{align-items:center;background:#2a2a2a99;border:1px solid #d4af3733;border-radius:12px;cursor:pointer;display:flex;gap:1rem;margin-bottom:.75rem;padding:1rem 1.25rem;transition:all .2s ease}.chapter-card:hover{background:#2a2a2acc;border-color:var(--gold);transform:translateX(5px)}.chapter-card:focus{outline:2px solid var(--gold);outline-offset:2px}.chapter-number{background:#d4af3726;border-radius:8px;color:var(--gold);font-size:.8rem;font-weight:500;padding:6px 12px;white-space:nowrap}.chapter-content{flex:1 1;min-width:0}.chapter-content h3{color:var(--cream);font-size:1rem;font-weight:400;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chapter-date{color:var(--light-gold);font-size:.8rem;margin:0;opacity:.6}.chapter-meta{display:flex;font-size:.85rem;gap:.5rem}.chapter-arrow{color:var(--gold);font-size:1.2rem;opacity:.5;transition:all .2s ease}.chapter-card:hover .chapter-arrow{opacity:1;transform:translateX(3px)}.series-actions{padding-top:1.5rem;text-align:center}.btn-continue-series{background:linear-gradient(135deg,var(--gold),#b8962e);border:none;border-radius:25px;box-shadow:0 4px 15px #d4af374d;color:var(--black);cursor:pointer;font-family:Georgia,serif;font-size:1rem;font-weight:500;letter-spacing:.5px;padding:14px 32px;transition:all .3s ease}.btn-continue-series:hover{box-shadow:0 6px 20px #d4af3780;transform:translateY(-2px)}.series-error,.series-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.series-loading .loading-spinner{animation:spin 1s linear infinite;border:3px solid #d4af3733;border-radius:50%;border-top:3px solid var(--gold);height:50px;margin-bottom:1.5rem;width:50px}.series-loading p{color:var(--light-gold);font-size:1.1rem;font-style:italic}.series-error h2{color:var(--gold);font-size:1.5rem;margin-bottom:1rem}.series-error p{color:var(--light-gold);margin-bottom:1.5rem}.series-error .btn-back{background:#0000;border:1px solid var(--gold);border-radius:25px;color:var(--gold);cursor:pointer;font-size:.95rem;padding:12px 24px}.series-error .btn-back:hover{background:#d4af371a}@media (max-width:768px){.series-content{padding:70px 1rem 2rem}.series-info h1{font-size:1.6rem}.chapter-card{padding:.85rem 1rem}.chapter-number{font-size:.75rem;padding:5px 10px}.chapter-content h3{font-size:.95rem}.btn-continue-series{padding:14px;width:100%}}@media (max-width:480px){.series-header{padding:.75rem 1rem}.btn-back-nav{font-size:.85rem;padding:6px 12px}.series-info h1{font-size:1.4rem}.chapter-card{flex-wrap:wrap;gap:.5rem}.chapter-number{order:1}.chapter-content{flex:none;order:3;width:100%}.chapter-meta{margin-left:auto;order:2}.chapter-arrow{display:none}}.story-stream-overlay{align-items:center;background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:2000}.story-stream-overlay .story-stream-reader{background:linear-gradient(135deg,var(--grey) 0,var(--black) 100%);border:1px solid var(--gold);border-radius:20px;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.user-profile-menu{position:relative}.user-email-trigger{align-items:center;background-color:#2a2a2a99;border:1px solid var(--gold);border-radius:25px;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.user-email-trigger:hover{background-color:#8b153866;border-color:var(--light-gold)}.username-display{color:var(--cream);font-size:.95rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{color:var(--gold);font-size:.7rem;transition:transform .3s ease}.user-icon-mobile{color:var(--gold);display:none;font-size:1.3rem;font-weight:700}.profile-dropdown{animation:slideDown .3s ease;background:linear-gradient(135deg,#2a2a2afa,#0a0a0afa);border:2px solid var(--gold);border-radius:15px;box-shadow:0 10px 40px #d4af374d;min-width:280px;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem);z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{background:linear-gradient(135deg,var(--burgundy),var(--dark-burgundy));gap:1rem;padding:1.5rem}.dropdown-header,.user-avatar{align-items:center;display:flex}.user-avatar{background:var(--gold);border:2px solid var(--cream);border-radius:50%;color:var(--burgundy);font-size:1.5rem;font-weight:700;height:50px;justify-content:center;width:50px}.user-details{flex:1 1;overflow:hidden}.username{color:var(--cream);font-size:1.1rem;font-weight:700;margin-bottom:.2rem}.user-email,.username{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{color:var(--light-gold);font-size:.85rem}.dropdown-divider{background:linear-gradient(to right,#0000,var(--gold),#0000);height:1px;margin:.5rem 0}.dropdown-item{align-items:center;background:#0000;border:none;color:var(--cream);cursor:pointer;display:flex;font-family:Georgia,serif;font-size:1rem;gap:1rem;padding:1rem 1.5rem;text-align:left;transition:all .3s ease;width:100%}.dropdown-item:hover{background-color:#d4af3726}.dropdown-item.logout{color:#ff6b6b}.dropdown-item.logout:hover{background-color:#ff6b6b1a}.item-icon{font-size:1.2rem;text-align:center;width:24px}.profile-page-overlay{align-items:center;animation:fadeIn .3s ease;background:#000c;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;overflow-y:auto;padding:2rem;position:fixed;right:0;top:0;z-index:2000}.profile-page{-ms-overflow-style:none;background:linear-gradient(135deg,#2a2a2af2,#0a0a0afa);border:2px solid var(--gold);border-radius:20px;box-shadow:0 20px 60px #d4af3766;cursor:default;max-height:90vh;max-width:700px;overflow-y:auto;padding:2.5rem;position:relative;scrollbar-width:none;width:100%}.profile-page::-webkit-scrollbar{display:none}.close-profile{align-items:center;background:#0000;border:none;color:var(--gold);cursor:pointer;display:flex;font-size:1.1rem;height:28px;justify-content:center;line-height:1;opacity:.7;padding:0;position:absolute;right:1.5rem;top:1.5rem;transition:all .2s ease;width:28px}.close-profile:hover{opacity:1;transform:scale(1.1)}.profile-page h1{color:var(--gold);font-size:2.5rem;letter-spacing:2px;margin-bottom:2rem;text-align:center}.profile-section{background:#0a0a0a80;border:1px solid #d4af374d;border-radius:15px;margin-bottom:2rem;padding:2rem}.profile-section h2{color:var(--gold);font-size:1.5rem;letter-spacing:1px;margin-bottom:1.5rem}.profile-info{display:flex;flex-direction:column;gap:1rem}.info-row{align-items:center;border-bottom:1px solid #d4af3733;display:flex;justify-content:space-between;padding:.8rem 0}.info-row:last-child{border-bottom:none}.info-row .label{color:var(--light-gold);font-weight:500}.info-row .value{color:var(--cream);font-weight:700}.no-profile{color:var(--light-gold);font-style:italic;padding:1rem 0;text-align:center}.edit-profile-btn,.settings-btn{background:linear-gradient(135deg,var(--burgundy),var(--dark-burgundy));border:2px solid var(--gold);border-radius:50px;box-shadow:0 4px 15px #d4af3733;color:var(--cream);cursor:pointer;font-family:Georgia,serif;font-size:1rem;letter-spacing:1px;margin-top:1rem;padding:1rem;transition:all .3s ease;width:100%}.edit-profile-btn:hover,.settings-btn:hover{box-shadow:0 6px 20px #d4af3766;transform:translateY(-2px)}.settings-btn{align-items:center;background:#0000;display:flex;gap:.8rem;margin-top:.5rem;padding-left:1.5rem;text-align:left}.settings-btn:hover{background-color:#d4af371a}.settings-btn.danger{border-color:#ff6b6b80;color:#ff6b6b}.settings-btn.danger:hover{background-color:#ff6b6b26}@media (max-width:768px){.username-display{max-width:120px}.profile-page{max-height:95vh;padding:1.5rem}.profile-page h1{font-size:1.8rem}.profile-section{padding:1.5rem}.info-row{align-items:flex-start;flex-direction:column;gap:.3rem}}@media (max-width:480px){.user-email-trigger{align-items:center;border-radius:50%;display:flex;height:45px;justify-content:center;padding:0;width:45px}.username-display{display:none}.user-icon-mobile{align-items:center;display:flex;font-size:1.5rem;justify-content:center}.dropdown-arrow{display:none}.profile-dropdown{min-width:260px;right:-10px}.profile-page{border-radius:15px;padding:1rem}.profile-page h1{font-size:1.5rem}.close-profile{font-size:.9rem;height:22px;right:1rem;top:.75rem;width:22px}}.info-row.editable{flex-wrap:wrap}.value-with-edit{align-items:center;display:flex;gap:.5rem}.btn-edit-inline{background:#0000;border:none;cursor:pointer;font-size:.9rem;opacity:.6;padding:.25rem;transition:opacity .2s ease}.btn-edit-inline:hover{opacity:1}.edit-username-form{display:flex;flex:1 1;flex-direction:column;gap:.5rem;max-width:300px}.username-input{background:#0006;border:1px solid var(--gold);border-radius:8px;color:var(--cream);font-family:Georgia,serif;font-size:.95rem;outline:none;padding:.6rem .8rem;transition:border-color .2s ease}.username-input:focus{border-color:var(--light-gold);box-shadow:0 0 10px #d4af374d}.username-input::placeholder{color:#fff6}.username-error{color:#ff6b6b;font-size:.8rem;padding-left:.2rem}.edit-username-actions{display:flex;gap:.5rem}.btn-cancel-username,.btn-save-username{border:1px solid var(--gold);border-radius:6px;cursor:pointer;font-size:.9rem;padding:.4rem .8rem;transition:all .2s ease}.btn-save-username{background:var(--burgundy);color:var(--cream)}.btn-save-username:hover:not(:disabled){background:var(--dark-burgundy);border-color:var(--light-gold)}.btn-cancel-username{background:#0000;color:var(--light-gold)}.btn-cancel-username:hover:not(:disabled){background:#ffffff1a}.btn-cancel-username:disabled,.btn-save-username:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.edit-username-form{max-width:100%;width:100%}.info-row.editable{align-items:flex-start;flex-direction:column}}.admin-layout{background:#0f0f1a;display:flex;min-height:100vh}.admin-sidebar{background:#1a1a2e;border-right:1px solid #2a2a4a;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:240px;z-index:100}.admin-sidebar-header{align-items:center;border-bottom:1px solid #2a2a4a;display:flex;gap:.75rem;padding:1.5rem}.admin-logo{color:#d4af37;font-size:1.5rem;font-weight:700;margin:0}.admin-badge{background:#d4af3733;border-radius:4px;color:#d4af37;font-size:.7rem;font-weight:600;padding:.2rem .5rem;text-transform:uppercase}.admin-nav{flex:1 1;overflow-y:auto;padding:1rem 0}.admin-nav-item{align-items:center;border-left:3px solid #0000;color:#88a;display:flex;gap:.75rem;padding:.875rem 1.5rem;text-decoration:none;transition:all .2s}.admin-nav-item:hover{background:#d4af370d;color:#e8e8e8}.admin-nav-item.active{background:#d4af371a;border-left-color:#d4af37;color:#d4af37}.admin-nav-icon{font-size:1.25rem;text-align:center;width:24px}.admin-nav-label{font-size:.9rem;font-weight:500}.admin-sidebar-footer{border-top:1px solid #2a2a4a;padding:1rem 1.5rem}.admin-back-btn{background:#0000;border:1px solid #2a2a4a;border-radius:8px;color:#88a;cursor:pointer;font-size:.85rem;padding:.75rem 1rem;transition:all .2s;width:100%}.admin-back-btn:hover{background:#ffffff0d;border-color:#3a3a5a;color:#e8e8e8}.admin-main{flex:1 1;margin-left:240px;overflow-x:hidden;padding:2rem}.admin-page{margin:0 auto;max-width:1400px}.admin-page-title{align-items:center;color:#d4af37;display:flex;font-size:1.75rem;font-weight:700;gap:.75rem;margin:0 0 .5rem}.admin-page-subtitle{color:#88a;font-size:.9rem;margin:0}.admin-section{margin-bottom:2rem}.admin-section-title{align-items:center;color:#e8e8e8;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.admin-grid{grid-gap:1rem;display:grid;gap:1rem}.admin-grid-3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.admin-grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.admin-card{background:#16213e;border:1px solid #2a2a4a;border-radius:12px;padding:1.25rem}.admin-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.admin-card-title{color:#e8e8e8;font-size:.9rem;font-weight:600;margin:0}.admin-btn{background:#d4af37;border:none;border-radius:8px;color:#1a1a2e;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.admin-btn:hover{background:#e5c349}.admin-btn-secondary{background:#0000;border:1px solid #2a2a4a;color:#e8e8e8}.admin-btn-secondary:hover{background:#ffffff0d;border-color:#3a3a5a}.admin-input{background:#0f0f1a;border:1px solid #2a2a4a;border-radius:8px;color:#e8e8e8;font-size:.9rem;padding:.75rem 1rem;width:100%}.admin-input:focus{border-color:#d4af37;outline:none}.admin-input::placeholder{color:#6666888}.admin-select{background:#0f0f1a;border:1px solid #2a2a4a;border-radius:8px;color:#e8e8e8;cursor:pointer;font-size:.85rem;padding:.5rem 1rem}.admin-select:focus{border-color:#d4af37;outline:none}.admin-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.admin-search-wrapper{flex:1 1;max-width:400px;min-width:200px;position:relative}.admin-search-icon{color:#6666888;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.admin-search-input{padding-left:2.5rem}.admin-loading,.admin-unauthorized{align-items:center;background:#0f0f1a;color:#e8e8e8;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.admin-loading-spinner{animation:spin 1s linear infinite;border:3px solid #2a2a4a;border-radius:50%;border-top-color:#d4af37;height:48px;margin-bottom:1rem;width:48px}.admin-unauthorized h1{color:#d4af37;margin-bottom:1rem}.admin-unauthorized p{color:#88a;margin-bottom:2rem}.admin-refresh-btn{align-items:center;background:#0000;border:1px solid #2a2a4a;border-radius:8px;color:#88a;cursor:pointer;display:flex;font-size:.85rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.admin-refresh-btn:hover{background:#ffffff0d;color:#e8e8e8}.admin-refresh-btn.loading{opacity:.6;pointer-events:none}@media (max-width:1024px){.admin-sidebar{width:200px}.admin-main{margin-left:200px;padding:1.5rem}}@media (max-width:768px){.admin-layout{flex-direction:column}.admin-sidebar{height:auto;position:relative;width:100%}.admin-nav{display:flex;flex-wrap:wrap;padding:.5rem}.admin-nav-item{border-bottom:2px solid #0000;border-left:none;padding:.5rem 1rem}.admin-nav-item.active{border-bottom-color:#d4af37}.admin-main{margin-left:0;padding:1rem}.admin-sidebar-footer{display:none}}:root{--admin-bg:#1a1a2e;--admin-card-bg:#16213e;--admin-border:#2a2a4a;--admin-text:#e8e8e8;--admin-text-muted:#88a;--admin-gold:#d4af37;--admin-gold-light:#f0d78c;--admin-success:#4ade80;--admin-warning:#fbbf24;--admin-danger:#f87171;--admin-info:#60a5fa}.metric-card{background:#16213e;background:var(--admin-card-bg);border:1px solid #2a2a4a;border:1px solid var(--admin-border);border-radius:12px;min-width:150px;padding:1.25rem}.metric-card-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.metric-icon{font-size:1.25rem}.metric-title{color:#88a;color:var(--admin-text-muted);font-size:.85rem;letter-spacing:.5px;text-transform:uppercase}.metric-value{color:#d4af37;color:var(--admin-gold);font-size:2rem;font-weight:700;line-height:1}.metric-subtitle{color:#88a;color:var(--admin-text-muted);font-size:.8rem;margin-top:.5rem}.metric-trend{font-size:.85rem;margin-top:.5rem}.metric-trend.trend-up{color:#4ade80;color:var(--admin-success)}.metric-trend.trend-down{color:#f87171;color:var(--admin-danger)}.health-indicator{background:#16213e;background:var(--admin-card-bg);border:1px solid #2a2a4a;border:1px solid var(--admin-border);border-radius:12px;min-width:140px;padding:1.25rem;text-align:center}.health-indicator.health-good{border-color:#4ade80;border-color:var(--admin-success)}.health-indicator.health-warning{border-color:#fbbf24;border-color:var(--admin-warning)}.health-indicator.health-critical{border-color:#f87171;border-color:var(--admin-danger)}.health-title{color:#88a;color:var(--admin-text-muted);font-size:.8rem;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.health-value{color:#e8e8e8;color:var(--admin-text);font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.health-status{align-items:center;display:flex;gap:.5rem;justify-content:center}.health-icon{font-size:1rem}.health-label{color:#88a;color:var(--admin-text-muted);font-size:.8rem}.engagement-score{display:inline-block;font-size:.9rem;letter-spacing:2px}.engagement-score.engagement-1{opacity:.6}.engagement-score.engagement-3{filter:saturate(1.5)}.reliability-badge{align-items:center;display:inline-flex;font-size:.85rem;gap:.25rem}.reliability-count{color:#88a;color:var(--admin-text-muted);font-size:.75rem}.simple-chart{background:#16213e;background:var(--admin-card-bg);border:1px solid #2a2a4a;border:1px solid var(--admin-border);border-radius:12px;padding:1.25rem}.chart-title{font-size:.85rem;letter-spacing:.5px;margin-bottom:1rem;text-transform:uppercase}.chart-empty,.chart-title{color:#88a;color:var(--admin-text-muted)}.chart-empty{font-style:italic;padding:2rem;text-align:center}.line-chart-container{display:flex;gap:.5rem;height:150px}.line-chart-y-axis{border-right:1px solid #2a2a4a;border-right:1px solid var(--admin-border);color:#88a;color:var(--admin-text-muted);display:flex;flex-direction:column;font-size:.7rem;justify-content:space-between;padding-right:.5rem}.line-chart-area{align-items:flex-end;display:flex;flex:1 1;gap:4px}.line-chart-point-container{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%}.line-chart-bar{border-radius:4px 4px 0 0;margin-top:auto;max-width:40px;transition:height .3s ease;width:100%}.line-chart-label{color:#88a;color:var(--admin-text-muted);font-size:.65rem;margin-top:.5rem;text-transform:capitalize}.bar-chart-container{display:flex;flex-direction:column;gap:.75rem}.bar-chart-row{align-items:center;display:flex;gap:.75rem}.bar-chart-label{color:#e8e8e8;color:var(--admin-text);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100px}.bar-chart-bar-container{align-items:center;display:flex;flex:1 1;gap:.5rem}.bar-chart-bar{border-radius:4px;height:20px;transition:width .3s ease}.bar-chart-value{color:#88a;color:var(--admin-text-muted);font-size:.8rem;min-width:30px}.data-table-container{overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table td,.data-table th{border-bottom:1px solid #2a2a4a;border-bottom:1px solid var(--admin-border);padding:.75rem 1rem;text-align:left}.data-table th{background:#1a1a2e;background:var(--admin-bg);color:#88a;color:var(--admin-text-muted);font-size:.8rem;font-weight:600;letter-spacing:.5px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0}.data-table td{color:#e8e8e8;color:var(--admin-text);font-size:.9rem}.data-table tr.clickable{cursor:pointer;transition:background .2s}.data-table tr.clickable:hover{background:#d4af371a}.data-table-empty{color:#88a;color:var(--admin-text-muted);padding:3rem;text-align:center}.alert-banner{background:#16213e;background:var(--admin-card-bg);border:1px solid #2a2a4a;border:1px solid var(--admin-border);border-radius:12px;padding:1rem}.alert-banner-title{align-items:center;color:#88a;color:var(--admin-text-muted);display:flex;font-size:.8rem;gap:.5rem;letter-spacing:.5px;margin-bottom:.75rem;text-transform:uppercase}.alert-banner-title:before{content:"⚠️"}.alert-list{display:flex;flex-direction:column;gap:.5rem}.alert-item{align-items:center;border-radius:6px;display:flex;font-size:.85rem;gap:.5rem;padding:.5rem .75rem}.alert-item.alert-critical{background:#f8717126;border-left:3px solid #f87171;border-left:3px solid var(--admin-danger)}.alert-item.alert-warning{background:#fbbf2426;border-left:3px solid #fbbf24;border-left:3px solid var(--admin-warning)}.alert-item.alert-info{background:#60a5fa1a;border-left:3px solid #60a5fa;border-left:3px solid var(--admin-info)}.alert-icon{font-size:1rem}.alert-message{color:#e8e8e8;color:var(--admin-text)}.admin-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.admin-modal{border:1px solid #2a2a4a;border:1px solid var(--admin-border);border-radius:16px;max-height:80vh;max-width:600px;overflow-y:auto;width:100%}.admin-modal,.admin-modal-header{background:#16213e;background:var(--admin-card-bg)}.admin-modal-header{align-items:center;border-bottom:1px solid #2a2a4a;border-bottom:1px solid var(--admin-border);display:flex;justify-content:space-between;padding:1.25rem;position:-webkit-sticky;position:sticky;top:0}.admin-modal-title{color:#d4af37;color:var(--admin-gold);font-size:1.1rem;font-weight:600}.admin-modal-close{background:none;border:none;color:#88a;color:var(--admin-text-muted);cursor:pointer;font-size:1.5rem;line-height:1;padding:0}.admin-modal-close:hover{color:#e8e8e8;color:var(--admin-text)}.admin-modal-body{padding:1.25rem}.admin-modal-section{margin-bottom:1.5rem}.admin-modal-section:last-child{margin-bottom:0}.admin-modal-section-title{color:#88a;color:var(--admin-text-muted);font-size:.8rem;letter-spacing:.5px;margin-bottom:.75rem;text-transform:uppercase}.text-success{color:#4ade80;color:var(--admin-success)}.text-warning{color:#fbbf24;color:var(--admin-warning)}.text-danger{color:#f87171;color:var(--admin-danger)}.text-muted{color:#88a;color:var(--admin-text-muted)}.text-gold{color:#d4af37;color:var(--admin-gold)}.badge{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.badge-success{background:#4ade8033;color:#4ade80;color:var(--admin-success)}.badge-warning{background:#fbbf2433;color:#fbbf24;color:var(--admin-warning)}.badge-danger{background:#f8717133;color:#f87171;color:var(--admin-danger)}.badge-info{background:#60a5fa33;color:#60a5fa;color:var(--admin-info)}.admin-prompts{padding:2rem}.admin-page-header{margin-bottom:2rem}.admin-page-header h1{color:var(--gold);font-size:1.8rem;margin-bottom:.5rem}.admin-page-subtitle{color:var(--light-gold);opacity:.8}.prompts-filters{align-items:flex-end;background:#2a2a2a80;border:1px solid #d4af3733;border-radius:12px;display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem;padding:1.5rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{color:var(--light-gold);font-size:.85rem}.filter-group select{background:#0a0a0acc;border:1px solid #d4af374d;border-radius:8px;color:var(--cream);font-size:.95rem;min-width:150px;padding:.6rem 1rem}.filter-group select:focus{border-color:var(--gold);outline:none}.refresh-btn{background:#d4af3726;border:1px solid var(--gold);border-radius:8px;color:var(--gold);cursor:pointer;padding:.6rem 1.2rem;transition:all .2s ease}.refresh-btn:hover{background:#d4af3740}.prompts-empty,.prompts-loading{align-items:center;color:var(--light-gold);display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.prompts-loading .loading-spinner{animation:spin 1s linear infinite;border:3px solid #d4af3733;border-radius:50%;border-top:3px solid var(--gold);height:40px;margin-bottom:1rem;width:40px}.prompts-empty small{display:block;margin-top:.5rem;opacity:.7}.prompts-list{display:flex;flex-direction:column;gap:1rem}.prompts-count{color:var(--light-gold);font-size:.9rem;margin-bottom:.5rem}.prompt-card{background:#2a2a2a80;border:1px solid #d4af3733;border-radius:12px;cursor:pointer;padding:1.25rem;transition:all .2s ease}.prompt-card:hover{background:#2a2a2ab3;border-color:var(--gold);transform:translateY(-2px)}.prompt-card-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.5rem}.prompt-card-header h3{color:var(--cream);font-size:1.1rem;margin:0}.prompt-type-badge{border-radius:20px;font-size:.75rem;font-weight:500;padding:.25rem .75rem;white-space:nowrap}.prompt-type-badge.original{background:#8b15384d;border:1px solid #8b153880;color:#f99}.prompt-type-badge.continuation{background:#d4af3726;border:1px solid #d4af374d;color:var(--gold)}.prompt-card-date{color:var(--light-gold);font-size:.85rem;margin-bottom:.75rem;opacity:.7}.prompt-card-preview{background:#0a0a0a66;border-radius:6px;color:var(--cream);font-family:Courier New,monospace;font-size:.9rem;line-height:1.5;margin-bottom:1rem;max-height:80px;opacity:.8;overflow:hidden;padding:.75rem}.prompt-card-btn{background:#0000;border:1px solid var(--gold);border-radius:6px;color:var(--gold);cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:all .2s ease}.prompt-card-btn:hover{background:#d4af3726}.prompt-detail-overlay{align-items:center;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.prompt-detail-modal{background:linear-gradient(135deg,#2a2a2afa,#0a0a0afa);border:2px solid var(--gold);border-radius:16px;max-height:90vh;max-width:900px;overflow-y:auto;position:relative;width:100%}.prompt-detail-close{background:#0000;border:none;color:var(--gold);cursor:pointer;font-size:1.5rem;opacity:.7;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:opacity .2s;z-index:10}.prompt-detail-close:hover{opacity:1}.prompt-detail-header{border-bottom:1px solid #d4af3733;padding:2rem 2rem 1rem}.prompt-detail-header h2{color:var(--gold);font-size:1.5rem;margin:0 0 .5rem}.prompt-detail-meta{color:var(--light-gold);font-size:.9rem;opacity:.8}.prompt-detail-content{padding:1.5rem 2rem 2rem}.prompt-section{margin-bottom:2rem}.prompt-section:last-child{margin-bottom:0}.prompt-section h3{border-bottom:1px solid #d4af3733;color:var(--gold);font-size:1.1rem;margin-bottom:1rem;padding-bottom:.5rem}.prompt-text{word-wrap:break-word;background:#0a0a0a99;border:1px solid #d4af3733;border-radius:8px;color:var(--cream);font-family:Courier New,Consolas,monospace;font-size:.85rem;line-height:1.6;max-height:400px;overflow-y:auto;padding:1.25rem;white-space:pre-wrap}.no-prompts{color:var(--light-gold);opacity:.8;padding:2rem;text-align:center}.no-prompts small{display:block;margin-top:.5rem;opacity:.7}.story-section{border-top:2px solid #d4af374d;margin-top:2rem;padding-top:1.5rem}.story-content-text{word-wrap:break-word;background:#0a0a0a99;border:1px solid #d4af3733;border-radius:8px;color:var(--cream);font-family:Crimson Text,Georgia,serif;font-size:1rem;line-height:1.8;max-height:500px;overflow-y:auto;padding:1.5rem;white-space:pre-wrap}.metadata-section{background:#d4af370d;border-radius:8px;padding:1rem}.metadata-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.metadata-item{display:flex;flex-direction:column;gap:.25rem}.metadata-label{color:var(--light-gold);font-size:.8rem;opacity:.7}.metadata-value{color:var(--cream);font-size:1.1rem;font-weight:500}@media (max-width:768px){.admin-prompts{padding:1rem}.prompts-filters{align-items:stretch;flex-direction:column}.filter-group select{width:100%}.prompt-detail-overlay{padding:1rem}.prompt-detail-modal{max-height:95vh}.prompt-detail-content,.prompt-detail-header{padding:1rem}.prompt-text{font-size:.8rem;padding:1rem}}.shared-story-container{background:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#0a0a0a);color:#f5f0e6;min-height:100vh}.shared-story-header{border-bottom:1px solid #d4af3733;padding:1.5rem 2rem}.shared-brand{cursor:pointer}.shared-brand .brand-name{color:#d4af37;font-family:Playfair Display,serif;font-size:1.8rem;font-weight:600}.shared-story-error,.shared-story-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:2rem;text-align:center}.shared-story-loading .loading-spinner{animation:spin 1s linear infinite;border:3px solid #d4af3733;border-radius:50%;border-top-color:#d4af37;height:50px;margin-bottom:1.5rem;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.shared-story-error h2{color:#d4af37;font-size:2rem;margin-bottom:1rem}.shared-story-error p{color:#c4b28a;margin-bottom:2rem}.shared-story-cta{border-top:1px solid #d4af3733;margin-top:2rem;padding-top:2rem}.shared-story-cta p{margin-bottom:1rem}.btn-join{background:linear-gradient(135deg,#d4af37,#b8962e);border:none;border-radius:8px;color:#0a0a0a;cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem 2rem;transition:all .3s ease}.btn-join:hover{box-shadow:0 4px 20px #d4af374d;transform:translateY(-2px)}.shared-story-content{margin:0 auto;max-width:750px;padding:3rem 2rem}.shared-story-title-section{border-bottom:1px solid #d4af3733;margin-bottom:3rem;padding-bottom:2rem;text-align:center}.shared-story-title-section h1{color:#d4af37;font-family:Playfair Display,serif;font-size:2.2rem;line-height:1.3;margin-bottom:1rem}.chapter-badge{background:#d4af3726;border:1px solid #d4af374d;border-radius:20px;color:#d4af37;display:inline-block;font-size:.9rem;padding:.4rem 1rem}.shared-story-text{color:#f5f0e6;font-family:Crimson Text,Georgia,serif;font-size:1.15rem;line-height:1.9}.shared-story-text .story-paragraph{margin-bottom:1.5rem;text-align:justify;text-indent:1.5em}.shared-story-text .story-paragraph:first-child{text-indent:0}.shared-story-text .story-paragraph:first-child:first-letter{color:#d4af37;float:left;font-family:Playfair Display,serif;font-size:3.5rem;line-height:1;padding-right:.5rem}.shared-story-end{margin-top:3rem;padding-top:2rem;text-align:center}.end-marker{color:#d4af37;font-size:1.1rem;font-style:italic}.shared-story-footer{background:#2a2a2a80;border-top:1px solid #d4af3733;padding:3rem 2rem;text-align:center}.shared-cta-box{background:#d4af370d;border:1px solid #d4af3733;border-radius:12px;margin:0 auto 2rem;max-width:500px;padding:2rem}.shared-cta-box h3{color:#d4af37;font-size:1.4rem;margin-bottom:.5rem}.shared-cta-box p{color:#c4b28a;margin-bottom:1.5rem}.btn-discover{background:linear-gradient(135deg,#d4af37,#b8962e);border:none;border-radius:8px;color:#0a0a0a;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2.5rem;transition:all .3s ease}.btn-discover:hover{box-shadow:0 4px 20px #d4af374d;transform:translateY(-2px)}.shared-footer-note{color:#888;font-size:.85rem}@media (max-width:768px){.shared-story-content{padding:2rem 1.5rem}.shared-story-title-section h1{font-size:1.8rem}.shared-story-text{font-size:1.05rem}.shared-story-text .story-paragraph:first-child:first-letter{font-size:2.8rem}}:root{--burgundy:#8b1538;--dark-burgundy:#5c0e26;--black:#0a0a0a;--gold:#d4af37;--light-gold:#f4e4c1;--cream:#fff8f0;--grey:#2a2a2a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#0a0a0a;background-color:var(--black);color:#fff8f0;color:var(--cream);font-family:Georgia,serif;line-height:1.6}.App{background:linear-gradient(135deg,#5c0e26,#0a0a0a);background:linear-gradient(135deg,var(--dark-burgundy) 0,var(--black) 100%);min-height:100vh;overflow-x:hidden;position:relative;text-align:center}.App:before{background-image:radial-gradient(circle at 20% 50%,#d4af371a 0,#0000 50%),radial-gradient(circle at 80% 80%,#8b153826 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.App-header{align-items:center;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:flex-start;min-height:100vh;padding:20px 20px 60px;position:relative;z-index:1}.App-header h1{color:#d4af37;color:var(--gold);font-size:3rem;letter-spacing:3px;margin-bottom:2rem;text-shadow:2px 2px 4px #00000080}.app-navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0a0a0af2;border-bottom:2px solid #d4af37;border-bottom:2px solid var(--gold);padding:1rem 0;position:fixed;top:0;width:100%;z-index:1000}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.logo{color:#d4af37;color:var(--gold);font-family:Georgia,Times New Roman,serif;font-size:1.8rem;font-weight:400;letter-spacing:2px}.user-info{align-items:center;color:#fff8f0;color:var(--cream);display:flex;font-size:.9rem;gap:15px}.generator-container{background:linear-gradient(135deg,#2a2a2acc,#0a0a0ae6);border:1px solid #d4af374d;border-radius:20px;box-shadow:0 10px 40px #00000080;margin:0 auto;max-width:800px;padding:2rem;width:100%}textarea{background-color:#0a0a0a99;border:2px solid #d4af37;border:2px solid var(--gold);border-radius:12px;color:#fff8f0;color:var(--cream);font-family:Georgia,serif;font-size:16px;margin-bottom:25px;min-height:150px;padding:20px;resize:vertical;transition:all .3s ease;width:100%}textarea:focus{background-color:#0a0a0acc;border-color:#f4e4c1;border-color:var(--light-gold);box-shadow:0 0 20px #d4af374d;outline:none}textarea::placeholder{color:#f4e4c1;color:var(--light-gold);font-style:italic;opacity:.6}button{background-color:#8b1538;background-color:var(--burgundy);border:2px solid #d4af37;border:2px solid var(--gold);border-radius:50px;box-shadow:0 4px 15px #d4af374d;color:#fff8f0;color:var(--cream);cursor:pointer;font-family:Georgia,serif;font-size:1.1rem;letter-spacing:1px;padding:15px 40px;transition:all .3s ease}button:hover:not(:disabled){background-color:#5c0e26;background-color:var(--dark-burgundy);box-shadow:0 6px 20px #d4af3780;transform:translateY(-3px)}button:disabled{background-color:#2a2a2a;background-color:var(--grey);border-color:#2a2a2a;border-color:var(--grey);cursor:not-allowed;opacity:.6}.logout-button{background-color:#8b1538cc;font-size:.9rem;padding:8px 20px}.logout-button:hover{background-color:#8b1538;background-color:var(--burgundy)}.story-container{background:linear-gradient(135deg,#fff8f0,#f4e4c1);background:linear-gradient(135deg,var(--cream) 0,var(--light-gold) 100%);border:2px solid #d4af37;border:2px solid var(--gold);border-radius:15px;box-shadow:0 10px 30px #0000004d;color:#0a0a0a;color:var(--black);margin-top:30px;padding:30px;text-align:left}.story-container h2{color:#8b1538;color:var(--burgundy);font-size:2rem;letter-spacing:2px;margin-bottom:20px;text-align:center}.story-container p{font-size:1.1rem;line-height:1.9;white-space:pre-wrap}.auth-container{background:linear-gradient(135deg,#2a2a2af2,#0a0a0af2);border:2px solid #d4af37;border:2px solid var(--gold);border-radius:20px;box-shadow:0 10px 40px #d4af3733;margin:0 auto;max-width:450px;padding:40px}.auth-container h2{color:#d4af37;color:var(--gold);font-size:2rem;letter-spacing:2px;margin-bottom:25px}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-input{background-color:#0a0a0a99;border:2px solid #d4af3780;border-radius:10px;color:#fff8f0;color:var(--cream);font-family:Georgia,serif;font-size:16px;padding:15px;transition:all .3s ease}.auth-input:focus{border-color:#d4af37;border-color:var(--gold);box-shadow:0 0 15px #d4af374d;outline:none}.auth-error{background-color:#ff6b6b1a;border-left:4px solid #ff6b6b;border-radius:8px;color:#ff6b6b;margin:0;padding:10px}.auth-toggle{color:#f4e4c1;color:var(--light-gold);margin-top:20px;text-align:center}.auth-link{color:#d4af37;color:var(--gold);cursor:pointer;font-weight:700;text-decoration:none;transition:all .3s ease}.auth-link:hover{color:#f4e4c1;color:var(--light-gold);text-decoration:underline}.age-warning{background-color:#d4af3733;border:2px solid #d4af37;border:2px solid var(--gold);border-radius:10px;color:#d4af37;color:var(--gold);font-style:italic;margin-bottom:20px;padding:15px;text-align:center}.age-checkbox-label{align-items:center;color:#f4e4c1;color:var(--light-gold);cursor:pointer;display:flex;font-size:.95rem;gap:10px;padding:10px 0}.age-checkbox-label input[type=checkbox]{accent-color:#d4af37;accent-color:var(--gold);cursor:pointer;flex-shrink:0;height:20px;width:20px}.age-checkbox-label span{line-height:1.4}.success-message{background-color:#d4af3726;border:1px solid #d4af37;border:1px solid var(--gold);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem;text-align:center}.success-message p{color:#f4e4c1;color:var(--light-gold);font-size:1rem;margin:.5rem 0}.success-email{color:#d4af37!important;color:var(--gold)!important;font-size:1.1rem!important;font-weight:700}.success-hint{font-size:.9rem!important;font-style:italic;margin-top:1rem!important;opacity:.8}@media (max-width:992px){.App-header h1{font-size:2.5rem}.logo{font-size:1.5rem}}@media (max-width:768px){.App-header h1{font-size:1.8rem;letter-spacing:2px;margin-bottom:1rem}.app-navbar{padding:.75rem 0}.nav-container{padding:0 15px}.logo{font-size:1.3rem;letter-spacing:1px}.user-info{align-items:center;flex-direction:row;font-size:.8rem;gap:8px}.user-info span{display:none}.logout-button{align-items:center;display:flex;font-size:.85rem;min-height:44px;padding:8px 16px}.generator-container{border-radius:15px;padding:1.5rem}.auth-container{margin:0 15px;max-width:100%;padding:30px 25px;width:calc(100% - 30px)}.auth-container h2{font-size:1.6rem}textarea{font-size:14px;min-height:120px;padding:15px}button{font-size:.95rem;padding:12px 30px}.story-container{padding:20px}.story-container h2{font-size:1.5rem;margin-bottom:15px}.story-container p{font-size:.95rem;line-height:1.7}}@media (max-width:480px){.App-header{padding:15px 15px calc(15px + env(safe-area-inset-bottom, 0px))}.App-header h1{font-size:1.5rem;letter-spacing:1px}.logo{font-size:1.2rem}.logout-button,.user-info{font-size:.8rem}.logout-button{min-height:44px;padding:10px 16px}.generator-container{border-radius:12px;padding:1rem}.auth-container{margin:0 12px;padding:25px 20px;width:calc(100% - 24px)}.auth-container h2{font-size:1.4rem}textarea{font-size:13px;min-height:100px;padding:12px}button{font-size:.9rem;padding:10px 25px}.story-container{padding:15px}.story-container h2{font-size:1.3rem}.story-container p{font-size:.9rem}}.create-story-section{background:linear-gradient(135deg,#8b153833,#2a2a2a66);border:1px solid #d4af374d;border-radius:20px;margin-bottom:2rem;max-width:600px;padding:2.5rem 3rem;text-align:center;width:100%}.btn-create-story{background:linear-gradient(135deg,#8b1538,#5c0e26);background:linear-gradient(135deg,var(--burgundy),var(--dark-burgundy));border:2px solid #d4af37;border:2px solid var(--gold);border-radius:50px;box-shadow:0 4px 15px #d4af374d;color:#fff8f0;color:var(--cream);cursor:pointer;font-family:Georgia,serif;font-size:1.1rem;letter-spacing:1px;padding:1rem 2rem;transition:all .3s ease}.btn-create-story:hover{box-shadow:0 6px 20px #d4af3780;transform:translateY(-3px)}.create-story-hint{color:#f4e4c1;color:var(--light-gold);font-size:.9rem;font-style:italic;margin-top:1rem;opacity:.7}.section-divider{align-items:center;display:flex;gap:1rem;margin:2rem 0;max-width:800px;width:100%}.divider-line{background:linear-gradient(90deg,#0000,#d4af3780,#d4af3780);flex:1 1;height:1px}.divider-line:last-child{background:linear-gradient(90deg,#d4af3780,#d4af3780,#0000)}.divider-ornament{background:#d4af37;background:var(--gold);flex-shrink:0;height:12px;opacity:.6;transform:rotate(45deg);width:12px}.my-stories-section{margin:0 auto;max-width:1000px;padding:0 1rem;width:100%}.my-stories-section h2{color:#d4af37;color:var(--gold);font-size:1.8rem;letter-spacing:1px;margin-bottom:1.5rem;text-align:left}.stories-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.story-card{background:linear-gradient(135deg,#2a2a2ae6,#141414f2);border:1px solid #d4af374d;border-radius:12px;display:flex;flex-direction:column;height:160px;margin-top:12px;overflow:visible;padding:1.5rem;position:relative;text-align:left;transition:all .3s ease}.story-card:hover{border-color:#d4af37;border-color:var(--gold);box-shadow:0 8px 25px #d4af3733;transform:translateY(-5px)}.story-card-content{align-items:center;bottom:0;display:flex;justify-content:center;left:0;padding:1.5rem;position:absolute;right:0;top:0}.story-card-title{color:#fff8f0;color:var(--cream);font-size:1.1rem;margin:0}.story-card-preview,.story-card-title{text-align:center;transition:opacity .3s ease}.story-card-preview{-webkit-line-clamp:4;-webkit-box-orient:vertical;color:#f4e4c1;color:var(--light-gold);display:-webkit-box;font-size:.85rem;left:1.5rem;line-height:1.5;opacity:0;overflow:hidden;position:absolute;right:1.5rem;top:50%;transform:translateY(-50%)}.story-card:hover .story-card-title{opacity:0}.story-card:hover .story-card-preview{opacity:.9}.story-card-footer{align-items:center;background:linear-gradient(0deg,#141414f2,#0000);border-radius:0 0 12px 12px;border-top:1px solid #d4af3733;bottom:0;display:flex;justify-content:center;left:0;padding:.75rem 1.5rem;position:absolute;right:0;transition:opacity .3s ease}.story-card:hover .story-card-footer{opacity:0}.story-date{color:#f4e4c1;color:var(--light-gold);font-size:.8rem;opacity:.6}.btn-read-story{background:#0000;border:1px solid #d4af37;border:1px solid var(--gold);border-radius:20px;color:#d4af37;color:var(--gold);cursor:pointer;font-size:.85rem;padding:.4rem 1rem;transition:all .3s ease}.btn-read-story:hover{background:#d4af37;background:var(--gold);box-shadow:none;color:#0a0a0a;color:var(--black);transform:none}@media (max-width:992px){.my-stories-section h2{font-size:1.5rem}.stories-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:768px){.create-story-section{margin-bottom:1.5rem;padding:1.5rem}.btn-create-story{font-size:1rem;padding:.8rem 1.5rem}.create-story-hint{font-size:.85rem}.section-divider{margin:1.5rem 0}.divider-ornament{height:10px;width:10px}.my-stories-section h2{font-size:1.3rem;text-align:center}.stories-grid{grid-template-columns:1fr}.story-card{padding:1.25rem}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}button:disabled{animation:pulse 1.5s ease-in-out infinite}.stories-empty,.stories-error,.stories-loading{color:#f4e4c1;color:var(--light-gold);font-style:italic;padding:3rem 2rem;text-align:center}.stories-empty p,.stories-loading p{font-size:1.1rem;margin:0}.stories-empty-hint{font-size:.9rem!important;margin-top:.5rem!important;opacity:.7}.stories-error p{color:#fff8f0;color:var(--cream);margin-bottom:1rem}.btn-retry{background:#0000;border:1px solid #d4af37;border:1px solid var(--gold);border-radius:25px;color:#d4af37;color:var(--gold);cursor:pointer;font-size:.9rem;padding:.6rem 1.5rem}.btn-retry:hover{background:#d4af3733}.story-card{cursor:pointer}.story-card:focus{outline:2px solid #d4af37;outline:2px solid var(--gold);outline-offset:2px}.story-card-meta{align-items:center;display:flex;gap:.5rem}.favorite-badge,.rating-badge{font-size:.85rem}@media (max-width:768px){.stories-empty,.stories-error,.stories-loading{padding:2rem 1rem}.stories-empty p,.stories-loading p{font-size:1rem}}.series-badge{background:linear-gradient(135deg,#d4af37,#b8962e);background:linear-gradient(135deg,var(--gold),#b8962e);border-radius:12px;box-shadow:0 2px 8px #d4af3766;color:#0a0a0a;color:var(--black);font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:4px 12px;position:absolute;right:12px;top:-10px;transition:box-shadow .3s ease;z-index:2}.story-card:hover .series-badge{box-shadow:0 4px 12px #d4af3799}.story-card:has(.series-badge){border-color:#d4af3780}@media (max-width:768px){.series-badge{font-size:.7rem;padding:3px 10px}}
/*# sourceMappingURL=main.c746c416.css.map*/