@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Poppins:wght@400;500;600;700;800&display=swap";
*{box-sizing:border-box;margin:0;padding:0}*,:before,:after{-webkit-tap-highlight-color:transparent}:root{--primary-gradient:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-gradient:linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--success-color:#10b981;--text-dark:#1e293b;--text-light:#64748b;--bg-white:#fff;--bg-primary:#f8fafc;--bg-secondary:#fff;--text-primary:#1e293b;--text-secondary:#64748b;--border-color:#e2e8f0;--card-bg:#ffffffb3;--card-shadow:0 4px 6px #0000001a;--accent-color:#667eea;--hover-bg:#f8fafc;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px)}[data-theme=dark]{--bg-primary:#121212;--bg-secondary:#1e1e1e;--text-primary:#fff;--text-secondary:#a0aec0;--border-color:#2d2d2d;--card-bg:#1e1e1ee6;--card-shadow:0 4px 6px #0006;--accent-color:#7f9cf5;--hover-bg:#252525;--gradient-start:#1a1a1a;--gradient-end:#2d2d2d}body{min-height:100dvh;color:#1e293b;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);width:100%;max-width:100vw;min-height:-webkit-fill-available;margin:0;padding:0;font-family:Plus Jakarta Sans,Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}html{-moz-text-size-adjust:100%;text-size-adjust:100%;width:100%;max-width:100vw;height:-webkit-fill-available;overflow-x:hidden}button,a,input,select,textarea{touch-action:manipulation}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-family:Poppins,Plus Jakarta Sans,sans-serif}[data-theme=dark] body{background:linear-gradient(135deg, var(--gradient-start) 0%, var(--gradient-end) 100%)!important;color:var(--text-primary)!important}[data-theme=dark] .navbar{background-color:var(--bg-secondary)!important;box-shadow:0 2px 10px #0006!important}[data-theme=dark] .navbar-brand h1,[data-theme=dark] .navbar-brand i{color:var(--text-primary)!important}.karya-type-badge{text-transform:uppercase;color:#fff;-webkit-backdrop-filter:blur(8px);z-index:10;letter-spacing:.6px;border:1px solid #ffffff4d;border-radius:9999px;align-items:center;gap:5px;padding:.3rem .75rem;font-size:.72rem;font-weight:700;line-height:1;display:inline-flex;position:absolute;top:.6rem;left:.6rem;box-shadow:0 4px 12px #00000040}.karya-type-badge.novel{background:linear-gradient(135deg,#ed8936f2,#dd6b20f2)}.karya-type-badge.komik{background:linear-gradient(135deg,#667eeaf2,#764ba2f2)}[data-theme=dark] .search-input{background-color:var(--bg-primary)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}[data-theme=dark] .search-button{color:#fff!important;background-color:#4299e1!important}[data-theme=dark] .latest-section,[data-theme=dark] .comics-section,[data-theme=dark] .profile,[data-theme=dark] .container,[data-theme=dark] .filter-dropdown,[data-theme=dark] .login-prompt-card,[data-theme=dark] .login-card,[data-theme=dark] .register-card{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important;box-shadow:0 8px 32px #0000004d!important}[data-theme=dark] .section-header h2,[data-theme=dark] .comic-info h3,[data-theme=dark] .profile-username,[data-theme=dark] .filter-header,[data-theme=dark] .filter-option span,[data-theme=dark] .container a{color:var(--text-primary)!important}[data-theme=dark] .comic-card{background:#252525!important;box-shadow:0 4px 12px #0000004d!important}[data-theme=dark] .bottom-nav{border-top:1px solid var(--border-color)!important;background:#1e1e1e!important;box-shadow:0 -2px 10px #0006!important}[data-theme=dark] .nav-item{color:var(--text-secondary)!important}.btn-document-import{color:#2b6cb0;cursor:pointer;background:#ebf8ff;border:1px solid #bee3f8;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-size:.88rem;font-weight:600;transition:all .25s;display:inline-flex}.btn-document-import:hover{color:#2c5282;background:#bee3f8}[data-theme=dark] .btn-document-import{color:#90cdf4!important;background:#2b3648!important;border-color:#4a5568!important}[data-theme=dark] .btn-document-import:hover{color:#fff!important;background:#3182ce!important}[data-theme=dark] #novelContent{color:#e2e8f0!important;background-color:#1a202c!important;border-color:#4a5568!important}@keyframes themeToggleSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}*{-ms-overflow-style:none!important;scrollbar-width:none!important}@media (max-width:768px){input[type=text],input[type=email],input[type=password],input[type=search],input[type=number],select,textarea{font-size:16px!important}button,a.nav-item,.btn-action,.filter-btn{touch-action:manipulation}.bottom-nav{padding-bottom:max(.5rem, env(safe-area-inset-bottom,0px))!important}.touch-scroll-x{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch!important;overflow-x:auto!important}}.custom-modal-overlay{-webkit-backdrop-filter:blur(8px)!important;z-index:99999!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;background:#000000a6!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;margin:0!important;padding:1rem!important;transition:opacity .3s,visibility .3s!important;display:flex!important;position:fixed!important;top:0!important;left:0!important}.custom-modal-overlay.active{opacity:1!important;visibility:visible!important;pointer-events:auto!important}.custom-modal{opacity:0!important;text-align:center!important;box-sizing:border-box!important;background:#fff!important;border:1px solid #00000014!important;border-radius:20px!important;width:90%!important;max-width:440px!important;padding:2.2rem 2rem!important;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .3s!important;transform:translateY(20px)scale(.95)!important;box-shadow:0 25px 60px #0000004d,0 0 0 1px #ffffff1a!important}.custom-modal-overlay.active .custom-modal{opacity:1!important;transform:translateY(0)scale(1)!important}.custom-modal .modal-icon{justify-content:center!important;align-items:center!important;margin-bottom:1.25rem!important;font-size:3.5rem!important;display:flex!important}.custom-modal .modal-icon.warning,.custom-modal .modal-icon.modal-warning{color:#ed8936!important;animation:2s ease-in-out infinite modalPulseWarning!important}.custom-modal .modal-icon.success,.custom-modal .modal-icon.modal-success{color:#48bb78!important}.custom-modal .modal-icon.error,.custom-modal .modal-icon.modal-error{color:#f56565!important}.custom-modal .modal-icon.info,.custom-modal .modal-icon.modal-info{color:#4299e1!important}@keyframes modalPulseWarning{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.custom-modal .modal-title{color:#2d3748!important;margin-bottom:.75rem!important;font-family:Poppins,Plus Jakarta Sans,sans-serif!important;font-size:1.4rem!important;font-weight:700!important}.custom-modal .modal-message{color:#4a5568!important;white-space:pre-line!important;margin-bottom:1.75rem!important;font-size:1rem!important;line-height:1.6!important}.custom-modal .modal-actions{justify-content:center!important;gap:.85rem!important;display:flex!important}.custom-modal .modal-button,.custom-modal .modal-btn{cursor:pointer!important;border:none!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;gap:.5rem!important;min-width:110px!important;padding:.75rem 1.75rem!important;font-family:inherit!important;font-size:.95rem!important;font-weight:600!important;text-decoration:none!important;transition:all .25s!important;display:inline-flex!important}.custom-modal .modal-button.primary,.custom-modal .modal-btn-ok{color:#fff!important;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important;box-shadow:0 4px 14px #667eea66!important}.custom-modal .modal-button.primary:hover,.custom-modal .modal-btn-ok:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px #667eea80!important}.custom-modal .modal-button.secondary,.custom-modal .modal-btn-cancel{color:#4a5568!important;background:#e2e8f0!important}.custom-modal .modal-button.secondary:hover,.custom-modal .modal-btn-cancel:hover{background:#cbd5e0!important;transform:translateY(-2px)!important}.custom-modal .modal-button.danger{color:#fff!important;background:linear-gradient(135deg,#f56565 0%,#c53030 100%)!important;box-shadow:0 4px 14px #f5656566!important}.custom-modal .modal-button.danger:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px #f5656580!important}[data-theme=dark] .custom-modal{color:#fff!important;background:#1e1e1e!important;border:1px solid #2d2d2d!important;box-shadow:0 25px 60px #0009!important}[data-theme=dark] .custom-modal .modal-title{color:#fff!important}[data-theme=dark] .custom-modal .modal-message{color:#a0aec0!important}[data-theme=dark] .custom-modal .modal-button.secondary,[data-theme=dark] .custom-modal .modal-btn-cancel{color:#e2e8f0!important;background:#2d2d2d!important}[data-theme=dark] .custom-modal .modal-button.secondary:hover,[data-theme=dark] .custom-modal .modal-btn-cancel:hover{background:#3a3a3a!important}@media screen and (max-width:768px){input,textarea,select{font-size:16px!important}}.bottom-nav{padding-bottom:calc(.5rem + env(safe-area-inset-bottom,0px))!important}@media (max-width:480px){.custom-modal{border-radius:16px!important;width:92%!important;max-width:92%!important;padding:1.5rem 1.15rem!important}.custom-modal .modal-icon{margin-bottom:1rem!important;font-size:3.2rem!important}.custom-modal .modal-title{margin-bottom:.6rem!important;font-size:1.25rem!important}.custom-modal .modal-message{margin-bottom:1.35rem!important;font-size:.9rem!important}.custom-modal .modal-actions{flex-direction:column-reverse!important;gap:.6rem!important}.custom-modal .modal-button,.custom-modal .modal-btn{width:100%!important;padding:.75rem 1rem!important}}