@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Merriweather:wght@400;700&display=swap";:root{--primary: #0F6B50;--primary-light: #1A8969;--primary-dark: #095440;--secondary: #f8f9fa;--text-dark: #212529;--text-medium: #495057;--text-light: #6c757d;--white: #ffffff;--gray-100: #f8f9fa;--gray-200: #e9ecef;--gray-300: #dee2e6;--success: #28a745;--danger: #dc3545;--warning: #ffc107;--border-radius-sm: 4px;--border-radius: 8px;--border-radius-lg: 12px;--shadow-sm: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.08);--shadow: 0 4px 6px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.08);--shadow-lg: 0 10px 15px rgba(0,0,0,.1), 0 4px 6px rgba(0,0,0,.05);--transition: all .3s ease;--transition-fast: all .15s ease}.site-header{background-color:var(--white);box-shadow:var(--shadow-sm);position:sticky;top:0;width:100%;z-index:1000;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;transition:var(--transition)}.site-header.scrolled{box-shadow:var(--shadow)}.container{width:100%;max-width:1320px;margin:0 auto;padding:0 1rem}.header-top{padding:1rem 0;border-bottom:1px solid var(--gray-200)}.header-top-content{display:flex;align-items:center;justify-content:space-between;position:relative}.logo{display:flex;align-items:center;color:var(--primary);text-decoration:none;font-weight:700;font-size:1.5rem;transition:var(--transition-fast)}.logo:hover{color:var(--primary-dark);transform:translateY(-1px)}.logo-icon{font-size:1.8rem;margin-right:.5rem}.ceylon-scribe-logo{height:60px;object-fit:contain;margin-right:.5rem}.logo-text{transition:color .2s ease}.search-container{flex-grow:1;max-width:600px;margin:0 2rem}.search-input-group{display:flex;position:relative;height:46px;border-radius:var(--border-radius);border:1px solid var(--gray-300);transition:var(--transition-fast);overflow:hidden}.search-input-group:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px #0f6b5033}.search-input{flex-grow:1;border:none;padding:0 1rem;font-size:.95rem;outline:none;color:var(--text-dark)}.search-input::placeholder{color:var(--text-light)}.categories-selector{display:flex;align-items:center;padding:0 .75rem;background-color:var(--gray-100);border-left:1px solid var(--gray-300);font-size:.9rem;color:var(--text-medium);cursor:pointer;transition:var(--transition-fast)}.categories-selector:hover{background-color:var(--gray-200)}.categories-selector span{margin-right:.5rem}.search-button{width:46px;display:flex;align-items:center;justify-content:center;background-color:var(--primary);color:var(--white);border:none;cursor:pointer;transition:var(--transition-fast)}.search-button:hover{background-color:var(--primary-dark)}.icon-button{display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--text-medium);gap:.25rem;padding:.5rem;border-radius:var(--border-radius);transition:var(--transition-fast);position:relative;font-size:.95rem}.icon-button svg{font-size:1.25rem;transition:transform .2s ease-in-out}.icon-button:hover{color:var(--primary);background-color:#0f6b500d}.icon-button:hover svg{transform:translateY(-2px)}.icon-button.with-text{padding:.5rem .75rem}.icon-button.with-count{padding-right:1rem}.count{position:absolute;top:0;right:0;background-color:var(--primary);color:var(--white);border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600}.mobile-menu-toggle{display:none}.dropdown-container{position:relative}.dropdown-menu{position:absolute;top:100%;right:0;width:200px;background-color:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);overflow:hidden;margin-top:.5rem;visibility:hidden;opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease,visibility .3s ease;z-index:100}.dropdown-container:hover .dropdown-menu,.dropdown-container:focus-within .dropdown-menu{visibility:visible;opacity:1;transform:translateY(0)}.dropdown-header{padding:1rem;border-bottom:1px solid var(--gray-200)}.dropdown-menu ul{list-style-type:none;padding:0;margin:0}.dropdown-menu li{border-bottom:1px solid var(--gray-200)}.dropdown-menu li:last-child{border-bottom:none}.dropdown-menu a{display:block;padding:.75rem 1rem;color:var(--text-medium);text-decoration:none;transition:var(--transition-fast)}.dropdown-menu a:hover{background-color:var(--gray-100);color:var(--primary)}.mobile-search{padding:.75rem 0;display:none;height:0;overflow:hidden;transition:all .3s ease}.mobile-search.active{display:block;height:auto;padding:.75rem 0}.mobile-search .search-input-group{margin:0}.header-bottom{background-color:var(--white)}.header-bottom-content{display:flex;align-items:center;justify-content:space-between;height:50px}.categories-dropdown{position:relative}.categories-button{display:flex;align-items:center;gap:.5rem;background-color:var(--primary);color:var(--white);border:none;padding:.5rem 1rem;border-radius:var(--border-radius);cursor:pointer;height:40px;font-weight:500;transition:var(--transition-fast)}.categories-button:hover{background-color:var(--primary-dark)}.categories-button svg{transition:transform .3s ease}.categories-button svg.rotate{transform:rotate(180deg)}.categories-menu{position:absolute;top:100%;left:0;width:250px;background-color:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);margin-top:.5rem;visibility:hidden;opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease,visibility .3s ease;z-index:100;max-height:400px;overflow-y:auto}.categories-menu.active{visibility:visible;opacity:1;transform:translateY(0)}.categories-menu ul{list-style-type:none;padding:0;margin:0}.categories-menu li{border-bottom:1px solid var(--gray-200)}.categories-menu li:last-child{border-bottom:none}.categories-menu a{display:block;padding:.75rem 1rem;color:var(--text-medium);text-decoration:none;transition:var(--transition-fast)}.categories-menu a:hover{background-color:var(--gray-100);color:var(--primary)}.main-navigation{flex-grow:1}.main-navigation ul{display:flex;list-style-type:none;padding:0;margin:0;gap:1.5rem}.main-navigation a{display:block;color:var(--text-medium);text-decoration:none;font-weight:500;padding:.5rem 0;position:relative;transition:var(--transition-fast)}.main-navigation a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--primary);transition:width .3s ease}.main-navigation a:hover{color:var(--primary)}.main-navigation a:hover:after{width:100%}.main-navigation a.active{color:var(--primary)}.main-navigation a.active:after{width:100%}.support-center{display:flex;align-items:center;gap:.75rem}.support-icon{font-size:1.5rem;color:var(--primary)}.support-content{display:flex;flex-direction:column}.support-phone{font-weight:600;color:var(--text-dark);font-size:.9rem}.support-text{font-size:.75rem;color:var(--text-light)}@media screen and (max-width: 1200px){.search-container{margin:0 1rem}.main-navigation ul{gap:1rem}}@media screen and (max-width: 992px){.desktop-only{display:none}.mobile-only{display:block}.header-top-content{justify-content:space-between}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center;font-size:1.5rem}.header-bottom{display:none;background-color:var(--white);box-shadow:0 5px 10px #0000000d}.header-bottom.active{display:block}.header-bottom-content{flex-direction:column;height:auto;padding:1rem 0;align-items:flex-start;gap:1rem}.categories-button{width:100%;justify-content:space-between}.categories-menu{position:static;width:100%;box-shadow:none;border:1px solid var(--gray-200);margin-top:.5rem;max-height:0;transition:max-height .3s ease,visibility 0s,opacity .3s}.categories-menu.active{max-height:300px}.main-navigation{width:100%}.main-navigation ul{flex-direction:column;gap:0}.main-navigation li{border-bottom:1px solid var(--gray-200)}.main-navigation a{padding:.75rem 0}.support-center{width:100%;justify-content:center;padding-top:.5rem;border-top:1px solid var(--gray-200)}}@media screen and (max-width: 576px){.logo-text{font-size:1.25rem}.header-actions{gap:.5rem}.icon-button{padding:.5rem .35rem}}.mobile-only{display:none}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.site-header.scrolled .header-top{animation:slideDown .3s ease forwards}.dropdown-menu,.categories-menu{animation:fadeIn .3s ease forwards}.footer{background-color:var(--gray-50, #f8fafc);border-top:1px solid var(--gray-200, #e2e8f0);padding:60px 0 30px;margin-top:80px;color:var(--text-light, #64748b)}.footer-container{width:100%;max-width:1400px;margin:0 auto;padding:0 20px}.footer-logo{display:flex;align-items:center;color:var(--primary);text-decoration:none;font-weight:700;font-size:1.5rem;transition:var(--transition-fast);margin-bottom:32px}.footer-logo:hover{color:var(--primary-dark);transform:translateY(-1px)}.footer-ceylon-scribe-logo{height:80px;object-fit:contain;margin-right:.5rem}.footer-top{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:40px;margin-bottom:50px}.footer-brand h2{font-size:1.5rem;color:var(--primary-color, #ff6d3f);margin:0 0 20px;font-weight:700}.footer-brand p{font-size:.95rem;line-height:1.6;max-width:350px;margin-bottom:25px}.social-icons{display:flex;gap:15px}.social-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:var(--gray-100, #f1f5f9);color:var(--text-dark, #1e293b);border-radius:50%;transition:all .3s ease}.social-icon:hover{background-color:var(--primary-color, #ff6d3f);color:#fff;transform:translateY(-3px)}.footer-links h3{font-size:1.1rem;color:var(--text-dark, #1e293b);margin:0 0 25px;font-weight:600}.footer-links ul{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:15px}.footer-links a{color:var(--text-light, #64748b);text-decoration:none;font-size:.95rem;transition:color .3s ease;display:inline-block}.footer-links a:hover{color:var(--primary-color, #ff6d3f);transform:translate(3px)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:30px;border-top:1px solid var(--gray-200, #e2e8f0);font-size:.85rem}.footer-bottom p{margin:0}.footer-bottom-links{display:flex;gap:20px}.footer-bottom-links a{color:var(--text-light, #64748b);text-decoration:none;transition:color .3s ease}.footer-bottom-links a:hover{color:var(--primary-color, #ff6d3f)}@media (max-width: 992px){.footer-top{grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:span 2}}@media (max-width: 768px){.footer{padding:40px 0 20px;margin-top:50px}.footer-top{grid-template-columns:1fr;gap:30px;margin-bottom:30px}.footer-brand{grid-column:span 1}.footer-bottom{flex-direction:column;gap:15px;text-align:center}}:root{--primary-color: #0ea5e9;--primary-dark: #0284c7;--secondary-color: #f97316;--text-color: #334155;--heading-color: #1e293b;--light-bg: #f8fafc;--white: #ffffff;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--purple-bg: #7e22ce20;--cyan-bg: #06b6d420;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 10px 15px -1px rgba(0, 0, 0, 1);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--transition: all .3s ease}.home-page{font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--text-color);width:100%;overflow-x:hidden}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.section-header h2{font-size:1.75rem;font-weight:700;color:var(--heading-color);margin:0}.view-all{color:var(--primary-color);text-decoration:none;font-weight:500;font-size:.875rem;transition:var(--transition)}.view-all:hover{color:var(--primary-dark);text-decoration:underline}.btn-primary{display:inline-block;background-color:var(--primary-color);color:#fff;font-weight:600;padding:.75rem 1.75rem;border-radius:var(--radius-md);text-decoration:none;transition:var(--transition);box-shadow:var(--shadow-sm)}.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}section{padding:3rem 0}.loading-spinner{display:flex;justify-content:center;align-items:center;height:200px;font-weight:500;color:var(--gray-500)}.hero-section{padding:4rem 0;background-color:var(--light-bg);position:relative;overflow:hidden;transition:background .8s ease}.hero-section:before{content:"";position:absolute;top:0;right:0;bottom:0;width:100%;background:linear-gradient(90deg,#ffffff80,#ffffff4d);z-index:1}.hero-section .container{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:2rem;height:300px}.hero-slide{display:flex;width:100%;height:100%;align-items:center;justify-content:space-between}.hero-content{flex:1;max-width:600px;z-index:3}.hero-content h1{font-size:3rem;font-weight:800;color:var(--heading-color);line-height:1.2;margin:0 0 1.5rem}.hero-subtitle{font-size:1.25rem;margin-bottom:2rem;color:var(--gray-600)}.hero-image{flex:1;display:flex;justify-content:end;position:relative;z-index:2}.hero-image img{max-width:100%;height:auto;max-height:300px;object-fit:contain}.hero-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;color:var(--text-dark);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;box-shadow:0 2px 8px #0000001a;opacity:0;transition:all .3s ease;z-index:10}.hero-nav.prev{left:20px}.hero-nav.next{right:20px}.hero-nav svg{font-size:1.5rem;transition:transform .2s ease-in-out}.hero-section:hover .hero-nav{opacity:.8}.hero-nav:hover{opacity:1!important;background:#fff;box-shadow:0 4px 12px #00000026}.hero-nav:hover svg{transform:scale(1.1)}.hero-nav.prev:hover svg{transform:translate(-2px)}.hero-nav.next:hover svg{transform:translate(2px)}.hero-dots{position:absolute;bottom:20px;left:0;right:0;display:flex;justify-content:center;gap:8px;height:8px;z-index:10;width:100%}.hero-dot{padding:0!important;width:12px!important;height:12px!important;border-radius:50%!important;background-color:#fff9;border:none;cursor:pointer;transition:all .3s ease;padding:0;box-shadow:0 1px 3px #0000001a;outline:none}.hero-dot.active{width:24px;border-radius:10px;background-color:var(--primary-color, #0d6efd)}.hero-dot:hover{background-color:#ffffffe6}.floating-animation{animation:floating 4s ease-in-out infinite}.pulse-animation{animation:pulse 2s ease-in-out infinite}.bounce-animation{animation:bounce 2s ease-in-out infinite}.sway-animation{animation:sway 3s ease-in-out infinite}.reveal-animation{animation:reveal 3s ease-in-out infinite}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes reveal{0%{opacity:.8;transform:scale(.95)}50%{opacity:1;transform:scale(1)}to{opacity:.8;transform:scale(.95)}}@media (max-width: 992px){.hero-content h1{font-size:2.5rem}}@media (max-width: 768px){.hero-section .container{flex-direction:column;height:auto;padding-bottom:50px}.hero-slide{flex-direction:column-reverse;text-align:center}.hero-content{text-align:center;max-width:100%}.hero-content h1{font-size:2rem;margin-bottom:1rem}.hero-subtitle{font-size:1.1rem;margin-bottom:1.5rem}.hero-image{margin-bottom:1.5rem}.hero-image img{max-height:200px}.hero-nav{top:auto;bottom:55px}}.featured-books-section{padding:4rem 0}.books-carousel{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem}.story-card{background-color:var(--white);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);cursor:pointer;transition:var(--transition)}.story-card:hover{box-shadow:var(--shadow-lg)}.story-cover{position:relative;overflow:hidden;aspect-ratio:2/3}.premium-badge{position:absolute;top:.5rem;right:.5rem;background-color:var(--secondary-color);color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:var(--radius-sm)}.story-details{padding:1rem}.story-title{font-size:1rem;font-weight:600;color:var(--heading-color);margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-author{font-size:.875rem;color:var(--gray-500);margin:0 0 .5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-price{font-weight:700;color:var(--primary-dark)}.story-price.free{color:var(--secondary-color)}.sale-banners-section{padding:2rem 0}.banners-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.sale-banner{display:flex;justify-content:space-between;padding:2rem;border-radius:var(--radius-lg);overflow:hidden;position:relative;cursor:pointer}.sale-banner.purple{background-color:var(--purple-bg)}.sale-banner.cyan{background-color:var(--cyan-bg)}.banner-content{flex:2;z-index:1}.banner-content h3{font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.banner-content p{font-size:.875rem;margin:0 0 1.5rem}.banner-button{display:inline-block;padding:.5rem 1rem;background-color:var(--white);color:var(--text-color);font-weight:600;font-size:.875rem;border-radius:var(--radius-md);text-decoration:none;transition:var(--transition)}.banner-button:hover{background-color:var(--gray-100);transform:translateY(-2px)}.banner-image{flex:1;display:flex;justify-content:center;align-items:center}.banner-image img{max-width:100%;height:auto;max-height:150px;object-fit:contain}.top-selling-section{padding:4rem 0}.authors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.5rem;place-items:center}.author-card{text-align:center;transition:var(--transition)}.author-card:hover{transform:translateY(-5px)}.author-image{position:relative;width:100px;height:100px;margin:0 auto .75rem}.author-image img{width:100%;height:100%;object-fit:cover;border-radius:50%;box-shadow:var(--shadow-md)}.author-badge{position:absolute;bottom:0;right:0;width:24px;height:24px;background-color:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;box-shadow:var(--shadow-sm)}.author-card h4{font-size:1rem;font-weight:600;margin:0 0 .25rem;color:var(--heading-color)}.author-card p{font-size:.875rem;margin:0;color:var(--gray-500)}.subscription-section{background-color:var(--primary-color);padding:3rem 0;color:var(--white)}.subscription-content{display:flex;align-items:center;justify-content:space-between;gap:2rem}.subscription-text{flex:1}.subscription-text h2{font-size:2.25rem;font-weight:700;margin:0 0 1rem}.subscription-text p{font-size:1.125rem;margin:0 0 1.5rem;opacity:.9}.btn-subscribe{display:inline-block;background-color:var(--white);color:var(--primary-color);font-weight:600;padding:.75rem 1.75rem;border-radius:var(--radius-md);text-decoration:none;transition:var(--transition)}.btn-subscribe:hover{background-color:var(--gray-100);transform:translateY(-2px);box-shadow:var(--shadow-md)}.subscription-image{flex:1;display:flex;justify-content:center}.subscription-image img{max-height:200px;object-fit:contain}.favorite-reads-section{padding:4rem 0}.favorite-books-grid{display:grid;grid-template-columns:1fr 2fr 2fr 1fr}.side-book-item{display:flex;gap:15px;padding:10px;transition:all .25s ease;border-radius:8px;cursor:pointer}.side-book-item:hover{background-color:#f8f9fa;transform:translateY(-3px);box-shadow:0 3px 8px #00000008}.side-book-cover{width:65px;height:65px;flex-shrink:0;border-radius:6px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.side-book-cover img{width:100%;height:100%;object-fit:cover}.side-book-details{display:flex;flex-direction:column;gap:3px;flex:1;justify-content:center}.side-book-category{font-size:11px;color:#00ab84;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.side-book-title{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#222;line-height:1.3}.side-book-rating{display:flex;gap:2px}.side-book-rating .star{font-size:11px;color:#ddd}.side-book-rating .star.filled{color:#ffb100}.side-book-price{font-size:13px;font-weight:600;color:#00ab84}.featured-column{display:flex;flex-direction:column;align-items:center}.featured-book{display:flex;flex-direction:column;align-items:center;width:100%;padding:15px;cursor:pointer;transition:transform .4s ease,box-shadow .4s ease;border-radius:8px}.featured-book:hover{box-shadow:0 8px 25px #00000014}.featured-book-cover{width:190px;height:280px;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px #0000001f;margin-bottom:18px;transition:transform .4s ease}.featured-book:hover .featured-book-cover{transform:scale(1.04)}.featured-book-cover img{width:100%;height:100%;object-fit:cover}.featured-author-name{font-size:12px;color:#00ab84;margin-bottom:5px;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.featured-book-title{font-size:17px;font-weight:700;margin-bottom:8px;text-align:center;color:#222}.featured-book-rating{display:flex;gap:3px;margin-bottom:8px}.featured-book-rating .star{font-size:14px;color:#ddd}.featured-book-rating .star.filled{color:#ffb100}.featured-book-price{font-size:16px;font-weight:700;color:#00ab84}.section-header .view-all{color:#555;text-decoration:none;display:flex;align-items:center;font-size:14px}.section-header .view-all:hover{color:#00ab84}@media (max-width: 992px){.favorite-books-grid{grid-template-columns:1fr 1fr;grid-template-areas:"featured-1 featured-2" "side-left side-right"}.featured-column:nth-child(2){grid-area:featured-1}.featured-column:nth-child(3){grid-area:featured-2}.side-column:nth-child(1){grid-area:side-left}.side-column:nth-child(4){grid-area:side-right}.featured-book-cover{width:160px;height:240px}}@media (max-width: 768px){.favorite-books-grid{grid-template-columns:1fr;grid-template-areas:"featured-1" "featured-2" "side-left" "side-right";padding:20px}.featured-book{flex-direction:row;align-items:flex-start;text-align:left;gap:15px}.featured-book-cover{width:100px;height:150px;margin-bottom:0}.featured-book-details{flex:1;display:flex;flex-direction:column;justify-content:center}.featured-book-title{text-align:left}.side-book-item{padding:12px}}.favorites-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.trending-section{padding:4rem 0;background-color:var(--light-bg)}.trending-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.trending-book-card{cursor:pointer;transition:var(--transition)}.trending-book-cover{border-radius:var(--radius-xl);box-shadow:0 0 20px 12px #00000026;aspect-ratio:2/3;overflow:hidden;border:3px solid var(--white);position:relative}.trending-badge{position:absolute;top:10px;right:-35px;background:linear-gradient(135deg,#ff3a3a,#f80);color:#fff;font-size:.8rem!important;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:5px 40px!important;transform:rotate(45deg);box-shadow:0 2px 5px #0003;z-index:10;animation:pulse 1.5s infinite alternate}@keyframes pulse{0%{transform:rotate(45deg) scale(1)}to{transform:rotate(45deg) scale(1.03);box-shadow:0 3px 7px #0000004d}}.trending-badge:before{content:"";display:inline-block;margin-right:4px;animation:spin 5s linear infinite}.trending-book-cover:hover{box-shadow:0 0 20px 12px #0003}.trending-book-cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.trending-book-card:hover .trending-book-cover img{transform:scale(1.05)}.trending-book-details{padding:1rem 0 0}.trending-book-details h4{font-size:1rem;font-weight:600;margin:0 0 .1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trending-book-author{font-size:.875rem;color:var(--gray-500);margin:0 0 .5rem}.trending-book-price{font-weight:700;color:var(--primary-dark)}.trending-promo-card{grid-column:span 2;background-color:var(--secondary-color);color:var(--white);border-radius:var(--radius-lg);overflow:hidden;padding:1.5rem;display:flex;align-items:center;justify-content:space-between}.promo-content{flex:1}.promo-content h3{font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.promo-content p{margin:0 0 1.25rem;opacity:.9;font-size:.875rem}.promo-button{display:inline-block;background-color:var(--white);color:var(--secondary-color);padding:.5rem 1rem;border-radius:var(--radius-md);font-weight:600;text-decoration:none;font-size:.875rem;transition:var(--transition)}.promo-button:hover{background-color:var(--gray-100);transform:translateY(-2px)}.promo-image{flex:1;display:flex;justify-content:center}.promo-image img{max-height:120px;object-fit:contain}.bestselling-section{padding:4rem 0}.bestselling-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem}.bestselling-book-card{background-color:var(--white);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);cursor:pointer;transition:var(--transition)}.bestselling-book-card:hover{box-shadow:var(--shadow-lg)}.bestselling-book-cover{aspect-ratio:2/3;overflow:hidden}.bestselling-book-cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.bestselling-book-card:hover .bestselling-book-cover img{transform:scale(1.05)}.bestselling-book-details{padding:1rem}.bestselling-book-details h4{font-size:1rem;font-weight:600;margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bestselling-book-author{font-size:.875rem;color:var(--gray-500);margin:0 0 .5rem}.bestselling-book-price{font-weight:700;color:var(--primary-dark)}.bestselling-promo-card{grid-column:span 2;background:linear-gradient(to right,#2dd4bf,#22d3ee);color:var(--white);border-radius:var(--radius-lg);overflow:hidden;padding:1.5rem;display:flex;align-items:center;justify-content:space-between}.popular-books-section{padding:4rem 0}.popular-books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem}.popular-book-card{background-color:var(--white);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);cursor:pointer;transition:var(--transition);opacity:1}.popular-book-card:hover{box-shadow:var(--shadow-md)}.popular-book-cover{aspect-ratio:2/3;overflow:hidden}.popular-book-cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.popular-book-card:hover .popular-book-cover img{transform:scale(1.05)}.popular-book-details{padding:1rem}.popular-book-details h4{font-size:1rem;font-weight:600;margin:0 0 .25rem}.popular-book-details p{font-size:.875rem;color:var(--gray-500);margin:0 0 .5rem}.popular-book-price{font-weight:700;color:var(--primary-dark)}.latest-blog-section{padding:4rem 0;background-color:var(--light-bg)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.blog-card{background-color:var(--white);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);cursor:pointer;transition:var(--transition)}.blog-card:hover{box-shadow:var(--shadow-lg)}.blog-image{height:180px;overflow:hidden}.blog-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.blog-card:hover .blog-image img{transform:scale(1.05)}.blog-content{padding:1.25rem}.post-placeholder{width:100%;height:100%;background-color:var(--gray-100);display:flex;align-items:center;justify-content:center;padding:1rem}.post-content-preview{font-size:.875rem;color:var(--gray-600);line-height:1.6;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.post-author{display:flex;align-items:center;gap:.5rem;margin-right:1rem}.author-avatar-small{width:24px;height:24px;border-radius:50%;object-fit:cover}.post-stats{display:flex;gap:1rem;margin-bottom:.5rem;font-size:.75rem;color:var(--gray-500)}.post-likes,.post-comments{display:flex;align-items:center;gap:.25rem}.no-posts-message{grid-column:1 / -1;text-align:center;padding:2rem;background-color:var(--white);border-radius:var(--radius-md);color:var(--gray-500);font-weight:500}.blog-meta{margin-bottom:.5rem;display:flex;justify-content:space-between;align-items:center}.blog-date{font-size:.75rem;color:var(--gray-500)}.blog-title{font-size:1.125rem;font-weight:600;margin:0 0 .75rem;color:var(--heading-color);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.blog-excerpt{font-size:.875rem;color:var(--gray-600);margin:0 0 1rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-readmore{color:var(--primary-color);font-size:.875rem;font-weight:500}.features-section{padding:3rem 0;border-top:1px solid var(--gray-200)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem}.feature-item{text-align:center}.feature-icon{margin-bottom:1rem}.feature-icon img{height:48px;width:auto}.feature-item h4{font-size:1.125rem;font-weight:600;margin:0 0 .5rem;color:var(--heading-color)}.feature-item p{font-size:.875rem;color:var(--gray-500);margin:0}@media (max-width: 992px){.hero-content h1{font-size:2.5rem}.favorites-grid{grid-template-columns:1fr}.trending-promo-card,.bestselling-promo-card{grid-column:span 1}}@media (max-width: 768px){.hero-section .container{flex-direction:column}.hero-content{text-align:center;max-width:100%}.hero-content h1{font-size:2rem}.subscription-content,.trending-promo-card,.bestselling-promo-card{flex-direction:column;text-align:center}.section-header h2{font-size:1.5rem}}@media (max-width: 576px){.books-carousel,.trending-grid,.bestselling-grid,.popular-books-grid,.authors-grid{grid-template-columns:repeat(2,1fr)}.blog-grid{grid-template-columns:1fr}.hero-content h1{font-size:1.75rem}.hero-subtitle{font-size:1rem}.subscription-text h2{font-size:1.75rem}.features-grid{grid-template-columns:1fr 1fr}}@keyframes slideInRight{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.blog-style-grid{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:24px}.side-column{display:flex;flex-direction:column}.compact-book-item{display:flex;gap:15px;padding:10px;transition:all .3s ease;border-radius:8px;cursor:pointer}.compact-book-item:hover{background-color:#00000008;transform:translateY(-5px)}.compact-book-cover{width:80px;height:100px;flex-shrink:0}.compact-book-cover img{width:100%;height:100%;object-fit:cover;border-radius:5px}.compact-book-details{display:flex;flex-direction:column;justify-content:space-between}.compact-book-date{font-size:12px;color:#00ab84;font-weight:600;margin-bottom:6px}.compact-book-title{font-size:14px;font-weight:700;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.compact-book-desc{font-size:12px;color:#666;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.featured-book-card{background-color:#00ab84;color:#fff;border-radius:12px;overflow:hidden;position:relative;height:100%;min-height:400px;cursor:pointer}.featured-book-image{height:60%;width:100%;position:relative;overflow:hidden}.featured-book-image img{width:100%;height:100%;object-fit:cover}.featured-book-content{padding:24px}.featured-book-meta{display:flex;gap:12px;font-size:12px;opacity:.9;margin-bottom:12px}.featured-book-title{font-size:24px;font-weight:700;margin-bottom:12px}.featured-book-category{font-size:14px;opacity:.9;margin-bottom:20px}.featured-book-category span{text-decoration:underline}.featured-book-action{display:flex;justify-content:flex-end}.read-more{display:flex;align-items:center;gap:5px;color:#fff;font-weight:600;font-size:14px;text-decoration:none;transition:gap .3s ease}.read-more:hover{gap:10px}.arrow{font-size:18px}@media (max-width: 992px){.blog-style-grid{grid-template-columns:1fr}.main-column{order:-1}.featured-book-card{min-height:300px}}.login-page-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem;background:#f8f8f8}.login-form-container{background-color:#fff;padding:3rem 2.5rem;border-radius:10px;box-shadow:0 10px 25px #0000000d;width:100%;max-width:420px;text-align:center;position:relative;overflow:hidden;animation:fadeInUp .6s ease-out forwards}.login-form-container h2{color:#222;margin-bottom:1.8rem;font-size:2rem;font-weight:700;position:relative;display:inline-block}.login-form-container h2:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:40px;height:3px;background-color:#ff6d3f;border-radius:2px}.login-form .form-group{margin-bottom:1.8rem;text-align:left;position:relative;opacity:0;animation:staggerFadeIn .5s ease-out forwards}.login-form .form-group:nth-child(1){animation-delay:.2s}.login-form .form-group:nth-child(2){animation-delay:.4s}.login-form .form-group label{display:block;margin-bottom:.6rem;color:#333;font-weight:600;font-size:.95rem;transition:all .3s ease}.login-form .form-group input{width:100%;padding:.9rem 1rem;border:1px solid #e0e0e0;border-radius:5px;box-sizing:border-box;font-size:1rem;color:red;transition:all .3s ease;background-color:#fff}.login-form .form-group input:focus{outline:none;border-color:#ff6d3f;box-shadow:0 0 0 3px #ff6d3f26;background-color:#fff}.login-form .form-group input:hover{border-color:#d4d4d4}.login-button{background-color:#ff6d3f;color:#fff;border:none;padding:1rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;border-radius:5px;width:100%;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 4px 10px #ff6d3f33;opacity:0;animation:fadeInButton .5s ease-out .6s forwards}.login-button:hover{background-color:#e85d30;transform:translateY(-2px);box-shadow:0 6px 15px #ff6d3f40}.login-button:active{transform:translateY(0)}.error-message{background-color:#fee2e2cc;color:#b91c1c;padding:.75rem 1rem;border-radius:5px;font-size:.9rem;margin-bottom:1.5rem;border-left:4px solid #ef4444;text-align:left;animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-3px,0,0)}40%,60%{transform:translate3d(3px,0,0)}}.password-help{display:flex;justify-content:flex-end;margin-top:.5rem}.forgot-password-link{color:#555;font-size:.8rem;text-decoration:none;transition:all .2s ease}.forgot-password-link:hover{color:#ff6d3f}.signup-link{margin-top:2rem;font-size:.95rem;color:#555;position:relative;padding-top:1.5rem;opacity:0;animation:fadeIn .5s ease-out .8s forwards}.signup-link:before{content:"";position:absolute;top:0;left:25%;width:50%;height:1px;background:linear-gradient(to right,transparent,#e2e8f0,transparent)}.signup-link a{color:#ff6d3f;text-decoration:none;font-weight:600;position:relative;margin-left:6px;transition:all .3s ease}.signup-link a:after{content:"";position:absolute;width:100%;height:2px;bottom:-2px;left:0;background-color:#ff6d3f;transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease}.signup-link a:hover:after{transform:scaleX(1);transform-origin:bottom left}.login-button.loading{position:relative;background-color:#ff6d3f;color:transparent}.login-button.loading:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes staggerFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInButton{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.login-subtitle{color:#666;margin-bottom:2rem;font-size:1rem;animation:fadeIn .5s ease-out .3s forwards;opacity:0}.social-login{margin-top:1.5rem;opacity:0;animation:fadeIn .5s ease-out .7s forwards}.divider-text{display:inline-block;position:relative;color:#777;font-size:.85rem;margin-bottom:1.2rem}.divider-text:before,.divider-text:after{content:"";position:absolute;top:50%;width:80px;height:1px;background:#e0e0e0}.divider-text:before{right:100%;margin-right:15px}.divider-text:after{left:100%;margin-left:15px}.social-buttons{display:flex;gap:10px;justify-content:center}.social-button{flex:1;padding:.8rem;border:1px solid #e0e0e0;background-color:#fff;border-radius:5px;cursor:pointer;font-weight:500;font-size:.9rem;transition:all .3s ease;display:flex;justify-content:center;align-items:center}.social-button:hover{background-color:#f5f5f5;border-color:#d0d0d0}.social-button.google{color:#4285f4}.social-button.facebook{color:#3b5998}.signup-page-container{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:2rem;background-color:#f4f4f4}.signup-form-container{background-color:#fff;padding:2rem 3rem;border-radius:8px;box-shadow:0 4px 12px #0000001a;width:100%;max-width:450px;text-align:center}.signup-form-container h2{color:#333;margin-bottom:1.5rem;font-size:2rem}.signup-form .form-group{margin-bottom:1.2rem;text-align:left}.signup-form .form-group label{display:block;margin-bottom:.5rem;color:#555;font-weight:700}.signup-form .form-group input{width:100%;padding:.8rem;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:1rem}.signup-form .form-group input:focus{outline:none;border-color:#00796b;box-shadow:0 0 0 2px #00796b33}.signup-button{background-color:#00796b;color:#fff;border:none;padding:.8rem 1.5rem;font-size:1rem;cursor:pointer;border-radius:4px;width:100%;transition:background-color .3s ease}.signup-button:hover{background-color:#005f56}.login-link{margin-top:1.5rem;font-size:.9rem}.login-link a{color:#00796b;text-decoration:none;font-weight:700}.login-link a:hover{text-decoration:underline}.signup-form-container{animation:fadeInScale .5s ease-out forwards}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.form-group input{transition:all .3s ease-in-out}.form-group input:focus{transform:translateY(-2px)}.signup-button{transition:background-color .3s ease,transform .2s ease}.signup-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.signup-button:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}/*!
* Quill Editor v2.0.3
* https://quilljs.com
* Copyright (c) 2017-2024, Slab
* Copyright (c) 2014, Jason Chen
* Copyright (c) 2013, salesforce.com
*/.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li>.ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked]>.ql-ui,.ql-editor li[data-list=unchecked]>.ql-ui{color:#777}.ql-editor li[data-list=bullet]>.ql-ui:before{content:"•"}.ql-editor li[data-list=checked]>.ql-ui:before{content:"☑"}.ql-editor li[data-list=unchecked]>.ql-ui:before{content:"☐"}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered]>.ql-ui:before{content:counter(list-0,decimal) ". "}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before{content:counter(list-1,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before{content:counter(list-2,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before{content:counter(list-3,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before{content:counter(list-4,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before{content:counter(list-5,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before{content:counter(list-6,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before{content:counter(list-7,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before{content:counter(list-8,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl>.ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}:root{--primary-color: #ff6d3f;--primary-light: #ff8c66;--primary-dark: #e85c2e;--secondary-color: #10b981;--secondary-dark: #0ea271;--text-dark: #1e293b;--text-light: #64748b;--text-muted: #94a3b8;--white: #ffffff;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--background-color: #f8fafc;--border-radius: 8px;--border-radius-lg: 12px;--border-radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .04);--transition-fast: .2s ease;--transition: .3s ease}.write-story-page{padding-top:60px;min-height:100vh;background-color:var(--background-color);display:flex;flex-direction:column;color:var(--text-dark);overflow-x:hidden}.write-container{flex:1;max-width:1400px;width:100%;margin:0 auto;padding:10px 20px 40px;animation:fadeIn .6s var(--transition);position:relative}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:400px;animation:pulseIn 1.2s ease}.loading-spinner{position:relative;width:60px;height:60px}.spinner-circle{position:absolute;width:100%;height:100%;border:3px solid rgba(255,109,63,.2);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1.2s cubic-bezier(.68,-.55,.27,1.55) infinite}.spinner-circle.inner{width:60%;height:60%;border-width:3px;border-color:#10b98133;border-top-color:var(--secondary-color);animation:spin .8s cubic-bezier(.68,-.55,.27,1.55) infinite reverse;top:20%;left:20%}.loading-container p{margin-top:24px;color:var(--text-light);font-size:1.1rem;font-weight:500;animation:fadeIn .8s ease .4s both}.error-container{text-align:center;background-color:#fff;border-radius:var(--border-radius-lg);padding:60px 30px;box-shadow:var(--shadow-lg);max-width:600px;margin:40px auto;animation:fadeInUp .6s cubic-bezier(.16,1,.3,1)}.error-icon{color:#f43f5e;font-size:3rem;margin-bottom:20px;animation:pulseError 2s ease infinite}.story-editor-container{display:flex;flex-direction:column;gap:30px;animation:fadeIn .5s ease;position:relative}.story-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow);position:sticky;top:70px;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:10px;animation:slideInDown .5s ease}.story-title-input{font-size:1.8rem;font-weight:700;color:var(--text-dark);border:none;outline:none;width:100%;background-color:transparent;transition:all .3s ease;padding:5px 0;border-bottom:2px solid transparent}.story-title-input:focus{border-bottom-color:var(--primary-light)}.story-actions{display:flex;align-items:center;gap:15px}.story-content{margin-top:50px;display:grid;grid-template-columns:3fr 1fr;gap:30px}.story-main{display:flex;flex-direction:column;gap:30px}.story-cover-section{display:grid;grid-template-columns:220px 1fr;gap:30px;background-color:var(--white);padding:30px;border-radius:var(--border-radius-lg);box-shadow:var(--shadow);animation:fadeInUp .6s ease .1s both}.cover-preview{width:220px;height:330px;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow);position:relative;cursor:pointer;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.cover-preview:hover{transform:scale(1.03)}.cover-preview img{width:100%;height:100%;object-fit:cover;transition:filter .3s ease}.cover-preview:hover img{filter:brightness(.9)}.default-cover{width:100%;height:100%;background:linear-gradient(145deg,var(--primary-light) 0%,var(--primary-dark) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--white)}.default-cover i{font-size:3rem;margin-bottom:15px;opacity:.9}.default-cover span{font-weight:600;opacity:.9}.cover-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#000c,#0000);color:#fff;padding:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;height:100%}.cover-overlay i{font-size:2rem;margin-bottom:10px}.cover-preview:hover .cover-overlay{opacity:1}.story-info{display:flex;flex-direction:column;gap:20px}.description-textarea{min-height:150px;font-size:1rem;line-height:1.6;color:var(--text-dark);resize:vertical}.story-meta{display:flex;gap:20px;margin-top:10px}.meta-item{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:.9rem}.meta-item i{color:var(--primary-color)}.chapters-section{background-color:var(--white);border-radius:var(--border-radius-lg);padding:30px;box-shadow:var(--shadow);animation:fadeInUp .6s ease .2s both}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid var(--gray-200)}.section-header h2{font-size:1.5rem;color:var(--text-dark);margin:0;font-weight:700}.chapters-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.chapter-card{background-color:var(--gray-50);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:all .4s cubic-bezier(.34,1.56,.64,1);border:1px solid var(--gray-200)}.chapter-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--gray-300)}.chapter-card-header{padding:20px;background-color:var(--white);border-bottom:1px solid var(--gray-200);display:flex;align-items:center;gap:15px}.chapter-number{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:var(--primary-color);color:var(--white);font-weight:600;border-radius:50%;flex-shrink:0}.chapter-card-header h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-dark);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chapter-card-content{padding:20px;height:100px;overflow:hidden;position:relative}.chapter-card-content p{margin:0;color:var(--text-light);font-size:.95rem;line-height:1.6}.chapter-card-content:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(to top,var(--gray-50) 0%,rgba(248,250,252,0) 100%)}.chapter-card-footer{padding:15px 20px;border-top:1px solid var(--gray-200);display:flex;justify-content:space-between;align-items:center}.chapter-stats{color:var(--text-muted);font-size:.85rem}.story-sidebar{display:flex;flex-direction:column;gap:30px}.sidebar-card{background-color:var(--white);border-radius:var(--border-radius-lg);padding:25px;box-shadow:var(--shadow)}.publish-card{background:linear-gradient(145deg,#f0fdf4,#d1fae5);border:1px solid rgba(16,185,129,.2);animation:fadeInRight .7s ease}.publish-card h3{color:var(--secondary-dark);font-size:1.3rem;margin:0 0 15px}.publish-card p{color:var(--text-dark);margin-bottom:20px}.btn-publish-lg{width:100%;background-color:var(--secondary-color);color:#fff;border:none;border-radius:var(--border-radius);padding:14px 20px;font-weight:600;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease;box-shadow:0 4px 10px #10b98133}.btn-publish-lg:hover{background-color:var(--secondary-dark);transform:translateY(-3px);box-shadow:0 6px 15px #10b9814d}.btn-publish-lg:disabled{background-color:var(--gray-300);transform:none;box-shadow:none;cursor:not-allowed}.chapter-editor-container{display:flex;height:calc(100vh - 140px);position:relative;background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;animation:scaleIn .5s cubic-bezier(.34,1.56,.64,1)}.editor-sidebar{width:280px;background-color:var(--gray-50);border-right:1px solid var(--gray-200);display:flex;flex-direction:column;transition:all .4s ease;overflow-y:auto}.sidebar-header{padding:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--gray-200);position:sticky;top:0;background-color:var(--gray-50);z-index:10}.sidebar-header h2{margin:0;font-size:1.1rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}.btn-icon{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.btn-icon:hover{background-color:var(--gray-200);color:var(--text-dark)}.chapter-list{padding:20px;display:flex;flex-direction:column;gap:10px}.chapter-list-item{display:flex;gap:15px;padding:12px;border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease;border:1px solid transparent}.chapter-list-item:hover{background-color:var(--gray-100)}.chapter-list-item.active{background-color:#ff6d3f1a;border-color:#ff6d3f33}.chapter-list-number{width:28px;height:28px;background-color:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;flex-shrink:0}.chapter-list-details{flex:1;min-width:0}.chapter-list-item h4{margin:0 0 5px;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chapter-list-meta{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-muted)}.chapter-action-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:3px;font-size:.85rem;border-radius:4px;transition:all .3s ease}.chapter-action-btn.delete:hover{color:#f43f5e;background-color:#fff1f2}.sidebar-toggle{position:absolute;left:280px;top:50%;transform:translateY(-50%);width:24px;height:60px;background-color:var(--white);border:1px solid var(--gray-200);border-left:none;border-radius:0 8px 8px 0;display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;z-index:100;transition:all .3s ease}.sidebar-toggle:hover{color:var(--primary-color);background-color:var(--gray-50)}.chapter-editor-container.sidebar-hidden .editor-sidebar{margin-left:-280px}.chapter-editor-container.sidebar-hidden .sidebar-toggle{left:0}.chapter-editor-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.editor-header{display:flex;justify-content:space-between;padding:20px 30px;border-bottom:1px solid var(--gray-200);background-color:var(--white);align-items:center}.editor-buttons{display:flex;gap:15px}.chapter-content-wrapper{flex:1;overflow:auto;position:relative}.quill{height:100%;display:flex;flex-direction:column}.ql-toolbar.ql-snow{border:none!important;border-bottom:1px solid var(--gray-200)!important;padding:15px 20px!important;background-color:var(--gray-50)}.ql-container.ql-snow{border:none!important;height:calc(100% - 65px)!important}.ql-editor{padding:30px 60px!important;font-size:1.1rem!important;line-height:1.8!important;color:var(--text-dark)!important;min-height:100%!important}.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3{margin-bottom:1em!important}.word-count{position:absolute;bottom:15px;right:20px;background-color:var(--gray-50);color:var(--text-muted);padding:5px 10px;border-radius:4px;font-size:.8rem;font-weight:500;box-shadow:var(--shadow-sm);opacity:.8}.btn{padding:12px 24px;border-radius:var(--border-radius);font-weight:600;font-size:1rem;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);border:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background-color:var(--primary-color);color:var(--white);box-shadow:0 4px 10px #ff6d3f33}.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-3px);box-shadow:0 8px 15px #ff6d3f4d}.btn-outline{background:none;border:1px solid var(--gray-200);color:var(--text-light);transition:all .3s ease}.btn-outline:hover{border-color:var(--primary-color);color:var(--primary-color);background-color:#ff6d3f0d}.btn-publish{background-color:var(--secondary-color);color:var(--white);box-shadow:0 4px 10px #10b98133}.btn-publish:hover{background-color:var(--secondary-dark);transform:translateY(-3px);box-shadow:0 8px 15px #10b9814d}.btn-add-chapter{background-color:var(--primary-color);color:var(--white);padding:12px 24px;border-radius:var(--border-radius);font-weight:600;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 10px #ff6d3f33}.btn-add-chapter:hover{background-color:var(--primary-dark);transform:translateY(-3px);box-shadow:0 8px 15px #ff6d3f4d}.btn-add-chapter-small{background-color:var(--gray-100);color:var(--text-light);border:1px dashed var(--gray-300);padding:12px;border-radius:var(--border-radius);width:100%;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;transition:all .3s ease}.btn-add-chapter-small:hover{background-color:var(--gray-200);color:var(--text-dark)}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes pulseIn{0%{opacity:0;transform:scale(.9)}70%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes pulseError{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.write-notification{position:fixed;bottom:30px;right:30px;padding:15px 25px;background-color:var(--white);color:var(--text-dark);border-radius:var(--border-radius);box-shadow:0 10px 25px #0000001a;z-index:1000;transform:translateY(100px);opacity:0;transition:all .5s cubic-bezier(.68,-.55,.27,1.55)}.write-notification.show{transform:translateY(0);opacity:1}.write-notification.success{background-color:#f0fdf4;border-left:4px solid var(--secondary-color)}.write-notification.error{background-color:#fff1f2;border-left:4px solid #f43f5e}.write-notification.info{background-color:#eff6ff;border-left:4px solid #3b82f6}.no-chapters-card{background-color:var(--gray-50);border:2px dashed var(--gray-200);border-radius:var(--border-radius);padding:40px;text-align:center;animation:pulseIn 1s ease}.no-chapters-icon{font-size:3rem;color:var(--gray-300);margin-bottom:20px}.no-chapters-card h3{margin:0 0 10px;color:var(--text-dark);font-weight:600}.no-chapters-card p{color:var(--text-light);margin-bottom:30px}.tips-card{animation:fadeInRight .7s ease .1s both}.tips-card h3{margin:0 0 20px;font-size:1.2rem;color:var(--text-dark)}.tips-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:15px}.tips-list li{display:flex;gap:12px;align-items:flex-start}.tips-list li i{color:var(--primary-color);margin-top:2px}.tips-list li span{color:var(--text-light);font-size:.95rem;line-height:1.5}.save-status{min-width:100px}.save-status-text{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:500}.save-status-text.success{color:var(--secondary-color)}.save-status-text.error{color:#f43f5e}.mini-spinner{width:16px;height:16px;border:2px solid rgba(16,185,129,.3);border-top-color:var(--secondary-color);border-radius:50%;animation:spin 1s linear infinite}.mini-spinner.white{border:2px solid rgba(255,255,255,.3);border-top-color:#fff}.publish-requirements{margin-top:20px;padding-top:15px;border-top:1px solid rgba(16,185,129,.2)}.publish-requirements p{margin:0 0 10px;font-size:.9rem;font-weight:500}.publish-requirements ul{list-style:none;padding:0;margin:0}.publish-requirements li{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:.9rem;color:var(--text-light)}.publish-requirements li i{color:#f43f5e}.publish-requirements li.complete{color:var(--text-dark)}.publish-requirements li.complete i{color:var(--secondary-color)}@media (max-width: 1100px){.story-content{grid-template-columns:1fr}.story-sidebar{order:-1}.story-cover-section{grid-template-columns:1fr}.cover-preview{margin:0 auto}}@media (max-width: 900px){.story-header{flex-direction:column;align-items:flex-start;gap:20px;padding:20px}.story-actions{width:100%;justify-content:space-between}.chapters-list{grid-template-columns:1fr}.chapter-editor-container{flex-direction:column;height:auto;min-height:calc(100vh - 140px)}.editor-sidebar{width:100%;max-height:300px;border-right:none;border-bottom:1px solid var(--gray-200)}.sidebar-toggle{display:none}}@media (max-width: 600px){.write-container{padding:15px 15px 30px}.story-header,.story-cover-section,.chapters-section,.sidebar-card{padding:20px}.story-title-input{font-size:1.5rem}.story-actions{flex-wrap:wrap;gap:10px}.btn{padding:10px 16px;font-size:.95rem}.story-meta{flex-direction:column;gap:10px}.editor-header{flex-direction:column;align-items:flex-start;gap:15px;padding:15px}.chapter-title-input{font-size:1.3rem}.editor-buttons{width:100%;justify-content:space-between}.ql-toolbar.ql-snow{padding:10px!important}.ql-editor{padding:20px!important;font-size:1rem!important}}.fullscreen-mode{padding-top:0!important}.fullscreen-mode .write-container{max-width:100%;padding:0}.chapter-editor-container.fullscreen{border-radius:0;height:100vh}.editor-fullscreen-btn{width:40px;height:40px;border-radius:50%;background-color:var(--gray-100);transition:all .3s ease}.editor-fullscreen-btn:hover{background-color:var(--gray-200);transform:scale(1.05)}.chapter-stats{display:flex;flex-direction:column;gap:3px}.update-time{font-size:.75rem;color:var(--text-muted)}.stats-card{background:linear-gradient(145deg,#eff6ff,#dbeafe);border:1px solid rgba(59,130,246,.2);animation:fadeInRight .7s ease .2s both}.stats-card h3{color:#1e40af;font-size:1.3rem;margin:0 0 15px}.stats-list{display:flex;flex-direction:column;gap:12px}.stat-item{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid rgba(59,130,246,.1)}.stat-label{color:var(--text-light);font-size:.9rem}.stat-value{color:var(--text-dark);font-weight:600;font-size:1rem}.stat-date-value{color:var(--text-dark);font-weight:600;font-size:.8rem}.settings-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.settings-content{background-color:var(--white);border-radius:var(--border-radius-lg);width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1)}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid var(--gray-200)}.settings-header h2{margin:0;font-size:1.4rem;color:var(--text-dark)}.btn-close{background:none;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.btn-close:hover{background-color:var(--gray-100);color:var(--text-dark)}.settings-body{padding:25px}.settings-section{margin-bottom:30px}.settings-section h3{margin:0 0 20px;font-size:1.1rem;color:var(--text-dark);font-weight:600}.unsaved-indicator{width:8px;height:8px;background-color:var(--primary-color);border-radius:50%;display:inline-block;margin-left:8px;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}to{opacity:.5;transform:scale(1)}}.no-chapters{padding:40px 20px;text-align:center;animation:fadeIn .5s ease}.no-chapters-icon{font-size:3rem;color:var(--gray-300);margin-bottom:15px}.no-chapters p{color:var(--text-light);margin-bottom:20px;font-size:1.1rem}input[type=checkbox]{width:18px;height:18px;margin-right:10px;accent-color:var(--primary-color)}.form-control{width:100%;padding:14px 16px;border:1px solid var(--gray-200);border-radius:var(--border-radius);font-size:1rem;transition:all .3s ease;color:var(--text-dark);background-color:var(--gray-50)}.form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #ff6d3f1a;background-color:var(--white)}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-dark);font-size:1rem}.chapter-list-item{transform-origin:left center;animation:slideInFromLeft .3s ease forwards;opacity:0}.chapter-list-item:nth-child(1){animation-delay:.05s}.chapter-list-item:nth-child(2){animation-delay:.1s}.chapter-list-item:nth-child(3){animation-delay:.15s}.chapter-list-item:nth-child(4){animation-delay:.2s}.chapter-list-item:nth-child(5){animation-delay:.25s}.chapter-list-item:nth-child(6){animation-delay:.3s}.chapter-list-item:nth-child(7){animation-delay:.35s}.chapter-list-item:nth-child(8){animation-delay:.4s}.chapter-list-item:nth-child(9){animation-delay:.45s}.chapter-list-item:nth-child(10){animation-delay:.5s}@keyframes slideInFromLeft{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}.chapter-card{animation:fadeInUp .5s ease forwards;opacity:0}.chapter-card:nth-child(1){animation-delay:.05s}.chapter-card:nth-child(2){animation-delay:.1s}.chapter-card:nth-child(3){animation-delay:.15s}.chapter-card:nth-child(4){animation-delay:.2s}.chapter-card:nth-child(5){animation-delay:.25s}.chapter-card:nth-child(6){animation-delay:.3s}.chapter-card:nth-child(7){animation-delay:.35s}.chapter-card:nth-child(8){animation-delay:.4s}.tips-list li{padding:10px 0;border-bottom:1px solid var(--gray-100);transform:translate(20px);opacity:0;animation:slideInFromRight .5s ease forwards}.tips-list li:nth-child(1){animation-delay:.1s}.tips-list li:nth-child(2){animation-delay:.2s}.tips-list li:nth-child(3){animation-delay:.3s}.tips-list li:nth-child(4){animation-delay:.4s}.tips-list li:nth-child(5){animation-delay:.5s}@keyframes slideInFromRight{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.rich-text-editor-wrapper{position:relative;height:100%;display:flex;flex-direction:column;border-radius:var(--border-radius);box-shadow:var(--shadow)}.editor-container{height:100%;min-height:450px;background-color:#fff;border-radius:var(--border-radius)}.rich-text-editor-wrapper .ql-toolbar:first-of-type{display:none}.quill-container{height:100%;overflow:hidden}.ql-container{font-family:var(--font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif);font-size:1.1rem;height:calc(100% - 42px)!important;overflow-y:auto}.ql-editor{padding:30px 60px!important;min-height:100%!important;font-family:var(--font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif);font-size:1.1rem!important;line-height:1.8!important;color:var(--text-dark)!important}.ql-toolbar.ql-snow{border:none!important;border-bottom:1px solid var(--gray-200)!important;padding:15px 20px!important;background-color:var(--gray-50);position:sticky;top:0;z-index:10}.ql-container.ql-snow{border:none!important}.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin-bottom:1em!important}.ql-editor h1,.ql-editor h2,.ql-editor h3{font-weight:700!important;margin-top:1.5em!important}.ql-editor h1{font-size:2rem!important}.ql-editor h2{font-size:1.75rem!important}.ql-editor h3{font-size:1.5rem!important}.ql-editor blockquote{border-left:4px solid var(--primary-color);padding-left:1rem;margin-left:0;color:var(--text-light)}.ql-editor pre.ql-syntax{background-color:var(--gray-100);color:var(--text-dark);border-radius:var(--border-radius);padding:1rem;overflow:auto}.word-count{position:absolute;bottom:15px;right:20px;background-color:var(--gray-50);color:var(--text-muted);padding:5px 10px;border-radius:4px;font-size:.8rem;font-weight:500;box-shadow:var(--shadow-sm);opacity:.8;z-index:20}@media (max-width: 768px){.ql-toolbar.ql-snow{padding:10px!important}.ql-editor{padding:20px!important;font-size:1rem!important}}.status{padding:3px 8px;border-radius:10px;font-size:.8rem;font-weight:600;text-transform:uppercase;display:inline-flex;align-items:center}.status.published{background-color:#e3f8e8;color:#1d9939}.status.draft{background-color:#f0f0f0;color:#666}.chapter-status{padding:3px 8px;border-radius:10px;font-size:.7rem;font-weight:600;text-transform:uppercase;margin-left:auto}.chapter-status.published{background-color:#e3f8e8;color:#1d9939}.chapter-status.draft{background-color:#f0f0f0;color:#666}.btn.btn-success{background-color:#28a745;color:#fff;border-color:#28a745}.btn.btn-success:hover{background-color:#218838;border-color:#1e7e34}.btn-text.publish{color:#1d9939}.btn-text.unpublish{color:#6c757d}.chapter-card-footer .publish-time{color:#1d9939;margin-left:10px;font-size:.8rem;font-style:italic}.btn-text{background:none;border:none;color:var(--primary-color);font-size:.9rem;padding:5px 10px;cursor:pointer;transition:all .2s;border-radius:var(--radius-sm);display:inline-flex;align-items:center;gap:5px}.btn-text:hover{background-color:#0000000d}.btn-text.delete{color:var(--delete-color)}.btn-text.delete:hover{background-color:#dc35451a}.chapter-actions{display:flex;gap:5px}.btn-publish{background-color:#6e48e5;border-color:#6e48e5;color:#fff}.btn-publish:hover{background-color:#5a3bcc;border-color:#5a3bcc}.btn-publish:disabled{background-color:#a99de0;border-color:#a99de0}.my-stories-page{padding-top:80px;min-height:100vh;background-color:var(--background-color);background-image:linear-gradient(135deg,var(--gray-100) 0%,var(--gray-200) 100%)}.my-stories-container{padding:40px 20px;margin-top:20px;margin-bottom:40px;max-width:1200px}.my-stories-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:50px;position:relative;padding-bottom:15px}.my-stories-header:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,#ff6d3fcc,#ff6d3f4d);transform:scaleX(0);transform-origin:left;animation:slideIn .8s ease forwards .2s}.my-stories-header h1{font-size:2.5rem;color:var(--text-color);margin:0;font-weight:700;position:relative;opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease forwards}.my-stories-header h1:before{content:"";position:absolute;left:0;bottom:-8px;width:40px;height:3px;background-color:var(--primary-color);border-radius:2px}.my-stories-header .btn{opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease forwards .2s}.btn-icon{margin-right:8px}.btn.btn-primary{background-color:var(--primary-color);color:var(--white);border:none;padding:12px 24px;border-radius:var(--border-radius-full);font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 6px #ff6d3f1a;display:inline-flex;align-items:center;justify-content:center}.btn.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 15px #ff6d3f33;background-color:var(--primary-dark)}.btn.btn-primary:active{transform:translateY(-1px)}.filter-container{display:flex;gap:15px;margin-bottom:30px;opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease forwards .4s;flex-wrap:wrap}.filter-btn{background:none;border:none;padding:8px 16px;border-radius:var(--border-radius-full);font-size:.95rem;color:var(--text-light);cursor:pointer;transition:all .3s ease;position:relative}.filter-btn:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--primary-color);transform:scaleX(0);transform-origin:center;transition:transform .3s ease}.filter-btn:hover{color:var(--primary-color)}.filter-btn.active{color:var(--primary-color);font-weight:600}.filter-btn.active:after{transform:scaleX(1)}.loading-spinner{display:flex;justify-content:center;align-items:center;height:300px;color:var(--text-light);font-size:1.1rem;position:relative}.loading-spinner:after{content:"";width:40px;height:40px;border:3px solid rgba(255,109,63,.3);border-radius:50%;border-top-color:var(--primary-color);animation:spin 1s ease-in-out infinite;position:absolute;margin-top:-40px}.no-stories{background-color:var(--white);border-radius:var(--border-radius-lg);padding:60px 30px;text-align:center;box-shadow:var(--shadow-lg);transition:all .3s ease;margin:20px 0;opacity:0;transform:translateY(30px);animation:fadeInUp .8s ease forwards;position:relative;overflow:hidden}.no-stories:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--primary-color),var(--primary-light));border-radius:5px 5px 0 0}.no-stories:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001a}.no-stories-icon{font-size:3rem;margin-bottom:20px;animation:pulse 2s infinite}.no-stories h2{font-size:2rem;color:var(--text-color);margin-bottom:15px;font-weight:700}.no-stories p{color:var(--text-light);margin-bottom:30px;font-size:1.1rem;line-height:1.6}.create-story-btn{padding:14px 32px;font-size:1.1rem;position:relative;overflow:hidden}.create-story-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#fff3;transition:all .4s ease}.create-story-btn:hover:before{left:100%}.stories-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;margin-bottom:40px}.story-card{background-color:var(--white);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:all .5s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;height:100%;position:relative;opacity:0;transform:translateY(30px)}.story-card.fade-out{opacity:0;transform:translateY(20px) scale(.95);transition:all .3s ease}.stories-list .story-card:nth-child(1){animation:fadeInUp .6s ease forwards .1s}.stories-list .story-card:nth-child(2){animation:fadeInUp .6s ease forwards .2s}.stories-list .story-card:nth-child(3){animation:fadeInUp .6s ease forwards .3s}.stories-list .story-card:nth-child(4){animation:fadeInUp .6s ease forwards .4s}.stories-list .story-card:nth-child(5){animation:fadeInUp .6s ease forwards .5s}.stories-list .story-card:nth-child(6){animation:fadeInUp .6s ease forwards .6s}.story-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:var(--shadow-lg);z-index:1}.story-cover{height:200px;overflow:hidden;position:relative}.story-cover:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:50%;background:linear-gradient(to top,rgba(0,0,0,.5),transparent);opacity:0;transition:opacity .3s ease}.story-card:hover .story-cover:after{opacity:1}.story-cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.default-cover{width:100%;height:100%;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-light) 100%);display:flex;align-items:center;justify-content:center;color:var(--white);font-size:3.5rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.2)}.story-info{flex:1;padding:25px;display:flex;flex-direction:column;position:relative}.story-info h2{margin:0 0 15px;font-size:1.6rem;color:var(--text-color);font-weight:700;line-height:1.3;transition:color .3s ease}.story-card:hover .story-info h2{color:var(--primary-color)}.story-description{margin:0 0 20px;color:var(--text-light);line-height:1.6;flex:1;font-size:.95rem}.story-meta{display:flex;flex-wrap:wrap;gap:15px;color:var(--gray-500);font-size:.9rem;margin-top:auto;padding-top:15px;border-top:1px solid var(--gray-200)}.chapter-count,.updated-date,.word-count{display:flex;align-items:center;gap:5px}.chapter-count:before{content:"📑";font-size:1rem}.word-count:before{content:"📝";font-size:1rem}.updated-date:before{content:"🕒";font-size:1rem}.story-status{padding:5px 12px;border-radius:var(--border-radius-full);font-size:.75rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;position:absolute;top:-15px;right:20px;box-shadow:var(--shadow-sm)}.story-status.published{background-color:#e6f7e6;color:var(--secondary-color)}.story-status.draft{background-color:var(--gray-100);color:var(--gray-600)}.story-actions{display:flex;justify-content:space-between;gap:10px;padding:20px 25px;background-color:var(--gray-100);border-top:1px solid var(--gray-200)}.btn-text{background:none;border:none;color:var(--gray-700);cursor:pointer;font-size:.95rem;padding:8px 15px;border-radius:var(--border-radius-full);transition:all .3s ease;text-decoration:none;flex:1;text-align:center;font-weight:500;position:relative;overflow:hidden;z-index:1}.btn-text:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0000000d;border-radius:var(--border-radius-full);transform:scaleX(0);transform-origin:right;transition:transform .4s ease;z-index:-1}.btn-text:hover:before{transform:scaleX(1);transform-origin:left}.edit-btn:hover{color:var(--primary-color)}.view-btn:hover{color:var(--secondary-color)}.delete-btn:hover{color:#dc3545}.new-story-bottom{text-align:center;margin-top:40px;opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease forwards .7s}@keyframes slideIn{0%{transform:scaleX(0)}to{transform:scaleX(1)}}body.stories-page-active{animation:pageTransition .5s ease}@keyframes pageTransition{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.stories-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width: 768px){.my-stories-header{flex-direction:column;align-items:flex-start;gap:20px}.my-stories-header h1{font-size:2rem}.filter-container{justify-content:center;width:100%}.stories-list{grid-template-columns:1fr;max-width:500px;margin-left:auto;margin-right:auto}.story-card{max-width:100%}.story-actions{justify-content:space-around}}@media (max-width: 480px){.my-stories-container{padding:20px 15px}.filter-container{gap:8px}.filter-btn{padding:6px 12px;font-size:.85rem}.story-cover{height:180px}.story-info{padding:20px}.story-info h2{font-size:1.4rem}.story-actions{padding:15px}.btn-text{padding:6px 12px;font-size:.9rem}}:root{--primary-color: #3a86ff;--primary-dark: #2667cc;--secondary-color: #8ecae6;--accent-color: #ff006e;--text-color: #2b2d42;--text-light: #575a7b;--text-muted: #8d99ae;--bg-color: #f7f9fc;--card-bg: #ffffff;--border-color: rgba(0, 0, 0, .06);--shadow-sm: 0 2px 10px rgba(0, 0, 0, .05);--shadow-md: 0 4px 20px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .12);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--transition: all .2s ease;--container-width: 1200px}.story-details-page{min-height:100vh;background-color:var(--bg-color);color:var(--text-color);display:flex;flex-direction:column;position:relative}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;padding:2rem;text-align:center}.loading-spinner{width:48px;height:48px;border:3px solid rgba(58,134,255,.1);border-left-color:var(--primary-color);border-radius:50%;margin-bottom:1.5rem}.loading-container p{color:var(--text-muted);font-size:1.1rem}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;padding:2rem;text-align:center}.error-container h2{margin-bottom:1rem;font-size:2rem;color:#e63946}.error-container p{margin-bottom:1.5rem;max-width:500px;color:var(--text-muted)}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;background-color:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-weight:600;text-decoration:none;transition:var(--transition);box-shadow:0 4px 12px #3a86ff33}.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 15px #3a86ff4d}.story-nav-header{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;box-shadow:var(--shadow-sm)}.nav-back-button{display:flex;align-items:center;gap:.5rem;color:var(--text-color);text-decoration:none;font-weight:500;transition:var(--transition)}.nav-back-button:hover{color:var(--primary-color);transform:translate(-3px)}.nav-actions{display:flex;align-items:center;gap:1rem}.nav-action-btn{display:flex;align-items:center;justify-content:center;background-color:transparent;border:1px solid var(--border-color);color:var(--text-muted);width:38px;height:38px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);position:relative}.nav-action-btn:hover{background-color:#3a86ff0d;color:var(--primary-color);transform:translateY(-2px);border-color:var(--primary-color)}.nav-action-btn.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.action-count{position:absolute;top:-5px;right:-5px;background-color:var(--accent-color);color:#fff;font-size:.7rem;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.story-hero{position:relative;height:70vh;min-height:500px;max-height:800px;width:100%;overflow:hidden;z-index:1;display:flex;justify-content:center}.story-hero-inner{position:relative;max-width:var(--container-width);width:100%;height:100%;padding:0 2rem}.story-cover-image-blur{position:absolute;top:0;left:2rem;right:2rem;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1;transition:var(--transition);border-radius:var(--radius-md);filter:blur(20px) brightness(.7);transform-origin:center}.story-cover-thumbnail-container{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);z-index:3;width:280px;height:420px;perspective:1000px;overflow:hidden;border-radius:var(--radius-md);cursor:pointer}.story-cover-thumbnail{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md);box-shadow:0 20px 40px #0000004d;transform-style:preserve-3d;transition:var(--transition);animation:float 6s ease-in-out infinite;border:4px solid rgba(255,255,255,.2)}.thumbnail-shine{position:absolute;top:-100%;left:-100%;width:50%;height:200%;background:linear-gradient(to right,#fff0,#ffffff4d,#fff0);transform:rotate(25deg);animation:shine 4s infinite;pointer-events:none}@keyframes shine{0%{top:-100%;left:-100%}20%{top:100%;left:100%}to{top:100%;left:100%}}@keyframes float{0%{transform:translateY(0) rotateY(0);box-shadow:0 20px 40px #0000004d}50%{transform:translateY(-15px) rotateY(2deg);box-shadow:0 35px 50px #0003}to{transform:translateY(0) rotateY(0);box-shadow:0 20px 40px #0000004d}}.story-hero-overlay{position:absolute;top:0;left:2rem;right:2rem;height:100%;background:linear-gradient(to bottom,#0003,#000000b3);z-index:2;border-radius:var(--radius-md)}.story-hero-content{position:absolute;bottom:0;left:0;width:100%;padding:3rem;z-index:3;color:#fff;transition:var(--transition);background:linear-gradient(to top,rgba(0,0,0,.7),transparent);border-radius:0 0 var(--radius-md) var(--radius-md)}.story-title-container h1{font-size:3.5rem;font-weight:800;margin-bottom:1rem;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.2)}.story-author-info{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.author-thumbnail{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid white}.author-thumbnail-placeholder{width:36px;height:36px;border-radius:50%;background-color:var(--secondary-color);color:#fff;display:flex;align-items:center;justify-content:center;border:2px solid white}.author-name{font-weight:600}.story-hero-meta{display:flex;flex-wrap:wrap;gap:1.2rem;margin-bottom:2rem}.meta-item{display:flex;align-items:center;gap:.5rem;font-size:1rem;background:#ffffff26;padding:.5rem 1rem;border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:var(--transition)}.meta-item:hover{background:#ffffff40;transform:translateY(-2px)}.story-hero-actions{display:flex;align-items:center;gap:1rem;margin-top:1rem}.primary-button{display:flex;align-items:center;gap:.5rem;background-color:var(--primary-color);color:#fff;border:none;padding:.8rem 1.8rem;border-radius:var(--radius-sm);font-weight:600;font-size:1rem;cursor:pointer;transition:var(--transition);box-shadow:0 4px 12px #0003}.primary-button:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 15px #0000004d}.primary-button:disabled{background-color:#b8b8b8;cursor:not-allowed;transform:none;box-shadow:none}.secondary-button{display:flex;align-items:center;gap:.5rem;background-color:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.8rem 1.8rem;border-radius:var(--radius-sm);font-weight:600;font-size:1rem;cursor:pointer;transition:var(--transition);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.secondary-button:hover{background-color:#ffffff40;transform:translateY(-2px);border-color:#ffffff80}.story-main-content{flex-grow:1;padding:2rem 0 4rem;position:relative;background-color:var(--bg-color);margin-top:-40px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:0 -10px 30px #0000001a;z-index:5}.content-container{max-width:var(--container-width);margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:2fr 1fr;gap:2rem}.content-card{background-color:var(--card-bg);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md);margin-bottom:2rem;border:1px solid var(--border-color);transition:var(--transition)}.content-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.card-title{font-size:1.4rem;font-weight:700;color:var(--text-color);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--secondary-color);display:inline-block}.summary-card{padding:2rem}.story-description{font-size:1.1rem;line-height:1.7;color:var(--text-color);margin-bottom:2rem}.story-tags{margin:1.5rem 0}.tag-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;color:var(--text-light);font-weight:600}.tags-container{display:flex;flex-wrap:wrap;gap:.6rem}.tag{background-color:var(--secondary-color);color:var(--text-color);padding:.4rem .8rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;transition:var(--transition)}.tag:hover{transform:translateY(-2px);box-shadow:0 3px 8px #8ecae64d}.story-metadata{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.metadata-item{display:flex;flex-direction:column;gap:.3rem}.metadata-label{font-size:.85rem;color:var(--text-muted);font-weight:500}.metadata-value{font-size:1rem;color:var(--text-color);font-weight:600}.chapters-card{padding:2rem}.chapters-grid{display:flex;flex-direction:column;gap:1rem}.chapter-card{display:flex;align-items:center;gap:1rem;padding:1.2rem;background-color:#ffffff80;border-radius:var(--radius-sm);transition:var(--transition);cursor:pointer;border:1px solid var(--border-color)}.chapter-card:hover{background-color:#3a86ff0d;border-color:var(--primary-color)}.chapter-number{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;background-color:var(--primary-color);color:#fff;border-radius:var(--radius-sm);font-weight:600;font-size:1.1rem;flex-shrink:0;transition:var(--transition)}.chapter-card:hover .chapter-number{transform:scale(1.1)}.chapter-details{flex-grow:1;display:flex;flex-direction:column;gap:.5rem}.chapter-details h3{font-size:1.1rem;margin:0;color:var(--text-color);transition:var(--transition)}.chapter-card:hover .chapter-details h3{color:var(--primary-color)}.chapter-meta{display:flex;gap:1.2rem;color:var(--text-muted);font-size:.85rem}.chapter-meta span{display:flex;align-items:center;gap:.3rem}.read-chapter-button{display:inline-block;margin-top:.5rem;font-size:.9rem;font-weight:600;color:var(--primary-color);transition:var(--transition)}.chapter-card:hover .read-chapter-button{color:var(--primary-dark);text-decoration:underline}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 1rem;text-align:center}.empty-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background-color:#3a86ff1a;color:var(--primary-color);border-radius:50%;font-size:1.5rem;margin-bottom:1rem}.empty-state p{color:var(--text-muted);margin-bottom:1.5rem;font-size:1rem}.comments-card{padding:2rem}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.comment-count{background-color:var(--secondary-color);color:var(--text-color);font-size:.9rem;font-weight:600;padding:.3rem .8rem;border-radius:20px}.author-card{padding:2rem}.author-profile{display:flex;flex-direction:column;align-items:center;text-align:center}.author-image{width:120px;height:120px;border-radius:50%;object-fit:cover;margin-bottom:1.2rem;border:3px solid var(--primary-color);transition:var(--transition)}.author-avatar{width:120px;height:120px;border-radius:50%;background-color:var(--secondary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;margin-bottom:1.2rem;transition:var(--transition)}.author-name{font-size:1.4rem;font-weight:700;margin-bottom:.8rem;color:var(--text-color)}.author-bio{color:var(--text-muted);margin-bottom:1.5rem;line-height:1.6;font-size:.95rem}.author-bio.empty{font-style:italic;color:var(--text-muted)}.author-profile-link{display:inline-block;color:var(--primary-color);text-decoration:none;font-weight:600;padding:.6rem 1.2rem;border:1px solid var(--primary-color);border-radius:var(--radius-sm);transition:var(--transition)}.author-profile-link:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-2px)}.stats-card{padding:2rem}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem;border-radius:var(--radius-sm);background-color:#3a86ff0d;transition:var(--transition)}.stat-item:hover{background-color:#3a86ff1a;transform:translateY(-3px)}.stat-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#fff;color:var(--primary-color);border-radius:50%;font-size:1.2rem;margin-bottom:.8rem;box-shadow:var(--shadow-sm)}.stat-info{display:flex;flex-direction:column;gap:.2rem}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-color)}.stat-label{font-size:.85rem;color:var(--text-muted);font-weight:500}.similar-stories-card{padding:2rem}@media (max-width: 1200px){.content-container,.story-hero-inner{padding:0 1.5rem}.story-title-container h1{font-size:3rem}.story-cover-image-blur,.story-hero-overlay{left:1.5rem;right:1.5rem}.story-cover-thumbnail-container{width:250px;height:375px}}@media (max-width: 1024px){.content-container{grid-template-columns:1fr}.side-column{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.story-hero{height:60vh}.author-profile{flex-direction:row;text-align:left;align-items:flex-start;gap:1.5rem}.author-image,.author-avatar{margin-bottom:0;width:100px;height:100px}.author-profile-link{align-self:flex-start}}@media (max-width: 768px){.story-nav-header{padding:.8rem 1.5rem}.nav-text{display:none}.story-hero{height:70vh}.story-hero-inner{padding:0 1rem}.story-cover-image-blur,.story-hero-overlay{left:1rem;right:1rem}.story-cover-thumbnail-container{width:180px;height:270px;top:40%}.story-cover-thumbnail{animation:float 5s ease-in-out infinite}.story-hero-content{padding:1.5rem}.story-title-container h1{font-size:2.2rem}.story-hero-meta{flex-wrap:wrap;gap:.8rem}.story-hero-actions{flex-direction:column;align-items:stretch;gap:.8rem}.meta-item{font-size:.9rem;padding:.4rem .8rem}.side-column{display:flex;flex-direction:column}.author-profile{flex-direction:column;text-align:center;align-items:center}.author-image,.author-avatar{margin-bottom:1.2rem}.author-profile-link{align-self:center}.content-card{padding:1.5rem!important}}@media (max-width: 480px){.story-hero{height:80vh}.story-hero-inner{padding:0 .75rem}.story-cover-image-blur,.story-hero-overlay{left:.75rem;right:.75rem;border-radius:var(--radius-sm)}.story-cover-thumbnail-container{width:150px;height:225px;top:30%}.story-cover-thumbnail{border-radius:var(--radius-sm);animation:float 4s ease-in-out infinite}@keyframes float{0%{transform:translateY(0) rotateY(0)}50%{transform:translateY(-8px) rotateY(1deg)}to{transform:translateY(0) rotateY(0)}}.story-hero-content{padding:1rem;border-radius:0 0 var(--radius-sm) var(--radius-sm)}.story-title-container h1{font-size:1.8rem}.story-author-info{font-size:.9rem}.story-main-content{padding:1.5rem 0 3rem}.content-container{padding:0 1rem}.card-title{font-size:1.2rem}.story-description{font-size:1rem}.stats-grid{grid-template-columns:1fr;gap:1rem}.author-image,.author-avatar{width:80px;height:80px}.primary-button,.secondary-button{padding:.7rem 1.2rem;font-size:.95rem}}:root{--primary-color: #4361ee;--primary-dark: #3a56d4;--secondary-color: #4cc9f0;--accent-color: #f72585;--success-color: #06d6a0;--warning-color: #ffd166;--danger-color: #ef476f;--text-color: #2b2d42;--text-light: #4f546e;--text-muted: #8d99ae;--bg-color: #f8f9fd;--card-bg: #ffffff;--border-color: rgba(0, 0, 0, .08);--shadow-sm: 0 2px 10px rgba(0, 0, 0, .05);--shadow-md: 0 4px 20px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--transition: all .2s ease;--light-bg: #f8f9fd;--light-text: #2b2d42;--light-text-muted: #575a7b;--light-border: rgba(0, 0, 0, .08);--sepia-bg: #f8f3e9;--sepia-text: #5c4b35;--sepia-text-muted: #8a7b6d;--sepia-border: rgba(92, 75, 53, .08);--dark-bg: #161a2b;--dark-text: #e1e4f2;--dark-text-muted: #a6acc9;--dark-border: rgba(255, 255, 255, .08)}body[data-reading-theme=light]{--reading-bg: var(--light-bg);--reading-text: var(--light-text);--reading-text-muted: var(--light-text-muted);--reading-border: var(--light-border)}body[data-reading-theme=sepia]{--reading-bg: var(--sepia-bg);--reading-text: var(--sepia-text);--reading-text-muted: var(--sepia-text-muted);--reading-border: var(--sepia-border)}body[data-reading-theme=dark]{--reading-bg: var(--dark-bg);--reading-text: var(--dark-text);--reading-text-muted: var(--dark-text-muted);--reading-border: var(--dark-border)}*{box-sizing:border-box;margin:0;padding:0}.immersive-reader{background-color:var(--reading-bg);color:var(--reading-text);min-height:100vh;position:relative;transition:background-color .3s ease,color .3s ease;overflow-x:hidden}.reader-progress{position:fixed;top:0;left:0;width:100%;height:4px;background-color:#0000000d;z-index:150}.progress-bar{height:100%;background-color:var(--primary-color);transition:width .3s ease}.reader-top-nav{position:fixed;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.2rem 2rem;background-color:var(--reading-bg);z-index:100;border-bottom:1px solid var(--reading-border);box-shadow:0 2px 10px #0000000d}.nav-button{display:flex;align-items:center;gap:.5rem;background:transparent;border:none;color:var(--reading-text);font-size:.9rem;font-weight:500;cursor:pointer;padding:.6rem 1rem;border-radius:var(--radius-sm);transition:var(--transition)}.nav-button:hover{background-color:#4361ee14;transform:translateY(-2px)}.chapter-info{text-align:center;max-width:50%}.chapter-info h1{font-size:1.1rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-actions{display:flex;gap:.8rem}.action-button{display:flex;align-items:center;justify-content:center;background:transparent;border:none;width:40px;height:40px;border-radius:50%;color:var(--reading-text);cursor:pointer;transition:var(--transition)}.action-button:hover{background-color:#4361ee14;color:var(--primary-color)}.side-nav{position:fixed;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background-color:var(--card-bg);color:var(--reading-text);border:1px solid var(--reading-border);box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:90;transition:var(--transition)}.side-nav:hover{transform:translateY(-50%) scale(1.1);box-shadow:var(--shadow-lg);color:var(--primary-color)}.side-nav.left{left:20px}.side-nav.right{right:20px}.reader-content{max-width:750px;margin:0 auto;padding:60px 2rem}.chapter-title{font-size:2.4rem;font-weight:700;text-align:center;margin:3rem 0;line-height:1.3}.chapter-content{line-height:1.8}.paragraph{position:relative;margin-bottom:1.5rem;padding:0;border-radius:var(--radius-sm);transition:var(--transition);border:1px solid transparent}.paragraph:hover{background-color:#00000008;border:1px solid var(--reading-border)}body[data-reading-theme=dark] .paragraph:hover{background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.paragraph.active{background-color:#4361ee0d;border:1px solid rgba(67,97,238,.2);box-shadow:0 2px 8px #4361ee1a}body[data-reading-theme=dark] .paragraph.active{background-color:#4361ee26;border:1px solid rgba(67,97,238,.3)}.paragraph-content{font-size:inherit;color:var(--reading-text);line-height:1.85;letter-spacing:.01em}.paragraph-content h1,.paragraph-content h2,.paragraph-content h3,.paragraph-content h4,.paragraph-content h5,.paragraph-content h6{margin:1.5em 0 .8em;font-weight:700;line-height:1.3;color:var(--reading-text)}.paragraph-content h1{font-size:1.85em}.paragraph-content h2{font-size:1.6em}.paragraph-content h3{font-size:1.4em}.paragraph-content h4{font-size:1.25em}.paragraph-content h5{font-size:1.15em}.paragraph-content h6{font-size:1em}.paragraph-content p{margin:0 0 1.2em}.paragraph-content p:last-child{margin-bottom:0}.paragraph-content a{color:var(--primary-color);text-decoration:none;border-bottom:1px solid rgba(67,97,238,.2);transition:all .2s ease}.paragraph-content a:hover{border-color:var(--primary-color)}.paragraph-content strong,.paragraph-content b{font-weight:700}.paragraph-content em,.paragraph-content i{font-style:italic}.paragraph-content ul,.paragraph-content ol{margin:1em 0 1.5em;padding-left:1.8em}.paragraph-content li{margin-bottom:.7em}.paragraph-content img{max-width:100%;height:auto;display:block;margin:2em auto;border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.paragraph-content blockquote{border-left:4px solid var(--primary-color);padding:.8em 0 .8em 1.5em;margin:1.5em 0;background-color:#4361ee0d;border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-style:italic}body[data-reading-theme=dark] .paragraph-content blockquote{background-color:#4361ee1a}.paragraph-content code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;background-color:#0000000d;padding:.2em .4em;border-radius:4px;font-size:.9em}body[data-reading-theme=dark] .paragraph-content code{background-color:#ffffff1a}.paragraph-content pre{background-color:#0000000d;padding:1.2em;border-radius:var(--radius-sm);overflow-x:auto;margin:1.5em 0}body[data-reading-theme=dark] .paragraph-content pre{background-color:#0000004d}.paragraph-content pre code{background-color:transparent;padding:0;border-radius:0}.paragraph-actions{position:absolute;right:-45px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;background-color:var(--card-bg);border-radius:var(--radius-sm);padding:.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--reading-border);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.paragraph:hover .paragraph-actions,.paragraph-actions.visible{opacity:1;visibility:visible}.paragraph-action{background-color:var(--card-bg);border:1px solid var(--reading-border);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--reading-text-muted);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm);position:relative}.paragraph-action:hover{transform:scale(1.1);color:var(--primary-color);box-shadow:var(--shadow-md)}.paragraph-action.has-comments{color:var(--primary-color);border-color:var(--primary-color);background-color:#4361ee0d}.paragraph-action.has-reactions{color:var(--accent-color);border-color:var(--accent-color);background-color:#f725850d}.action-count{position:absolute;top:-6px;right:-6px;background-color:var(--primary-color);color:#fff;font-size:.7rem;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.paragraph-action.has-reactions .action-count{background-color:var(--accent-color)}.reaction-menu{position:absolute;top:50%;right:-170px;transform:translateY(-50%);background-color:var(--card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:.8rem;display:flex;gap:.5rem;z-index:20;border:1px solid var(--reading-border)}.reaction-item{display:flex;flex-direction:column;align-items:center;gap:.4rem;background-color:transparent;border:none;padding:.5rem;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.reaction-item span{font-size:.75rem;color:var(--reading-text-muted)}.reaction-item svg{font-size:1.3rem;color:var(--reading-text)}.reaction-item:hover{background-color:#0000000d;transform:translateY(-2px)}body[data-reading-theme=dark] .reaction-item:hover{background-color:#ffffff0d}.reaction-item.active svg{color:var(--accent-color)}.gift-menu{position:absolute;top:50%;right:-180px;transform:translateY(-50%);background-color:var(--card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-md);width:160px;z-index:20;border:1px solid var(--reading-border);overflow:hidden}.gift-menu-header{padding:.8rem;border-bottom:1px solid var(--reading-border);text-align:center}.gift-menu-header h4{margin:0;font-size:.9rem;font-weight:600}.gift-options{padding:.5rem;display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.gift-item{display:flex;flex-direction:column;align-items:center;background-color:transparent;border:1px solid var(--reading-border);border-radius:var(--radius-sm);padding:.6rem;cursor:pointer;transition:var(--transition)}.gift-emoji{font-size:1.5rem;margin-bottom:.3rem}.gift-name{font-size:.8rem;font-weight:500;margin-bottom:.2rem}.gift-price{font-size:.7rem;color:var(--reading-text-muted)}.gift-item:hover{border-color:var(--accent-color);background-color:#f725850d;transform:translateY(-2px)}@media (max-width: 768px){.paragraph-actions{position:static;opacity:1;display:flex;justify-content:flex-end;margin-top:.5rem}.reaction-menu,.gift-menu{position:fixed;top:auto;right:auto;bottom:80px;left:50%;transform:translate(-50%);box-shadow:var(--shadow-lg);z-index:150}.gift-menu{width:240px}.gift-options{grid-template-columns:repeat(2,1fr)}}.chapter-end{margin-top:6rem;padding-top:3rem;border-top:1px solid var(--reading-border);text-align:center}.chapter-end-info{margin-bottom:3rem}.chapter-end-info h3{font-size:1.8rem;margin-bottom:1rem;font-weight:700}.chapter-navigation{display:flex;gap:1.5rem;max-width:500px;margin:0 auto}.nav-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.8rem;background-color:var(--primary-color);color:#fff;border:none;padding:1rem 1.5rem;border-radius:var(--radius-sm);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition)}.nav-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 20px #4361ee40}.nav-btn:disabled{opacity:.5;cursor:not-allowed}.reader-bottom-toolbar{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background-color:var(--card-bg);border-radius:50px;box-shadow:var(--shadow-lg);padding:.6rem;z-index:100;border:1px solid var(--reading-border)}.toolbar-actions{display:flex;align-items:center;gap:.5rem}.toolbar-btn{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--reading-text);cursor:pointer;transition:var(--transition)}.toolbar-btn:hover{background-color:#4361ee14;color:var(--primary-color)}.toolbar-btn.active{color:var(--primary-color)}.reader-settings-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--reading-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:90%;max-width:400px;z-index:200;border:1px solid var(--reading-border);overflow:hidden}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.5rem;border-bottom:1px solid var(--reading-border)}.settings-header h3{font-size:1.4rem;font-weight:600;margin:0}.close-btn{background:transparent;border:none;color:var(--reading-text);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition)}.close-btn:hover{background-color:#0000000d;color:var(--accent-color)}body[data-reading-theme=dark] .close-btn:hover{background-color:#ffffff1a}.settings-content{padding:1.5rem}.settings-section{margin-bottom:2rem}.settings-section:last-child{margin-bottom:0}.settings-section h4{font-size:1rem;font-weight:600;margin-bottom:1.2rem;color:var(--reading-text)}.font-size-slider{display:flex;justify-content:space-between;gap:1rem}.size-btn{flex:1;height:50px;border:1px solid var(--reading-border);border-radius:var(--radius-sm);background:transparent;color:var(--reading-text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition)}.size-btn.small{font-size:.85rem}.size-btn.medium{font-size:1rem}.size-btn.large{font-size:1.15rem}.size-btn.x-large{font-size:1.3rem}.size-btn:hover{border-color:var(--primary-color);background-color:#4361ee0d}.theme-options{display:flex;justify-content:space-between;gap:1rem}.theme-btn{flex:1;height:80px;border:1px solid var(--reading-border);border-radius:var(--radius-md);background:transparent;color:var(--reading-text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:var(--transition);padding:.5rem}.theme-btn:hover{border-color:var(--primary-color);background-color:#4361ee0d}.theme-btn.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.theme-btn span{font-size:.8rem;font-weight:500}.reader-chapters-panel{position:fixed;top:0;right:0;height:100%;width:350px;background-color:var(--reading-bg);z-index:200;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;border-left:1px solid var(--reading-border)}.chapters-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--reading-border)}.chapters-header h3{font-size:1.4rem;font-weight:600;margin:0}.chapters-content{flex-grow:1;overflow-y:auto;padding:1.5rem}.story-info{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.story-cover{width:80px;height:120px;border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--shadow-md)}.story-details h4{font-size:.9rem;font-weight:500;margin-bottom:.5rem;color:var(--reading-text-muted)}.story-stats{font-size:.85rem;color:var(--reading-text-muted)}.chapter-list{margin-bottom:2rem}.current-chapter{padding:1.2rem;border-radius:var(--radius-md);border:1px solid var(--reading-border);margin-bottom:1rem;position:relative;background-color:#4361ee0d;border-color:var(--primary-color)}.chapter-number{font-size:.85rem;color:var(--reading-text-muted);margin-bottom:.3rem}.chapter-name{font-size:1.1rem;font-weight:600}.reading-now{position:absolute;top:-10px;right:10px;background-color:var(--primary-color);color:#fff;font-size:.7rem;padding:.2rem .6rem;border-radius:10px;font-weight:600}.next-chapter-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1.2rem;border-radius:var(--radius-md);border:1px solid var(--reading-border);background:transparent;color:var(--reading-text);font-size:1rem;cursor:pointer;transition:var(--transition)}.next-chapter-btn:hover{background-color:#4361ee0d;border-color:var(--primary-color);transform:translateY(-2px)}.chapter-next-label{font-weight:600}.chapter-list-actions{margin-top:auto}.back-to-story-btn{display:flex;align-items:center;justify-content:center;gap:.8rem;width:100%;padding:1rem;border-radius:var(--radius-md);border:1px solid var(--reading-border);background:transparent;color:var(--reading-text);font-size:1rem;font-weight:500;cursor:pointer;transition:var(--transition)}.back-to-story-btn:hover{background-color:#4361ee0d;border-color:var(--primary-color);transform:translateY(-2px)}.reader-comments-panel{position:fixed;top:0;right:0;height:100%;width:400px;background-color:var(--reading-bg);z-index:200;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;border-left:1px solid var(--reading-border)}.comments-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--reading-border)}.comments-header h3{font-size:1.4rem;font-weight:600;margin:0}.comments-content{flex-grow:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column}.comment-context{padding:1.2rem;background-color:#00000005;border-radius:var(--radius-md);margin-bottom:1.5rem;border:1px solid var(--reading-border)}body[data-reading-theme=dark] .comment-context{background-color:#ffffff08}.comment-context h4{font-size:.9rem;font-weight:500;margin-bottom:.8rem;color:var(--reading-text-muted)}.context-text{font-size:.95rem;line-height:1.6}.comments-list{flex-grow:1}.no-comments{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;height:100%;min-height:200px}.no-comments p{color:var(--reading-text-muted);font-size:1rem}.comment-form{margin-top:auto;padding-top:1.5rem;border-top:1px solid var(--reading-border)}.comment-form textarea{width:100%;padding:1rem;border:1px solid var(--reading-border);border-radius:var(--radius-md);resize:none;font-family:inherit;font-size:1rem;background-color:var(--reading-bg);color:var(--reading-text);margin-bottom:1rem;min-height:100px;transition:var(--transition)}.comment-form textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #4361ee33}.post-comment-btn{width:100%;padding:1rem;border-radius:var(--radius-md);border:none;background-color:var(--primary-color);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition)}.post-comment-btn:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #4361ee33}.reader-loading,.reader-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;padding:2rem}.loading-spinner{width:50px;height:50px;border:3px solid rgba(67,97,238,.1);border-left-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.5rem}.reader-loading p{color:var(--reading-text-muted);font-size:1.1rem}.reader-error h2{color:var(--danger-color);font-size:2rem;margin-bottom:1rem}.reader-error p{color:var(--reading-text-muted);font-size:1.1rem;margin-bottom:2rem;text-align:center;max-width:500px}.primary-button{display:inline-flex;align-items:center;gap:.8rem;background-color:var(--primary-color);color:#fff;border:none;padding:1rem 2rem;border-radius:var(--radius-sm);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition)}.primary-button:hover{background-color:var(--primary-dark);transform:translateY(-3px);box-shadow:0 8px 20px #4361ee40}@media (max-width: 992px){.reader-content{max-width:700px;padding:60px 1.5rem}.chapter-title{font-size:2.2rem;margin:2.5rem 0}.paragraph-actions{position:absolute;right:10px;top:10px;transform:none;flex-direction:row;background-color:var(--card-bg);opacity:0}}@media (max-width: 768px){.reader-content{max-width:100%;padding:60px 1.2rem}.chapter-title{font-size:2rem;margin:2rem 0}.reader-top-nav{padding:1rem 1.5rem}.side-nav{display:none}.paragraph-actions{position:static;opacity:1;display:flex;justify-content:flex-end;margin-top:.5rem}.reader-chapters-panel,.reader-comments-panel{width:100%}.chapter-navigation{flex-direction:column}}@media (max-width: 576px){.chapter-title{font-size:1.8rem;margin:1.5rem 0}.reader-settings-panel{width:95%}.font-size-slider,.theme-options{gap:.5rem}.reader-bottom-toolbar{width:95%}.toolbar-btn{width:40px;height:40px}}@media (max-width: 375px){.reader-content{padding:50px 1rem}.chapter-title{font-size:1.6rem;margin:1.2rem 0}.toolbar-btn{width:36px;height:36px}.reader-top-nav{padding:.8rem 1rem}.chapter-info h1{font-size:.9rem}}.comments-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 0;text-align:center}.loading-spinner.small{width:30px;height:30px;border:2px solid rgba(67,97,238,.1);border-left-color:var(--primary-color);margin-bottom:1rem}.comments-loading p{color:var(--reading-text-muted);font-size:.9rem}.comments-list{flex-grow:1;margin-bottom:1.5rem}.comment-item{display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--reading-border)}.comment-item:last-child{border-bottom:none}.comment-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.comment-avatar img{width:100%;height:100%;object-fit:cover}.comment-body{flex:1}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.comment-author{font-weight:600;font-size:.95rem}.comment-date{font-size:.8rem;color:var(--reading-text-muted)}.comment-content{font-size:.95rem;line-height:1.5;margin-bottom:1rem;word-break:break-word;white-space:pre-wrap}.comment-actions{display:flex;gap:1rem}.comment-like,.comment-reply{display:flex;align-items:center;gap:.4rem;background:transparent;border:none;font-size:.85rem;color:var(--reading-text-muted);cursor:pointer;padding:0;transition:var(--transition)}.comment-like:hover,.comment-reply:hover{color:var(--primary-color)}.comment-like.active{color:var(--accent-color)}@media (max-width: 576px){.comment-item{gap:.8rem}.comment-avatar{width:36px;height:36px}.comment-header{flex-direction:column;align-items:flex-start;gap:.2rem}}.community-page{font-family:Inter,sans-serif;color:#333;background-color:#f8f9fa;min-height:100vh;display:flex;flex-direction:column}.community-header{background:linear-gradient(135deg,#6a11cb,#2575fc);color:#fff;padding:2.5rem 0;text-align:center;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a;width:100%}.community-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url(https://images.unsplash.com/photo-1519682577862-22b62b24e493?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80) center center;background-size:cover;opacity:.1;z-index:1}.header-content{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:0 1rem}.page-title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;letter-spacing:-.5px}.page-subtitle{font-size:1.1rem;font-weight:400;opacity:.9;max-width:600px;margin:0 auto}.community-container{display:grid;grid-template-columns:280px minmax(500px,1fr) 300px;gap:1.5rem;max-width:1400px;margin:0 auto;padding:2rem 1rem;width:100%}@media (max-width: 1200px){.community-container{grid-template-columns:240px minmax(400px,1fr)}.right-sidebar{display:none}}@media (max-width: 768px){.community-container{grid-template-columns:1fr}.community-sidebar{display:none}}.community-sidebar{position:sticky;top:1rem;height:calc(100vh - 2rem);overflow-y:auto;padding-right:.5rem;scrollbar-width:thin}.community-sidebar::-webkit-scrollbar{width:4px}.community-sidebar::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px}.profile-card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 12px #0000000d;margin-bottom:1.5rem;text-align:center}.profile-header{margin-bottom:1rem;align-items:center;align-content:center;display:flex;flex-direction:column}.profile-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid white;box-shadow:0 4px 12px #0000001a;margin-bottom:.75rem}.profile-name{font-weight:600;font-size:1.1rem;display:flex;align-items:center;justify-content:center}.verified-badge{color:#3897f0;margin-left:.3rem;font-size:.9rem}.profile-stats{display:flex;justify-content:space-around;margin:1rem 0;padding:.75rem 0;border-top:1px solid #f0f2f5;border-bottom:1px solid #f0f2f5}.stat{text-align:center}.stat-value{font-weight:700;font-size:1.2rem;color:#333}.stat-label{font-size:.8rem;color:#777;margin-top:.2rem}.view-profile-btn{display:inline-block;margin-top:.5rem;font-size:.9rem;color:#3897f0;text-decoration:none;font-weight:500;transition:color .2s}.view-profile-btn:hover{color:#1a77d9;text-decoration:underline}.community-nav{background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 4px 12px #0000000d;margin-bottom:1.5rem}.community-nav ul{list-style:none;padding:0;margin:0}.community-nav li{margin:0}.community-nav button{display:flex;align-items:center;width:100%;padding:1rem 1.5rem;background:none;border:none;text-align:left;font-size:.95rem;color:#555;cursor:pointer;transition:all .2s}.community-nav button:hover{background-color:#f5f7fa}.community-nav li.active button{color:#3897f0;font-weight:600;background-color:#f0f7ff;border-left:3px solid #3897f0}.community-nav i{margin-right:.75rem;font-size:1.1rem;width:24px;text-align:center}.trending-topics{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 12px #0000000d}.trending-topics h3{font-size:1.1rem;font-weight:600;margin-top:0;margin-bottom:1rem;color:#333}.trending-topics ul{list-style:none;padding:0;margin:0}.trending-topics li{margin-bottom:.75rem;display:flex;justify-content:space-between;align-items:center}.trending-topics a{color:#3897f0;text-decoration:none;font-weight:500;transition:color .2s}.trending-topics a:hover{color:#1a77d9;text-decoration:underline}.trending-topics span{font-size:.8rem;color:#888}.community-main{min-height:90vh;width:100%}.feed-container{display:flex;flex-direction:column;gap:1rem;width:100%}.post-composer{background:#fff;border-radius:1rem;padding:1rem;display:flex;align-items:center;gap:.75rem;box-shadow:0 4px 12px #0000000d}.composer-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.composer-input-wrapper{flex:1;position:relative}.composer-input-wrapper input{width:100%;padding:.75rem 1rem;border:1px solid #e4e6eb;border-radius:2rem;background-color:#f0f2f5;font-size:.95rem;outline:none;transition:all .2s}.composer-input-wrapper input:focus{background-color:#fff;border-color:#d0d0d0;box-shadow:0 0 0 2px #3897f033}.post-submit-btn{background-color:#3897f0;color:#fff;font-weight:600;font-size:.9rem;border:none;border-radius:2rem;padding:.6rem 1.2rem;cursor:pointer;transition:background-color .2s}.post-submit-btn:hover{background-color:#1a77d9}.feed-filters{display:flex;gap:.5rem;margin-bottom:.5rem}.filter-btn{display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid #e4e6eb;border-radius:2rem;padding:.5rem 1rem;font-size:.9rem;color:#65676b;cursor:pointer;transition:all .2s}.filter-btn:hover{background-color:#f5f7fa}.filter-btn.active{background-color:#e7f3ff;color:#1877f2;border-color:#1877f2;font-weight:500}.filter-btn i{font-size:1rem}.posts-container{display:flex;flex-direction:column;gap:1rem;max-height:calc(100vh - 200px);overflow-y:auto;padding-right:.5rem;scrollbar-width:thin;width:100%}.posts-container::-webkit-scrollbar{width:6px}.posts-container::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:6px}.community-post{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 12px #0000000d;opacity:0;transform:translateY(20px);transition:all .3s ease-out}.community-post.animate-in{opacity:1;transform:translateY(0)}.post-author{display:flex;align-items:center;margin-bottom:1rem}.author-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;margin-right:.75rem}.author-details{flex:1}.author-name{font-weight:600;font-size:1rem;color:#333;display:flex;align-items:center}.post-time{font-size:.8rem;color:#888;margin-top:.2rem}.post-feeling{font-size:.85rem;color:#666;margin-top:.3rem;display:flex;align-items:center}.feeling-emoji{margin:0 4px;font-size:1.1rem}.post-content{margin-bottom:1rem}.post-content p{margin:0 0 1rem;line-height:1.5;color:#333;white-space:pre-line}.post-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.tag{color:#3897f0;font-size:.85rem;background-color:#e7f3ff;padding:.3rem .6rem;border-radius:1rem;cursor:pointer;transition:background-color .2s,transform .1s}.tag:hover{background-color:#d1e6ff;transform:translateY(-2px)}.post-link{margin:1rem 0;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.link-card{display:flex;text-decoration:none;background-color:#f8f9fa;border:1px solid #e4e6eb;transition:background-color .2s}.link-card:hover{background-color:#f0f2f5}.link-card-content{padding:1rem;flex:1}.link-title{font-weight:500;font-size:1rem;color:#333;margin-bottom:.3rem}.link-url{font-size:.8rem;color:#777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-image{width:120px;height:120px;flex-shrink:0;background-color:#e4e6eb}.link-image img{width:100%;height:100%;object-fit:cover}.story-preview{background-color:#f5f7fa;border-radius:.75rem;padding:1rem;margin:1rem 0;border:1px solid #e4e6eb}.story-preview-content{display:flex;align-items:center;gap:1rem}.story-cover{width:80px;height:120px;border-radius:.5rem;overflow:hidden;box-shadow:0 4px 8px #0000001a}.story-details h3{font-size:1.1rem;margin:0 0 .75rem;color:#333}.read-story-btn{display:inline-block;background-color:#3897f0;color:#fff;font-weight:500;font-size:.9rem;padding:.5rem 1rem;border-radius:2rem;text-decoration:none;transition:background-color .2s}.read-story-btn:hover{background-color:#1a77d9}.post-actions{display:flex;align-items:center;gap:1rem;padding:.75rem 0;border-top:1px solid #f0f2f5;border-bottom:1px solid #f0f2f5;margin:.5rem 0 1rem}.action-btn{display:flex;align-items:center;gap:.5rem;background:none;border:none;padding:.5rem .75rem;font-size:.9rem;color:#65676b;border-radius:.5rem;cursor:pointer;transition:all .2s cubic-bezier(.165,.84,.44,1)}.like-btn.active{color:#e41e3f}.action-btn i{font-size:1.1rem}.action-btn span{font-weight:500}.post-comments{margin-top:1rem}.comment{display:flex;gap:.75rem;margin-bottom:1rem}.comment-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.comment-content{flex:1;background-color:#f0f2f5;border-radius:1rem;padding:.75rem 1rem;position:relative}.comment-author{font-weight:600;font-size:.9rem;margin-bottom:.3rem}.comment-content p{margin:0;font-size:.95rem;line-height:1.4}.comment-actions{display:flex;gap:1rem;margin-top:.5rem;font-size:.8rem}.comment-time{color:#888}.comment-like,.comment-reply{background:none;border:none;padding:0;color:#65676b;font-weight:500;cursor:pointer}.comment-like:hover,.comment-reply:hover{color:#3897f0}.comment-like{display:flex;align-items:center;gap:.3rem}.comment-like i{font-size:.9rem}.add-comment{display:flex;align-items:center;gap:.75rem;margin-top:1rem}.add-comment input{flex:1;border:1px solid #e4e6eb;border-radius:2rem;padding:.6rem 1rem;background-color:#f0f2f5;font-size:.9rem;outline:none}.add-comment input:focus{border-color:#d0d0d0;background-color:#fff}.send-comment{background:none;border:none;color:#3897f0;font-size:1.1rem;cursor:pointer;padding:.4rem;border-radius:50%;transition:background-color .2s}.send-comment:hover{background-color:#e7f3ff}.loading-initial,.loading-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.loading-initial{height:300px}.loading-indicator{padding:1.5rem}.loading-spinner{width:40px;height:40px;border-radius:50%;border:3px solid #f0f2f5;border-top-color:#3897f0;animation:spinner .8s linear infinite;margin-bottom:1rem}@keyframes spinner{to{transform:rotate(360deg)}}.loading-indicator p,.loading-initial p{color:#777;font-size:.9rem}.no-posts{background:#fff;border-radius:1rem;padding:3rem 1.5rem;text-align:center;box-shadow:0 4px 12px #0000000d}.no-posts-icon{width:80px;height:80px;border-radius:50%;background-color:#f0f7ff;color:#3897f0;display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 1.5rem}.no-posts h3{font-size:1.3rem;margin:0 0 .5rem;color:#333}.no-posts p{color:#777;margin-bottom:1.5rem}.create-post-btn{background-color:#3897f0;color:#fff;font-weight:600;border:none;border-radius:2rem;padding:.75rem 1.5rem;cursor:pointer;transition:background-color .2s}.create-post-btn:hover{background-color:#1a77d9}.featured-writers,.upcoming-events,.writing-challenges{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 12px #0000000d;margin-bottom:1.5rem}.featured-writers h3,.upcoming-events h3,.writing-challenges h3{font-size:1.1rem;font-weight:600;margin-top:0;margin-bottom:1rem;color:#333}.writers-list{display:flex;flex-direction:column;gap:1rem}.writer-card{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;border-bottom:1px solid #f0f2f5}.writer-card:last-child{border-bottom:none}.writer-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.writer-details{flex:1}.writer-name{font-weight:600;font-size:.95rem;display:flex;align-items:center}.writer-bio{font-size:.85rem;color:#777;margin:.2rem 0 .5rem}.follow-btn{background-color:#f0f2f5;color:#3897f0;border:none;border-radius:2rem;padding:.4rem .8rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:transform .2s,background-color .2s}.follow-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.follow-btn.followed{background-color:#e7f3ff;color:#3897f0}.see-more-link{display:block;text-align:center;color:#3897f0;font-size:.9rem;font-weight:500;margin-top:.75rem;text-decoration:none}.see-more-link:hover{text-decoration:underline}.events-list{display:flex;flex-direction:column;gap:1rem}.event-card{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;border-bottom:1px solid #f0f2f5}.event-card:last-child{border-bottom:none}.event-date{text-align:center;width:40px}.event-month{font-size:.7rem;font-weight:600;color:#3897f0;text-transform:uppercase}.event-day{font-size:1.3rem;font-weight:700;color:#333}.event-details{flex:1}.event-details h4{font-size:.95rem;margin:0 0 .3rem}.event-info{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.8rem;color:#777}.event-info span{display:flex;align-items:center;gap:.3rem}.event-action{background-color:#f0f2f5;color:#3897f0;border:none;border-radius:2rem;padding:.4rem .8rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:transform .2s,background-color .2s}.event-action:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.challenge-card{background-color:#f9f9f9;border-radius:.75rem;padding:1rem;border:1px solid #e4e6eb}.challenge-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.challenge-header h4{font-size:1rem;margin:0}.challenge-badge{background-color:#4caf50;color:#fff;font-size:.7rem;font-weight:600;padding:.25rem .5rem;border-radius:1rem;text-transform:uppercase}.challenge-card p{font-size:.9rem;line-height:1.4;margin-bottom:1rem;color:#555}.challenge-meta{display:flex;justify-content:space-between;margin-bottom:1rem;font-size:.8rem;color:#777}.challenge-meta span{display:flex;align-items:center;gap:.3rem}.challenge-action{width:100%;background-color:#3897f0;color:#fff;border:none;border-radius:.5rem;padding:.6rem 0;font-size:.9rem;font-weight:600;cursor:pointer;transition:transform .2s,background-color .2s}.challenge-action:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s cubic-bezier(.165,.84,.44,1);padding:1rem}.post-modal{background:#fff;width:95%;max-width:680px;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #0000004d,0 10px 20px #3b82f61a;animation:slideUp .4s cubic-bezier(.165,.84,.44,1);transform-origin:center;display:flex;flex-direction:column;max-height:90vh;position:relative}@keyframes slideUp{0%{transform:translateY(50px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.75rem;border-bottom:1px solid #f0f2f5;background:linear-gradient(to right,#fcfcfd,#f8f9fc);position:relative}.modal-header:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(to right,#6a11cb,#2575fc);transform:scaleX(0);transform-origin:left;transition:transform 1.5s cubic-bezier(.19,1,.22,1)}.post-modal:hover .modal-header:after{transform:scaleX(1)}.modal-header h3{font-size:1.35rem;margin:0;color:#333;font-weight:600;background:linear-gradient(120deg,#333,#6a11cb);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.close-modal{background:#f0f2f5;border:none;color:#555;font-size:1.1rem;cursor:pointer;padding:.5rem;border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.165,.84,.44,1);box-shadow:0 0 #0000;transform:scale(1)}.close-modal:hover{background-color:#e4e6eb;color:#333;transform:scale(1.1);box-shadow:0 5px 15px #0000001a}.close-modal:active{transform:scale(.95)}.modal-content{padding:1.75rem;overflow-y:auto;scrollbar-width:thin;background:linear-gradient(to bottom,#fff,#fafbfd);flex-grow:1;display:flex;flex-direction:column!important}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-thumb{background-color:#cbd5e0;border-radius:6px}.modal-content::-webkit-scrollbar-track{background-color:#f1f1f1}.modal-author{display:flex;align-items:center;gap:.85rem;margin-bottom:1.5rem;animation:fadeInUp .5s .1s both cubic-bezier(.165,.84,.44,1)}.modal-author .author-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 4px 10px #0000001a;transition:transform .3s ease}.modal-author:hover .author-avatar{transform:scale(1.05) rotate(5deg)}.modal-author .author-details{display:flex;flex-direction:column}.modal-author .author-name{font-weight:600;font-size:1.1rem;color:#333;margin-bottom:2px}.modal-author .post-privacy{display:flex;align-items:center;gap:.3rem;font-size:.85rem;color:#666;background-color:#f0f2f5;padding:.3rem .6rem;border-radius:1rem;display:inline-flex;transition:all .2s ease}.modal-author .post-privacy:hover{background-color:#e4e6eb;color:#333;transform:translateY(-2px)}.modal-author .post-privacy svg{font-size:.8rem}.textarea-container{position:relative;margin-bottom:1.25rem;animation:fadeInUp .5s .2s both cubic-bezier(.165,.84,.44,1);width:100%}.modal-content textarea{width:100%;min-height:150px;padding:1.25rem;border:none;border-radius:12px;font-size:1.15rem;resize:none;outline:none;font-family:inherit;background-color:#f8f9fa;transition:all .3s ease;box-shadow:inset 0 2px 5px #0000000d;line-height:1.5}.modal-content textarea:focus{background-color:#fff;box-shadow:0 0 0 2px #3b82f633,inset 0 2px 4px #00000008}.modal-content textarea::placeholder{color:#a0aec0;opacity:.8;transition:opacity .2s ease}.modal-content textarea:focus::placeholder{opacity:.5}.textarea-counter{position:absolute;bottom:.75rem;right:.75rem;font-size:.8rem;color:#a0aec0;background-color:#f8f9facc;padding:.2rem .5rem;border-radius:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hashtag-preview{display:flex;flex-wrap:wrap;gap:.6rem;margin:.75rem 0 1.5rem;animation:fadeInUp .5s .25s both cubic-bezier(.165,.84,.44,1)}.hashtag-item{background:linear-gradient(135deg,#64b5f6,#3b82f6);color:#fff;font-size:.95rem;padding:.4rem .85rem;border-radius:1.5rem;display:flex;align-items:center;gap:.4rem;box-shadow:0 3px 6px #3b82f633;transition:all .3s cubic-bezier(.165,.84,.44,1);transform:translateY(0)}.hashtag-item:hover{transform:translateY(-3px);box-shadow:0 6px 12px #3b82f64d}.hashtag-item .remove-tag{cursor:pointer;color:#fff;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff3;transition:all .2s ease}.hashtag-item .remove-tag:hover{background:#fff6;transform:rotate(90deg)}.feeling-display{display:flex;align-items:center;gap:.7rem;background:linear-gradient(135deg,#e6f7ff,#f0f7ff);padding:.75rem 1.2rem;border-radius:12px;margin:1.25rem 0;border:1px solid #d1e6ff;animation:slideInFromTop .5s cubic-bezier(.165,.84,.44,1);box-shadow:0 4px 10px #3b82f61a;transition:all .3s ease}.feeling-display:hover{transform:translateY(-2px);box-shadow:0 6px 15px #3b82f626}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.feeling-display-emoji{font-size:1.5rem;filter:drop-shadow(0 2px 3px rgba(0,0,0,.1));animation:pulse 2s infinite ease-in-out}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.feeling-display-text{font-size:1rem;color:#1877f2;font-weight:500}.feeling-display-remove{margin-left:auto;background:none;border:none;color:#8da2fb;cursor:pointer;padding:.3rem;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.feeling-display-remove:hover{background-color:#e4e6eb80;color:#1877f2;transform:rotate(90deg)}.media-preview{margin:1.25rem 0;position:relative;border-radius:16px;overflow:hidden;max-height:350px;display:flex;justify-content:center;background-color:#f0f2f5;box-shadow:0 5px 15px #0000001a;animation:zoomIn .5s cubic-bezier(.165,.84,.44,1);transform-origin:center}.media-preview img,.media-preview video{max-width:100%;max-height:350px;object-fit:contain;transition:transform .5s ease}.media-preview:hover img,.media-preview:hover video{transform:scale(1.1)}.remove-media{position:absolute;top:.75rem;right:.75rem;background-color:#0009;color:#fff;border:none;border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 5px #0003;opacity:.8;transform:scale(1)}.media-preview:hover .remove-media{opacity:1}.remove-media:hover{background-color:#000c;transform:scale(1.1)}.remove-media:active{transform:scale(.95)}.post-options-container{animation:fadeInUp .5s .3s both cubic-bezier(.165,.84,.44,1);margin-top:auto}.post-options-label{font-weight:500;font-size:.95rem;margin:1.5rem 0 .75rem;color:#4a5568;display:block;position:relative;padding-left:.5rem}.post-options-label:before{content:"";position:absolute;left:0;top:.15rem;bottom:.15rem;width:3px;background:linear-gradient(to bottom,#6a11cb,#2575fc);border-radius:3px}.post-attachments{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:1.5rem;padding:1rem 1.25rem;background:linear-gradient(120deg,#f8f9fa,#f0f7ff);border-radius:16px;box-shadow:0 3px 10px #00000008;border:1px solid rgba(226,232,240,.8)}.attachment-btn{display:flex;align-items:center;gap:.5rem;background-color:#fff;border:1px solid #e4e6eb;border-radius:10px;padding:.7rem 1.2rem;font-size:.95rem;color:#4a5568;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.165,.84,.44,1);box-shadow:0 2px 5px #00000008;position:relative;overflow:hidden}.attachment-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.5),transparent);transform:translate(-100%);transition:transform .8s ease}.attachment-btn:hover:before{transform:translate(100%)}.attachment-btn:hover{background-color:#f8fafc;transform:translateY(-3px);box-shadow:0 5px 10px #0000000d}.attachment-btn:active{transform:translateY(-1px)}.attachment-btn.active{background:linear-gradient(135deg,#e6f7ff,#f0f7ff);border-color:#3b82f6;color:#1877f2;box-shadow:0 3px 8px #3b82f626}.attachment-btn i,.attachment-btn svg{font-size:1.15rem;color:#4299e1;transition:transform .3s ease}.attachment-btn:hover i,.attachment-btn:hover svg{transform:scale(1.2)}.attachment-btn.active i,.attachment-btn.active svg{color:#1877f2}.feelings-panel{background-color:#fff;border-radius:16px;box-shadow:0 5px 15px #0000001a;margin-top:0;padding:1.25rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:600px;z-index:10;display:none;animation:slideDown .4s cubic-bezier(.165,.84,.44,1);transform-origin:top center;border:1px solid rgba(226,232,240,.8);max-height:80%;overflow-y:auto}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-45%) scaleY(.95)}to{opacity:1;transform:translate(-50%,-50%) scaleY(1)}}.feelings-panel.active{display:block}.feelings-search{padding:.85rem 1.25rem;border:1px solid #e4e6eb;border-radius:12px;width:100%;margin-bottom:1.25rem;font-size:.95rem;background-color:#f8f9fa;transition:all .3s ease}.feelings-search:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a,inset 0 2px 4px #00000003;background-color:#fff}.feelings-list{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;max-height:300px;overflow-y:auto;padding:.5rem;scrollbar-width:thin}.feelings-list::-webkit-scrollbar{width:5px}.feelings-list::-webkit-scrollbar-thumb{background-color:#cbd5e0;border-radius:5px}.feeling-item{display:flex;flex-direction:column;align-items:center;padding:.75rem .5rem;cursor:pointer;border-radius:12px;transition:all .2s ease;animation:fadeIn .5s both;animation-delay:calc(.05s * var(--index, 0))}.feeling-item:hover{background-color:#f0f7ff;transform:translateY(-2px);box-shadow:0 3px 10px #3b82f61a}.feeling-emoji{font-size:1.75rem;margin-bottom:.5rem;transition:transform .3s ease}.feeling-item:hover .feeling-emoji{transform:scale(1.2)}.feeling-name{font-size:.85rem;text-align:center;color:#4a5568;font-weight:500}.link-input-section{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:600px;z-index:10;margin:0;padding:1.25rem;background:#fff;border-radius:16px;animation:slideDown .4s cubic-bezier(.165,.84,.44,1);box-shadow:0 3px 10px #0000000d;border:1px solid rgba(226,232,240,.8);display:none}.link-input-section.active{display:block}.link-input-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.link-input-title{font-weight:600;font-size:1rem;color:#3b82f6;background:linear-gradient(120deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.link-input-close{background:none;border:none;color:#94a3b8;cursor:pointer;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.link-input-close:hover{background-color:#e4e6eb;color:#4a5568;transform:rotate(90deg)}.link-input-field{display:flex;gap:.7rem}.link-input-field input{flex:1;padding:.8rem 1.2rem;border:1px solid #e2e8f0;border-radius:12px;font-size:.95rem;outline:none;transition:all .3s ease;background-color:#fff;box-shadow:inset 0 2px 4px #00000005}.link-input-field input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.link-input-add{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:12px;padding:0 1.2rem;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 5px #3b82f633;display:flex;align-items:center;justify-content:center}.link-input-add:hover{box-shadow:0 5px 10px #3b82f64d;transform:translateY(-2px)}.link-input-add:active{transform:translateY(0)}.link-input-add:disabled{background:linear-gradient(135deg,#94a3b8,#64748b);cursor:not-allowed;transform:none;box-shadow:0 2px 5px #0000000d}.link-preview{margin-top:1.25rem;padding:1rem;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;align-items:center;gap:1rem;box-shadow:0 3px 8px #0000000d;animation:fadeInUp .4s cubic-bezier(.165,.84,.44,1);position:relative;overflow:hidden}.link-preview:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(to bottom,#3b82f6,#1d4ed8);border-radius:4px 0 0 4px}.link-preview-image{width:70px;height:70px;border-radius:10px;background-color:#f0f2f5;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.link-preview-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.link-preview:hover .link-preview-image img{transform:scale(1.1)}.link-preview-image i,.link-preview-image svg{font-size:1.75rem;color:#3b82f6}.link-preview-content{flex:1;overflow:hidden}.link-preview-title{font-weight:600;font-size:1rem;margin-bottom:.35rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#1e293b}.link-preview-url{font-size:.85rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-preview-remove{background:none;border:none;color:#94a3b8;cursor:pointer;padding:.25rem;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin-left:auto}.link-preview-remove:hover{background-color:#f1f5f9;color:#475569;transform:rotate(90deg)}.modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:1rem;padding:1.25rem 1.75rem;border-top:1px solid #f0f2f5;background:linear-gradient(to right,#fcfcfd,#f8f9fc);animation:fadeInUp .5s .35s both cubic-bezier(.165,.84,.44,1);position:relative;z-index:5}.privacy-selector{margin-right:auto;display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-radius:10px;background-color:#f8fafc;font-size:.95rem;color:#4a5568;font-weight:500;cursor:pointer;border:1px solid #e2e8f0;transition:all .3s ease}.privacy-selector:hover{background-color:#f1f5f9;box-shadow:0 2px 5px #0000000d}.privacy-selector svg{color:#3b82f6;font-size:.9rem}.cancel-btn{background-color:#f1f5f9;color:#475569;border:none;border-radius:10px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.165,.84,.44,1);box-shadow:0 1px 2px #0000000d}.cancel-btn:hover{background-color:#e2e8f0;transform:translateY(-2px);box-shadow:0 3px 6px #0000001a}.cancel-btn:active{transform:translateY(0)}.post-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:10px;padding:.75rem 1.75rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.165,.84,.44,1);box-shadow:0 3px 8px #3b82f633;position:relative;overflow:hidden}.post-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.3),transparent);transform:translate(-100%);transition:transform .6s ease}.post-btn:hover:before{transform:translate(100%)}.post-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-3px);box-shadow:0 5px 15px #3b82f64d}.post-btn:active{transform:translateY(-1px);box-shadow:0 2px 8px #3b82f633}.post-btn:disabled{background:linear-gradient(135deg,#94a3b8,#64748b);cursor:not-allowed;transform:none;box-shadow:0 2px 5px #0000000d}@media (max-width: 768px){.feelings-list{grid-template-columns:repeat(3,1fr)}.modal-footer{flex-wrap:wrap;gap:.75rem}.privacy-selector{margin-right:0;margin-bottom:.75rem;width:100%;justify-content:center}.post-modal{max-height:90vh;width:100%;margin:0 .5rem;border-radius:16px}.modal-content{padding:1.25rem}.attachment-btn span{display:none}.attachment-btn{padding:.7rem;justify-content:center}.post-attachments{justify-content:space-around}.feelings-panel,.link-input-section{width:95%;top:50%;left:50%;transform:translate(-50%,-50%)}.feelings-panel.active{transform:translate(-50%,-50%)}}.notification-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(100px);padding:.85rem 1.75rem;background-color:#333;color:#fff;border-radius:30px;z-index:1000;opacity:0;transition:all .3s;box-shadow:0 5px 15px #0003;max-width:90%;font-weight:500}.notification-toast.show{transform:translate(-50%) translateY(0);opacity:1}.notification-content{display:flex;align-items:center;gap:.75rem}.notification-content i{color:#4caf50;font-size:1.1rem}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.pulse-animation{animation:pulse .5s ease-in-out}.post-media{margin:1rem 0;border-radius:.75rem;overflow:hidden;max-height:400px;display:flex;justify-content:center}.post-image{width:100%;object-fit:contain;max-height:400px}.post-video{width:100%;max-height:400px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.community-post.animate-in{animation:fadeInUp .5s ease-out forwards}.post-media{animation:scaleIn .5s ease-out forwards}.comment{animation:slideInRight .3s ease-out forwards}.notification-toast.notification-success{background-color:#4caf50}.notification-toast.notification-error{background-color:#f44336}.notification-toast.notification-info{background-color:#2196f3}.notification-toast.notification-warning{background-color:#ff9800}.action-btn{transition:all .2s cubic-bezier(.165,.84,.44,1)}.action-btn:hover{transform:scale(1.1);color:#3897f0}.action-btn.active{color:#3897f0;transform:scale(1.1)}.tagged-user:hover{text-decoration:underline}@keyframes notificationPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.notification-pulse{animation:notificationPulse .5s cubic-bezier(.215,.61,.355,1)}.community-post.repost{border-left:3px solid #3897f0}.repost-indicator{display:flex;align-items:center;font-size:.8rem;color:#65676b;margin-top:4px}.repost-icon{margin-right:5px;color:#3897f0}.reposted-content{margin-top:15px;border:1px solid #e1e4e8;border-radius:12px;overflow:hidden;box-shadow:0 1px 5px #0000000d;transition:all .2s ease}.repost-header{font-size:.85rem;color:#65676b;margin-bottom:0;padding:8px 12px;display:flex;align-items:center;background-color:#f9f9f9;border-bottom:1px solid #e1e4e8}.original-post{padding:12px;background-color:#f8f9fa}.original-post.clickable:hover{background-color:#f0f2f5}.original-post.clickable:active{background-color:#e8eaed}.original-post .post-content{margin-top:8px;margin-bottom:8px}.author-avatar-small{width:32px;height:32px;border-radius:50%;margin-right:8px;object-fit:cover;border:1px solid #e1e4e8}.verified-badge-small{font-size:.7rem;color:#3897f0;margin-left:3px}@media (max-width: 576px){.reposted-content{margin-top:10px}.original-post{padding:8px}.repost-header{padding:6px 10px;font-size:.75rem}.author-avatar-small{width:28px;height:28px}}.repost-option{background:linear-gradient(135deg,#e6f7ff,#f0f7ff);border-color:#3b82f6;color:#1877f2;font-weight:500;margin-bottom:.5rem}.repost-option:hover{background:linear-gradient(135deg,#d1e6ff,#e6f7ff);transform:translateY(-3px);box-shadow:0 5px 10px #3b82f626}.share-option{display:flex;align-items:center;gap:.75rem;background-color:#fff;border:1px solid #e4e6eb;border-radius:10px;padding:.85rem 1.2rem;font-size:.95rem;color:#4a5568;cursor:pointer;transition:all .3s cubic-bezier(.165,.84,.44,1);margin-bottom:.5rem;width:100%}.share-option:hover{background-color:#f8fafc;transform:translateY(-3px);box-shadow:0 5px 10px #0000000d}.share-option svg{font-size:1.2rem}.share-content{width:90%;max-width:400px;background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 20px 60px #0000004d,0 10px 20px #3b82f61a;animation:slideUp .4s cubic-bezier(.165,.84,.44,1);position:relative;z-index:1001}.share-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid #f0f2f5}.share-header h3{font-size:1.25rem;margin:0;color:#333}.close-share{background:none;border:none;color:#94a3b8;font-size:1.1rem;cursor:pointer;padding:.25rem;border-radius:50%;transition:all .2s ease}.close-share:hover{background-color:#f1f5f9;color:#475569;transform:rotate(90deg)}.share-post-preview{background-color:#f8f9fa;border:1px solid #e4e6eb;border-radius:8px;padding:1rem;margin-bottom:1.25rem}.preview-author{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.preview-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.preview-content{font-size:.9rem;color:#4a5568;line-height:1.4}.share-options{display:flex;flex-direction:column;gap:.5rem}.repost{position:relative}.repost-indicator{display:flex;align-items:center;color:#666;font-size:.9em;margin-top:4px}.repost-icon{margin-right:6px;font-size:.9em}.reposted-content{margin-top:12px;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.repost-header{padding:8px 12px;background-color:#f9f9f9;border-bottom:1px solid #e0e0e0;font-size:.9em;color:#555;display:flex;align-items:center}.original-post{padding:12px;background-color:#fff}.original-post.clickable{cursor:pointer;transition:background-color .2s ease}.original-post.clickable:hover{background-color:#f5f5f5}.author-avatar-small{width:32px;height:32px;border-radius:50%;object-fit:cover}.verified-badge-small{font-size:.7em;margin-left:4px;color:#1da1f2}.missing-original{background-color:#f8f8f8}.original-post-missing{padding:20px;text-align:center;color:#888;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100px}.missing-icon{font-size:24px;margin-bottom:10px;color:#ccc}@keyframes highlightFade{0%{background-color:#3b82f61a;transform:scale(1.02);box-shadow:0 0 15px #3b82f64d}to{background-color:#fff;transform:scale(1);box-shadow:0 4px 12px #0000000d}}.highlight-post{animation:highlightFade 2s ease-out forwards;border-left:3px solid #3897f0}.post-detail-modal{background:#fff;width:95%;max-width:650px;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #0000004d,0 10px 20px #3b82f61a;animation:zoomIn .4s cubic-bezier(.165,.84,.44,1);display:flex;flex-direction:column;max-height:85vh}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.post-detail-modal .modal-content{padding:1rem 1.5rem;overflow-y:auto;flex-grow:1;max-height:calc(85vh - 120px)}.post-detail-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e0e0e0;background-color:#f9f9fa}.post-detail-modal .modal-header h3{font-size:1.25rem;margin:0;color:#333;font-weight:600}.post-detail-modal .post-content{margin:1rem 0}.post-detail-modal .post-stats{display:flex;justify-content:space-around;padding:.75rem 0;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;margin:1rem 0}.post-detail-modal .stat-item{display:flex;align-items:center;gap:.5rem;color:#555;font-size:.9rem}.post-detail-modal .comments-heading{font-size:1.1rem;margin:1.5rem 0 1rem;color:#333;font-weight:600}.post-detail-modal .no-comments{text-align:center;color:#888;padding:1.5rem 0}.post-detail-modal .modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1rem 1.5rem;border-top:1px solid #e0e0e0;background-color:#f9f9fa}.clickable{cursor:pointer;transition:all .2s ease}.author-avatar.clickable:hover,.author-avatar-small.clickable:hover,.comment-avatar.clickable:hover,.writer-avatar.clickable:hover{transform:scale(1.05);box-shadow:0 0 0 2px #3897f0,0 2px 8px #0000001a}.user-name.clickable{position:relative}.user-name.clickable:hover{color:#3897f0}.user-name.clickable:after{content:"";position:absolute;width:0%;height:2px;bottom:-2px;left:0;background-color:#3897f0;transition:width .2s ease}.user-name.clickable:hover:after{width:100%}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.about-us-container{width:100%;max-width:1440px;margin:0 auto;overflow-x:hidden;--card-radius: 1.2rem;--hero-gradient: linear-gradient(120deg, #2E3192 0%, #1BFFFF 100%);--card-shadow: 0 10px 30px -5px rgba(0, 0, 0, .1);--card-shadow-hover: 0 20px 40px -5px rgba(0, 0, 0, .2);--card-border: 1px solid rgba(255, 255, 255, .1);--glassmorphism: rgba(255, 255, 255, .25)}.about-hero-section{position:relative;min-height:40vh;display:flex;align-items:center;justify-content:center;color:var(--white);text-align:center;padding:2rem;overflow:hidden;background:var(--hero-gradient);border-radius:0 0 2.5rem 2.5rem;margin-bottom:3rem}.about-hero-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='white' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");z-index:0;opacity:.7}.about-hero-section h1{font-size:4.5rem;font-weight:800;margin-bottom:1.5rem;font-family:var(--font-serif);line-height:1.2;text-shadow:0 2px 10px rgba(0,0,0,.15);background:linear-gradient(to right,#fff,#e0e0e0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.about-hero-section p{font-size:1.5rem;font-weight:300;max-width:700px;margin:0 auto;line-height:1.6}.hero-background{position:absolute;width:100%;height:100%;z-index:-1}.section-heading{text-align:center;margin-bottom:4rem;padding-top:4rem;position:relative}.about-story-section{background-color:var(--white);border-radius:2rem;box-shadow:var(--card-shadow);margin-bottom:5rem;position:relative;overflow:hidden}.about-story-section:before{content:"";position:absolute;top:-100px;right:-100px;width:300px;height:300px;border-radius:50%;background:linear-gradient(135deg,var(--primary-light),transparent);opacity:.15;z-index:0}.story-content{display:flex;gap:5rem;align-items:center;position:relative;z-index:1}.story-text{flex:1}.story-text p{margin-bottom:2rem;font-size:1.2rem;line-height:1.9;color:var(--text-light)}.story-image{flex:1;display:flex;justify-content:center;transform-style:preserve-3d;perspective:1000px}.image-container{width:100%;aspect-ratio:4/3;background-color:var(--gray-200);border-radius:var(--card-radius);background-image:url(data:image/jpeg;base64,IA==);background-size:cover;background-position:center;box-shadow:var(--card-shadow-hover);transform:rotateY(-5deg);transition:all .6s cubic-bezier(.165,.84,.44,1);border:var(--card-border);position:relative}.image-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--card-radius);box-shadow:0 15px 50px #0000004d;opacity:0;transition:opacity .6s cubic-bezier(.165,.84,.44,1);z-index:-1}.image-container:hover{transform:rotateY(0)}.image-container:hover:after{opacity:1}.about-mission-section{background-color:var(--gray-50);position:relative;overflow:hidden;border-radius:2rem;padding:5rem 0;margin-bottom:5rem}.about-mission-section:before{content:"";position:absolute;top:-100px;right:-100px;width:400px;height:400px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));opacity:.07;z-index:0}.mission-columns{display:flex;gap:3rem;position:relative;z-index:1}.mission-column{flex:1;background-color:var(--white);padding:3rem;border-radius:var(--card-radius);box-shadow:var(--card-shadow);transition:all .5s cubic-bezier(.165,.84,.44,1);border:var(--card-border);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.mission-column:hover{transform:translateY(-15px);box-shadow:var(--card-shadow-hover)}.mission-column h3{font-size:2rem;color:var(--text-color);margin-bottom:2rem;font-weight:700;position:relative;padding-bottom:1rem}.mission-column h3:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--primary-light));border-radius:2px}.mission-column p{line-height:1.9;color:var(--text-light);font-size:1.1rem}.about-team-section{background-color:var(--white);position:relative;overflow:hidden;border-radius:2rem;box-shadow:var(--card-shadow);padding:3rem 0;margin-bottom:5rem}.team-intro{text-align:center;max-width:800px;margin:0 auto 4rem;font-size:1.3rem;color:var(--text-light);line-height:1.7}.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:3rem;perspective:1000px}.team-member{background-color:var(--white);border-radius:var(--card-radius);overflow:hidden;box-shadow:var(--card-shadow);cursor:pointer;transition:all .5s cubic-bezier(.165,.84,.44,1);position:relative;transform-style:preserve-3d;will-change:transform;border:var(--card-border)}.team-member:hover{transform:translateY(-15px) rotateX(5deg);box-shadow:var(--card-shadow-hover)}.member-photo-container{aspect-ratio:1/1;overflow:hidden;position:relative}.member-photo-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.7));z-index:1;opacity:0;transition:opacity .5s cubic-bezier(.165,.84,.44,1)}.team-member:hover .member-photo-container:before{opacity:1}.member-photo{width:100%;height:100%;background-size:cover;background-position:center;transition:transform .7s cubic-bezier(.165,.84,.44,1);background-color:var(--gray-300)}.team-member:hover .member-photo{transform:scale(1.08)}.member-info{padding:2rem;text-align:center;position:relative;background:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .5s cubic-bezier(.165,.84,.44,1)}.team-member:hover .member-info{background:#fffffff2}.member-info h3{font-size:1.6rem;margin-bottom:.7rem;color:var(--text-color);font-weight:700;transition:color .3s ease}.team-member:hover .member-info h3{color:var(--primary-color)}.member-role{color:var(--primary-color);font-size:1.1rem;font-weight:600;margin-bottom:1.5rem;padding:.4rem 1.2rem;background-color:rgba(var(--primary-light-rgb),.1);border-radius:2rem;display:inline-block}.view-bio{display:inline-block;font-size:1rem;font-weight:600;color:var(--text-color);padding:.8rem 1.6rem;border:2px solid var(--primary-color);border-radius:2rem;transition:all .3s ease;position:relative;overflow:hidden;z-index:1}.view-bio:before{content:"";position:absolute;bottom:0;left:0;width:0%;height:100%;background-color:var(--primary-color);transition:all .3s ease;z-index:-1}.team-member:hover .view-bio{color:var(--white)}.team-member:hover .view-bio:before{width:100%}.team-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.team-modal{background-color:var(--white);border-radius:var(--card-radius);width:100%;max-width:1000px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 25px 50px #0000004d;animation:modalFadeIn .5s cubic-bezier(.165,.84,.44,1);border:var(--card-border)}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-close{position:absolute;top:1.5rem;right:1.5rem;width:3rem;height:3rem;border-radius:50%;background-color:var(--white);border:none;box-shadow:0 5px 15px #0003;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .3s ease}.modal-close span{font-size:1.8rem;line-height:1;color:var(--text-color);transition:all .3s ease}.modal-close:hover{background-color:var(--primary-light);transform:rotate(90deg)}.modal-close:hover span{color:var(--white)}.modal-content{display:flex;flex-direction:column}@media (min-width: 768px){.modal-content{flex-direction:row}}.modal-photo{width:100%;aspect-ratio:1/1;background-size:cover;background-position:center top;background-color:var(--gray-300);position:relative}@media (min-width: 768px){.modal-photo{width:40%;height:auto;min-height:450px;aspect-ratio:auto}}.modal-info{padding:3rem;flex:1}.modal-info h3{font-size:2.5rem;margin-bottom:.8rem;color:var(--text-color);font-weight:700}.modal-role{font-size:1.3rem;color:var(--primary-color);margin-bottom:2rem;font-weight:600;display:inline-block;padding:.5rem 1.5rem;border-radius:2rem;background-color:rgba(var(--primary-light-rgb),.1)}.modal-bio{font-size:1.2rem;line-height:1.8;color:var(--text-light)}.about-audience-section{background-color:var(--gray-50);border-radius:2rem;margin-bottom:5rem;padding:5rem 0;position:relative;overflow:hidden}.about-audience-section:before{content:"";position:absolute;bottom:-100px;left:-100px;width:300px;height:300px;border-radius:50%;background:linear-gradient(135deg,var(--secondary-light),transparent);opacity:.15;z-index:0}.audience-intro{text-align:center;font-size:1.4rem;max-width:800px;margin:0 auto 4rem;color:var(--text-light);line-height:1.7;position:relative;z-index:1}.audience-groups{display:flex;gap:2.5rem;flex-wrap:wrap;position:relative;z-index:1}.audience-group{flex:1;min-width:300px;background-color:var(--white);padding:2.5rem;border-radius:var(--card-radius);border-left:5px solid var(--primary-color);box-shadow:var(--card-shadow);transition:all .5s cubic-bezier(.165,.84,.44,1);transform:translateY(0)}.audience-group:hover{transform:translateY(-15px);box-shadow:var(--card-shadow-hover);border-left-width:8px}.audience-group h3{font-size:1.7rem;color:var(--text-color);margin-bottom:1.5rem;font-weight:700}.audience-group p{color:var(--text-light);line-height:1.8;font-size:1.1rem}.about-values-section{background-color:var(--white);position:relative;overflow:hidden;border-radius:2rem;box-shadow:var(--card-shadow);padding:3rem 0;margin-bottom:5rem}.about-values-section:after{content:"";position:absolute;bottom:-100px;left:-100px;width:300px;height:300px;border-radius:50%;background:linear-gradient(135deg,var(--secondary-light),transparent);opacity:.15;z-index:0}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;position:relative;z-index:1}.value-card{background-color:transparent;perspective:1000px;height:100%}.card-content{background-color:var(--white);padding:3rem 2.5rem;border-radius:var(--card-radius);height:100%;box-shadow:var(--card-shadow);transition:all .6s cubic-bezier(.165,.84,.44,1);transform-style:preserve-3d;border:var(--card-border)}.value-card:hover .card-content{transform:translateY(-15px) rotateY(10deg);box-shadow:var(--card-shadow-hover)}.value-card h3{font-size:1.7rem;font-weight:700;margin-bottom:1.5rem;color:var(--primary-color);position:relative;padding-bottom:1rem}.value-card h3:after{content:"";position:absolute;bottom:0;left:0;width:50px;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--primary-light));border-radius:2px}.value-card p{color:var(--text-light);line-height:1.8;font-size:1.1rem}.about-cta-section{background:var(--hero-gradient);color:var(--white);text-align:center;padding:6rem 2rem;border-radius:2rem;position:relative;overflow:hidden;margin-bottom:3rem}.about-cta-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='white' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");z-index:0;opacity:.7}.cta-container{max-width:800px;margin:0 auto;position:relative;z-index:1}.about-cta-section h2{font-size:3rem;font-weight:800;margin-bottom:1.5rem;font-family:var(--font-serif);background:linear-gradient(to right,#fff,#e0e0e0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.about-cta-section p{font-size:1.3rem;margin-bottom:3rem;line-height:1.7}.cta-button{background-color:var(--white);color:var(--primary-color);border:none;padding:1.2rem 3rem;font-size:1.2rem;font-weight:700;border-radius:3rem;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #00000026;position:relative;overflow:hidden;z-index:1}.cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:all .5s ease}.cta-button:hover{background-color:var(--secondary-color);color:var(--white);transform:translateY(-5px);box-shadow:0 15px 30px #0003}.cta-button:hover:before{left:100%}@media (max-width: 1200px){.section-container{padding:5rem 2rem}.about-hero-section h1{font-size:3.8rem}.values-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width: 992px){.about-hero-section h1{font-size:3.2rem}.about-hero-section p{font-size:1.3rem}.story-content,.mission-columns{flex-direction:column;gap:3rem}.section-container{padding:4rem 2rem}.team-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.about-cta-section h2{font-size:2.5rem}}@media (max-width: 768px){.section-container{padding:3.5rem 1.5rem}.about-hero-section h1{font-size:2.8rem}.about-hero-section p{font-size:1.2rem}.about-hero-section{min-height:70vh}.audience-groups{flex-direction:column;gap:2rem}.about-cta-section h2{font-size:2.2rem}.about-cta-section p{font-size:1.1rem}.team-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:2rem}.section-heading h2{font-size:2.5rem}.modal-info{padding:2rem}.modal-info h3{font-size:2rem}}@media (max-width: 576px){.about-hero-section h1{font-size:2.2rem}.about-hero-section{min-height:60vh;padding:3rem 1.5rem}.team-grid{grid-template-columns:1fr}.team-member{max-width:320px;margin:0 auto}.section-heading h2{font-size:2rem}.cta-button{padding:1rem 2rem;font-size:1.1rem}.story-text p,.mission-column p,.audience-group p,.value-card p{font-size:1rem}.image-container{transform:none}}.fade-in{opacity:0;transform:translateY(30px)}.slide-up{opacity:0;transform:translateY(50px)}.slide-in-left{opacity:0;transform:translate(-50px)}.slide-in-right{opacity:0;transform:translate(50px)}.scale-in{opacity:0;transform:scale(.95)}.rotate-in{opacity:0;transform:rotate(-5deg) scale(.95)}.stagger-item{opacity:0}.discover-page{width:100%;max-width:1440px;margin:0 auto;overflow-x:hidden;background-color:var(--gray-50);--card-radius: 1.2rem;--hero-gradient: linear-gradient(120deg, #2E3192 0%, #1BFFFF 100%);--card-shadow: 0 10px 30px -5px rgba(0, 0, 0, .1);--card-shadow-hover: 0 20px 40px -5px rgba(0, 0, 0, .2);--card-border: 1px solid rgba(255, 255, 255, .1);--glassmorphism: rgba(255, 255, 255, .25)}.discover-hero{position:relative;min-height:60vh;display:flex;align-items:center;justify-content:center;color:var(--white);text-align:center;padding:4rem 2rem;background:var(--hero-gradient);border-radius:0 0 2.5rem 2.5rem;overflow:hidden;margin-bottom:3rem;box-shadow:var(--shadow-lg)}.discover-hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='white' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");z-index:0;opacity:.7}.discover-hero-content{position:relative;z-index:1;max-width:900px}.discover-hero h1{font-size:4.5rem;font-weight:800;margin-bottom:1.5rem;font-family:var(--font-serif);text-shadow:0 2px 10px rgba(0,0,0,.15);background:linear-gradient(to right,#fff,#e0e0e0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.discover-hero p{font-size:1.4rem;margin-bottom:3rem;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.6;font-weight:300}.search-container{position:relative;max-width:700px;margin:0 auto;transform:translateY(50%)}.search-input{width:100%;padding:1.5rem 4rem 1.5rem 2rem;border-radius:1.5rem;border:none;background-color:var(--white);color:var(--text-color);font-size:1.1rem;box-shadow:0 15px 35px #0000001a;transition:all .3s ease}.search-input:focus{outline:none;box-shadow:0 15px 35px #0003}.search-button{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--primary-color);padding:.8rem;cursor:pointer;transition:all .3s ease}.search-button:hover{color:var(--primary-dark);transform:translateY(-50%) scale(1.1)}.section-container{max-width:1300px;margin:0 auto;padding:0 2rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;position:relative}.section-header h2{font-size:2.5rem;font-weight:700;color:var(--text-color);font-family:var(--font-serif);position:relative;padding-bottom:.8rem}.section-header h2:after{content:"";position:absolute;left:0;bottom:0;height:4px;width:60px;background:var(--primary-color);border-radius:2px}.view-all-link{color:var(--primary-color);text-decoration:none;font-weight:600;font-size:1.1rem;transition:all .3s ease;position:relative;padding-right:1.5rem}.view-all-link:after{content:"→";position:absolute;right:0;top:50%;transform:translateY(-50%);transition:transform .3s ease}.view-all-link:hover{color:var(--primary-dark)}.view-all-link:hover:after{transform:translate(5px,-50%)}.featured-stories-section{margin-bottom:5rem;margin-top:-50px;z-index:2;position:relative;padding-top:50px}.featured-stories-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2.5rem}.featured-story-card{background-color:var(--white);border-radius:var(--card-radius);overflow:hidden;box-shadow:var(--card-shadow);transition:all .5s cubic-bezier(.165,.84,.44,1);height:100%;display:flex;flex-direction:column;border:var(--card-border);position:relative}.featured-story-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-10px)}.featured-story-image-container{position:relative;height:250px;overflow:hidden}.featured-story-image{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.165,.84,.44,1)}.featured-story-card:hover .featured-story-image{transform:scale(1.08)}.featured-story-overlay{position:absolute;bottom:0;left:0;width:100%;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:var(--white)}.featured-story-genre{text-transform:capitalize;font-size:.9rem;font-weight:500;padding:.4rem 1rem;background-color:#fff3;border-radius:2rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.featured-story-rating{display:flex;align-items:center;font-weight:600;background-color:#0006;padding:.4rem .8rem;border-radius:2rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.star{color:gold;margin-right:.3rem}.featured-story-content{padding:2rem;flex:1;display:flex;flex-direction:column}.featured-story-title{font-size:1.6rem;font-weight:700;color:var(--text-color);margin-bottom:.8rem;line-height:1.3;transition:color .3s ease}.featured-story-card:hover .featured-story-title{color:var(--primary-color)}.featured-story-author{color:var(--text-light);font-size:1rem;margin-bottom:1.2rem;display:flex;align-items:center}.featured-story-author:before{content:"✍️";margin-right:.5rem;font-size:1.2rem}.featured-story-excerpt{color:var(--text-light);font-size:1.05rem;line-height:1.6;margin-bottom:2rem;flex:1}.read-more-btn{align-self:flex-start;display:inline-block;padding:.9rem 1.8rem;background-color:transparent;color:var(--primary-color);border:2px solid var(--primary-color);border-radius:2rem;font-weight:600;font-size:1rem;text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden;z-index:1}.read-more-btn:before{content:"";position:absolute;bottom:0;left:0;width:0%;height:100%;background-color:var(--primary-color);transition:all .3s ease;z-index:-1}.read-more-btn:hover{color:var(--white)}.read-more-btn:hover:before{width:100%}.discover-main-section{margin-bottom:5rem;position:relative;padding:3rem 0;background-color:var(--white);border-radius:2rem;box-shadow:0 5px 20px #0000000d}.filter-controls{display:flex;gap:3rem;margin-bottom:3rem;background-color:var(--gray-50);padding:2rem;border-radius:1.5rem;box-shadow:inset 0 2px 10px #0000000d}.genre-filter{flex:1;max-width:300px}.genre-filter h3{font-size:1.4rem;margin-bottom:1.5rem;color:var(--text-color);font-weight:600;border-bottom:2px solid var(--gray-200);padding-bottom:.8rem}.genre-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.8rem}.genre-button{display:block;text-align:center;padding:.7rem 1.2rem;border:none;background-color:var(--white);color:var(--text-color);font-size:1rem;font-weight:500;border-radius:2rem;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 10px #0000000d}.genre-button:hover{background-color:var(--gray-100);box-shadow:0 5px 15px #0000001a;transform:translateY(-2px)}.genre-button.active{background-color:var(--primary-color);color:var(--white);box-shadow:0 5px 15px rgba(var(--primary-dark-rgb),.3)}.story-display-controls{flex:1;display:flex;flex-direction:column;gap:1.5rem}.sort-controls{display:flex;align-items:center;gap:1rem;background-color:var(--white);padding:1rem 1.5rem;border-radius:2rem;box-shadow:0 3px 10px #0000000d}.sort-controls label{color:var(--text-color);font-size:1rem;font-weight:500}.sort-select{padding:.8rem 1.5rem;border:1px solid var(--gray-200);border-radius:2rem;background-color:var(--white);color:var(--text-color);font-size:1rem;cursor:pointer;transition:all .3s ease;flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.2em}.sort-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1)}.view-controls{display:flex;gap:1rem;background-color:var(--white);padding:1rem 1.5rem;border-radius:2rem;box-shadow:0 3px 10px #0000000d}.view-button{padding:.8rem;border:none;border-radius:1rem;background-color:var(--white);color:var(--gray-500);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex:1}.view-button:hover{color:var(--text-color);background-color:var(--gray-100)}.view-button.active{background-color:var(--primary-color);color:var(--white)}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--gray-200)}.results-count{color:var(--text-light);font-size:1rem;background-color:var(--gray-100);padding:.5rem 1rem;border-radius:2rem}.stories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2.5rem}.stories-grid.list-view{grid-template-columns:1fr;gap:2rem}.stories-grid.list-view .story-card{display:flex;flex-direction:row}.stories-grid.list-view .story-image-container{width:250px;min-width:250px;height:100%;border-radius:var(--card-radius) 0 0 var(--card-radius)}.stories-grid.list-view .story-content{flex:1;border-radius:0 var(--card-radius) var(--card-radius) 0}.story-card{background-color:var(--white);border-radius:var(--card-radius);overflow:hidden;box-shadow:var(--card-shadow);transition:all .5s cubic-bezier(.165,.84,.44,1);height:100%;border:var(--card-border);position:relative}.story-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-8px)}.story-image-container{position:relative;height:220px;overflow:hidden}.story-image{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.165,.84,.44,1)}.story-card:hover .story-image{transform:scale(1.08)}.trending-badge{position:absolute;top:1rem;left:1rem;background:linear-gradient(135deg,#f90,#f50);color:var(--white);padding:.5rem 1rem;font-size:.9rem;font-weight:600;border-radius:2rem;z-index:2;box-shadow:0 5px 15px #ff55004d;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #ff5500b3}70%{box-shadow:0 0 0 10px #f500}to{box-shadow:0 0 #f500}}.story-content{padding:2rem}.story-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.story-genre{text-transform:capitalize;font-size:.9rem;font-weight:500;padding:.4rem 1rem;background-color:var(--gray-100);color:var(--text-color);border-radius:2rem;transition:all .3s ease}.story-card:hover .story-genre{background-color:var(--primary-light);color:var(--white)}.story-rating{display:flex;align-items:center;font-weight:600;font-size:.95rem;background-color:var(--gray-100);padding:.4rem .8rem;border-radius:2rem;transition:all .3s ease}.story-card:hover .story-rating{background-color:#fff8e5}.review-count{font-weight:400;color:var(--text-light);margin-left:.3rem}.story-title{font-size:1.5rem;font-weight:700;color:var(--text-color);margin-bottom:.8rem;line-height:1.3;transition:color .3s ease}.story-card:hover .story-title{color:var(--primary-color)}.story-author{color:var(--text-light);font-size:1rem;margin-bottom:1.2rem;display:flex;align-items:center}.story-author:before{content:"✍️";margin-right:.5rem;font-size:1.2rem}.story-excerpt{color:var(--text-light);font-size:1.05rem;line-height:1.6;margin-bottom:1.5rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.story-stats{display:flex;justify-content:space-between;font-size:.9rem;color:var(--gray-600);margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--gray-200)}.story-date,.story-words{display:flex;align-items:center}.story-date:before{content:"📅";margin-right:.5rem}.story-words:before{content:"📝";margin-right:.5rem}.read-story-btn{display:inline-block;width:100%;padding:1rem 2rem;background-color:var(--primary-color);color:var(--white);border:none;border-radius:2rem;font-weight:600;font-size:1rem;text-decoration:none;text-align:center;transition:all .3s ease;box-shadow:0 5px 15px rgba(var(--primary-dark-rgb),.2);position:relative;overflow:hidden;z-index:1}.read-story-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:all .5s ease}.read-story-btn:hover{background-color:var(--primary-dark);box-shadow:0 8px 20px rgba(var(--primary-dark-rgb),.3);transform:translateY(-2px)}.read-story-btn:hover:before{left:100%}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 0;color:var(--text-light)}.loader{width:60px;height:60px;border:3px solid var(--gray-200);border-radius:50%;border-top-color:var(--primary-color);animation:spin 1s cubic-bezier(.165,.84,.44,1) infinite;margin-bottom:2rem}.no-results{text-align:center;padding:6rem 0;color:var(--text-light)}.no-results h3{font-size:2rem;margin-bottom:1rem;color:var(--text-color)}.no-results p{font-size:1.2rem}.pagination{display:flex;justify-content:center;margin-top:4rem;gap:.8rem}.pagination-button{padding:.8rem 1.5rem;border:none;background-color:var(--white);color:var(--text-color);border-radius:2rem;cursor:pointer;font-weight:500;transition:all .3s ease;box-shadow:0 3px 10px #0000000d}.pagination-button:hover:not([disabled]){background-color:var(--gray-100);box-shadow:0 5px 15px #0000001a;transform:translateY(-2px)}.pagination-button.active{background-color:var(--primary-color);color:var(--white);box-shadow:0 5px 15px rgba(var(--primary-dark-rgb),.3)}.pagination-button[disabled]{opacity:.5;cursor:not-allowed;box-shadow:none}@media (max-width: 1200px){.featured-stories-container{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.discover-hero h1{font-size:3.8rem}}@media (max-width: 992px){.filter-controls{flex-direction:column;gap:2rem}.genre-filter{max-width:100%}.genre-list{justify-content:center}.story-display-controls{flex-direction:row;justify-content:space-between;width:100%}.sort-controls,.view-controls{flex:1}.stories-grid.list-view .story-card{flex-direction:column}.stories-grid.list-view .story-image-container{width:100%;height:220px;border-radius:var(--card-radius) var(--card-radius) 0 0}.discover-hero h1{font-size:3.2rem}.discover-hero p{font-size:1.2rem}}@media (max-width: 768px){.discover-hero h1{font-size:2.8rem}.discover-hero{min-height:50vh}.featured-stories-container{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.stories-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.story-display-controls{flex-direction:column;gap:1rem}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.view-all-link{align-self:flex-end}}@media (max-width: 576px){.discover-hero{min-height:40vh;padding:3rem 1.5rem}.discover-hero h1{font-size:2.2rem}.discover-hero p{font-size:1rem}.section-container{padding:0 1.5rem}.featured-stories-container,.stories-grid{grid-template-columns:1fr}.story-display-controls{align-items:stretch}.filter-controls{padding:1.5rem}.search-input{padding:1.2rem 1.5rem;font-size:1rem}.pagination-button{padding:.7rem 1.2rem}.story-meta,.story-stats{flex-direction:column;align-items:flex-start;gap:.5rem}}.profile-page{min-height:100vh;background-color:var(--background);padding-bottom:4rem;position:relative}.loading-state{display:flex;align-items:center;justify-content:center;min-height:70vh}.spinner{display:flex;flex-direction:column;align-items:center;font-size:2rem;color:var(--primary)}.spinner p{margin-top:1rem;font-size:1rem;color:var(--text-secondary)}.error-state{display:flex;align-items:center;justify-content:center;min-height:70vh}.error-container{background-color:var(--background-alt);padding:2rem;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);text-align:center;max-width:500px;width:90%}.error-container svg{font-size:3rem;color:var(--error);margin-bottom:1rem}.error-container h2{margin-bottom:1rem;color:var(--text-primary)}.error-container p{margin-bottom:1.5rem;color:var(--text-secondary)}.retry-button{background-color:var(--primary);color:var(--text-inverted);border:none;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:background-color var(--transition-normal),transform var(--transition-normal)}.retry-button:hover{background-color:var(--primary-dark);transform:translateY(-2px)}.empty-state{display:flex;align-items:center;justify-content:center;min-height:70vh}.empty-profile{background-color:var(--background-alt);padding:2.5rem;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);text-align:center;max-width:500px;width:90%}.empty-profile svg{font-size:4rem;color:var(--primary);margin-bottom:1.5rem}.empty-profile h2{margin-bottom:.75rem;color:var(--text-primary)}.empty-profile p{margin-bottom:1.5rem;color:var(--text-secondary)}.create-profile-button{background-color:var(--primary);color:var(--text-inverted);border:none;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:background-color var(--transition-normal),transform var(--transition-normal)}.create-profile-button:hover{background-color:var(--primary-dark);transform:translateY(-2px)}.profile-container{max-width:1000px;margin:0 auto;background-color:var(--background-alt);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg)}.banner-container{position:relative;height:250px;overflow:hidden}@media (min-width: 768px){.banner-container{height:300px}}.banner{width:100%;height:100%;background-size:cover;background-position:center;background-color:var(--primary-light)}.banner-upload-button{position:absolute;right:1rem;bottom:1rem;background-color:var(--background-alt);color:var(--text-primary);padding:.5rem 1rem;border-radius:var(--radius-full);display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;box-shadow:var(--shadow-md);transition:all var(--transition-normal)}.banner-upload-button:hover{background-color:var(--background-alt);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.profile-content{padding:0 1.5rem 2rem;position:relative}@media (min-width: 768px){.profile-content{padding:0 2.5rem 3rem}}.profile-picture-container{position:relative;margin-top:-75px;margin-bottom:1.5rem;z-index:2}.profile-picture{width:150px;height:150px;border-radius:50%;border:5px solid var(--background-alt);background-size:cover;background-position:center;background-color:var(--primary-light);box-shadow:var(--shadow-lg)}.avatar-upload-button{position:absolute;right:0;bottom:0;background-color:var(--primary);color:var(--text-inverted);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;box-shadow:0 4px 12px #6563ff4d;transition:all var(--transition-normal)}.avatar-upload-button:hover{transform:scale(1.1);box-shadow:0 6px 15px #6563ff66}.upload-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--overlay);border-radius:inherit;display:flex;align-items:center;justify-content:center;color:var(--text-inverted);font-size:1.5rem}.profile-info{margin-bottom:2rem}.name-container{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.name-container h1{font-size:2rem;font-weight:700;color:var(--text-primary)}.verified-badge{color:var(--primary);font-size:1.2rem}.username-container{display:flex;align-items:center;gap:.75rem}.username-container h3{font-size:1.1rem;color:var(--text-secondary);font-weight:500}.edit-button{background:none;border:none;color:var(--primary);cursor:pointer;font-size:1rem;padding:.25rem;transition:color var(--transition-normal),transform var(--transition-normal)}.edit-button:hover{color:var(--primary-dark);transform:scale(1.1)}.edit-container{display:flex;width:100%;gap:.5rem;align-items:center}.edit-input{flex:1;padding:.75rem 1rem;border:2px solid var(--gray-200);border-radius:var(--radius-md);font-size:1rem;transition:border-color var(--transition-normal)}.edit-input:focus{outline:none;border-color:var(--primary)}.bio-textarea{width:100%;padding:.75rem 1rem;border:2px solid var(--gray-200);border-radius:var(--radius-md);font-size:1rem;resize:vertical;min-height:100px;transition:border-color var(--transition-normal)}.bio-textarea:focus{outline:none;border-color:var(--primary)}.action-buttons{display:flex;gap:.5rem}.save-button,.cancel-button{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:background-color var(--transition-normal),transform var(--transition-normal)}.save-button{background-color:var(--primary);color:var(--text-inverted)}.save-button:hover{background-color:var(--primary-dark);transform:scale(1.05)}.save-button:disabled{background-color:var(--gray-300);cursor:not-allowed}.cancel-button{background-color:var(--gray-100);color:var(--text-secondary)}.cancel-button:hover{background-color:var(--gray-200);transform:scale(1.05)}.bio-container{background-color:var(--gray-50);padding:1.5rem;border-radius:var(--radius-xl);margin-bottom:2rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h3{font-size:1.2rem;font-weight:600;color:var(--text-primary)}.bio-text{color:var(--text-secondary);line-height:1.6}.badges-container{background-color:var(--gray-50);padding:1.5rem;border-radius:var(--radius-xl)}.empty-badges{text-align:center;padding:2rem 0;color:var(--text-light)}.badges-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 576px){.badges-grid{grid-template-columns:repeat(2,1fr)}}.badge-item{display:flex;align-items:center;gap:1rem;background-color:var(--background-alt);padding:1rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;position:relative;overflow:hidden}.badge-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ffffff1a,#fff0);opacity:0;transition:opacity .3s ease}.badge-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.badge-item:hover:before{opacity:1}.badge-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.badge-item:hover .badge-icon{transform:rotate(15deg) scale(1.1)}.badge-info{flex:1}.badge-info h4{margin-bottom:.25rem;color:var(--text-primary);font-weight:600}.badge-info p{font-size:.9rem;color:var(--text-secondary);margin-bottom:.25rem}.badge-info small{font-size:.75rem;color:var(--text-light)}.error-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background-color:var(--error);color:var(--text-inverted);padding:1rem 1.5rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:.75rem;z-index:100;max-width:90%;width:auto}.error-toast svg:first-child{font-size:1.2rem}.error-toast p{flex:1;margin:0}.error-toast button{background:none;border:none;color:var(--text-inverted);cursor:pointer;opacity:.7;transition:opacity var(--transition-normal)}.error-toast button:hover{opacity:1}.stats-section{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:1.5rem 0 2rem}@media (min-width: 576px){.stats-section{grid-template-columns:repeat(4,1fr)}}.stat-item{background-color:var(--gray-50);border-radius:var(--radius-lg);padding:1rem;text-align:center;transition:transform var(--transition-normal),box-shadow var(--transition-normal);cursor:pointer}.stat-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.stat-value{font-size:1.6rem;font-weight:700;color:var(--primary);margin-bottom:.3rem}.stat-label{font-size:.9rem;color:var(--text-secondary)}.content-tabs-section{margin-top:2rem}.tabs-header{display:flex;border-bottom:2px solid var(--gray-200);margin-bottom:1.5rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tabs-header::-webkit-scrollbar{display:none}.tab-button{background:none;border:none;padding:.75rem 1rem;font-size:1rem;color:var(--text-secondary);border-bottom:3px solid transparent;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;flex-shrink:0}.tab-button svg{font-size:1.2rem}.tab-button:hover{color:var(--primary)}.tab-button.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.tab-content{min-height:300px}.tab-loading,.tab-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center}.tab-loading{color:var(--primary)}.spinner-icon{font-size:2rem;margin-bottom:1rem}.tab-empty-state .empty-icon{font-size:3rem;color:var(--gray-200);margin-bottom:1rem}.tab-empty-state h4{color:var(--text-primary);margin-bottom:.5rem}.tab-empty-state p{color:var(--text-light)}.posts-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.posts-grid{grid-template-columns:repeat(2,1fr)}}.post-card{background-color:var(--background-alt);border-radius:var(--radius-xl);padding:1.5rem;box-shadow:var(--shadow-md);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.post-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.post-card h3{margin-bottom:.75rem;color:var(--text-primary);font-weight:600}.post-card p{color:var(--text-secondary);margin-bottom:1rem;line-height:1.5}.post-meta{display:flex;flex-wrap:wrap;gap:1rem;color:var(--text-light);font-size:.9rem}.meta-item{display:flex;align-items:center;gap:.4rem}.stories-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 576px){.stories-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 992px){.stories-grid{grid-template-columns:repeat(3,1fr)}}.story-card{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);transition:transform var(--transition-normal),box-shadow var(--transition-normal);background-color:var(--background-alt)}.story-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.story-cover{height:160px;background-size:cover;background-position:center;position:relative}.story-overlay{position:absolute;bottom:0;left:0;right:0;padding:1rem;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:var(--text-inverted)}.story-overlay h3{font-size:1.1rem;font-weight:600;margin:0;text-shadow:1px 1px 3px rgba(0,0,0,.5)}.story-meta{padding:1rem;display:flex;justify-content:space-between;color:var(--text-light);font-size:.9rem}.comments-list{display:flex;flex-direction:column;gap:1.2rem}.comment-card{background-color:var(--background-alt);border-radius:var(--radius-xl);padding:1.2rem;box-shadow:var(--shadow-md);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.comment-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.comment-text{color:var(--text-primary);margin-bottom:1rem;line-height:1.5}.comment-meta{display:flex;flex-wrap:wrap;gap:1rem;color:var(--text-light);font-size:.85rem}.comment-meta .meta-item{display:flex;align-items:center;gap:.4rem}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--overlay);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-container{background-color:var(--background-alt);border-radius:var(--radius-xl);width:95%;max-width:550px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-xl)}.modal-header{padding:1.5rem;border-bottom:1px solid var(--gray-100);display:flex;align-items:center;justify-content:space-between}.modal-header h2{margin:0;font-size:1.5rem;color:var(--text-primary)}.modal-close-button{background:none;border:none;color:var(--text-light);font-size:1.2rem;cursor:pointer;transition:color var(--transition-normal)}.modal-close-button:hover{color:var(--error)}.modal-body{padding:0;overflow-y:auto;flex:1}.user-list{display:flex;flex-direction:column}.user-item{display:flex;padding:1.2rem 1.5rem;border-bottom:1px solid var(--gray-100);transition:background-color var(--transition-normal);align-items:center;gap:1rem}.user-item:last-child{border-bottom:none}.user-item:hover{background-color:var(--gray-50)}.user-avatar{width:50px;height:50px;border-radius:50%;background-size:cover;background-position:center;flex-shrink:0;border:2px solid var(--gray-200)}.user-info{flex:1;min-width:0}.user-name-container{display:flex;align-items:center;gap:.5rem;margin-bottom:.2rem}.user-name-container h4{margin:0;font-size:1rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-verified{color:var(--primary);font-size:.8rem}.user-username{font-size:.9rem;color:var(--text-light);display:block;margin-bottom:.5rem}.user-bio{font-size:.85rem;color:var(--text-secondary);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.follow-button{background-color:var(--primary);color:var(--text-inverted);border:none;padding:.5rem 1rem;border-radius:var(--radius-full);font-weight:500;font-size:.9rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:background-color var(--transition-normal),transform var(--transition-normal);white-space:nowrap}.follow-button:hover{background-color:var(--primary-dark);transform:translateY(-2px)}.follow-button-container{margin-top:15px;display:flex;justify-content:flex-end}.follow-button.following{background-color:transparent;border:1px solid var(--primary);color:var(--primary)}:root{--settings-radius-sm: 6px;--settings-radius-md: 10px;--settings-radius-lg: 16px;--settings-radius-xl: 20px;--settings-transition: all .3s ease;--settings-shadow-sm: 0 2px 8px rgba(0, 0, 0, .05);--settings-shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--settings-shadow-lg: 0 6px 18px rgba(0, 0, 0, .1);--settings-spacing: 1.5rem}.settings-page{min-height:100vh;position:relative;background-color:var(--background, #f8f9fa);color:var(--text-primary, #333);padding-bottom:3rem}.settings-container{position:relative;margin-top:-6rem}.settings-hero{background:linear-gradient(135deg,var(--primary, #ff6d3f) 0%,var(--secondary, #10b981) 100%);color:#fff;padding:8rem 0 10rem;position:relative;overflow:hidden}.settings-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='rgba(255,255,255,0.08)' fill-rule='evenodd'/%3E%3C/svg%3E");opacity:.5}.settings-hero h1{font-size:2.5rem;font-weight:700;margin-bottom:.75rem}.settings-hero p{font-size:1.1rem;opacity:.9;max-width:600px}.settings-layout{display:grid;grid-template-columns:300px 1fr;gap:2rem}.settings-sidebar{background-color:var(--background-alt, white);border-radius:var(--settings-radius-lg);overflow:hidden;box-shadow:var(--settings-shadow-md);position:sticky;top:2rem;height:max-content}.user-profile-summary{padding:2rem;text-align:center;border-bottom:1px solid var(--border, #eaeaea);background:linear-gradient(to bottom,var(--background-alt, white),var(--gray-50, #f9fafb))}.avatar-container{position:relative;width:120px;height:120px;margin:0 auto 1.25rem;border-radius:50%;overflow:hidden;box-shadow:var(--settings-shadow-md)}.user-avatar{width:100%;height:100%;object-fit:cover}.avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.avatar-container:hover .avatar-overlay{opacity:1}.avatar-edit-button{background:#fffc;color:var(--text-primary, #333);border:none;border-radius:var(--settings-radius-md);padding:.5rem 1rem;font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:var(--settings-transition)}.avatar-edit-button:hover{background:#fff;transform:scale(1.05)}.user-info h3{font-size:1.2rem;font-weight:600;margin-bottom:.25rem}.user-info p{color:var(--text-secondary, #666);font-size:.95rem}.settings-nav{padding:1.5rem .75rem}.nav-item,.logout-button{display:flex;align-items:center;width:100%;padding:.875rem 1.25rem;background:none;border:none;border-radius:var(--settings-radius-md);font-size:1rem;color:var(--text-primary, #333);cursor:pointer;transition:var(--settings-transition);position:relative;margin-bottom:.5rem;text-align:left}.nav-item:hover{background-color:var(--gray-50, #f9fafb)}.nav-item.active{background-color:var(--gray-100, #f3f4f6);font-weight:500}.nav-icon{width:20px;margin-right:1rem;font-size:1.1rem}.active-indicator{position:absolute;left:0;top:0;bottom:0;width:4px;background-color:var(--primary, #ff6d3f);border-radius:0 var(--settings-radius-sm) var(--settings-radius-sm) 0}.logout-button{margin-top:1.5rem;color:var(--text-secondary, #666);border-top:1px solid var(--border, #eaeaea);border-radius:0;padding-top:1.25rem}.settings-content{flex:1}.tab-content{position:relative}.content-section{padding-bottom:2rem}.section-header{margin-bottom:1.5rem}.section-header h2{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary, #333)}.section-header p{color:var(--text-secondary, #666);font-size:1.1rem}.settings-card{background-color:var(--background-alt, white);border-radius:var(--settings-radius-lg);box-shadow:var(--settings-shadow-md);overflow:hidden;margin-bottom:1.5rem;transition:var(--settings-transition)}.settings-card:hover{box-shadow:var(--settings-shadow-lg)}.card-header{padding:1.5rem 2rem;border-bottom:1px solid var(--border, #eaeaea)}.card-header h3{font-size:1.25rem;font-weight:600;margin-bottom:.25rem;color:var(--text-primary, #333)}.card-header p{color:var(--text-secondary, #666);font-size:.95rem;margin:0}.card-content{padding:1.75rem 2rem}.form-group:last-child{margin-bottom:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary, #333)}small{display:block;color:var(--text-secondary, #666);font-size:.85rem;margin-top:.5rem}input[type=text],input[type=email],input[type=url],textarea,.select-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border, #eaeaea);border-radius:var(--settings-radius-md);background-color:var(--background, #f8f9fa);color:var(--text-primary, #333);font-size:1rem;transition:var(--settings-transition)}input[type=text]:focus,input[type=email]:focus,input[type=url]:focus,textarea:focus,.select-input:focus{outline:none;border-color:var(--primary, #ff6d3f);box-shadow:0 0 0 3px #ff6d3f1a}input:disabled{background-color:var(--gray-100, #f3f4f6);color:var(--text-secondary, #666);cursor:not-allowed}textarea{resize:vertical;min-height:120px}.select-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2364748b'%3E%3Cpath d='M7,10l5,5,5-5Z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.5em;padding-right:2.5rem}.form-divider{height:1px;background-color:var(--border, #eaeaea);margin:1.75rem 0}.primary-button,.secondary-button,.danger-button,.text-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--settings-radius-md);font-size:1rem;font-weight:500;cursor:pointer;transition:var(--settings-transition);border:none}.primary-button{background-color:var(--primary, #ff6d3f);color:#fff}.primary-button:hover{background-color:var(--primary-dark, #e55a2b);transform:translateY(-2px);box-shadow:var(--settings-shadow-md)}.secondary-button{background-color:var(--gray-100, #f3f4f6);color:var(--text-primary, #333)}.secondary-button:hover{background-color:var(--gray-200, #e5e7eb);transform:translateY(-2px)}.danger-button{background-color:var(--error, #ef4444);color:#fff}.danger-button.outline{background-color:transparent;color:var(--error, #ef4444);border:1px solid var(--error, #ef4444)}.danger-button:hover{background-color:#dc2626;transform:translateY(-2px);box-shadow:var(--settings-shadow-md)}.danger-button.outline:hover{background-color:#ef44441a}.text-button{background-color:transparent;color:var(--primary, #ff6d3f);padding:.5rem}.text-button:hover{background-color:#ff6d3f1a;border-radius:var(--settings-radius-sm)}.action-buttons{display:flex;gap:1rem;margin-top:1rem}.toggle-group{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.toggle-group:last-child{margin-bottom:0}.toggle-label{display:flex;align-items:center;gap:1rem}.toggle-icon{font-size:1.25rem;color:var(--text-secondary, #666);width:24px}.toggle-label h4{margin:0 0 .25rem;font-size:1.05rem;font-weight:500;color:var(--text-primary, #333)}.toggle-label p{margin:0;color:var(--text-secondary, #666);font-size:.9rem}.switch{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--gray-300, #d1d5db);transition:.4s}.slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.4s;box-shadow:0 2px 4px #0003}input:checked+.slider{background-color:var(--primary, #ff6d3f)}input:focus+.slider{box-shadow:0 0 1px var(--primary, #ff6d3f)}input:checked+.slider:before{transform:translate(24px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.color-theme-selector{margin-top:1rem}.color-theme-selector h4{font-size:1.05rem;font-weight:500;margin:0 0 .5rem}.color-theme-selector p{color:var(--text-secondary, #666);font-size:.9rem;margin:0 0 1rem}.theme-colors{display:flex;gap:1.5rem;flex-wrap:wrap}.theme-color-option{display:flex;flex-direction:column;align-items:center;gap:.5rem}.color-button{width:40px;height:40px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:var(--settings-transition);position:relative;overflow:hidden}.color-button:hover{transform:scale(1.1);box-shadow:var(--settings-shadow-sm)}.color-button.active{border-color:var(--gray-300, #d1d5db);box-shadow:0 0 0 3px #0000001a}.check-icon{color:#fff;font-size:1rem;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-shadow:0 1px 2px rgba(0,0,0,.3)}.color-name{font-size:.85rem;color:var(--text-secondary, #666)}.layout-options{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:.5rem}.layout-option{border:1px solid var(--border, #eaeaea);border-radius:var(--settings-radius-md);overflow:hidden;cursor:pointer;transition:var(--settings-transition);position:relative;display:flex;flex-direction:column;align-items:center;padding:1rem;text-align:center}.layout-option:hover{border-color:var(--gray-300, #d1d5db);box-shadow:var(--settings-shadow-sm)}.layout-option.active{border-color:var(--primary, #ff6d3f);background-color:#ff6d3f0d}.layout-option input{position:absolute;opacity:0;cursor:pointer}.layout-preview{width:100%;height:100px;margin-bottom:.75rem;display:flex;align-items:center;justify-content:center}.layout-preview.continuous{flex-direction:column;gap:.5rem;padding:.75rem}.layout-preview.paginated{justify-content:space-between;padding:.75rem 0}.preview-line{height:6px;background-color:var(--gray-300, #d1d5db);border-radius:3px;width:100%}.preview-line.short{width:70%}.preview-page{width:45%;height:90%;border:1px solid var(--gray-300, #d1d5db);border-radius:var(--settings-radius-sm);display:flex;flex-direction:column;justify-content:center;padding:.5rem;gap:.5rem}.data-action{display:flex;justify-content:space-between;align-items:center}.data-action-info h4{margin:0 0 .25rem;font-size:1.05rem;font-weight:500}.data-action-info p{margin:0;color:var(--text-secondary, #666);font-size:.9rem}.connected-account{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid var(--border, #eaeaea)}.connected-account:last-child{border-bottom:none;padding-bottom:0}.account-info{display:flex;align-items:center;gap:1rem}.account-logo{width:40px;height:40px;border-radius:var(--settings-radius-md);background-size:cover;background-position:center}.account-logo.google{background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%234285F4' d='M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z'/%3E%3Cpath fill='%2334A853' d='M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z'/%3E%3Cpath fill='%23FBBC05' d='M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z'/%3E%3Cpath fill='%23EA4335' d='M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z'/%3E%3C/svg%3E")}.account-logo.twitter{background-color:#1da1f2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z'/%3E%3C/svg%3E")}.account-logo.facebook{background-color:#1877f2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z'/%3E%3C/svg%3E")}.account-info h4{margin:0 0 .25rem;font-size:1.05rem;font-weight:500}.account-info p{margin:0;color:var(--text-secondary, #666);font-size:.9rem}.support-link{display:flex;align-items:center;padding:1rem 0;color:var(--text-primary, #333);text-decoration:none;border-bottom:1px solid var(--border, #eaeaea)}.support-link:last-child{border-bottom:none}.support-icon{color:var(--primary, #ff6d3f);font-size:1.25rem;margin-right:1rem;width:24px}.support-link div{flex:1}.support-link h4{margin:0 0 .25rem;font-size:1.05rem;font-weight:500}.support-link p{margin:0;color:var(--text-secondary, #666);font-size:.9rem}.arrow-icon{color:var(--gray-400, #9ca3af);font-size:.9rem;margin-left:1rem}.app-info{display:flex;align-items:center;padding-top:1.5rem;margin-top:1.5rem;border-top:1px solid var(--border, #eaeaea)}.app-logo{width:60px;height:60px;margin-right:1rem;background-color:var(--primary, #ff6d3f);border-radius:var(--settings-radius-md);display:flex;align-items:center;justify-content:center;overflow:hidden}.app-logo img{max-width:100%;max-height:100%}.app-info h4{margin:0 0 .25rem;font-size:1.1rem;font-weight:600}.app-info p{margin:0 0 .25rem;color:var(--text-secondary, #666);font-size:.9rem}.app-info small{font-size:.8rem}.save-notification{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background-color:var(--primary, #ff6d3f);color:#fff;border-radius:var(--settings-radius-md);padding:1rem 1.5rem;display:flex;align-items:center;gap:.75rem;box-shadow:var(--settings-shadow-lg);z-index:100}.settings-page.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--background, #f8f9fa)}.loading-container{text-align:center;max-width:400px;padding:2rem}.loading-spinner{width:60px;height:60px;margin:0 auto 1.5rem;border:4px solid rgba(255,109,63,.2);border-left-color:var(--primary, #ff6d3f);border-radius:50%;animation:spin 1s linear infinite}.loading-container h2{font-size:1.5rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary, #333)}.loading-container p{color:var(--text-secondary, #666);font-size:1rem}.settings-page.error{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--background, #f8f9fa)}.error-container{text-align:center;max-width:450px;padding:3rem 2rem;background-color:var(--background-alt, white);border-radius:var(--settings-radius-lg);box-shadow:var(--settings-shadow-lg)}.error-icon{font-size:3rem;color:var(--error, #ef4444);margin-bottom:1.5rem}.error-container h2{font-size:1.75rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary, #333)}.error-container p{color:var(--text-secondary, #666);font-size:1.1rem;margin-bottom:2rem}@media (max-width: 1100px){.settings-hero h1{font-size:2.25rem}.settings-layout{grid-template-columns:250px 1fr;gap:1.5rem}}@media (max-width: 940px){.settings-hero{padding:6rem 0 8rem}.settings-container{margin-top:-4rem}.settings-layout{grid-template-columns:1fr}.settings-sidebar{position:relative;top:0;margin-bottom:2rem}.user-profile-summary{display:flex;align-items:center;text-align:left;padding:1.5rem}.avatar-container{width:80px;height:80px;margin:0 1.5rem 0 0}.settings-nav{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem}.nav-item,.logout-button{flex:1 1 calc(50% - .5rem);min-width:160px;margin-bottom:.5rem}.form-row{grid-template-columns:1fr;gap:1rem}}@media (max-width: 640px){.container{padding:0 1rem}.settings-hero{padding:5rem 0 7rem;text-align:center}.settings-hero h1{font-size:2rem}.settings-hero p{font-size:1rem;margin:0 auto}.card-header,.card-content{padding:1.25rem 1.5rem}.section-header h2{font-size:1.5rem}.section-header p{font-size:1rem}.user-profile-summary{flex-direction:column;text-align:center}.avatar-container{margin:0 auto 1rem}.nav-item,.logout-button{flex:1 1 100%}.theme-colors{justify-content:space-between}.theme-color-option{flex:0 0 calc(20% - .5rem)}.layout-options{grid-template-columns:1fr}}.help-page{background-color:var(--background-color);min-height:100vh;font-family:var(--font-sans);width:100%;max-width:1440px;margin:0 auto;overflow-x:hidden;color:var(--text-color)}.help-hero{position:relative;min-height:40vh;display:flex;align-items:center;justify-content:center;color:var(--white);text-align:center;padding:2rem;overflow:hidden;background:linear-gradient(120deg,var(--primary-dark),var(--primary-light));border-radius:0 0 2.5rem 2.5rem;margin-bottom:3rem}.help-hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='white' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");z-index:0;opacity:.7}.help-hero h1{font-size:4.5rem;font-weight:800;margin-bottom:1.5rem;font-family:var(--font-serif);line-height:1.2;text-shadow:0 2px 10px rgba(0,0,0,.15);background:linear-gradient(to right,#fff,#e0e0e0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.help-hero p{font-size:1.5rem;font-weight:300;max-width:700px;margin:0 auto;line-height:1.6}.hero-search{max-width:700px;margin:2rem auto}.hero-search .search-box{background-color:#ffffff1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 25px #0000001a}.hero-search .search-box input{color:#fff}.hero-search .search-box input::placeholder{color:#ffffffb3}.hero-search .search-icon,.hero-search .clear-button{color:#fffc}.hero-search .clear-button:hover{background-color:#ffffff1a;color:#fff}.hero-popular-questions{margin-top:2.5rem}.hero-popular-questions h3{font-size:1.25rem;margin-bottom:1rem;opacity:.9;font-weight:500}.popular-questions{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1.5rem}.popular-question{background-color:#ffffff26;border:none;padding:.75rem 1.25rem;border-radius:var(--border-radius-full);color:#fff;font-size:.95rem;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;gap:.5rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.popular-question:hover{background-color:#ffffff40;transform:translateY(-3px);box-shadow:0 4px 12px #0000001a}.popular-question svg{font-size:1rem;opacity:.7}.container{max-width:1300px;margin:0 auto;padding:0 1.5rem}.hero-content{position:relative;z-index:1;max-width:900px;padding:4rem 2rem}.help-categories{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem;margin-bottom:3rem}.category-card{background-color:var(--white);border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);padding:1.5rem;text-align:center;transition:all var(--transition-normal);box-shadow:var(--shadow-sm);cursor:pointer;outline:none;display:flex;flex-direction:column;align-items:center;justify-content:center}.category-card.active{border-color:var(--primary-color);background-color:rgba(var(--primary-color-rgb),.05);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.2)}.category-card:hover:not(.active){transform:translateY(-5px);box-shadow:var(--shadow-md)}.category-icon{font-size:1.75rem;margin-bottom:1rem;color:var(--primary-color);background-color:rgba(var(--primary-color-rgb),.1);width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal)}.category-card.active .category-icon{background-color:var(--primary-color);color:#fff;transform:scale(1.1)}.category-card h3{font-size:1rem;margin:0;font-weight:600;color:var(--text-color)}.category-card.active h3{color:var(--primary-color)}.content-wrapper{position:relative;min-height:400px;margin-bottom:3rem}.faqs-section{padding:1rem 0}.search-container{margin-bottom:1.5rem}.search-box{display:flex;align-items:center;background-color:var(--white);border-radius:var(--border-radius-lg);padding:.75rem 1.25rem;box-shadow:var(--shadow-md);position:relative}.search-icon{color:var(--gray-500);margin-right:.75rem;font-size:1.25rem}.search-box input{flex:1;border:none;padding:.5rem 0;font-size:1rem;outline:none;background:transparent;color:var(--text-color)}.search-box input::placeholder{color:var(--gray-500)}.clear-button{background:none;border:none;color:var(--gray-500);padding:.25rem;cursor:pointer;border-radius:50%;transition:all var(--transition-fast)}.clear-button:hover{background-color:var(--gray-100);color:var(--text-color)}.search-results-info{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:2rem;gap:1rem}.search-query{display:flex;align-items:center;flex-wrap:wrap;gap:1rem}.query-text{font-weight:600;color:var(--primary-color)}.clear-search-button{background-color:var(--gray-100);border:none;padding:.5rem 1rem;border-radius:var(--border-radius-md);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast);color:var(--text-light)}.clear-search-button:hover{background-color:var(--gray-200);color:var(--text-color)}.active-category-label{display:flex;align-items:center;gap:.5rem;background-color:rgba(var(--primary-color-rgb),.1);padding:.5rem 1rem;border-radius:var(--border-radius-full);color:var(--primary-color);font-weight:500}.active-category-label svg{font-size:1rem}.faq-list{display:flex;flex-direction:column;gap:1rem}.faq-item{background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);overflow:hidden;transition:all var(--transition-normal)}.faq-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.faq-question{padding:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.question-content{flex:1}.question-category{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.question-category span{font-size:.875rem;color:var(--gray-600);font-weight:500}.question-category svg{color:var(--primary-color);font-size:.875rem}.faq-question h3{font-size:1.125rem;font-weight:600;margin:0;color:var(--text-color);line-height:1.5}.faq-toggle{width:24px;height:24px;border-radius:50%;background-color:var(--gray-100);display:flex;align-items:center;justify-content:center;color:var(--gray-600);flex-shrink:0;margin-left:1rem;transition:all var(--transition-normal)}.faq-item:hover .faq-toggle{background-color:var(--primary-color);color:var(--white)}.faq-answer{background-color:var(--gray-50);overflow:hidden}.answer-content{padding:0 1.5rem 1.5rem}.answer-content p{margin:0;color:var(--text-light);font-size:1rem;line-height:1.7}.no-results{text-align:center;padding:4rem 0;display:flex;flex-direction:column;align-items:center}.large-icon{font-size:3rem;color:var(--gray-400);margin-bottom:1rem}.no-results h3{font-size:1.5rem;font-weight:600;margin:0 0 .5rem;color:var(--text-color)}.no-results p{margin:0 0 1.5rem;color:var(--text-light)}.help-footer{padding:3rem 0;border-top:1px solid var(--gray-200);margin-top:3rem;display:grid;grid-template-columns:1fr auto;gap:3rem;align-items:center}.help-cta h2{font-size:2rem;margin:0 0 1rem;color:var(--text-color);font-family:var(--font-serif);font-weight:700}.help-cta p{font-size:1.1rem;color:var(--text-light);margin:0 0 2rem;max-width:500px}.primary-button{background-color:var(--primary-color);color:#fff;border:none;padding:.875rem 1.5rem;border-radius:var(--border-radius-md);font-weight:600;font-size:1rem;cursor:pointer;transition:all var(--transition-normal);display:inline-flex;align-items:center;gap:.75rem;text-decoration:none}.primary-button:hover{background-color:var(--primary-dark);transform:translateY(-3px);box-shadow:0 6px 15px rgba(var(--primary-color-rgb),.25)}.button-icon{transition:transform var(--transition-normal)}.resource-card{background-color:var(--white);border-radius:var(--border-radius-lg);padding:2rem;box-shadow:var(--shadow-md);max-width:360px}.resource-icon{width:60px;height:60px;background-color:rgba(var(--primary-color-rgb),.1);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--primary-color);margin-bottom:1.5rem}.resource-card h4{font-size:1.25rem;font-weight:600;margin:0 0 .75rem;color:var(--text-color)}.resource-card p{color:var(--text-light);margin:0 0 1.5rem;line-height:1.6}.resource-link{color:var(--primary-color);text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;transition:all var(--transition-normal)}.resource-link svg{font-size:.875rem;transition:transform var(--transition-normal)}.resource-link:hover{color:var(--primary-dark)}.resource-link:hover svg{transform:translate(3px)}@media (max-width: 992px){.help-hero h1{font-size:3.5rem}.help-hero p{font-size:1.25rem}.help-categories{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.help-footer{grid-template-columns:1fr;text-align:center}.help-cta p{margin:0 auto 2rem}.help-resources{display:flex;justify-content:center}}@media (max-width: 768px){.help-hero{padding:3rem 1.5rem;min-height:auto}.help-hero h1{font-size:2.8rem}.help-hero p{font-size:1.1rem;max-width:100%}.popular-questions{flex-direction:column;max-width:450px;margin:1rem auto 0}.popular-question{width:100%;justify-content:flex-start}.help-categories{grid-template-columns:repeat(2,1fr)}.faq-question{padding:1.25rem}.faq-question h3{font-size:1rem}}@media (max-width: 576px){.help-hero{padding:2rem 1rem}.help-hero h1{font-size:2.2rem}.help-hero p{font-size:1rem}.help-categories{grid-template-columns:1fr}.category-card{flex-direction:row;justify-content:flex-start;text-align:left;padding:1rem}.category-icon{width:40px;height:40px;font-size:1.25rem;margin-bottom:0;margin-right:1rem}}.careers-page{color:var(--text-color);background-color:var(--background-color);font-family:var(--font-sans);min-height:100vh;overflow-x:hidden}.careers-hero{position:relative;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;padding:8rem 2rem 6rem;overflow:hidden;text-align:center}.careers-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(https://images.unsplash.com/photo-1522202176988-66273c2fd55f?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1200&q=80);background-size:cover;background-position:center;opacity:.1;z-index:0}.hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.hero-shapes{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;z-index:0}.shape{position:absolute;border-radius:50%;background:#ffffff1a}.shape-1{width:300px;height:300px;top:-150px;right:-100px}.shape-2{width:200px;height:200px;bottom:-80px;left:10%}.shape-3{width:150px;height:150px;top:30%;right:20%}.careers-hero h1{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2}.hero-subtitle{font-size:1.5rem;font-weight:300;max-width:600px;margin:0 auto 3rem;opacity:.9}.cta-button{display:inline-flex;align-items:center;justify-content:center;background-color:#fff;color:var(--primary-color);font-weight:600;font-size:1rem;padding:1rem 2rem;border-radius:var(--border-radius);text-decoration:none;transition:all .3s ease;box-shadow:0 10px 20px #0000001a}.cta-button:hover{transform:translateY(-3px);box-shadow:0 15px 30px #00000026}.cta-button svg{margin-right:.5rem}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.mission-section{padding:5rem 0;background-color:var(--background-color-alt)}.mission-content{max-width:800px;margin:0 auto;text-align:center}.mission-content h2{color:var(--text-color-emphasis);font-size:2.5rem;margin-bottom:1.5rem}.mission-content p{font-size:1.25rem;line-height:1.7;color:var(--text-color)}.section-header h2{color:var(--text-color-emphasis);font-size:2.5rem;margin-bottom:1rem}.section-header p{font-size:1.25rem;color:var(--text-color-subtle);max-width:600px;margin:0 auto}.values-section{padding:6rem 0;background-color:var(--background-color)}.values-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.value-card{background-color:var(--card-background);border-radius:var(--border-radius);padding:2rem;box-shadow:var(--card-shadow);transition:transform .3s ease,box-shadow .3s ease;text-align:center}.value-card:hover{transform:translateY(-10px);box-shadow:var(--card-shadow-hover)}.value-icon{width:70px;height:70px;background:linear-gradient(135deg,var(--primary-color-light),var(--primary-color));border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.value-icon svg{font-size:1.8rem;color:#fff}.value-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--text-color-emphasis)}.value-card p{color:var(--text-color);line-height:1.6}.benefits-section{padding:6rem 0;background-color:var(--background-color-alt)}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.benefit-card{background-color:var(--card-background);border-radius:var(--border-radius);padding:2rem;box-shadow:var(--card-shadow);transition:transform .3s ease,box-shadow .3s ease;height:100%}.benefit-card:hover{transform:translateY(-10px);box-shadow:var(--card-shadow-hover)}.benefit-card h3{font-size:1.4rem;margin-bottom:1rem;color:var(--text-color-emphasis)}.benefit-card p{color:var(--text-color);line-height:1.6}.team-image-section{padding:4rem 0;background-color:var(--background-color)}.team-image-wrapper{max-width:1000px;margin:0 auto}.team-image{overflow:hidden;border-radius:var(--border-radius);box-shadow:var(--card-shadow)}.team-image img{width:100%;height:auto;display:block;transition:transform .5s ease}.team-image:hover img{transform:scale(1.02)}.image-caption{text-align:center;margin-top:1.5rem;font-style:italic;color:var(--text-color-subtle)}.jobs-section{padding:6rem 0;background-color:var(--background-color-alt)}.jobs-filter{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:3rem;justify-content:center}.search-box{flex:1 1 300px;position:relative;max-width:500px}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-color-subtle)}.search-box input{width:100%;padding:1rem 1rem 1rem 3rem;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:1rem;background-color:var(--input-background);color:var(--text-color);transition:border-color .3s,box-shadow .3s}.search-box input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.2)}.filter-dropdowns{display:flex;gap:1rem;flex:1 1 300px;max-width:500px}.filter-dropdown{flex:1;position:relative}.filter-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-color-subtle);z-index:1}.filter-dropdown select{width:100%;padding:1rem 1rem 1rem 3rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--input-background);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:1rem;color:var(--text-color);cursor:pointer;transition:border-color .3s,box-shadow .3s}.filter-dropdown select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.2)}.filter-dropdown:after{content:"";position:absolute;right:1rem;top:50%;transform:translateY(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--text-color-subtle);pointer-events:none}.jobs-list{display:flex;flex-direction:column;gap:1.5rem}.job-card{background-color:var(--card-background);border-radius:var(--border-radius);box-shadow:var(--card-shadow);overflow:hidden;transition:all .3s ease;cursor:pointer}.job-card:hover{box-shadow:var(--card-shadow-hover)}.job-header{padding:1.5rem;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem}.job-title-section{flex:1}.job-title-section h3{font-size:1.4rem;margin-bottom:.75rem;color:var(--text-color-emphasis)}.job-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.95rem}.job-department,.job-location,.job-type{display:flex;align-items:center;color:var(--text-color-subtle)}.job-meta svg{margin-right:.5rem;font-size:.9rem}.job-posted{font-size:.9rem;color:var(--text-color-subtle);display:flex;align-items:center}.job-posted svg{margin-right:.5rem}.job-details{border-top:1px solid var(--border-color);overflow:hidden}.job-description{padding:1.5rem}.job-description p{margin-bottom:1.5rem;line-height:1.6}.job-description h4{font-size:1.1rem;margin-bottom:1rem;color:var(--text-color-emphasis)}.requirements-list{list-style-type:disc;padding-left:1.5rem;margin-bottom:1.5rem}.requirements-list li{margin-bottom:.5rem;line-height:1.6}.job-actions{display:flex;justify-content:flex-start;margin-top:2rem}.apply-button{display:inline-flex;align-items:center;background-color:var(--primary-color);color:#fff;padding:.75rem 1.5rem;border-radius:var(--border-radius);font-weight:600;text-decoration:none;transition:all .3s ease}.apply-button:hover{background-color:var(--primary-color-dark);transform:translateY(-2px)}.apply-button svg{margin-right:.5rem}.no-jobs{text-align:center;padding:3rem;background-color:var(--card-background);border-radius:var(--border-radius);box-shadow:var(--card-shadow)}.no-jobs-icon{font-size:3rem;color:var(--text-color-subtle);margin-bottom:1.5rem}.no-jobs h3{font-size:1.5rem;margin-bottom:1rem;color:var(--text-color-emphasis)}.no-jobs p{margin-bottom:1.5rem;max-width:500px;margin-left:auto;margin-right:auto}.reset-button{display:inline-flex;align-items:center;background-color:var(--secondary-color);color:#fff;padding:.75rem 1.5rem;border-radius:var(--border-radius);font-weight:600;cursor:pointer;border:none;transition:all .3s ease}.reset-button:hover{background-color:var(--secondary-color-dark)}.reset-button svg{margin-right:.5rem}.process-section{padding:6rem 0;background-color:var(--background-color)}.process-steps{display:flex;flex-direction:column;gap:1.5rem;max-width:800px;margin:0 auto}.process-step{display:flex;gap:1.5rem;align-items:flex-start;background-color:var(--card-background);border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--card-shadow);transition:transform .3s ease,box-shadow .3s ease}.process-step:hover{transform:translateY(-5px);box-shadow:var(--card-shadow-hover)}.step-number{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:linear-gradient(135deg,var(--primary-color-light),var(--primary-color));color:#fff;border-radius:50%;font-size:1.5rem;font-weight:700;flex-shrink:0}.step-content{flex:1}.step-content h3{font-size:1.3rem;margin-bottom:.5rem;color:var(--text-color-emphasis)}.step-content p{color:var(--text-color);line-height:1.6}.process-note{text-align:center;max-width:600px;margin:3rem auto 0;font-style:italic;color:var(--text-color-subtle)}.careers-cta{padding:5rem 0;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;text-align:center}.cta-content{max-width:700px;margin:0 auto}.cta-content h2{font-size:2.5rem;margin-bottom:1.5rem}.cta-content p{font-size:1.25rem;margin-bottom:2rem;opacity:.9}@media (max-width: 1024px){.careers-hero h1{font-size:3rem}.hero-subtitle{font-size:1.3rem}.section-header h2{font-size:2.2rem}}@media (max-width: 768px){.careers-hero{padding:6rem 1.5rem 4rem}.careers-hero h1{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.section-header h2{font-size:2rem}.values-grid,.benefits-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.jobs-filter{flex-direction:column}.search-box,.filter-dropdowns{max-width:100%}.job-header{flex-direction:column}.job-posted{margin-top:-.5rem}.cta-content h2{font-size:2rem}.process-step{flex-direction:column;align-items:center;text-align:center}.step-number{margin-bottom:1rem}}@media (max-width: 480px){.careers-hero h1{font-size:2rem}.hero-subtitle{font-size:1rem}.section-header h2{font-size:1.8rem}.filter-dropdowns{flex-direction:column}.job-meta{flex-direction:column;gap:.5rem}}.press-page{color:var(--text-color);background-color:var(--background-color);min-height:100vh;font-family:var(--font-sans)}.press-hero{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:var(--white);padding:5rem 2rem;text-align:center;position:relative;overflow:hidden;margin-bottom:3rem}.press-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5z' fill='%23ffffff' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");opacity:.2}.press-hero h1{font-size:3.5rem;font-weight:800;margin-bottom:1rem;line-height:1.2}.press-subtitle{font-size:1.25rem;max-width:700px;margin:0 auto;opacity:.9}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.press-tabs{display:flex;background-color:var(--white);border-radius:var(--border-radius-lg);margin-bottom:2rem;box-shadow:var(--shadow-md);overflow:hidden}.tab{flex:1;padding:1.25rem;background:transparent;border:none;cursor:pointer;font-size:1rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all var(--transition-normal);position:relative;color:var(--text-light)}.tab svg{font-size:1.25rem}.tab.active{color:var(--primary-color)}.tab.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:30%;height:3px;background-color:var(--primary-color);border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0}.tab:hover:not(.active){color:var(--text-color);background-color:var(--gray-100)}.press-content{position:relative;min-height:400px;margin-bottom:4rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0}.loader{width:48px;height:48px;border:3px solid rgba(var(--primary-color-rgb),.1);border-radius:50%;border-top-color:var(--primary-color);animation:spin 1s linear infinite;margin-bottom:1.5rem}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:var(--text-color)}.section-header p{font-size:1.125rem;color:var(--text-light);max-width:600px;margin:0 auto}.press-releases-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.press-release-card{background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.press-release-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-lg)}.release-image{position:relative;overflow:hidden;height:200px}.release-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.press-release-card:hover .release-image img{transform:scale(1.05)}.release-category{position:absolute;top:1rem;left:1rem;background-color:var(--primary-color);color:var(--white);padding:.5rem 1rem;border-radius:var(--border-radius-full);font-size:.75rem;font-weight:600}.release-content{padding:1.5rem}.release-date{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--gray-500);margin-bottom:.75rem}.release-content h3{font-size:1.25rem;font-weight:700;margin-bottom:.75rem;color:var(--text-color);line-height:1.4}.release-content p{color:var(--text-light);margin-bottom:1.25rem;line-height:1.6}.read-more{display:flex;align-items:center;gap:.5rem;color:var(--primary-color);font-weight:600;font-size:.9375rem;text-decoration:none;transition:gap .3s ease}.read-more:hover{gap:.75rem}.archive-link-container{text-align:center;margin-top:2rem}.archive-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--primary-color);font-weight:600;font-size:1.0625rem;text-decoration:none;transition:gap .3s ease;padding:.75rem 1.5rem;border:2px solid var(--primary-color);border-radius:var(--border-radius-md)}.archive-link:hover{gap:.75rem;background-color:rgba(var(--primary-color-rgb),.05)}.media-resources{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.resource-card{display:flex;flex-direction:column;background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.resource-icon{height:180px;overflow:hidden}.resource-icon img{width:100%;height:100%;object-fit:cover}.resource-content{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column}.resource-content h3{font-size:1.25rem;font-weight:700;margin-bottom:.75rem;color:var(--text-color)}.resource-content p{color:var(--text-light);margin-bottom:1.25rem;line-height:1.6;flex-grow:1}.download-link{display:flex;align-items:center;gap:.5rem;color:var(--primary-color);font-weight:600;text-decoration:none;padding:.625rem 0;transition:gap .3s ease}.download-link:hover{gap:.75rem}.company-fact-sheet{background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:2rem;margin-top:3rem}.fact-sheet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.fact-sheet-header h3{font-size:1.5rem;font-weight:700;color:var(--text-color);margin:0}.download-button{display:inline-flex;align-items:center;gap:.75rem;background-color:var(--primary-color);color:var(--white);padding:.75rem 1.5rem;border-radius:var(--border-radius-md);font-weight:600;text-decoration:none;transition:background-color .3s ease,transform .3s ease}.download-button:hover{background-color:var(--primary-dark);transform:translateY(-2px)}.fact-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:2rem}.fact-item h4{font-size:.875rem;font-weight:600;color:var(--gray-500);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.fact-item p{font-size:1.125rem;font-weight:600;color:var(--text-color);margin:0}.press-highlights{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.highlight-card{background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:2rem;position:relative;transition:transform .3s ease,box-shadow .3s ease}.quote-icon{color:rgba(var(--primary-color-rgb),.1);font-size:2.5rem;margin-bottom:1rem}.highlight-quote{font-size:1.125rem;line-height:1.7;color:var(--text-color);font-style:italic;margin-bottom:1.5rem}.highlight-source{position:relative;padding-top:1rem}.highlight-source:before{content:"";position:absolute;top:0;left:0;width:3rem;height:2px;background-color:var(--primary-color)}.source-name{font-weight:700;color:var(--text-color);margin:0 0 .25rem}.source-title{font-size:.875rem;color:var(--gray-500);margin:0}.coverage-table{background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);overflow:hidden;margin-top:3rem}.table-header{padding:1.5rem;border-bottom:1px solid var(--gray-200)}.table-header h3{font-size:1.5rem;font-weight:700;color:var(--text-color);margin:0}.table-content{display:flex;flex-direction:column}.article-row{display:grid;grid-template-columns:1fr 3fr auto;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--gray-200);text-decoration:none;transition:background-color .3s ease}.article-row:last-child{border-bottom:none}.article-outlet{color:var(--gray-600);font-weight:500;font-size:.9375rem;padding-right:1rem}.article-title h4{color:var(--text-color);font-weight:600;font-size:1.0625rem;margin:0 0 .375rem}.article-date{color:var(--gray-500);font-size:.875rem;margin:0}.article-link{color:var(--primary-color);font-size:1rem;opacity:.7;transition:opacity .3s ease}.article-row:hover .article-link{opacity:1}.contact-card{background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);overflow:hidden;margin-bottom:3rem}.contact-info{padding:2rem;display:flex;flex-wrap:wrap;gap:2rem}.contact-person{display:flex;align-items:center;gap:1.5rem;flex:1;min-width:250px}.contact-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover}.person-details h3{font-size:1.25rem;font-weight:700;color:var(--text-color);margin:0 0 .375rem}.person-details p{color:var(--primary-color);font-weight:500;margin:0}.contact-details{flex:2;min-width:250px}.contact-item{display:flex;margin-bottom:1rem}.contact-label{width:80px;font-weight:600;color:var(--text-color)}.contact-value{color:var(--text-light)}.contact-value a{color:var(--primary-color);text-decoration:none;transition:color .3s ease}.contact-value a:hover{color:var(--primary-dark);text-decoration:underline}.contact-note{padding-top:1rem;border-top:1px solid var(--gray-200);font-size:.9375rem;color:var(--gray-600)}.contact-note a{color:var(--primary-color);text-decoration:none;transition:color .3s ease}.contact-note a:hover{color:var(--primary-dark);text-decoration:underline}.press-policy{background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:2rem}.press-policy h3{font-size:1.25rem;font-weight:700;color:var(--text-color);margin:0 0 1rem}.press-policy p{color:var(--text-light);line-height:1.7;margin:0 0 2rem}.press-policy p:last-child{margin-bottom:0}.press-policy a{color:var(--primary-color);text-decoration:none;font-weight:500;transition:color .3s ease}.press-policy a:hover{color:var(--primary-dark);text-decoration:underline}@media (max-width: 768px){.press-hero{padding:4rem 1.5rem}.press-hero h1{font-size:2.5rem}.section-header h2{font-size:2rem}.press-releases-grid,.media-resources,.press-highlights{grid-template-columns:1fr}.fact-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.5rem}.article-row{grid-template-columns:1fr;gap:.5rem}.article-outlet{padding-right:0}.article-link{display:none}.contact-info{flex-direction:column;gap:1.5rem}}@media (max-width: 576px){.tab span{display:none}.tab svg{font-size:1.5rem}.press-tabs{padding:.5rem}.fact-sheet-header{flex-direction:column;align-items:flex-start}}.contact-page-container{width:100%;max-width:1440px;margin:0 auto;overflow-x:hidden;color:var(--text-color)}.contact-hero-section{position:relative;min-height:40vh;display:flex;align-items:center;justify-content:center;color:var(--white);text-align:center;padding:2rem;overflow:hidden;background:linear-gradient(120deg,var(--primary-dark),var(--primary-light));border-radius:0 0 2.5rem 2.5rem;margin-bottom:3rem}.contact-hero-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='white' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");z-index:0;opacity:.7}.hero-content{position:relative;z-index:1;max-width:900px}.contact-hero-section h1{font-size:4.5rem;font-weight:800;margin-bottom:1.5rem;font-family:var(--font-serif);line-height:1.2;text-shadow:0 2px 10px rgba(0,0,0,.15);background:linear-gradient(to right,#fff,#e0e0e0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.contact-hero-section p{font-size:1.5rem;font-weight:300;max-width:700px;margin:0 auto;line-height:1.6}.section-container{max-width:1300px;margin:0 auto;padding:6rem 2rem}.section-heading{text-align:center;margin-bottom:4rem;position:relative}.section-heading h2{font-size:3rem;font-weight:700;color:var(--text-color);margin-bottom:1.5rem;font-family:var(--font-serif);position:relative;display:inline-block}.heading-underline{position:absolute;height:5px;width:80px;background:var(--primary-color);bottom:-.5rem;left:50%;transform:translate(-50%);border-radius:5px}.section-description{font-size:1.2rem;color:var(--text-light);max-width:600px;margin:2rem auto 0;line-height:1.5}.contact-options-section{background-color:var(--white);margin-bottom:2rem}.options-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}.contact-option-card{background-color:var(--gray-50);border-radius:var(--border-radius-lg);padding:2.5rem;text-align:center;transition:all .3s ease;box-shadow:var(--shadow-md);border:1px solid var(--gray-200);display:flex;flex-direction:column;align-items:center;height:100%}.contact-option-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-lg);border-color:var(--gray-300)}.option-icon{font-size:2rem;width:80px;height:80px;background:linear-gradient(135deg,var(--primary-light),var(--primary-color));border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:#fff;box-shadow:0 10px 20px #e55a2b33}.contact-option-card h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--text-color)}.contact-option-card p{font-size:1.05rem;color:var(--text-light);margin-bottom:1.5rem;line-height:1.6;flex-grow:1}.option-link{display:inline-block;color:var(--primary-color);font-weight:600;text-decoration:none;position:relative;transition:all .3s ease}.option-link:hover{color:var(--primary-dark)}.option-link:after{content:"";position:absolute;width:100%;height:2px;bottom:-4px;left:0;background-color:var(--primary-color);transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.option-link:hover:after{transform:scaleX(1);transform-origin:left}.contact-form-section{background-color:var(--gray-50);border-radius:2.5rem;margin:3rem 0;padding:2rem 0}.form-container{max-width:800px;margin:0 auto;background-color:var(--white);border-radius:var(--border-radius-lg);padding:3rem;box-shadow:var(--shadow-md);border:1px solid var(--gray-200)}.contact-form{display:flex;flex-direction:column;gap:1.8rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.8rem}.form-group{position:relative}.form-input{width:100%;padding:1.2rem 1rem .6rem;background:var(--gray-50);border:1px solid var(--gray-300);border-radius:var(--border-radius-md);color:var(--text-color);font-size:1rem;transition:all .3s ease;font-family:var(--font-sans)}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #ff6d3f26;background-color:var(--white)}textarea.form-input{resize:vertical;min-height:150px}.form-label{position:absolute;left:1rem;top:1rem;color:var(--text-light);font-size:1rem;pointer-events:none;transition:all .2s ease}.form-input:focus~.form-label,.form-input:not(:placeholder-shown)~.form-label{top:.4rem;left:1rem;font-size:.75rem;color:var(--primary-color);font-weight:600}.submit-button{background:var(--primary-color);color:var(--white);font-weight:600;font-size:1.05rem;padding:1rem 2rem;border:none;border-radius:var(--border-radius-md);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;align-self:flex-end;margin-top:1rem;text-transform:uppercase;letter-spacing:.5px}.submit-button:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px #ff6d3f4d}.submit-button:active{transform:translateY(0);box-shadow:0 2px 10px #ff6d3f33}.button-effect{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff3;transform:translate(-100%);transition:transform .6s ease}.submit-button:hover .button-effect{transform:translate(100%)}.submit-button.submitting{background:var(--primary-dark);cursor:not-allowed;opacity:.8}.form-message{margin-top:1.5rem;padding:1rem 1.5rem;border-radius:var(--border-radius-md);font-weight:500;text-align:center;animation:fadeInUp .5s ease forwards}.form-message.success{background-color:#2fd66f1a;color:#2fd66f;border:1px solid rgba(47,214,111,.3)}.form-message.error{background-color:#f64e601a;color:#f64e60;border:1px solid rgba(246,78,96,.3)}.contact-faq-section{padding:2rem 0 6rem}.faq-content{text-align:center;max-width:700px;margin:0 auto}.faq-intro{font-size:1.2rem;color:var(--text-light);margin-bottom:2rem;line-height:1.6}.faq-link-container{display:flex;justify-content:center;margin-top:3rem}.faq-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--primary-color);font-weight:600;font-size:1.1rem;text-decoration:none;padding:1rem 2rem;border:2px solid var(--primary-color);border-radius:var(--border-radius-full);transition:all .3s ease}.faq-link:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-3px);box-shadow:0 6px 20px #ff6d3f40}.faq-link svg{transition:transform .3s ease}.faq-link:hover svg{transform:translate(4px)}.form-footer{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.privacy-notice{font-size:.875rem;color:#64748b;text-align:center;line-height:1.4}.privacy-link{color:#667eea;text-decoration:none;font-weight:500;transition:color .3s ease}.privacy-link:hover{color:#5a67d8;text-decoration:underline}@media (max-width: 1200px){.section-container{padding:4rem 2rem}.contact-hero-section h1{font-size:3.5rem}}@media (max-width: 992px){.options-grid{grid-template-columns:repeat(1,1fr);max-width:600px;margin-left:auto;margin-right:auto}.contact-hero-section h1{font-size:3rem}.contact-hero-section p{font-size:1.2rem}.section-heading h2{font-size:2.5rem}}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.form-container{padding:2rem}.submit-button{width:100%}.contact-hero-section{min-height:30vh}.contact-hero-section h1{font-size:2.5rem}}@media (max-width: 576px){.section-container{padding:3rem 1.5rem}.contact-hero-section{padding:4rem 1rem;min-height:auto}.contact-hero-section h1{font-size:2rem}.contact-hero-section p{font-size:1rem}.section-heading h2{font-size:2rem}.contact-option-card{padding:1.5rem}}.privacy-page-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.privacy-hero-section{padding:6rem 0 4rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center;position:relative;overflow:hidden}.privacy-hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0000001a;z-index:1}.hero-content{position:relative;z-index:2;max-width:800px;margin:0 auto;padding:0 2rem}.privacy-hero-section h1{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2}.privacy-hero-section p{font-size:1.25rem;line-height:1.6;margin-bottom:2rem;opacity:.95}.last-updated{font-size:1rem;padding:.75rem 1.5rem;background:#fff3;border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:inline-block;border:1px solid rgba(255,255,255,.3)}.privacy-content-section{padding:4rem 0}.section-container{max-width:900px;margin:0 auto;padding:0 2rem}.privacy-intro{text-align:center;margin-bottom:4rem;padding:3rem;background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a}.privacy-intro h2{font-size:2.5rem;font-weight:600;color:#2d3748;margin-bottom:1.5rem}.privacy-intro p{font-size:1.1rem;line-height:1.7;color:#4a5568}.privacy-sections{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.privacy-section{background:#fff;border-radius:15px;padding:2.5rem;box-shadow:0 5px 20px #00000014;border:1px solid rgba(0,0,0,.05);transition:transform .3s ease,box-shadow .3s ease}.privacy-section:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001f}.section-title{font-size:1.8rem;font-weight:600;color:#2d3748;margin-bottom:2rem;padding-bottom:1rem;border-bottom:3px solid #667eea;position:relative}.section-title:after{content:"";position:absolute;bottom:-3px;left:0;width:60px;height:3px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.section-content{display:flex;flex-direction:column;gap:2rem}.content-item{border-left:4px solid #e2e8f0;padding-left:1.5rem;transition:border-color .3s ease}.content-item:hover{border-color:#667eea}.content-subtitle{font-size:1.2rem;font-weight:600;color:#4a5568;margin-bottom:.75rem}.content-text{font-size:1rem;line-height:1.7;color:#718096}.privacy-contact{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:15px;padding:2.5rem;margin-top:2rem}.privacy-contact .section-title{color:#fff;border-bottom-color:#ffffff4d}.privacy-contact .section-title:after{background:#fff}.contact-content p{font-size:1.1rem;line-height:1.6;margin-bottom:2rem;opacity:.95}.contact-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.contact-item{padding:1rem 1.5rem;background:#ffffff26;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);font-size:1rem;transition:background .3s ease}.contact-item:hover{background:#ffffff40}.contact-item strong{display:block;font-weight:600;margin-bottom:.25rem;font-size:.9rem;opacity:.8}@media (max-width: 1024px){.privacy-hero-section{padding:4rem 0 3rem}.privacy-hero-section h1{font-size:3rem}.section-container{padding:0 1.5rem}.privacy-intro{padding:2.5rem}.privacy-section{padding:2rem}}@media (max-width: 768px){.privacy-hero-section{padding:3rem 0 2rem}.privacy-hero-section h1{font-size:2.5rem}.privacy-hero-section p{font-size:1.1rem}.hero-content{padding:0 1.5rem}.section-container{padding:0 1rem}.privacy-content-section{padding:3rem 0}.privacy-intro{padding:2rem;margin-bottom:3rem}.privacy-intro h2{font-size:2rem}.privacy-section{padding:1.5rem}.section-title{font-size:1.5rem}.content-item{padding-left:1rem}.privacy-contact{padding:2rem}.contact-details{grid-template-columns:1fr;gap:1rem}.contact-item{padding:1rem}}@media (max-width: 480px){.privacy-hero-section{padding:2rem 0 1.5rem}.privacy-hero-section h1{font-size:2rem}.privacy-hero-section p{font-size:1rem}.hero-content{padding:0 1rem}.last-updated{font-size:.9rem;padding:.5rem 1rem}.privacy-intro{padding:1.5rem}.privacy-intro h2{font-size:1.75rem}.privacy-intro p{font-size:1rem}.privacy-section{padding:1.25rem}.section-title{font-size:1.3rem;margin-bottom:1.5rem}.content-subtitle{font-size:1.1rem}.content-text{font-size:.95rem}.privacy-contact{padding:1.5rem}.contact-content p{font-size:1rem}.contact-item{padding:.75rem;font-size:.9rem}}@media (prefers-color-scheme: dark){.privacy-page-container{background:linear-gradient(135deg,#1a202c,#2d3748)}.privacy-intro,.privacy-section{background:#2d3748;color:#e2e8f0}.privacy-intro h2,.section-title{color:#e2e8f0}.content-subtitle{color:#cbd5e1}.content-text{color:#a0aec0}.content-item{border-left-color:#4a5568}.content-item:hover{border-left-color:#667eea}}@media print{.privacy-page-container{background:#fff!important}.privacy-hero-section{background:#fff!important;color:#000!important;padding:2rem 0!important}.privacy-intro,.privacy-section,.privacy-contact{background:#fff!important;color:#000!important;box-shadow:none!important;border:1px solid #e2e8f0!important;break-inside:avoid}.section-title{color:#000!important}.content-subtitle{color:#4a5568!important}.content-text{color:#2d3748!important}}.analytics-dashboard{display:flex;flex-direction:column;width:100%;min-height:calc(100vh - var(--header-height));background-color:var(--background-color);padding:2rem;color:var(--text-color)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.header-left{display:flex;flex-direction:column}.dashboard-header h1{font-size:2rem;font-weight:700;color:var(--text-color);margin:0;background:linear-gradient(to right,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.dashboard-subtitle{font-size:1rem;color:var(--text-muted);margin-top:.25rem}.dashboard-controls{display:flex;gap:1rem;align-items:center}.time-range-select{padding:.5rem 1.25rem;border-radius:var(--border-radius-lg);border:1px solid var(--border-color);background-color:var(--card-background);font-size:.875rem;color:var(--text-color);outline:none;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23444%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right .75rem top 50%;background-size:.75rem auto}.time-range-select:hover{border-color:var(--primary-color)}.refresh-button{padding:.5rem 1.25rem;border-radius:var(--border-radius-lg);border:none;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 5px rgba(var(--primary-rgb),.3);display:flex;align-items:center;justify-content:center;gap:.5rem}.refresh-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(var(--primary-rgb),.4)}.refresh-button:active{transform:translateY(0)}.refresh-button.refreshing{opacity:.8;cursor:not-allowed}.refresh-button.refreshing:before{content:"";display:inline-block;width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite;margin-right:.5rem}.dashboard-tabs{display:flex;margin-bottom:2rem;border-bottom:1px solid var(--border-color);overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.dashboard-tabs::-webkit-scrollbar{display:none}.tab-button{padding:.75rem 1.5rem;background:none;border:none;color:var(--text-muted);font-size:.95rem;font-weight:500;cursor:pointer;position:relative;transition:all .2s ease;white-space:nowrap}.tab-button:hover{color:var(--text-color)}.tab-button.active{color:var(--primary-color);font-weight:600}.tab-button.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:linear-gradient(to right,var(--primary-color),var(--secondary-color));border-radius:4px 4px 0 0}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh}.loader{border:3px solid var(--border-color);border-radius:50%;border-top:3px solid var(--primary-color);width:48px;height:48px;animation:spin 1s linear infinite;margin-bottom:1.5rem}.dashboard-loading p{color:var(--text-muted);font-size:1rem}.dashboard-content{display:flex;flex-direction:column;gap:2rem}.metrics-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem}.metric-card{background-color:var(--card-background);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease;position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(to right,var(--primary-color),var(--secondary-color));opacity:.7}.metric-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.metric-card h3{font-size:.875rem;font-weight:500;color:var(--text-muted);margin:0 0 .75rem}.metric-value{font-size:1.75rem;font-weight:700;color:var(--text-color);margin-bottom:.5rem}.metric-change{font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.25rem}.change-arrow{font-size:1rem}.metric-change.positive{color:var(--success-color)}.metric-change.negative{color:var(--error-color)}.metric-ratio{display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.ratio-new{color:var(--primary-color)}.ratio-separator{margin:0 .5rem;color:var(--text-muted)}.ratio-returning{color:var(--secondary-color)}.metric-labels{display:flex;justify-content:center;gap:1.5rem;font-size:.75rem}.label-new{color:var(--primary-color)}.label-returning{color:var(--secondary-color)}.chart-container{background-color:var(--card-background);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem;height:100%;transition:transform .2s ease,box-shadow .2s ease}.chart-container:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.chart-container.large{grid-column:1 / -1}.chart-header{display:flex;flex-direction:column;margin-bottom:1.5rem}.chart-header h3{font-size:1.125rem;font-weight:600;color:var(--text-color);margin:0}.chart-subtitle{font-size:.875rem;color:var(--text-muted);margin-top:.25rem}.charts-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:1.5rem}.full-width-chart{background-color:var(--card-background);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem;grid-column:1 / -1;transition:transform .2s ease,box-shadow .2s ease}.full-width-chart:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.table-container{background-color:var(--card-background);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.table-container:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.table-header{display:flex;flex-direction:column;margin-bottom:1.5rem}.table-header h3{font-size:1.125rem;font-weight:600;color:var(--text-color);margin:0}.table-subtitle{font-size:.875rem;color:var(--text-muted);margin-top:.25rem}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.analytics-table{width:100%;border-collapse:collapse}.analytics-table th,.analytics-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color)}.analytics-table th{font-weight:600;color:var(--text-muted);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.analytics-table td{color:var(--text-color);font-size:.95rem}.analytics-table tr:last-child td{border-bottom:none}.analytics-table tr:hover td{background-color:var(--hover-background)}.page-column{width:40%}.page-info{display:flex;align-items:center}.page-path{font-family:var(--font-mono);font-size:.875rem}.author-column{width:40%}.author-info{display:flex;align-items:center;gap:.75rem}.author-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600}.author-name{font-weight:500}.map-placeholder{background-color:var(--card-background);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem;height:350px;display:flex;align-items:center;justify-content:center;margin-bottom:2rem;background-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' stroke='%23ccc' stroke-width='4' stroke-dasharray='6, 14' stroke-dashoffset='0' stroke-linecap='square'/%3E%3C/svg%3E");background-size:cover;position:relative}.map-info{background-color:rgba(var(--card-background-rgb),.9);padding:2rem;border-radius:var(--border-radius-lg);text-align:center;max-width:400px}.map-info h3{font-size:1.25rem;margin-bottom:1rem}.map-info p{color:var(--text-muted);margin-bottom:1.5rem}.map-legend{display:flex;flex-direction:column;align-items:center;gap:.5rem}.map-gradient{width:100%;height:10px;background:linear-gradient(to right,rgba(var(--primary-rgb),.1),rgba(var(--primary-rgb),1));border-radius:5px}.map-labels{display:flex;justify-content:space-between;width:100%;font-size:.75rem;color:var(--text-muted)}@media (max-width: 1200px){.charts-row{grid-template-columns:1fr}}@media (max-width: 992px){.metrics-row{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.analytics-dashboard{padding:1.5rem}}@media (max-width: 768px){.analytics-dashboard{padding:1rem}.dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem}.dashboard-controls{width:100%}.time-range-select,.refresh-button{flex:1}.metrics-row{grid-template-columns:1fr}.metric-value{font-size:1.5rem}.analytics-table th,.analytics-table td{padding:.75rem .5rem;font-size:.8125rem}.page-column,.author-column{width:auto}.author-avatar{width:28px;height:28px;font-size:.75rem}}:root{--collection-color: #0ea5e9;--collection-gradient-from: #0ea5e9;--collection-gradient-to: #3b82f6;--font-primary: "Inter", system-ui, -apple-system, sans-serif;--font-secondary: "Playfair Display", Georgia, serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-xxl: 3rem;--space-xxxl: 5rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-xl: 24px;--radius-round: 50%;--shadow-sm: 0 1px 3px rgba(0,0,0,.12);--shadow-md: 0 4px 6px rgba(0,0,0,.1);--shadow-lg: 0 10px 20px rgba(0,0,0,.1);--shadow-xl: 0 20px 25px rgba(0,0,0,.15);--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-medium: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}.stories-collection-page{font-family:var(--font-primary);color:#334155;overflow-x:hidden;background-color:#f8fafc}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-lg)}.collection-header{position:relative;min-height:40vh;padding:var(--space-xxxl) 0;color:#fff;overflow:hidden;background:linear-gradient(135deg,var(--collection-gradient-from),var(--collection-gradient-to))}.header-content{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:2}.header-icon{font-size:3.5rem;margin-bottom:var(--space-lg);width:100px;height:100px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-round);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);border:2px solid rgba(255,255,255,.3)}.header-text h1{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;margin-bottom:var(--space-md);line-height:1.1;letter-spacing:-.02em;text-shadow:0 2px 10px rgba(0,0,0,.2)}.header-text p{font-size:clamp(1rem,3vw,1.25rem);max-width:600px;margin:0 auto;line-height:1.6;opacity:.9}.header-wave{position:absolute;bottom:-2px;left:0;width:100%;line-height:0}.header-wave svg{width:100%;height:auto}.filter-section{position:sticky;top:0;background:#fff;padding:var(--space-lg) 0;box-shadow:var(--shadow-sm);z-index:10;transition:transform var(--transition-medium)}.filter-section.hidden{transform:translateY(-100%)}.filter-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-lg)}.filter-group,.sort-group{display:flex;align-items:center;gap:var(--space-md)}.filter-group h3,.sort-group h3{font-size:.9rem;font-weight:600;color:#64748b;white-space:nowrap}.filter-buttons{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.filter-button{padding:var(--space-sm) var(--space-md);background:transparent;border:1px solid #e2e8f0;border-radius:var(--radius-round);color:#64748b;font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.filter-button:hover{border-color:var(--collection-color);color:var(--collection-color);transform:translateY(-2px)}.filter-button.active{background-color:var(--collection-color);color:#fff;border-color:var(--collection-color)}.more-filter{position:relative;padding:var(--space-sm) var(--space-md);background:transparent;border:1px solid #e2e8f0;border-radius:var(--radius-round);color:#64748b;font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.more-filter:hover{border-color:var(--collection-color);color:var(--collection-color)}.more-filter:hover .dropdown-content{display:block}.dropdown-content{display:none;position:absolute;top:100%;left:0;background:#fff;min-width:160px;box-shadow:var(--shadow-lg);border-radius:var(--radius-md);padding:var(--space-sm);z-index:20;margin-top:var(--space-sm)}.dropdown-content button{display:block;width:100%;text-align:left;padding:var(--space-sm) var(--space-md);border:none;background:transparent;color:#334155;font-size:.875rem;cursor:pointer;border-radius:var(--radius-sm)}.dropdown-content button:hover{background-color:#f1f5f9;color:var(--collection-color)}.dropdown-content button.active{background-color:var(--collection-color);color:#fff}.sort-select{padding:var(--space-sm) var(--space-lg) var(--space-sm) var(--space-md);border:1px solid #e2e8f0;border-radius:var(--radius-md);background-color:#fff;color:#334155;font-size:.875rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px}.sort-select:focus{outline:none;border-color:var(--collection-color)}.main-content{padding:var(--space-xxl) 0 var(--space-xxxl)}.stories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-xl);margin-bottom:var(--space-xxl)}.story-card{position:relative;background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-medium);display:flex;flex-direction:column;height:100%}.story-rank{position:absolute;top:var(--space-md);left:var(--space-md);width:32px;height:32px;background:#000000b3;color:#fff;border-radius:var(--radius-round);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;z-index:2;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.story-badge{position:absolute;top:var(--space-md);right:var(--space-md);padding:.25rem .75rem;border-radius:var(--radius-round);font-size:.75rem;font-weight:700;z-index:2;box-shadow:var(--shadow-md)}.story-badge.new{background:linear-gradient(135deg,#f43f5e,#ef4444);color:#fff}.story-badge.bestseller{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff}.story-badge.premium{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff}.story-cover{position:relative;height:220px;overflow:hidden}.cover-image-container{width:100%;height:100%}.cover-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-medium)}.cover-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0000,#0006)}.story-details{padding:var(--space-lg);display:flex;flex-direction:column;flex:1}.story-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.story-genre{background-color:rgba(var(--collection-color),.1);color:var(--collection-color);font-size:.75rem;font-weight:500;padding:.2rem .75rem;border-radius:var(--radius-round)}.story-rating{display:flex;align-items:center;gap:1px}.star{color:#cbd5e1;font-size:.875rem}.star.full{color:#fbbf24}.star.half{position:relative}.star.half:before{content:"★";position:absolute;color:#fbbf24;width:50%;overflow:hidden}.rating-value{margin-left:var(--space-xs);font-size:.75rem;font-weight:600;color:#64748b}.story-title{font-size:1.125rem;font-weight:700;line-height:1.3;margin-bottom:var(--space-sm);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.story-author{color:#64748b;font-size:.875rem;margin-bottom:var(--space-md)}.story-description{color:#64748b;font-size:.875rem;line-height:1.6;margin-bottom:var(--space-lg);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.story-stats{display:flex;justify-content:space-between;padding:var(--space-md) 0;margin-bottom:var(--space-md);border-top:1px solid #f1f5f9}.stat{display:flex;align-items:center;gap:var(--space-xs)}.stat-icon{font-size:.875rem}.stat-value{font-size:.75rem;color:#64748b}.price{font-weight:700;color:#334155}.read-button{width:100%;padding:var(--space-md);background:linear-gradient(135deg,var(--collection-gradient-from),var(--collection-gradient-to));color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;font-size:.875rem;cursor:pointer;transition:all var(--transition-medium);box-shadow:0 4px 10px #0000001a}.read-button:hover{box-shadow:0 6px 15px #00000026}.loading-container{display:flex;justify-content:center;align-items:center;min-height:400px}.loader{display:flex;flex-direction:column;align-items:center;gap:var(--space-xl)}.spinner{width:50px;height:50px;animation:spinner-rotate 2s linear infinite}.path{stroke:var(--collection-color);stroke-linecap:round;animation:spinner-dash 1.5s ease-in-out infinite}@keyframes spinner-rotate{to{transform:rotate(360deg)}}@keyframes spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.loader p{color:#64748b;font-size:1rem}.empty-state{text-align:center;padding:var(--space-xxxl) var(--space-xl);max-width:500px;margin:0 auto;background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.empty-icon{font-size:4rem;margin-bottom:var(--space-lg)}.empty-state h2{font-size:1.5rem;margin-bottom:var(--space-md)}.empty-state p{color:#64748b;margin-bottom:var(--space-xl)}.reset-button{padding:var(--space-md) var(--space-xl);background-color:var(--collection-color);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;font-size:.875rem;cursor:pointer}.load-more{display:flex;justify-content:center;margin-top:var(--space-xl)}.load-more-button{padding:var(--space-md) var(--space-xl);background-color:transparent;border:2px solid var(--collection-color);color:var(--collection-color);border-radius:var(--radius-md);font-weight:600;font-size:.875rem;cursor:pointer;transition:all var(--transition-medium);display:flex;align-items:center;gap:var(--space-sm)}.load-more-button:hover{background-color:var(--collection-color);color:#fff}.load-more-button:disabled{opacity:.6;cursor:not-allowed}.loading-dots{display:flex;gap:4px}.dot{width:8px;height:8px;border-radius:50%;background-color:currentColor;animation:dot-pulse 1.4s infinite ease-in-out both}.dot:nth-child(1){animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}@keyframes dot-pulse{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.newsletter-section{padding:var(--space-xxxl) 0;background-color:#f1f5f9;margin-top:var(--space-xxxl)}.newsletter-card{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;background:linear-gradient(135deg,#fff 50%,#f8fafc)}.newsletter-content{padding:var(--space-xxl);display:flex;align-items:center;gap:var(--space-xl)}.newsletter-icon{font-size:2rem;width:80px;height:80px;background:linear-gradient(135deg,var(--collection-gradient-from),var(--collection-gradient-to));color:#fff;border-radius:var(--radius-round);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);flex-shrink:0}.newsletter-text{flex:2}.newsletter-text h2{font-size:1.5rem;font-weight:700;margin-bottom:var(--space-sm)}.newsletter-text p{color:#64748b;line-height:1.6}.newsletter-form{flex:3}.newsletter-form .form-group{display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm)}.email-input{flex:1;padding:var(--space-md);border:1px solid #e2e8f0;border-radius:var(--radius-md);font-size:.875rem}.email-input:focus{outline:none;border-color:var(--collection-color);box-shadow:0 0 0 3px #0ea5e91a}.subscribe-button{padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg,var(--collection-gradient-from),var(--collection-gradient-to));color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;font-size:.875rem;cursor:pointer;transition:all var(--transition-medium)}.privacy-notice{font-size:.75rem;color:#94a3b8}@media screen and (max-width: 1024px){.newsletter-content{flex-direction:column;text-align:center}.newsletter-text{margin-bottom:var(--space-lg)}}@media screen and (max-width: 768px){.filter-controls{flex-direction:column;align-items:flex-start}.stories-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.sort-group{width:100%;justify-content:space-between}.sort-select{flex:1;max-width:180px}}@media screen and (max-width: 640px){.header-icon{width:80px;height:80px;font-size:2.5rem}.stories-grid{grid-template-columns:1fr}.newsletter-content{padding:var(--space-lg)}}.fade-in{animation:fadeIn .6s ease-in-out forwards}.fade-in-up{animation:fadeInUp .6s ease-in-out forwards}.story-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-xl)}.story-card:hover .cover-image{transform:scale(1.05)}.data-uploader{background-color:#fff;border-radius:12px;box-shadow:0 8px 30px #00000014;padding:2rem;margin:2rem auto;max-width:800px}.data-uploader h2{color:#333;margin-top:0;margin-bottom:1.5rem;font-weight:600;font-size:1.8rem;text-align:center}.uploader-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background-color:#f9f9f9;border-radius:8px;padding:1.2rem;text-align:center;box-shadow:0 4px 15px #0000000d}.stat-card h4{margin:0 0 .5rem;color:#555;font-weight:600;font-size:1.1rem}.stat-card p{margin:0;font-size:1.3rem;font-weight:700;color:#333}.stat-note{display:block;font-size:.8rem;color:#666;margin-top:.3rem;font-weight:400}.upload-warning{background-color:#fff8e6;border-left:4px solid #f59e0b;padding:1rem;margin:1.5rem 0;border-radius:4px}.upload-warning p{margin:0;font-size:.9rem;color:#92400e}.upload-warning p+p{margin-top:.5rem}.upload-controls{text-align:center;margin-bottom:1.5rem}.upload-button{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;border-radius:8px;padding:.8rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;min-width:200px}.upload-button:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 6px 20px #4f46e54d}.upload-button:disabled{background:#a5a6f6;cursor:not-allowed;box-shadow:none}.spinner{width:1.2rem;height:1.2rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;margin-right:.8rem;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.success-message{background-color:#ecfdf5;color:#065f46;border-left:4px solid #10b981;padding:1rem;margin:1.5rem 0;border-radius:4px;font-weight:500}.error-message{background-color:#fef2f2;color:#991b1b;border-left:4px solid #ef4444;padding:1rem;margin:1.5rem 0;border-radius:4px;font-weight:500}.logs-container{margin-top:2rem;border-top:1px solid #eee;padding-top:1.5rem}.logs-container h3{margin-top:0;margin-bottom:1rem;font-weight:600;color:#333;font-size:1.2rem}.logs{max-height:300px;overflow-y:auto;background-color:#f8f9fa;border-radius:8px;padding:1rem;font-family:Courier New,monospace;font-size:.85rem}.log-entry{margin-bottom:.5rem;line-height:1.5;display:flex;align-items:flex-start}.log-time{color:#777;margin-right:.8rem;white-space:nowrap}.log-text{word-break:break-word}.dark-theme .data-uploader{background-color:#1f2937;box-shadow:0 8px 30px #0003}.dark-theme .data-uploader h2,.dark-theme .stat-card p,.dark-theme .logs-container h3{color:#f3f4f6}.dark-theme .stat-card{background-color:#272f3d}.dark-theme .stat-card h4{color:#d1d5db}.dark-theme .logs{background-color:#161f2e;color:#d1d5db}.dark-theme .log-time{color:#9ca3af}.admin-page{min-height:100vh;background-color:#f9fafb}.admin-header{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;padding:1.5rem 0;box-shadow:0 4px 12px #0000001a}.admin-header .container{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 1.5rem}.admin-header h1{margin:0;font-size:1.8rem;font-weight:700}.back-btn{background-color:#fff3;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .3s ease}.back-btn:hover{background-color:#ffffff4d}.admin-main{padding:2rem 0}.admin-main .container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.admin-tabs{display:flex;margin-bottom:2rem;border-bottom:1px solid #e5e7eb;overflow-x:auto}.admin-tabs .tab{padding:.75rem 1.5rem;background:transparent;border:none;border-bottom:3px solid transparent;color:#6b7280;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.admin-tabs .tab:hover{color:#4f46e5}.admin-tabs .tab.active{color:#4f46e5;border-bottom-color:#4f46e5}.section-title{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;color:#1f2937}.section-description{color:#6b7280;margin-bottom:2rem}.placeholder-message{background-color:#f3f4f6;padding:3rem;text-align:center;border-radius:8px;color:#6b7280;font-weight:500}.dark-theme .admin-page{background-color:#111827;color:#e5e7eb}.dark-theme .admin-header{background:linear-gradient(135deg,#4338ca,#4f46e5)}.dark-theme .admin-tabs{border-bottom-color:#374151}.dark-theme .admin-tabs .tab{color:#9ca3af}.dark-theme .admin-tabs .tab:hover{color:#818cf8}.dark-theme .admin-tabs .tab.active{color:#818cf8;border-bottom-color:#818cf8}.dark-theme .section-title{color:#f3f4f6}.dark-theme .section-description{color:#9ca3af}.dark-theme .placeholder-message{background-color:#1f2937;color:#9ca3af}@media (max-width: 768px){.admin-header .container{flex-direction:column;gap:1rem;text-align:center}.admin-tabs{justify-content:center}}.featured-stories-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem}.panel{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 10px #0000001a}.panel h3{margin-top:0;color:#333;font-size:1.2rem;border-bottom:1px solid #eee;padding-bottom:.8rem;margin-bottom:1rem}.search-container{margin-bottom:1rem}.search-input{width:100%;padding:.8rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.stories-list{max-height:500px;overflow-y:auto}.story-item{display:flex;justify-content:space-between;align-items:center;padding:.8rem;border-bottom:1px solid #eee}.story-item:last-child{border-bottom:none}.story-info{display:flex;align-items:center;flex:1}.story-cover{width:60px;height:80px;overflow:hidden;border-radius:4px;margin-right:1rem}.story-cover img{width:100%;height:100%;object-fit:cover}.story-details{flex:1}.story-details h4{margin:0 0 .3rem;font-size:1rem}.story-details p{margin:.2rem 0;font-size:.85rem;color:#666}.genre{background:#f0f0f0;display:inline-block;padding:.2rem .5rem;border-radius:4px;font-size:.8rem}.featured-reason{color:#9c27b0;font-weight:500;font-style:italic}.add-btn,.edit-btn,.remove-btn{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.85rem;transition:background .2s}.add-btn{background:#4caf50;color:#fff}.add-btn:hover{background:#43a047}.add-btn:disabled{background:#ccc;cursor:not-allowed}.featured-actions{display:flex;gap:.5rem}.edit-btn{background:#2196f3;color:#fff}.edit-btn:hover{background:#1e88e5}.remove-btn{background:#f44336;color:#fff}.remove-btn:hover{background:#e53935}.empty-message{padding:2rem;text-align:center;color:#999;font-style:italic}.loading{padding:1rem;text-align:center;color:#666}.edit-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;padding:2rem;border-radius:8px;width:500px;max-width:90%}.modal-content h3{margin-top:0;margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-group input{width:100%;padding:.8rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.form-actions{display:flex;justify-content:flex-end;gap:1rem}.cancel-btn,.save-btn{padding:.7rem 1.5rem;border:none;border-radius:4px;cursor:pointer;font-size:.95rem}.cancel-btn{background:#f0f0f0;color:#333}.save-btn{background:#4caf50;color:#fff}@media (max-width: 768px){.featured-stories-container{grid-template-columns:1fr}.panel{margin-bottom:1.5rem}}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;border-bottom:1px solid #eee;padding-bottom:.8rem}.panel-header h3{margin:0;border-bottom:none;padding-bottom:0}.panel-actions{display:flex;gap:.8rem}.select-mode-btn{padding:.5rem 1rem;border:1px solid #ddd;border-radius:4px;background-color:#f8f8f8;color:#333;font-size:.85rem;cursor:pointer;transition:all .2s}.select-mode-btn.active{background-color:#e0e0e0;border-color:#ccc}.add-selected-btn{padding:.5rem 1rem;border:none;border-radius:4px;background-color:#4caf50;color:#fff;font-size:.85rem;cursor:pointer;transition:background .2s}.add-selected-btn:hover{background-color:#43a047}.add-selected-btn:disabled{background-color:#ccc;cursor:not-allowed}.story-item.selected{background-color:#4caf501a}.story-checkbox{margin-right:1rem;display:flex;align-items:center}.story-checkbox input{width:18px;height:18px;cursor:pointer}:root{--primary-color: #6200ea;--primary-light: #9d4edd;--primary-dark: #4400b3;--primary-color-rgb: 98, 0, 234;--text-color: #333333;--text-light: #666666;--white: #ffffff;--gray-50: #f9f9f9;--gray-100: #f0f0f0;--gray-200: #e0e0e0;--gray-300: #cccccc;--gray-400: #999999;--shadow-sm: 0 2px 5px rgba(0, 0, 0, .05);--shadow-md: 0 5px 15px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .1);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-serif: "Merriweather", Georgia, "Times New Roman", Times, serif;--border-radius-sm: .25rem;--border-radius-md: .5rem;--border-radius-lg: 1rem;--border-radius-full: 9999px;--transition-normal: .3s ease}.authors-page{width:100%;color:var(--text-color);font-family:var(--font-sans);max-width:1440px;margin:0 auto}.authors-page *{box-sizing:border-box}.container{width:100%;padding:0 1.5rem}.authors-hero{position:relative;width:100%;min-height:500px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:80px;background:linear-gradient(120deg,var(--primary-dark),var(--primary-light));border-radius:0 0 2.5rem 2.5rem}.authors-hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='white' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");z-index:0;opacity:.7}.authors-hero-content{position:relative;z-index:2;color:var(--white);text-align:center;padding:100px 20px;width:100%;max-width:1440px;margin:0 auto}.authors-hero h1{font-size:4.5rem;font-weight:800;margin:0 0 1rem;letter-spacing:-1.5px;line-height:1.1;font-family:var(--font-serif);text-shadow:0 2px 10px rgba(0,0,0,.15);background:linear-gradient(to right,#fff,#e0e0e0);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-title .highlight{background:linear-gradient(to right,#fff,#c0a0ff);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative}.hero-title .highlight:after{content:"";position:absolute;bottom:-8px;left:0;width:100%;height:3px;background:linear-gradient(to right,#ffffffb3,#fff0);border-radius:3px}.hero-subtitle{font-size:1.5rem;max-width:800px;margin:0 auto;margin-bottom:2rem;font-weight:300;opacity:.9;line-height:1.6}.hero-stats{display:flex;justify-content:center;margin:2rem auto;gap:3rem}.hero-stat{display:flex;flex-direction:column;align-items:center}.stat-number{font-size:2.5rem;font-weight:700;background:linear-gradient(to right,#fff,#e0e0e0);-webkit-background-clip:text;background-clip:text;color:transparent}.stat-label{font-size:.9rem;opacity:.8;margin-top:.3rem}.hero-search{margin:2rem auto 0;max-width:650px}.search-box{position:relative;display:flex;align-items:center;border-radius:var(--border-radius-full);background-color:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);overflow:hidden;transition:all .3s ease;padding:0 20px}.search-box:hover,.search-box.focused{background-color:#ffffff40;border-color:#fff6;box-shadow:0 10px 25px #0000001a}.search-box input{width:100%;padding:16px 20px;border:none;background:transparent;color:#fff;font-size:1.1rem;outline:none}.search-box input::placeholder{color:#ffffffb3}.search-icon{color:#ffffffb3;font-size:1.2rem}.clear-button{background:none;border:none;color:#ffffffb3;cursor:pointer;padding:0;font-size:1rem;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;transition:all .2s}.clear-button:hover{color:#fff;background-color:#ffffff1a}.hero-scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);color:#ffffffb3;text-align:center;z-index:3;font-size:.9rem;font-weight:500;display:flex;flex-direction:column;align-items:center;transition:opacity .3s}.scroll-arrow{margin-top:8px;width:20px;height:20px;border-right:3px solid rgba(255,255,255,.7);border-bottom:3px solid rgba(255,255,255,.7);transform:rotate(45deg)}.featured-authors-section{padding:60px 0;background-color:var(--white);position:relative}.section-heading{text-align:center;margin-bottom:50px;position:relative}.section-heading h2{font-size:2.5rem;font-weight:700;margin-bottom:15px;letter-spacing:-.5px;position:relative;display:inline-block;color:var(--text-color);font-family:var(--font-serif)}.heading-decoration{width:60px;height:3px;background:linear-gradient(to right,var(--primary-dark),var(--primary-light));margin:10px auto 20px;border-radius:2px}.section-description{max-width:700px;margin:0 auto;font-size:1.1rem;color:var(--text-light);line-height:1.6}.featured-authors-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:40px}.featured-author-card{flex:0 0 280px;background-color:var(--white);border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:all .3s ease;position:relative;cursor:pointer;border:1px solid var(--gray-100);height:100%;max-width:280px;margin-bottom:15px}.featured-author-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.featured-author-image{position:relative;height:120px;overflow:hidden}.featured-author-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.featured-author-card:hover .featured-author-image img{transform:scale(1.05)}.featured-author-info{padding:15px;position:relative;display:flex;flex-direction:column}.featured-author-info h3{margin:0 0 3px;font-size:1.2rem;font-weight:600;line-height:1.3;color:var(--text-color)}.author-username{color:var(--text-light);margin:0 0 12px;font-size:.85rem}.author-genres{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px}.genre-tag{background-color:rgba(var(--primary-color-rgb),.06);padding:3px 8px;border-radius:var(--border-radius-full);font-size:.75rem;color:var(--primary-color);font-weight:500;transition:all .2s}.genre-more{background-color:var(--gray-100);padding:3px 8px;border-radius:var(--border-radius-full);font-size:.75rem;color:var(--text-light);font-weight:500}.author-stats{display:flex;justify-content:space-between;gap:10px;margin-top:auto;padding-top:12px;border-top:1px solid var(--gray-100)}.stat{display:flex;align-items:center;gap:5px}.stat-icon{color:var(--primary-color);font-size:.9rem;opacity:.7}.stat-value{font-weight:600;font-size:.95rem;color:var(--text-color)}.stat-label{font-size:.75rem;color:var(--text-white)!important}.featured-badge{position:absolute;top:12px;right:12px;background:linear-gradient(to right,#ff7043,#ff9800);color:var(--white);padding:4px 10px;border-radius:var(--border-radius-full);font-size:.7rem;font-weight:700;letter-spacing:.5px;box-shadow:0 2px 5px #ff70434d;z-index:10}.verified-badge{position:absolute;bottom:8px;right:8px;width:18px;height:18px;background-color:#1e88e5;color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003;border:1.5px solid var(--white);z-index:10}.verified-badge svg{width:10px;height:10px}.authors-filter-section{padding:30px 0;background-color:var(--gray-50);border-top:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200)}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:20px}.filters-title h2{font-size:2rem;margin:0 0 5px;font-weight:700;color:var(--text-color);font-family:var(--font-serif)}.filters-title p{color:var(--text-light);max-width:500px;line-height:1.6}.filters-actions{display:flex;gap:15px;align-items:center}.filter-toggle-button{display:flex;align-items:center;background-color:var(--white);border:1px solid var(--gray-200);border-radius:var(--border-radius-md);padding:10px 16px;gap:8px;font-weight:500;color:var(--text-color);cursor:pointer;transition:all .3s}.filter-toggle-button:hover{background-color:rgba(var(--primary-color-rgb),.05);border-color:rgba(var(--primary-color-rgb),.2)}.sort-options{display:flex;align-items:center;gap:10px;background-color:var(--white);border:1px solid var(--gray-200);border-radius:var(--border-radius-md);padding:10px 16px}.sort-icon{color:var(--primary-color)}.sort-select{border:none;font-weight:500;color:var(--text-color);background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}.filters-panel{background-color:var(--white);border-radius:var(--border-radius-lg);padding:20px;box-shadow:var(--shadow-sm);margin-bottom:20px;overflow:hidden}.genre-filters{display:flex;flex-wrap:wrap;gap:8px}.filter-button{background-color:var(--gray-100);border:none;border-radius:var(--border-radius-full);padding:8px 16px;font-size:.9rem;font-weight:500;color:var(--text-color);cursor:pointer;transition:all .3s}.filter-button:hover{background-color:rgba(var(--primary-color-rgb),.1);color:var(--primary-color)}.filter-button.active{background:linear-gradient(to right,var(--primary-dark),var(--primary-light));color:var(--white);box-shadow:0 5px 15px rgba(var(--primary-color-rgb),.2)}.active-filters{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm)}.filter-tags{display:flex;flex-wrap:wrap;gap:8px}.filter-tag{display:flex;align-items:center;gap:6px;background-color:rgba(var(--primary-color-rgb),.1);padding:6px 12px;border-radius:var(--border-radius-full);font-size:.85rem;color:var(--primary-color)}.filter-tag button{background:none;border:none;color:var(--primary-color);cursor:pointer;display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;padding:0}.filter-tag button:hover{background-color:rgba(var(--primary-color-rgb),.1)}.clear-all-button{background-color:var(--gray-100);border:none;border-radius:var(--border-radius-full);padding:6px 14px;font-size:.85rem;font-weight:500;color:var(--text-color);cursor:pointer;transition:all .3s}.clear-all-button:hover{background-color:var(--gray-200)}.all-authors-section{padding:60px 0;background-color:var(--white)}.authors-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:40px}.author-card{flex:0 0 220px;background-color:var(--white);border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:all .3s ease;cursor:pointer;border:1px solid var(--gray-100);display:flex;flex-direction:column;height:100%;max-width:220px;position:relative;margin-bottom:15px}.author-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.author-card-inner{padding:15px;display:flex;flex-direction:column;align-items:center;height:100%}.author-image{position:relative;width:70px;height:70px;border-radius:50%;overflow:hidden;margin:0 auto 15px;border:2px solid rgba(var(--primary-color-rgb),.1)}.author-image img{width:100%;height:100%;object-fit:cover}.author-info{text-align:center;flex-grow:1;width:100%}.author-info h3{margin:0 0 3px;font-size:1.1rem;font-weight:600;line-height:1.3;color:var(--text-color)}.author-stats{display:flex;justify-content:center;gap:15px;margin-top:12px}.stat-data{display:flex;flex-direction:column;align-items:center;text-align:center}.view-profile-link{margin-top:auto;padding:10px;display:flex;align-items:center;justify-content:center;gap:6px;color:var(--primary-color);font-weight:500;font-size:.85rem;transition:all .3s}.author-card:hover .view-profile-link{opacity:.9}.view-profile-link .arrow-icon{transition:transform .3s;font-size:.85rem}.author-card:hover .arrow-icon{transform:translate(3px)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:60px 0;gap:15px}.loading-spinner-container{display:flex;justify-content:center;align-items:center}.loading-spinner{color:var(--primary-color);font-size:2rem}.loading-spinner.small{font-size:1.2rem}.load-more-trigger{display:flex;gap:12px;justify-content:center;align-items:center;padding:20px;color:var(--text-light)}.no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0;color:var(--text-light);text-align:center}.no-results-icon{color:var(--gray-300);font-size:3rem;margin-bottom:15px}.no-results h3{font-size:1.5rem;font-weight:600;margin-bottom:10px;color:var(--text-color)}.no-results p{margin-bottom:20px;font-size:1rem;max-width:400px}.reset-button{background-color:rgba(var(--primary-color-rgb),.1);border:none;border-radius:var(--border-radius-full);padding:10px 20px;font-weight:600;color:var(--primary-color);font-size:.95rem;cursor:pointer;transition:all .3s}.reset-button:hover{background-color:rgba(var(--primary-color-rgb),.2)}.become-author-section{padding:50px 0 70px;background-color:var(--gray-50)}.become-author-card{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary-light) 100%);border-radius:var(--border-radius-lg);overflow:hidden;display:flex;justify-content:space-between;align-items:center;color:var(--white);box-shadow:var(--shadow-lg);max-width:1440px;margin:0 auto}.become-author-content{padding:50px;width:50%}.become-author-content h2{font-size:2.5rem;margin:0 0 15px;font-weight:700;line-height:1.2;font-family:var(--font-serif)}.become-author-content p{font-size:1.1rem;margin:0 0 25px;opacity:.9;line-height:1.6}.cta-buttons{display:flex;gap:15px}.primary-button{background-color:var(--white);color:var(--primary-color);border:none;padding:12px 24px;border-radius:var(--border-radius-full);font-weight:600;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.button-icon{transition:transform .3s}.primary-button:hover .button-icon{transform:translate(3px)}.secondary-button{background-color:#fff3;color:var(--white);border:1px solid rgba(255,255,255,.3);padding:12px 24px;border-radius:var(--border-radius-full);font-weight:600;font-size:1rem;display:inline-block;cursor:pointer;text-decoration:none;transition:all .3s}.secondary-button:hover{background-color:#ffffff4d}.become-author-image{width:50%;display:flex;justify-content:center;align-items:center;padding:30px}.become-author-image img{max-width:100%;max-height:300px;filter:drop-shadow(0 10px 20px rgba(0,0,0,.15))}@media (max-width: 1200px){.authors-hero h1{font-size:3.8rem}.hero-subtitle{font-size:1.3rem}}@media (max-width: 992px){.authors-hero{min-height:450px}.authors-hero-content{padding:80px 20px}.authors-hero h1{font-size:3.2rem}.section-heading h2{font-size:2.2rem}.filters-header{flex-direction:column;align-items:flex-start}.filters-actions{width:100%;justify-content:space-between}.become-author-content{padding:40px}.become-author-content h2{font-size:2rem}}@media (max-width: 768px){.authors-hero{min-height:400px}.authors-hero-content{padding:60px 20px}.authors-hero h1{font-size:2.8rem}.hero-subtitle{font-size:1.1rem}.hero-stats{gap:2rem}.stat-number{font-size:2rem}.featured-authors-section{padding:40px 0}.section-heading h2{font-size:2rem}.filters-actions{flex-wrap:wrap;gap:10px}.filter-toggle-button,.sort-options{width:100%;justify-content:center}.become-author-card{flex-direction:column}.become-author-content,.become-author-image{width:100%}.become-author-content{padding:40px 30px;text-align:center}.cta-buttons{justify-content:center}}@media (max-width: 576px){.authors-hero{min-height:350px;margin-bottom:40px}.authors-hero-content{padding:40px 15px}.authors-hero h1{font-size:2.3rem}.hero-subtitle{font-size:1rem}.hero-stats{flex-wrap:wrap;justify-content:space-around;gap:1.5rem}.featured-authors-section{padding:30px 0}.section-heading{margin-bottom:30px}.section-heading h2{font-size:1.8rem}.section-description{font-size:1rem}.all-authors-section{padding:30px 0}.filters-panel{padding:15px}.filter-button{padding:8px 12px;font-size:.85rem}.genre-filters{justify-content:center}.active-filters{flex-direction:column;gap:10px}.become-author-content{padding:30px 20px}.become-author-content h2{font-size:1.8rem;margin-bottom:15px}.become-author-content p{font-size:1rem;margin-bottom:20px}.primary-button,.secondary-button{font-size:.95rem;padding:12px 20px;width:100%;text-align:center;justify-content:center}.featured-authors-grid,.authors-grid{justify-content:center}.featured-author-card,.author-card{flex:0 0 100%;max-width:280px}}.author-profile-page{color:#333;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.container{width:100%;max-width:1320px;margin:0 auto;padding:0 20px}.profile-loading,.profile-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:40px;text-align:center}.loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #6200ea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.back-button{display:inline-block;margin-top:20px;padding:12px 24px;background-color:#6200ea;color:#fff;text-decoration:none;border-radius:30px;font-weight:600;transition:all .3s ease}.back-button:hover{background-color:#5000d3;transform:translateY(-2px);box-shadow:0 5px 15px #6200ea33}.author-profile-header{position:relative;height:400px;background-image:linear-gradient(to right,#5e35b1,#7b1fa2);background-size:cover;background-position:center;overflow:hidden;margin-bottom:20px;display:flex;align-items:flex-end}.author-profile-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#0009,#0000004d);z-index:1}.author-profile-card{position:relative;z-index:2;display:flex;width:100%;background-color:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;overflow:hidden;margin-bottom:-80px;color:#333}.author-profile-image{width:200px;height:200px;position:relative;border-radius:12px;overflow:hidden;flex-shrink:0;margin:30px;box-shadow:0 5px 15px #0000001a;border:4px solid #fff}.author-profile-image img{width:100%;height:100%;object-fit:cover}.author-verified{position:absolute;bottom:5px;right:5px;width:28px;height:28px;border-radius:50%;background-color:#1e88e5;color:#fff;display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 2px 5px #0003}.author-verified svg{width:16px;height:16px}.author-profile-info{flex-grow:1;padding:30px 30px 30px 0}.author-profile-info h1{font-size:2.5rem;font-weight:800;margin:0 0 5px;line-height:1.1;color:#333}.author-username{font-size:1.1rem;color:#666;margin:0 0 15px}.author-bio{font-size:1rem;line-height:1.6;color:#555;margin-bottom:20px;max-width:700px}.author-genres{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.genre-tag{display:inline-block;padding:5px 12px;background-color:#f0f0f0;border-radius:20px;font-size:.85rem;color:#555}.genre-tag.large{padding:8px 16px;font-size:.9rem}.author-stats{display:flex;gap:30px;margin-bottom:20px}.stat{display:flex;flex-direction:column}.stat-value{font-size:1.5rem;font-weight:700;color:#333}.stat-label{font-size:.9rem;color:#666}.follow-button{padding:12px 30px;border:none;border-radius:30px;font-size:1rem;font-weight:600;background:linear-gradient(to right,#6200ea,#9d4edd);color:#fff;cursor:pointer;transition:all .3s;box-shadow:0 5px 15px #6200ea33}.follow-button:hover{transform:translateY(-2px);box-shadow:0 7px 20px #6200ea4d}.follow-button.following{background:#f0f0f0;color:#333;box-shadow:none}.follow-button.following:hover{background:#e0e0e0}.author-profile-tabs{padding:100px 0 20px;background-color:#fff}.tabs-container{display:flex;border-bottom:1px solid #e0e0e0}.tab-button{padding:15px 30px;background:none;border:none;font-size:1rem;font-weight:600;color:#777;cursor:pointer;position:relative;transition:all .3s}.tab-button:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:3px;background:linear-gradient(to right,#6200ea,#9d4edd);transform:scaleX(0);transition:transform .3s}.tab-button.active{color:#333}.tab-button.active:after{transform:scaleX(1)}.author-profile-content{padding:40px 0 80px;background-color:#fff;min-height:500px}.books-tab h2,.about-tab h2,.series-tab h2{font-size:2rem;font-weight:700;margin-bottom:30px;color:#333;position:relative;display:inline-block}.books-tab h2:after,.about-tab h2:after,.series-tab h2:after{content:"";position:absolute;bottom:-10px;left:0;width:50px;height:4px;background:linear-gradient(to right,#6200ea,#9d4edd);border-radius:4px}.stories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:25px}.story-card{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 5px 15px #0000000d;transition:all .3s ease;cursor:pointer;border:1px solid #f5f5f5;height:100%;display:flex;flex-direction:column}.story-cover{position:relative;padding-top:150%;overflow:hidden}.story-cover img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.story-card:hover .story-cover img{transform:scale(1.05)}.premium-badge{position:absolute;top:10px;right:10px;background:linear-gradient(to right,#ff9a00,#ff6a00);color:#fff;padding:5px 10px;border-radius:20px;font-size:.7rem;font-weight:700;box-shadow:0 2px 5px #ff6a004d}.story-details{padding:15px;flex-grow:1;display:flex;flex-direction:column}.story-details h3{font-size:1rem;font-weight:700;margin:0 0 5px;line-height:1.3}.story-genre{font-size:.85rem;color:#666;margin:0 0 10px}.story-stats{display:flex;justify-content:space-between;font-size:.75rem;color:#999;margin-top:auto}.story-status{display:inline-block;margin-top:10px;padding:3px 10px;border-radius:12px;font-size:.7rem;font-weight:600}.story-status.completed{background-color:#e8f5e9;color:#2e7d32}.story-status.ongoing{background-color:#e3f2fd;color:#1565c0}.story-status.hiatus{background-color:#fff3e0;color:#e65100}.no-stories,.no-series-yet{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0;color:#888;text-align:center}.no-stories svg,.no-series-yet svg{color:#ccc;margin-bottom:20px}.no-stories h3,.no-series-yet h3{font-size:1.5rem;margin-bottom:10px;color:#666}.about-content{max-width:800px}.about-section{margin-bottom:30px}.about-section h3{font-size:1.2rem;font-weight:600;margin-bottom:15px;color:#444}.about-section p{font-size:1rem;line-height:1.7;color:#555}.about-genres{display:flex;flex-wrap:wrap;gap:10px}.contact-author-section{padding:60px 0 100px;background-color:#f8f9fa}.contact-author-card{background:linear-gradient(to right bottom,#6200ea,#9d4edd);border-radius:16px;box-shadow:0 10px 30px #6200ea33;padding:40px;color:#fff;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.contact-author-content{max-width:60%}.contact-author-content h2{font-size:2rem;margin:0 0 15px;font-weight:700}.contact-author-content p{font-size:1rem;margin:0 0 25px;opacity:.9}.contact-button{background-color:#fff;color:#6200ea;border:none;padding:12px 25px;border-radius:30px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s}.social-links{display:flex;gap:15px}.social-link{width:46px;height:46px;display:flex;align-items:center;justify-content:center;background-color:#fff3;border-radius:50%;transition:all .3s ease}.social-link svg{width:22px;height:22px;color:#fff}.social-link:hover{background-color:#fff;transform:translateY(-3px)}.social-link.twitter:hover svg{color:#1da1f2}.social-link.instagram:hover svg{color:#e1306c}.social-link.facebook:hover svg{color:#4267b2}.social-link.website:hover svg{color:#6200ea}@media (max-width: 1024px){.author-profile-card{flex-direction:column;align-items:center;text-align:center;padding:20px}.author-profile-image{margin:30px 0}.author-profile-info{padding:0 20px 30px}.author-stats,.author-genres{justify-content:center}.about-content{padding:0 20px}}@media (max-width: 768px){.author-profile-header{height:320px}.author-profile-info h1{font-size:2rem}.tabs-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-button{padding:15px 20px;flex-shrink:0;font-size:.9rem}.stories-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:15px}.contact-author-card{flex-direction:column;padding:30px;text-align:center}.contact-author-content{max-width:100%;margin-bottom:30px}.contact-author-content h2{font-size:1.8rem}.social-links{justify-content:center}}@media (max-width: 576px){.author-profile-header{height:280px}.author-profile-card{margin-bottom:-40px}.author-profile-tabs{padding-top:60px}.author-profile-image{width:150px;height:150px;margin:20px 0}.author-profile-info h1{font-size:1.8rem}.author-bio{font-size:.9rem}.stat-value{font-size:1.3rem}.books-tab h2,.about-tab h2,.series-tab h2{font-size:1.5rem}.stories-grid{grid-template-columns:repeat(2,1fr)}}.coming-soon-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-image:url(../assets/images/gradient-bg.png);background-repeat:no-repeat;background-size:cover;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.coming-soon-content{max-width:600px;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}.logo-section{margin-bottom:1rem}.logo{margin-top:1rem;display:flex;align-items:center;justify-content:center;gap:.75rem}.logo-text{font-size:2.5rem;font-weight:600;color:#e17055;letter-spacing:-.02em}.logo-container{display:flex;gap:2px}.logo-icon{width:100px}.icon-shape{width:20px;height:35px;border-radius:10px}.icon-shape.orange{background:linear-gradient(135deg,#ff6b35,#f39530)}.icon-shape.teal{background:linear-gradient(135deg,#26d0ce,#1a8b89)}.main-title{font-size:3rem;font-weight:600;color:#2c3e50;line-height:1.1;margin:0;letter-spacing:-.02em}.subtitle{font-size:1.2rem;color:#5a6c7d;line-height:1.6;max-width:500px;margin:0;font-weight:400}.countdown-section{margin:1rem 0}.countdown-container{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.countdown-card{background:#fff;border-radius:16px;padding:1rem 0rem;min-width:100px;box-shadow:0 4px 20px #00000014;border:1px solid rgba(0,0,0,.05);transition:transform .2s ease}.countdown-card:hover{transform:translateY(-2px)}.countdown-number{font-size:2rem;font-weight:700;color:#2c3e50;line-height:1;margin-bottom:.5rem}.countdown-label{font-size:.7rem;color:#7f8c8d;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.notification-section{margin:0rem 0}.notification-title{font-size:1rem;font-weight:600;color:#2c3e50;margin-bottom:1rem}.email-form{display:flex;gap:1rem;width:100%;max-width:400px;margin:0 auto}.email-input-container{position:relative;flex:1;display:flex;align-items:center}.notify-email-input{flex:1!important;border:2px solid transparent!important;background:#fff!important;padding:1rem 3rem 1rem 1.5rem!important;font-size:1rem;color:#2c3e50!important;min-width:250px!important;outline:none!important;box-shadow:0 4px 20px #00000014!important;border-radius:8px;transition:all .3s ease;width:100%}.notify-email-input:focus{border-color:#3b82f6!important;box-shadow:0 4px 20px #3b82f626!important}.notify-email-input.valid{border-color:#10b981!important;box-shadow:0 4px 20px #10b98126!important}.notify-email-input.invalid{border-color:#ef4444!important;box-shadow:0 4px 20px #ef444426!important}.notify-email-input:disabled{opacity:.7;cursor:not-allowed;border-color:transparent!important}.notify-email-input::placeholder{color:#cbced2}.validation-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;pointer-events:none;z-index:2}.validation-message{margin-top:.5rem;padding:.5rem .75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:6px;color:#dc2626;font-size:.85rem;font-weight:500;text-align:center;max-width:400px;margin-left:auto;margin-right:auto}.notify-button{background:#2c3e50;color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-weight:600;cursor:pointer;font-size:1rem;transition:all .2s ease;white-space:nowrap;display:inline-flex;align-items:center;gap:.5rem;min-width:120px;justify-content:center}.notify-button svg{transition:transform .3s ease}.notify-button:hover:not(:disabled){background:#34495e;transform:translate(2px)}.notify-button:hover:not(:disabled) svg{transform:translate(2px)}.notify-button:disabled{opacity:.6;cursor:not-allowed;background:#94a3b8;transform:none}.notify-button:disabled svg{transform:none}.submit-success{margin-top:1rem;padding:.75rem 1rem;background:#48bb781a;border:1px solid rgba(72,187,120,.3);border-radius:8px;color:#2d5a3d;font-size:.9rem;font-weight:500;text-align:center;max-width:400px;margin-left:auto;margin-right:auto}.submit-error{margin-top:1rem;padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#7f1d1d;font-size:.9rem;font-weight:500;text-align:center;max-width:400px;margin-left:auto;margin-right:auto}.social-section{margin:1rem 0}.social-title{font-size:1rem;color:#5a6c7d;margin-bottom:1.5rem;font-weight:500}.social-icons{display:flex;gap:1rem;justify-content:center}.social-icon{width:50px;height:50px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 4px 15px #00000014;border:1px solid rgba(0,0,0,.05);transition:all .2s ease}.social-icon:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001f}.social-icon span{font-size:1.5rem}.kawaii-illustration-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:550px;width:100%;position:relative}.kawaii-illustration{height:400px;width:100%;max-width:550px;background-image:url(../assets/images/kawaii-illustration.png)!important;background-repeat:no-repeat;background-size:contain;background-position:center bottom}.coming-soon_social-container{margin-bottom:-200px;z-index:9999;position:absolute;top:3rem}.coming-soon_social-container p{color:#2c3e50;font-weight:600;margin-bottom:.75rem}.social-links{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.social-link{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:#ffffff4a;border-radius:50%;color:#000!important;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.social-link:hover{background:#202d3a;color:#fff;box-shadow:0 4px 15px #00000026}.social-link:hover svg{fill:#fff}.social-link svg{width:25px;height:25px;fill:#202d3a}.social-link .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.island-base{position:relative;height:250px}.island-surface{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:300px;height:60px;background:linear-gradient(135deg,#7dd3fc,#78f838);border-radius:50%;box-shadow:0 10px 30px #38bdf84d}.island-surface:before{content:"";position:absolute;top:-20px;left:50%;transform:translate(-50%);width:200px;height:40px;background:linear-gradient(135deg,#86efac,#4ade80);border-radius:50%;box-shadow:0 5px 20px #4ade804d}.floating-element{position:absolute;font-size:1.8rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));z-index:10}.star{background-image:url(../assets/images/star.png);background-repeat:no-repeat;background-size:cover}.star-1{top:40%;left:23%;height:50px;width:50px}.star-2{top:30%;left:30%;height:20px;width:20px}.cloud{background-image:url(../assets/images/cloud.png);background-repeat:no-repeat;background-size:contain}.cloud-1{top:15%;right:10%;font-size:2rem;height:50px;width:100px}.cloud-2{top:55%;left:10%;font-size:1.5rem;height:40px;width:100px}.kawaii-container{position:absolute;bottom:60px;left:50%;transform:translate(-50%);width:140px;height:100px;background:linear-gradient(145deg,#fbbf24,#f59e0b);border-radius:20px 20px 12px 12px;box-shadow:0 8px 25px #f59e0b4d,inset 0 2px #ffffff4d;z-index:5}.kawaii-face{position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.kawaii-eyes{display:flex;gap:16px;margin-bottom:6px;justify-content:center}.eye{width:8px;height:8px;background:#374151;border-radius:50%;position:relative}.eye:after{content:"";position:absolute;top:1px;right:1px;width:3px;height:3px;background:#fff;border-radius:50%}.kawaii-mouth{width:12px;height:6px;border:2px solid #374151;border-top:none;border-radius:0 0 12px 12px;margin:0 auto}.books{position:absolute;top:15px;left:50%;transform:translate(-50%);display:flex;gap:6px}.book{width:20px;height:28px;border-radius:3px;box-shadow:0 2px 8px #00000026}.book-pink{background:linear-gradient(145deg,#f472b6,#ec4899)}.book-blue{background:linear-gradient(145deg,#60a5fa,#3b82f6)}.kawaii-clock{position:absolute;top:40px;left:20px;width:50px;height:50px;z-index:6}.clock-face{width:100%;height:100%;background:linear-gradient(145deg,#fbbf24,#f59e0b);border-radius:50%;box-shadow:0 4px 15px #f59e0b66;border:3px solid white;position:relative}.clock-hands{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hour-hand,.minute-hand{position:absolute;background:#374151;border-radius:1px;transform-origin:bottom center}.hour-hand{width:1.5px;height:12px;top:-12px;left:-.75px;transform:rotate(45deg)}.minute-hand{width:1px;height:16px;top:-16px;left:-.5px;transform:rotate(90deg)}.traffic-cone{position:absolute;bottom:50px;right:30px;width:28px;height:35px;z-index:6}.cone-body{width:28px;height:35px;background:linear-gradient(145deg,#fb923c,#f97316);border-radius:0 0 14px 14px;position:relative;clip-path:polygon(30% 0%,70% 0%,100% 100%,0% 100%)}.cone-stripe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:3px;background:#fff;border-radius:2px}.contact-section{margin-top:1rem}.contact-text{font-size:.9rem;color:#6b7280;line-height:1.5;margin-bottom:1rem}.contact-email{color:#2c3e50;font-weight:600;text-decoration:none}.contact-email:hover{text-decoration:underline}.footer-links{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:1rem}.footer-link{color:#667eea;text-decoration:none;font-size:.85rem;font-weight:500;transition:color .3s ease}.footer-link:hover{color:#5a67d8;text-decoration:underline}.footer-separator{color:#9ca3af;font-size:.8rem}@media (max-width: 1024px){.coming-soon-container{padding:1.5rem 1rem}.coming-soon-content{gap:1.5rem;max-width:100%}.kawaii-illustration-container{height:450px;margin-top:2rem}.kawaii-illustration{height:450px;max-width:450px}}@media (max-width: 768px){.coming-soon-container{padding:1rem}.coming-soon-content{gap:1rem}.logo-text{font-size:2rem}.logo-icon{width:80px}.email-form{flex-direction:column;gap:.75rem;max-width:100%}.email-input-container{width:100%}.notify-email-input{min-width:auto!important;width:100%!important;padding-right:3rem!important}.validation-icon{right:1rem}.validation-message{max-width:100%;font-size:.8rem;padding:.5rem .75rem;margin-top:.4rem}.notify-button{width:100%;justify-content:center;min-width:auto}.submit-success,.submit-error{max-width:100%;font-size:.85rem;padding:.6rem .8rem}.social-links{gap:1rem}.social-link{width:45px;height:45px}.social-link svg{width:20px;height:20px}.kawaii-illustration-container{height:350px;margin-top:1.5rem}.kawaii-illustration{height:350px;max-width:350px}.coming-soon_social-container{margin-bottom:-30px}.contact-text{font-size:.85rem;padding:0 1rem}.footer-links{flex-wrap:wrap;gap:.5rem}.footer-link{font-size:.8rem}}@media (max-width: 480px){.coming-soon-container{padding:.75rem}.coming-soon-content{gap:.75rem}.logo-section{margin-bottom:.5rem}.logo{gap:.5rem;margin-top:.5rem}.logo-text{font-size:1.75rem}.logo-icon{width:60px}.notification-title{font-size:.9rem}.email-form{gap:.5rem}.notify-email-input{padding:.75rem 2.75rem .75rem 1rem!important;font-size:.9rem}.validation-icon{right:.75rem}.validation-icon svg{width:18px;height:18px}.validation-message{font-size:.75rem;padding:.4rem .6rem;margin-top:.3rem}.notify-button{padding:.75rem 1.5rem;font-size:.9rem;min-width:auto}.submit-success,.submit-error{font-size:.8rem;padding:.5rem .75rem;margin-top:.75rem}.social-links{gap:.75rem}.social-link{width:40px;height:40px}.social-link svg{width:18px;height:18px}.kawaii-illustration-container{height:280px;margin-top:1rem}.kawaii-illustration{height:280px;max-width:280px}.coming-soon_social-container{margin-bottom:-20px}.coming-soon_social-container p{font-size:.85rem;margin-bottom:.5rem}.contact-text{font-size:.8rem;padding:0 .5rem}.footer-link{font-size:.75rem}}@media (max-width: 360px){.coming-soon-container{padding:.5rem}.logo-text{font-size:1.5rem}.logo-icon{width:50px}.notify-email-input{padding:.65rem 2.5rem .65rem .85rem!important;font-size:.85rem}.validation-icon{right:.65rem}.validation-icon svg{width:16px;height:16px}.validation-message{font-size:.7rem;padding:.35rem .5rem}.notify-button{padding:.65rem 1.25rem;font-size:.85rem}.kawaii-illustration-container{height:240px}.kawaii-illustration{height:240px;max-width:240px}.social-link{width:35px;height:35px}.social-link svg{width:16px;height:16px}}:root{--primary-color: #ff6d3f;--primary-light: #ff9d6f;--primary-dark: #e55a2b;--secondary-color: #10b981;--secondary-light: #34d399;--secondary-dark: #059669;--text-color: #333333;--text-light: #666666;--background-color: #f8f9fa;--white: #ffffff;--gray-50: #f8fafc;--gray-100: #f9fafb;--gray-200: #edf2f7;--gray-300: #e2e8f0;--gray-400: #cbd5e1;--gray-500: #94a3b8;--gray-600: #64748b;--gray-700: #475569;--gray-800: #334155;--gray-900: #1e293b;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .05);--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 16px;--border-radius-xl: 24px;--border-radius-full: 9999px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-serif: "Merriweather", Georgia, Cambria, "Times New Roman", Times, serif;--font-mono: "Roboto Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}body{font-family:var(--font-sans);color:var(--text-color);line-height:1.6;background-color:var(--background-color);display:flex;flex-direction:column;align-items:center;width:100%}#root{width:100%;display:flex;flex-direction:column;min-height:100vh}.app-container{min-height:100vh;display:flex;flex-direction:column;width:100%}.main-content{flex:1;width:100%;padding-top:0!important;display:flex;flex-direction:column}.main-content.reading-mode{padding-top:0;max-width:100%}.main-content.admin-mode{padding-top:0;max-width:100%;background-color:#f9fafb}.dark-theme .main-content.admin-mode{background-color:#111827}.story-details-page{margin-top:-70px}img{max-width:100%;height:auto}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.main-container{width:100vw}.App{text-align:center;max-width:1440px;margin-left:auto;margin-right:auto}header{background-color:#fff;padding:1rem;border-bottom:1px solid #eee}header nav{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}header nav ul{list-style:none;padding:0;display:flex}header nav ul li{margin-left:20px}.hero-section{background-color:#00796b;color:#fff;padding:4rem 1rem;text-align:center}.hero-section h2{font-size:2.5rem;margin-bottom:1rem}.hero-section button{background-color:#fff;color:#00796b;border:none;padding:.8rem 1.5rem;font-size:1rem;cursor:pointer;border-radius:4px}.book-carousel,.book-listings,.blog-post-section{padding:2rem 1rem;max-width:1200px;margin:0 auto}.book-carousel h3,.book-listings h3,.blog-post-section h3{text-align:left;margin-bottom:1.5rem;font-size:1.8rem}.carousel-container,.listings-container,.posts-container{display:flex;overflow-x:auto;gap:1rem}.listings-container{flex-wrap:wrap;justify-content:space-around}.book-item,.book-item-detailed,.post-item{background-color:#fff;border:1px solid #ddd;border-radius:4px;padding:1rem;min-width:180px;text-align:left}.book-item img,.book-item-detailed img,.post-item img{max-width:100%;height:auto;display:block;margin-bottom:.5rem}.book-item-detailed{flex-basis:calc(25% - 1rem);margin-bottom:1rem}.promotional-banner{padding:3rem 1rem;color:#fff;text-align:center;background-size:cover;background-position:center;margin:2rem 0}.promotional-banner .banner-content{background-color:#00000080;padding:2rem;display:inline-block;border-radius:8px}.promotional-banner h2{font-size:2rem;margin-bottom:.5rem}.promotional-banner .cta-button{background-color:#ffc107;color:#333;padding:.7rem 1.2rem;text-decoration:none;border-radius:4px;font-weight:700;display:inline-block;margin-top:1rem}footer{background-color:#333;color:#fff;padding:2rem 1rem;margin-top:2rem}.footer-content{display:flex;justify-content:space-around;flex-wrap:wrap;max-width:1200px;margin:0 auto 1rem;text-align:left}.footer-section{margin-bottom:1rem;flex:1;min-width:200px}.footer-section h4{margin-bottom:.5rem}.footer-section ul{list-style:none;padding:0}.footer-section ul li a{color:#ccc;text-decoration:none}.footer-section ul li a:hover{color:#fff}.footer-section input[type=email],.footer-section textarea{width:calc(100% - 22px);padding:.5rem;margin-bottom:.5rem;border-radius:4px;border:1px solid #555;background-color:#444;color:#fff}.footer-section button[type=submit]{background-color:#00796b;color:#fff;border:none;padding:.7rem 1rem;cursor:pointer;border-radius:4px}.footer-bottom{text-align:center;border-top:1px solid #555;padding-top:1rem;font-size:.9rem}@media (max-width: 768px){.book-item-detailed{flex-basis:calc(50% - 1rem)}.footer-content{flex-direction:column;align-items:center;text-align:center}.footer-section{text-align:center}header nav{flex-direction:column}header nav ul{margin-top:10px}header nav ul li{margin:0 10px}}.fab{display:inline-block;width:1em;height:1em;background-size:contain;background-repeat:no-repeat;background-position:center}.fab.fa-twitter:before{content:"𝕏"}.fab.fa-facebook-f:before{content:"f"}.fab.fa-instagram:before{content:"📷"}.fab.fa-discord:before{content:"🎮"}.write-page-container{display:flex;flex-direction:column;min-height:calc(100vh - 70px);width:100%;background-color:var(--white)}@media (max-width: 768px){.main-content{padding-top:70px}}.header{background-color:var(--background-alt);box-shadow:var(--shadow-sm);padding:1rem 0;position:sticky;top:0;z-index:100}.header-content{display:flex;align-items:center;justify-content:space-between}.logo{font-size:1.5rem;font-weight:700;color:var(--primary)}.main-nav{display:flex;align-items:center;gap:1.5rem}.nav-link{color:var(--text-primary);font-weight:500;transition:color var(--transition-normal)}.nav-link:hover{color:var(--primary)}.header-actions{display:flex;align-items:center;gap:1rem}.header-theme-toggle{margin-right:.5rem}.settings-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:var(--text-primary);transition:all var(--transition-normal)}.settings-link:hover{background-color:var(--gray-100);color:var(--primary);transform:rotate(15deg)}.profile-link{display:flex;align-items:center;justify-content:center}.profile-img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--primary);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.profile-img:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.main-content.coming-soon-mode{padding:0;min-height:100vh}.main-content.coming-soon-mode .contact-page-container,.main-content.coming-soon-mode .privacy-page-container{width:100%;max-width:none}:root{--primary: #ff6d3f;--primary-light: #ff9d6f;--primary-dark: #e55a2b;--secondary: #10b981;--secondary-light: #34d399;--secondary-dark: #059669;--text-primary: #1e293b;--text-secondary: #64748b;--text-light: #94a3b8;--text-inverted: #ffffff;--background: #f8fafc;--background-alt: #ffffff;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6;--border: #e2e8f0;--shadow: rgba(0, 0, 0, .1);--overlay: rgba(0, 0, 0, .5);--gradient-primary: linear-gradient(135deg, #ff6d3f, #ff9d6f);--gradient-secondary: linear-gradient(135deg, #10b981, #34d399);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-serif: "Merriweather", Georgia, Cambria, "Times New Roman", Times, serif;--font-mono: "Roboto Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--shadow-sm: 0 1px 2px var(--shadow);--shadow-md: 0 4px 6px var(--shadow);--shadow-lg: 0 10px 15px var(--shadow);--shadow-xl: 0 20px 25px var(--shadow);--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}.light{color-scheme:light}.dark{color-scheme:dark}*,*:before,*:after{transition:background-color var(--transition-normal),border-color var(--transition-normal),color var(--transition-normal)}:root{--primary-color: #d73963;--primary-light: #ff9d6f;--primary-dark: #c23359;--secondary-color: #10b981;--secondary-light: #34d399;--secondary-dark: #059669;--text-dark: #1e293b;--text-light: #64748b;--white: #ffffff;--background: #f8fafc;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-serif: "Merriweather", Georgia, Cambria, "Times New Roman", Times, serif;--font-mono: "Roboto Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .05)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--text-primary);line-height:1.6;background-color:var(--background);min-height:100vh;overflow-x:hidden;text-rendering:optimizeSpeed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}input,button,textarea,select{font:inherit}button{cursor:pointer;border:none;background:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:600}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 20px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;font-weight:600;border-radius:var(--radius-md);transition:all var(--transition-normal);gap:8px}.btn-primary{background-color:var(--primary);color:var(--text-inverted);box-shadow:0 2px 5px var(--shadow)}.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 10px var(--shadow)}.btn-secondary{background-color:var(--secondary);color:var(--text-inverted);box-shadow:0 2px 5px var(--shadow)}.btn-secondary:hover{background-color:var(--secondary-dark);transform:translateY(-2px);box-shadow:0 4px 10px var(--shadow)}.btn-outline{border:1px solid var(--gray-300);background-color:transparent;color:var(--text-primary)}.btn-outline:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.btn-text{color:var(--text-primary);padding:8px 16px}.btn-text:hover{color:var(--primary);background-color:var(--gray-100);border-radius:var(--radius-md)}.btn-sm{padding:8px 16px;font-size:.875rem}.btn-lg{padding:12px 24px;font-size:1.125rem}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-primary)}.form-control{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--background-alt);transition:all var(--transition-normal)}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #ff6d3f1a}.fade-in{animation:fadeIn .5s ease-in-out}.slide-up{animation:slideUp .5s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-xl)}.mt-5{margin-top:var(--spacing-3xl)}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-xl)}.mb-5{margin-bottom:var(--spacing-3xl)}.mr-1{margin-right:var(--spacing-xs)}.mr-2{margin-right:var(--spacing-sm)}.mr-3{margin-right:var(--spacing-md)}.ml-1{margin-left:var(--spacing-xs)}.ml-2{margin-left:var(--spacing-sm)}.ml-3{margin-left:var(--spacing-md)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.d-flex{display:flex}.flex-column{flex-direction:column}.justify-center{justify-content:center}.align-center{align-items:center}.flex-wrap{flex-wrap:wrap}.space-between{justify-content:space-between}.hidden{display:none}.invisible{visibility:hidden}h1{font-size:clamp(2rem,5vw,3rem)}h2{font-size:clamp(1.5rem,4vw,2.25rem)}h3{font-size:clamp(1.25rem,3vw,1.75rem)}h4{font-size:clamp(1.125rem,2.5vw,1.5rem)}h5{font-size:clamp(1rem,2vw,1.25rem)}h6{font-size:clamp(.875rem,1.5vw,1rem)}@media (max-width: 1200px){.container{max-width:1140px}}@media (max-width: 768px){html{font-size:14px}.container{padding:0 16px}}@media (max-width: 480px){html{font-size:12px}.btn{padding:8px 16px}.container{padding:0 12px}}