@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";
*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}: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:100%;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;position:relative;overflow-x:hidden}html{-moz-text-size-adjust:100%;text-size-adjust:100%;width:100%;max-width:100%;height:-webkit-fill-available;overflow-x:hidden}button,a,input,select,textarea{touch-action:manipulation}textarea{resize:none!important}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:#667eea!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}img,video,canvas,svg,iframe,embed,object{height:auto;max-width:100%!important}p,h1,h2,h3,h4,h5,h6,span,a,label,li,td,th{overflow-wrap:break-word;word-break:normal}input,select,textarea,button{box-sizing:border-box;max-width:100%}#dashboardContent,#detailKomikRoot,#detailNovelRoot,#chapterContent,#bookmarkContent,#riwayatContent,#buatKaryaRoot,#buatKomikRoot,#uploadChapterRoot,#editChapterRoot,#editKomikRoot,#editNovelRoot,#profileContent,.editprofile-root,#settingContent,#guidePage,#termsPage,#creatorRoot,#pengaduanPage,.login-page-root,#panelKontrolRoot{box-sizing:border-box;width:100%;max-width:100%;overflow-x:hidden}.container,.main-container,.content-container{box-sizing:border-box!important;width:min(100%,100% - 1.5rem)!important;margin-left:auto!important;margin-right:auto!important}.navbar-container,.pengaduan-container,.pk-container,.pk-nav-inner{box-sizing:border-box;width:100%}.filter-dropdown,.custom-modal,.comment-popup,.status-modal,.modal-dialog{box-sizing:border-box!important;max-width:min(100vw - 1rem,100%)!important}.pk-table-wrap,.table-wrap,.table-responsive,.touch-scroll-x{-webkit-overflow-scrolling:touch!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;overflow-x:auto!important}@media screen and (max-width:480px){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}.container,.main-container,.content-container{width:min(100%,100% - 1rem)!important}.comics-grid,.bookmarks-grid,.history-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.65rem!important}.navbar-brand,.chapter-info,.comic-info{min-width:0}}@media screen and (min-width:481px) and (max-width:768px){input[type=text],input[type=email],input[type=password],input[type=search],input[type=number],select,textarea{font-size:16px!important}.comics-grid,.bookmarks-grid,.history-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))!important;gap:.85rem!important}.container{width:min(100%,100% - 1.25rem)!important}}@media screen and (min-width:769px){.container,.main-container,.content-container,.navbar-container,.pengaduan-container{margin-left:auto!important;margin-right: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}}.global-access-box{background:linear-gradient(135deg,#667eea14 0%,#764ba214 100%);border:1.5px solid #667eea59;border-radius:16px;margin-top:1rem;padding:1.25rem 1.4rem;transition:all .3s}.global-access-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.global-access-info{flex:1;align-items:center;gap:.85rem;display:flex}.global-globe-icon{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.25rem;display:inline-flex;box-shadow:0 4px 12px #667eea4d}.global-access-title{color:#2d3748;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;display:flex}.global-badge{color:#fff;text-transform:uppercase;letter-spacing:.03em;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:6px;align-items:center;gap:.25rem;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.global-access-desc{color:#64748b;margin-top:.2rem;font-size:.83rem;line-height:1.45}.global-switch{flex-shrink:0;width:50px;height:28px;display:inline-block;position:relative}.global-switch input{opacity:0;width:0;height:0}.global-slider{cursor:pointer;background-color:#cbd5e1;border-radius:28px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.global-slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:4px;left:4px;box-shadow:0 2px 4px #0003}.global-switch input:checked+.global-slider{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.global-switch input:checked+.global-slider:before{transform:translate(22px)}.global-preview-container{border-top:1px dashed #667eea59;margin-top:1.15rem;padding-top:1rem}.global-preview-actions{flex-wrap:wrap;gap:.6rem;margin-bottom:.85rem;display:flex}.btn-translate-preview,.btn-toggle-manual{cursor:pointer;color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:.45rem;padding:.45rem .9rem;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-translate-preview{color:#4338ca;background:#eef2ff;border-color:#c7d2fe}.btn-translate-preview:hover:not(:disabled){background:#e0e7ff}.btn-translate-preview:disabled{opacity:.6;cursor:not-allowed}.btn-toggle-manual:hover{background:#f8fafc;border-color:#94a3b8}.global-preview-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:.55rem;padding:.9rem 1.1rem;display:flex;box-shadow:0 2px 8px #0000000a}.global-preview-row{align-items:flex-start;gap:.65rem;font-size:.85rem;display:flex}.lang-tag{text-transform:uppercase;text-align:center;border-radius:4px;min-width:26px;padding:1px 6px;font-size:.68rem;font-weight:800;display:inline-block}.lang-tag.tag-id{color:#dc2626;background:#fee2e2}.lang-tag.tag-en{color:#4338ca;background:#e0e7ff}.preview-text-label{color:#718096;min-width:60px;font-size:.8rem;font-weight:600}.preview-text-val{color:#2d3748;word-break:break-word;flex:1}.preview-text-val.en-val{color:#4338ca;font-weight:600}.global-preview-divider{background:#edf2f7;height:1px;margin:.75rem 0}.global-manual-inputs{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-top:1rem;padding:1rem 1.15rem}.manual-field{margin-bottom:.85rem}.manual-field:last-child{margin-bottom:0}.manual-field label{color:#4a5568;margin-bottom:.35rem;font-size:.8rem;font-weight:600;display:block}.manual-field input,.manual-field textarea{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:.55rem .75rem;font-family:inherit;font-size:.85rem}[data-theme=dark] .global-access-box{background:linear-gradient(135deg,#667eea1f 0%,#764ba21f 100%);border-color:#8b96f54d}[data-theme=dark] .global-access-title{color:#f1f5f9}[data-theme=dark] .global-access-desc{color:#94a3b8}[data-theme=dark] .global-preview-card,[data-theme=dark] .global-manual-inputs{background:#1e1e2f;border-color:#2e2e44}[data-theme=dark] .btn-translate-preview,[data-theme=dark] .btn-toggle-manual{color:#cbd5e1;background:#252538;border-color:#383852}[data-theme=dark] .preview-text-val{color:#e2e8f0}[data-theme=dark] .preview-text-val.en-val{color:#a5b4fc}[data-theme=dark] .manual-field label{color:#cbd5e1}[data-theme=dark] .manual-field input,[data-theme=dark] .manual-field textarea{color:#f1f5f9;background:#151522;border-color:#383852}.global-status-pill{text-transform:uppercase;letter-spacing:.02em;border-radius:6px;align-items:center;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.global-status-pill.active{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.global-status-pill.inactive{color:#64748b;background:#f1f5f9;border:1px solid #cbd5e1}.global-studio-trigger-bar{background:linear-gradient(135deg,#6366f114 0%,#7c3aed0f 100%);border:1.5px solid #6366f138;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.15rem;padding:.95rem 1.25rem;transition:all .2s;display:flex;box-shadow:0 4px 14px #6366f10d}.global-studio-trigger-bar:hover{border-color:#6366f159;box-shadow:0 6px 18px #6366f117}.global-studio-status-info{color:#334155;flex:1;align-items:center;gap:.65rem;min-width:240px;font-size:.86rem;font-weight:600;display:flex}.global-studio-status-info i{color:#10b981;flex-shrink:0;font-size:1.15rem}.btn-open-global-studio{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#4338ca 0%,#4f46e5 50%,#7c3aed 100%);border:none;border-radius:12px;align-items:center;gap:.55rem;padding:.62rem 1.35rem;font-size:.88rem;font-weight:800;transition:all .22s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 14px #4f46e54d}.btn-open-global-studio:hover{background:linear-gradient(135deg,#3730a3 0%,#4338ca 50%,#6d28d9 100%);transform:translateY(-2px);box-shadow:0 8px 22px #4f46e56b}.btn-open-global-studio i{font-size:1rem;transition:transform .2s}.btn-open-global-studio:hover i{transform:scale(1.12)}[data-theme=dark] .global-status-pill.active{color:#34d399;background:#10b98133;border-color:#10b98166}[data-theme=dark] .global-status-pill.inactive{color:#94a3b8;background:#94a3b826;border-color:#94a3b84d}[data-theme=dark] .global-studio-status-info{color:#cbd5e1}