@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&family=Open+Sans:wght@400;600&display=swap";:root{--primary-color: #6C5CE7;--primary-dark: #5043B5;--secondary-color: #00CEC9;--accent-pink: #FD79A8;--accent-yellow: #FED330;--accent-blue: #74B9FF;--bg-gradient: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%);--card-bg: #ffffff;--text-main: #2d3436;--text-light: #636e72;--radius-lg: 20px;--radius-md: 12px;--shadow-sm: 0 4px 6px rgba(0, 0, 0, .05);--shadow-md: 0 10px 20px rgba(0, 0, 0, .08);--shadow-pop: 0 10px 25px rgba(108, 92, 231, .2)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Open Sans,sans-serif;background:var(--bg-gradient);color:var(--text-main);min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:Nunito,sans-serif;font-weight:800;color:var(--primary-dark)}button{font-family:Nunito,sans-serif;cursor:pointer;border:none;transition:transform .2s ease,box-shadow .2s ease}button:active{transform:scale(.98)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.navbar{background:#fff;padding:1rem 2rem;box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100}.navbar-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.navbar-brand{text-decoration:none;display:flex;align-items:center;gap:10px}.navbar-brand span{font-size:1.5rem;font-weight:800;color:var(--primary-dark)}.navbar-links{display:flex;gap:20px;align-items:center}.nav-link{text-decoration:none;color:var(--text-main);font-weight:600;display:flex;align-items:center;gap:5px}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;color:var(--primary-dark)}.story-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;padding-top:20px}@media(max-width:768px){.navbar{padding:1rem}.navbar-container{flex-wrap:wrap}.mobile-menu-btn{display:block}.navbar-links{display:none;width:100%;flex-direction:column;padding-top:1rem;gap:15px;align-items:flex-start;border-top:1px solid #eee;margin-top:10px}.navbar-links.open{display:flex}.navbar-brand span{font-size:1.2rem}.story-grid{grid-template-columns:1fr;gap:20px}}.detail-container{display:grid;grid-template-columns:minmax(300px,400px) 1fr;gap:40px;background:#fff;border-radius:var(--radius-lg);padding:30px;box-shadow:var(--shadow-md);margin-bottom:40px}.reader-container{width:100%;height:600px;background:#333;display:flex;justify-content:center;align-items:center;color:#fff;border-radius:var(--radius-md)}@media(max-width:768px){.detail-container{grid-template-columns:1fr;padding:20px;gap:20px}.reader-container{height:400px}h1{font-size:1.8rem!important}}