body{padding:2rem;font-family:-apple-system,BlinkMacSystemFont,"Arial",sans-serif;}h1{font-size:16px;margin-top:0;}p{color:rgb(107,114,128);font-size:15px;margin-bottom:10px;margin-top:5px;}.card{max-width:620px;margin:0 auto;padding:16px;border:1px solid lightgray;border-radius:16px;}.card p:last-child{margin-bottom:0;}.gradient-bg{background:linear-gradient(135deg,#ff9a9e 0%,#fad0c4 100%);transition:background .5s ease;}.theme-pink{background:linear-gradient(135deg,#ff9a9e 0%,#fad0c4 100%);}button,.btn,.tab-btn,.action-btn{display:flex;align-items:center;justify-content:center;text-align:center;}button:not(.w-9):not(.h-9),.btn:not(.w-9):not(.h-9),.tab-btn:not(.w-9):not(.h-9){min-height:40px;}#login-btn,#mobile-login-link,a[href="login.php"]{display:flex!important;align-items:center!important;justify-content:center!important;padding:.5rem 1.25rem!important;line-height:1.5!important;height:auto!important;min-height:38px!important;font-family:'Mali',cursive!important;font-size:1rem!important;border-radius:9999px!important;}header #login-btn{background-color:#fff!important;color:#ec4899!important;box-shadow:0 2px 5px rgba(0,0,0,.1)!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:150px!important;padding:.25rem 1.25rem!important;}@media (max-width:640px){header #login-btn{padding:.25rem 1rem!important;}}#mobile-login-link{flex-direction:column!important;padding:0!important;height:auto!important;}#mobile-login-link i{margin-bottom:.5rem!important;display:block!important;}#mobile-login-link span{display:block!important;text-align:center!important;line-height:1.2!important;}.no-anim,.no-anim *{animation:none!important;transition:none!important;}@media (max-width:640px){body{font-size:17px;}.container,.max-w-4xl,.max-w-3xl{padding-left:.5rem!important;padding-right:.5rem!important;}.story-card,.section,.bg-white.rounded-lg.shadow-lg,.bg-white.rounded-lg.shadow-md,.bg-white.rounded-lg.shadow{padding:1rem!important;}.story-actions,.flex.gap-2,.flex.gap-4{gap:.7rem!important;flex-wrap:wrap;}.tab-btn,button,select,input,textarea{font-size:1.1rem!important;min-height:48px!important;padding:.7rem 1.2rem!important;border-radius:.7rem!important;display:flex!important;align-items:center!important;justify-content:center!important;}.chapters-list{max-height:200px!important;}.tags span{font-size:1em!important;}h1,h2,h3{font-size:1.3em!important;}.story-title{font-size:1.1em!important;}.badge{font-size:1em!important;}.section{margin-bottom:1.2rem!important;}.bg-white.rounded-lg.shadow-lg,.bg-white.rounded-lg.shadow-md,.bg-white.rounded-lg.shadow{box-shadow:0 1px 4px #fbb6ce33!important;}.overflow-x-auto,.overflow-x-scroll{overflow-x:auto!important;}.snowflake,.bounce-animate,.float-animate,.animate-pulse{display:none!important;}input,textarea,select{width:100%!important;}button,.tab-btn{width:100%;margin-bottom:.5rem;display:flex!important;align-items:center!important;justify-content:center!important;}#toast{font-size:1.1rem!important;}}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;background-color:#fff;display:flex;justify-content:space-around;align-items:center;border-top:1px solid #e5e7eb;z-index:40;}.mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem 0;color:#6b7280;flex:1;text-decoration:none;font-size:.75rem;}.mobile-bottom-nav a i{font-size:1.25rem;margin-bottom:.25rem;}.mobile-bottom-nav a.active{color:#ec4899;}.#menu-overlay{display:flex;flex-direction:column;overflow-y:auto;}#menu-overlay a{text-decoration:none;color:#374151;}#menu-overlay a i{transition:all .2s ease;}#menu-overlay a:hover i{transform:scale(1.1);}#mobile-menu-popup{overflow-y:auto;background-color:#fff;}#mobile-menu-popup .grid{margin-bottom:2rem;}#mobile-menu-popup h2{color:#ec4899;font-weight:bold;}#mobile-menu-popup a{text-decoration:none;color:#666;}#mobile-menu-popup a i{font-size:1.75rem;margin-bottom:.5rem;color:#666;}#mobile-menu-popup a.active{color:#ec4899;}#mobile-menu-popup a.active i{color:#ec4899;}#mobile-menu-close{color:#ec4899;font-size:1.5rem;}@media (max-width:768px){body{padding-bottom:5rem;}}.mobile-bottom-nav .menu-button{position:relative;margin-top:-1.5rem;background-color:#ec4899;border-radius:50%;width:3.5rem;height:3.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;box-shadow:0 0 10px rgba(0,0,0,.2);}.mobile-bottom-nav .menu-button i{font-size:1.5rem;margin-bottom:.1rem;}.mobile-bottom-nav .menu-button span{font-size:.65rem;}