@tailwind base;@tailwind components;@tailwind utilities;.perspective-1000{perspective:1000px;perspective-origin:50%}.perspective-2000{perspective:2000px;perspective-origin:50%}.transform-gpu{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform}@keyframes page-turn{0%{transform:rotateY(0deg) scale(1);opacity:1}50%{transform:rotateY(90deg) scale(.95);opacity:.3}to{transform:rotateY(180deg) scale(.95);opacity:0}}.page-turn-animation{animation:page-turn .8s ease-in-out forwards}.page-3d{transform-style:preserve-3d;transition:transform .8s cubic-bezier(.4,0,.2,1)}.page-turning{transform:rotateY(90deg) scale(.95);opacity:.3}.page-visible{transform:rotateY(0deg) scale(1);opacity:1}@keyframes word-appear{0%{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.word-animate{animation:word-appear .2s ease-out forwards}.book-binding{background:linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,0,0,.6) 20%,rgba(0,0,0,.4) 40%,rgba(0,0,0,.2) 60%,rgba(0,0,0,.1) 80%,transparent)}.page-texture{background-image:linear-gradient(90deg,rgba(139,69,19,.03),transparent 2px),linear-gradient(rgba(139,69,19,.03),transparent 2px);background-size:40px 40px}.book-shadow{box-shadow:0 25px 50px -12px rgba(0,0,0,.25),0 0 0 1px rgba(139,69,19,.1),inset 0 1px 0 rgba(255,255,255,.1)}.smooth-transition{transition:all .3s cubic-bezier(.4,0,.2,1)}.typing-cursor{animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.book-3d-container{max-width:1200px;width:100%}.book-3d-wrapper{position:relative;perspective:1200px;perspective-origin:50%}.book-3d{position:relative;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.4,0,.2,1);width:100%;height:580px;display:flex;max-width:1000px;margin:0 auto}.book-page-left{width:50%;background:linear-gradient(135deg,#8B4513,#A0522D 50%,#8B4513);border-radius:8px 0 0 8px;position:relative;box-shadow:inset -5px 0 10px rgba(0,0,0,.3),0 10px 30px rgba(0,0,0,.2)}.book-binding{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.binding-spine{width:4px;height:200px;background:linear-gradient(180deg,#654321,#8B4513,#654321);margin:0 auto 20px;border-radius:2px;box-shadow:inset 2px 0 4px rgba(0,0,0,.5),inset -2px 0 4px rgba(255,255,255,.1)}.binding-text{color:#F4E4BC;font-family:serif;font-size:14px;writing-mode:vertical-rl;-webkit-text-orientation:mixed;text-orientation:mixed;letter-spacing:2px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.book-page-right{width:50%;background:#FDF6E3;border-radius:0 8px 8px 0;position:relative;box-shadow:5px 0 10px rgba(0,0,0,.1),0 10px 30px rgba(0,0,0,.2);overflow:hidden}.page-content{padding:20px;height:100%;position:relative}.page-number{position:absolute;top:20px;right:30px;color:#8B4513;font-family:serif;font-size:14px;font-weight:700}.narration-content{display:flex;flex-direction:column;justify-content:center;text-align:center}.narration-text-container{flex:1 1;display:flex;flex-direction:column;justify-content:center}.narration-text{font-family:serif;font-size:20px;line-height:1.6;color:#2D1810;margin-bottom:30px;max-width:700px;margin-left:auto;margin-right:auto}.narration-progress{margin-top:20px}.progress-bar{height:4px;background:#E8D5B7;border-radius:2px}.progress-fill{background:linear-gradient(90deg,#D2691E,#CD853F);border-radius:2px}.progress-text{color:#8B4513;font-size:12px;font-family:serif}.narration-controls{margin-top:15px}.skip-button{background:transparent;border:2px solid #d2691e;color:#D2691E;padding:10px 20px;border-radius:25px;font-family:serif;font-size:14px;cursor:pointer;transition:all .3s ease}.skip-button:hover{background:#D2691E;color:white}.continue-button{background:linear-gradient(135deg,#D2691E,#CD853F);color:white;border:none;padding:12px 24px;border-radius:25px;font-family:serif;font-size:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(210,105,30,.3)}.continue-button:hover{background:linear-gradient(135deg,#B8860B,#D2691E);transform:translateY(-2px);box-shadow:0 6px 20px rgba(210,105,30,.4)}.comic-content{display:flex;flex-direction:column}.comic-panel-container{flex:1 1;display:flex;flex-direction:column;justify-content:center}.page-content.comic-content{padding:16px}.comic-image{width:100%;height:auto;max-height:460px;object-fit:contain;border-radius:8px;box-shadow:0 8px 25px rgba(0,0,0,.15)}@media (max-width:1024px){.book-page-left{display:none!important}.book-page-right{width:100%!important;border-radius:8px!important}}@media (max-width:768px){.book-3d-container{padding:0;margin:0}.book-3d{height:100vh;max-width:100vw;margin:0}.book-page-right{width:100%!important;border-radius:0!important;height:100vh}.book-page-right,.page-content{display:flex;flex-direction:column}.page-content{padding:12px;height:100%}.narration-text{font-size:18px;line-height:1.8;padding:0 8px;max-width:100%}.comic-panel-container{flex:1 1;display:flex;flex-direction:column;justify-content:center;padding:4px!important;min-height:0}.comic-image{max-height:70vh;width:100%;object-fit:contain}.panel-navigation{margin-top:12px;gap:12px;flex-wrap:wrap}.panel-info{font-size:16px;font-weight:600}.close-book-btn,.continue-button,.next-panel-btn{padding:14px 20px;font-size:16px;min-height:44px;min-width:120px;font-weight:600}.skip-button{padding:12px 18px;font-size:15px;min-height:44px}.book-controls{position:fixed;bottom:0;left:0;right:0;padding:12px 16px;margin-top:0;gap:12px;background:linear-gradient(0deg,rgba(45,24,16,.95),rgba(45,24,16,.85));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;box-shadow:0 -4px 20px rgba(0,0,0,.5)}.book-progress{font-size:13px;text-align:center;color:#F4E4BC!important}.page-number{top:12px;right:16px;font-size:13px}.choices-modal{width:95vw;max-height:85vh;overflow-y:auto;padding:24px 20px}.choices-title{font-size:22px}.choices-subtitle{font-size:14px}.choice-button{padding:18px 16px;min-height:60px}.choice-text{font-size:16px;line-height:1.5}.mobile-zoom-hint{font-size:13px;margin-top:8px;padding:6px;background:rgba(139,69,19,.1);border-radius:4px}}@media (max-width:480px) and (orientation:portrait){.narration-text{font-size:17px;line-height:1.7}.comic-image{max-height:65vh}.panel-info{font-size:14px}.book-controls{flex-direction:row;justify-content:space-between;align-items:center;gap:8px;position:fixed;bottom:0;left:0;right:0;padding:12px 16px;background:linear-gradient(0deg,rgba(45,24,16,.98),rgba(45,24,16,.9));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;box-shadow:0 -4px 20px rgba(0,0,0,.6)}.close-book-btn,.save-btn{flex:1 1;min-width:0;text-align:center;font-size:12px!important;padding:14px 8px!important;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.save-btn-text-full{display:none}.save-btn-text-short{display:inline}.book-progress{width:100%;text-align:center;padding:4px 0;order:-1;margin-bottom:8px}}.book-page-right{padding-bottom:120px!important}@media (max-width:900px) and (orientation:landscape){.book-3d{height:100vh}.comic-image{max-height:75vh}.book-page-right{padding-bottom:100px!important}.narration-text{font-size:16px;line-height:1.6}.panel-navigation{margin-top:8px}.book-controls{margin-top:8px;padding:8px 12px}}.dialogue-overlay{position:absolute;bottom:20px;left:16px;right:16px;background:rgba(255,255,255,.98);border:3px solid #2d1810;border-radius:16px;padding:16px 20px;box-shadow:0 4px 20px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.8);animation:dialoguePop .3s cubic-bezier(.68,-.55,.265,1.55);z-index:10}.dialogue-text{font-family:Comic Sans MS,Arial,sans-serif;font-size:17px;line-height:1.5;color:#1a1a1a;font-weight:600;text-align:center;margin:0}.dialogue-speaker{font-family:serif;font-size:14px;font-weight:700;color:#8B4513;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;text-align:center}@keyframes dialoguePop{0%{transform:scale(.8) translateY(20px);opacity:0}70%{transform:scale(1.05) translateY(0)}to{transform:scale(1) translateY(0);opacity:1}}@media (max-width:768px){.dialogue-overlay{bottom:80px;left:12px;right:12px;padding:14px 18px;border-width:2px}.dialogue-text{font-size:16px;line-height:1.4}.dialogue-speaker{font-size:13px;margin-bottom:6px}}@media (max-width:380px){.dialogue-text{font-size:15px}.dialogue-speaker{font-size:12px}}.zoom-overlay{position:fixed;inset:0;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:1000}.zoom-image{max-width:95vw;max-height:95vh;border-radius:8px}.mobile-zoom-hint{display:none;color:#8B4513;font-family:serif;font-size:12px;text-align:center;margin-top:6px}@media (hover:none) and (pointer:coarse){.mobile-zoom-hint{display:block}}.panel-navigation{margin-top:12px;display:flex;justify-content:space-between;align-items:center}.panel-info{color:#8B4513}.next-panel-btn,.panel-info{font-family:serif;font-size:14px}.next-panel-btn{background:#D2691E;color:white;border:none;padding:12px 24px;border-radius:25px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(210,105,30,.3)}.next-panel-btn:hover:not(:disabled){background:#B8860B;transform:translateY(-2px);box-shadow:0 6px 20px rgba(210,105,30,.4)}.next-panel-btn:disabled{opacity:.5;cursor:not-allowed}.book-controls{display:flex;justify-content:space-between;align-items:center;margin-top:30px;padding:0 20px}.close-book-btn{background:linear-gradient(135deg,#8B4513,#A0522D);box-shadow:0 4px 15px rgba(139,69,19,.5)}.close-book-btn,.save-btn{color:white;border:2px solid rgba(255,255,255,.3);padding:12px 24px;border-radius:25px;font-family:serif;font-size:14px;cursor:pointer;transition:all .3s ease}.save-btn{background:linear-gradient(135deg,#4CAF50,#45a049);box-shadow:0 4px 15px rgba(76,175,80,.5)}.save-btn-text-full{display:inline}.save-btn-text-short{display:none}.close-book-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(139,69,19,.4)}.book-progress{color:#F4E4BC;font-family:serif;font-size:14px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.choices-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:50;animation:fadeIn .3s ease}.choices-modal{background:linear-gradient(135deg,#FDF6E3,#F4E4BC);border-radius:20px;padding:40px;max-width:600px;width:90%;box-shadow:0 25px 50px rgba(0,0,0,.3),0 0 0 1px rgba(139,69,19,.1);animation:slideUp .3s ease}.choices-header{text-align:center;margin-bottom:30px}.choices-title{font-family:serif;font-size:28px;color:#2D1810;margin-bottom:8px;font-weight:700}.choices-subtitle{font-family:serif;font-size:16px;color:#8B4513;font-style:italic}.choices-list{display:flex;flex-direction:column;gap:15px}.choice-button{background:transparent;border:2px solid #d2691e;border-radius:15px;padding:20px;cursor:pointer;transition:all .3s ease;animation:slideIn .3s ease forwards;opacity:0;transform:translateY(20px)}.choice-button:hover{background:#D2691E;color:white;transform:translateY(-2px);box-shadow:0 8px 25px rgba(210,105,30,.3)}.choice-content{display:flex;justify-content:space-between;align-items:center}.choice-text{font-family:serif;font-size:16px;color:inherit;text-align:left;flex:1 1}.choice-arrow{font-size:20px;color:inherit;transition:transform .3s ease}.choice-button:hover .choice-arrow{transform:translateX(5px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideIn{to{opacity:1;transform:translateY(0)}}.book-3d.page-turning{transform:rotateY(15deg) scale(.98)}.intro-content{height:calc(100% - 60px);overflow-y:auto;padding-right:15px;margin-top:40px}.intro-content::-webkit-scrollbar{width:6px}.intro-content::-webkit-scrollbar-track{background:#E8D5B7;border-radius:3px}.intro-content::-webkit-scrollbar-thumb{background:#8B4513;border-radius:3px}.intro-content::-webkit-scrollbar-thumb:hover{background:#654321}.intro-text{font-family:serif;font-size:14px;line-height:1.6;color:#2D1810}.intro-paragraph{margin-bottom:12px;text-align:left}.intro-paragraph em{font-style:italic;color:#4A3429}.loading-spinner{width:40px;height:40px;border:4px solid #8b4513;border-top-color:#f4e4bc;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-dots{display:flex;justify-content:center;gap:8px;margin-top:16px}.loading-dots span{width:8px;height:8px;background:#F4E4BC;border-radius:50%;animation:dotPulse 1.4s ease-in-out infinite both}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.loading-dots span:nth-child(3){animation-delay:0s}@keyframes dotPulse{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-20px)}10%,90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes fade-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-slow{0%,to{opacity:1}50%{opacity:.8}}.animate-fade-in{animation:fade-in 1s ease-out}.animate-pulse-slow{animation:pulse-slow 3s ease-in-out infinite}.landing-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a0a0f 50%,#0f0a15);position:relative;overflow-x:hidden}.landing-bg{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(139,69,19,.15) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(218,165,32,.1) 0,transparent 50%),radial-gradient(circle at 40% 90%,rgba(160,82,45,.1) 0,transparent 50%);animation:bgShift 20s ease-in-out infinite;z-index:0}@keyframes bgShift{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-20px,20px) scale(1.05)}}.landing-header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 3rem;background:linear-gradient(180deg,rgba(10,10,10,.9),transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logo-container{height:50px}.logo{height:100%;width:auto;filter:drop-shadow(0 0 20px rgba(218,165,32,.5));transition:transform .3s ease}.logo:hover{transform:scale(1.05)}.auth-actions{display:flex;align-items:center;gap:1rem}.welcome-text{color:#DAA520;font-family:serif;font-size:.9rem;font-weight:500}.btn-profile,.btn-signin{padding:.75rem 1.5rem;border-radius:50px;font-family:serif;font-weight:700;font-size:.9rem;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(0,0,0,.3)}.btn-profile{background:linear-gradient(135deg,#8B4513,#A0522D);color:white}.btn-profile:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(139,69,19,.5)}.btn-signin{background:linear-gradient(135deg,#4169E1,#8A2BE2);color:white}.btn-signin:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(65,105,225,.5)}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:6rem 2rem 4rem;z-index:1}.hero-content{max-width:900px;text-align:center}.hero-title{font-family:serif;font-weight:900;line-height:.9;margin-bottom:1.5rem;animation:fadeInUp 1s ease-out}.title-line-1,.title-line-2{display:block;background:linear-gradient(135deg,#DAA520,#FFD700 50%,#FFA500);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 30px rgba(218,165,32,.6))}.title-line-1{letter-spacing:-.05em}.title-line-1,.title-line-2{font-size:clamp(3rem,15vw,10rem)}.title-line-2{letter-spacing:-.02em}.hero-subtitle{font-family:serif;font-size:clamp(1.2rem,3vw,2rem);color:#C9AE5D;font-style:italic;margin-bottom:3rem;animation:fadeInUp 1s ease-out .2s backwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-modal-backdrop{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.auth-modal-content{animation:modalSlideIn .3s ease-out;max-height:90vh;overflow-y:auto}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulse{0%,to{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.05)}}.user-status-badge{display:inline-flex;align-items:center;gap:1rem;background:linear-gradient(135deg,rgba(34,139,34,.2),rgba(50,205,50,.1));border:2px solid rgba(50,205,50,.3);border-radius:50px;padding:1rem 2rem;margin-bottom:2rem;animation:fadeInUp 1s ease-out .4s backwards}.status-icon{width:40px;height:40px;background:linear-gradient(135deg,#32CD32,#228B22);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:1.5rem;font-weight:700}.status-text{text-align:left}.status-main{color:#90EE90;font-family:serif;font-weight:700;font-size:1rem}.status-sub{color:#7CFC00;font-size:.85rem;opacity:.8}.hero-actions{display:flex;flex-direction:column;align-items:center;gap:1.5rem;animation:fadeInUp 1s ease-out .6s backwards}.btn-primary{padding:1.5rem 4rem;border-radius:50px;font-family:serif;font-weight:700;font-size:1.3rem;border:none;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.btn-start{background:linear-gradient(135deg,#DAA520,#FFD700 50%,#FFA500);color:#1a0a0f;box-shadow:0 10px 40px rgba(218,165,32,.5),inset 0 -2px 10px rgba(0,0,0,.2);animation:pulse-glow 2s ease-in-out infinite}.btn-start:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 15px 50px rgba(218,165,32,.7),inset 0 -2px 10px rgba(0,0,0,.2)}@keyframes pulse-glow{0%,to{box-shadow:0 10px 40px rgba(218,165,32,.5),inset 0 -2px 10px rgba(0,0,0,.2)}50%{box-shadow:0 10px 50px rgba(218,165,32,.8),inset 0 -2px 10px rgba(0,0,0,.2)}}.secondary-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.btn-secondary{padding:1rem 2rem;border-radius:50px;font-family:serif;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;background:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:white;border:2px solid #9370db}.btn-secondary:hover{transform:translateY(-3px);background:linear-gradient(135deg,#9370DB,#8A2BE2);box-shadow:0 8px 25px rgba(147,112,219,.5)}.btn-endings{border-color:#FF69B4}.btn-endings:hover{background:linear-gradient(135deg,#FF69B4,#FF1493);box-shadow:0 8px 25px rgba(255,105,180,.5)}.featured-story{position:relative;padding:6rem 2rem;z-index:1}.story-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;grid-gap:3rem;gap:3rem;align-items:center;background:linear-gradient(135deg,rgba(139,69,19,.1),rgba(160,82,45,.05));border:2px solid rgba(218,165,32,.2);border-radius:20px;padding:3rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.story-image{position:relative;aspect-ratio:3/4;border-radius:15px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5)}.story-image img{width:100%;height:100%;object-fit:cover}.story-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.7))}.story-content{color:white}.story-badge{display:inline-block;padding:.5rem 1rem;background:linear-gradient(135deg,#DC143C,#8B0000);border-radius:50px;font-size:.85rem;font-weight:700;margin-bottom:1rem;box-shadow:0 4px 15px rgba(220,20,60,.4)}.story-title{font-family:serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;background:linear-gradient(135deg,#DAA520,#FFD700);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1.5rem;line-height:1.2}.story-description{font-family:serif;font-size:1.1rem;line-height:1.8;color:#C9AE5D;margin-bottom:2rem;font-style:italic}.story-meta{display:flex;gap:2rem;padding-top:1.5rem;border-top:2px solid rgba(218,165,32,.2)}.meta-item{text-align:center}.meta-label{font-size:.85rem;color:#8B7355;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.meta-value{font-family:serif;font-size:1.5rem;font-weight:700;color:#DAA520}.features-section{position:relative;padding:6rem 2rem;z-index:1}.features-grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:2rem;gap:2rem}.feature-card{background:linear-gradient(135deg,rgba(139,69,19,.15),rgba(160,82,45,.1));border:2px solid rgba(218,165,32,.2);border-radius:20px;overflow:hidden;transition:all .3s ease;cursor:pointer}.feature-card:hover{transform:translateY(-10px);border-color:rgba(218,165,32,.5);box-shadow:0 20px 60px rgba(218,165,32,.3)}.feature-image{aspect-ratio:16/9;background:linear-gradient(135deg,#2a1810,#1a0a0f);overflow:hidden}.feature-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.feature-card:hover .feature-image img{transform:scale(1.1)}.feature-content{padding:2rem}.feature-content h3{font-family:serif;font-size:1.8rem;font-weight:700;color:#DAA520;margin-bottom:1rem}.feature-content p{font-family:serif;font-size:1rem;line-height:1.6;color:#C9AE5D}@media (max-width:1024px){.landing-header{padding:1rem 1.5rem}.story-container{grid-template-columns:1fr;padding:2rem}.story-image{max-height:400px}.features-grid{grid-template-columns:1fr}}@media (max-width:768px){.landing-header{padding:1rem}.logo-container{height:40px}.welcome-text{display:none}.hero-section{padding:5rem 1rem 3rem}.btn-primary{padding:1.25rem 3rem;font-size:1.1rem}.secondary-actions{flex-direction:column;width:100%}.btn-secondary{width:100%}.story-container{padding:1.5rem;gap:2rem}.story-meta{gap:1rem}.user-status-badge{flex-direction:column;text-align:center;gap:.5rem}.status-text{text-align:center}}.story-progress{margin-top:20px;padding:15px;background:rgba(255,255,255,.1);border-radius:10px;border:1px solid rgba(255,255,255,.2)}.progress-bar{width:100%;height:8px;background:rgba(255,255,255,.2);border-radius:4px;overflow:hidden;margin-bottom:10px}.progress-fill{height:100%;background:linear-gradient(90deg,#ff6b6b,#4ecdc4);border-radius:4px;transition:width .3s ease}.progress-text{display:flex;justify-content:space-between;align-items:center;color:#ffffff;font-size:14px;font-weight:500}.ai-badge{background:linear-gradient(45deg,#667eea,#764ba2);color:white;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}