:root{--font-sans: "Inter", "Segoe UI", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--radius-sm: 6px;--radius-md: 10px;--transition-fast: .2s ease;--theme-primary: #FF5344}:root[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f5f6f8;--text-primary: #111111;--text-secondary: #4b5563;--surface-primary: #ffffff;--border-color: #fed7aa;--theme-primary-hover: #e03e2d;--theme-primary-active: #c92a1a;--error-color: #dc2626;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--container-background: }:root[data-theme=dark]{--bg-primary: #0b0f19;--bg-secondary: #121417;--text-primary: #e5e7eb;--text-secondary: #9ca3af;--surface-primary: #1a1d23;--border-color: #374151;--theme-primary: #FF5344;--theme-primary-hover: #ff6b5a;--theme-primary-active: #ff8a7a;--error-color: #ef4444;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .6);--scrollbar-thumb: #9a3412}#root{height:100%}html,body{height:auto;min-height:100%;margin:0;padding:0}html{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-fast),color var(--transition-fast)}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);font-weight:var(--font-normal);color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:var(--font-semibold);line-height:var(--leading-tight);margin-bottom:.5em;color:var(--text-primary)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{font-size:var(--text-base);line-height:var(--leading-relaxed);margin-bottom:1rem;color:var(--text-secondary)}small{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--text-secondary)}a{text-decoration:underline;color:var(--accent);cursor:pointer}.ReactModal__Content{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.ReactModal__Content::-webkit-scrollbar{width:8px}.ReactModal__Content::-webkit-scrollbar-track{background:transparent}.ReactModal__Content::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:6px;border:2px solid transparent;background-clip:content-box}.no-select{user-select:none;-webkit-user-select:none;-ms-user-select:none}.no-text-decoration{text-decoration:none}select[multiple]{min-height:120px;padding:8px}.container{max-width:1280px;margin:0 auto;padding:0 24px;border-radius:16px}@media (max-width: 768px){.container{max-width:none;margin:0;padding:8px;border-radius:0}}.plan-total{font-size:.95em;color:#888;margin-top:4px}.plan-total-amount{font-weight:600}.plans-container{background:var(--bg-primary);color:var(--text-primary);padding:2rem;border-radius:var(--radius-md);box-shadow:var(--shadow-md);max-width:700px;margin:2rem auto}.plans-title{font-size:var(--text-2xl);font-weight:var(--font-semibold);margin-bottom:1.5rem;text-align:center}.plans-list{display:flex;gap:2rem;flex-wrap:nowrap;justify-content:center;margin:0 auto}.plan-card{background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1.5rem;min-width:260px;max-width:320px;display:flex;flex-direction:column;align-items:center;transition:box-shadow var(--transition-fast)}.plan-card:hover{box-shadow:var(--shadow-lg)}.plan-price{font-size:var(--text-xl);font-weight:var(--font-bold);margin:1rem 0;display:flex;align-items:baseline;gap:.5rem}.plan-currency{font-size:var(--text-base);color:var(--text-secondary)}.plan-period{font-size:var(--text-sm);color:var(--text-secondary)}.plan-features{list-style:none;padding:0;margin:1rem 0;color:var(--text-secondary)}.plan-features li{margin-bottom:.5rem}.plan-select-btn{background:var(--theme-primary);color:#fff;border:none;border-radius:var(--radius-sm);padding:.75rem 1.5rem;font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:background var(--transition-fast)}.plan-select-btn:hover{background:var(--theme-primary-hover)}.plan-duration-options{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap;justify-content:center;align-items:center;max-width:100%;box-sizing:border-box}.plan-card h3{text-align:center;width:100%}.plan-duration-btn{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.5rem 1rem;font-size:var(--text-sm);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.plan-duration-btn.selected{background:var(--theme-primary);color:#fff;border-color:var(--theme-primary)}[data-theme=dark] .plans-container{background:var(--bg-secondary);color:var(--text-primary)}[data-theme=dark] .plan-card{background:linear-gradient(90deg,#6366f1,#818cf8);color:#fff;border-color:#6366f1}@media (max-width: 1200px){.plans-list{gap:1.2rem}.plan-card{min-width:220px;max-width:100%;flex:1 1 260px}}@media (max-width: 900px){.plans-list{gap:1rem}.plan-card{min-width:180px;max-width:100%;flex:1 1 220px}}@media (max-width: 700px){.plans-list{flex-direction:column;gap:1.5rem;flex-wrap:wrap}.plan-card{min-width:0!important;max-width:100%!important;width:100%!important;box-sizing:border-box;margin-left:0;margin-right:0}}.error-display{display:flex;align-items:center;justify-content:center;min-height:400px;padding:48px 24px;background:var(--bg-primary, #ffffff);cursor:default;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.error-display__content{max-width:480px;text-align:center;background:var(--surface-primary, #ffffff);border-radius:12px;padding:48px 32px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid var(--border-color, #e5e7eb)}.error-display__icon{margin-bottom:24px;color:var(--error-color, #dc2626);display:flex;justify-content:center}.error-display__icon svg{width:64px;height:64px}.error-display__text{margin-bottom:32px}.error-display__title{font-size:24px;font-weight:600;color:var(--text-primary, #111111);margin:0 0 8px;line-height:1.3}.error-display__message{font-size:16px;color:var(--text-secondary, #6b7280);margin:0 0 16px;line-height:1.5}.error-display__details{margin-top:16px;text-align:left}.error-display__details-toggle{cursor:pointer;font-size:14px;color:var(--text-secondary, #6b7280);margin-bottom:8px;font-weight:500;border:none;background:none;padding:0;text-decoration:underline;text-underline-offset:2px}.error-display__details-toggle:hover{color:var(--text-primary, #111111)}.error-display__details-toggle:focus{outline:2px solid var(--theme-primary, #3b82f6);outline-offset:2px;border-radius:4px}.error-display__error-code{display:block;background:var(--bg-secondary, #f9fafb);border:1px solid var(--border-color, #e5e7eb);border-radius:6px;padding:12px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;color:var(--error-color, #dc2626);word-break:break-word;margin-top:8px;line-height:1.4;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.error-display__actions{display:flex;flex-direction:column;align-items:center;gap:12px}.error-display__retry-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--theme-primary, #3b82f6);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;min-width:120px;justify-content:center}.error-display__retry-btn:hover:not(:disabled){background:var(--theme-primary-hover, #2563eb);transform:translateY(-1px);box-shadow:0 4px 8px -2px #0000001a,0 2px 4px -1px #0000000f}.error-display__retry-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.error-display__retry-btn:focus{outline:2px solid var(--theme-primary, #3b82f6);outline-offset:2px}.error-display__retry-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.error-display__spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:error-display__spin 1s linear infinite}@keyframes error-display__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-display__retry-description{font-size:14px;color:var(--text-secondary, #6b7280);margin:0;font-style:italic}@media (max-width: 640px){.error-display{padding:24px 16px;min-height:300px}.error-display__content{padding:32px 24px}.error-display__icon svg{width:48px;height:48px}.error-display__title{font-size:20px}.error-display__message{font-size:15px}.error-display__retry-btn{padding:10px 20px;font-size:15px}}.empty-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 32px;text-align:center;min-height:200px}.empty-message__icon{margin-bottom:16px;opacity:.6}.empty-message__icon svg{width:64px;height:64px;color:var(--text-secondary)}.empty-message__title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 8px;line-height:1.4}.empty-message__message{font-size:16px;color:var(--text-secondary);margin:0 0 24px;line-height:1.5;max-width:400px}.empty-message__action{margin-top:8px}.empty-message__action button,.empty-message__action a{padding:10px 20px;background:var(--theme-primary);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease}.empty-message__action button:hover,.empty-message__action button:focus,.empty-message__action a:hover,.empty-message__action a:focus{background:var(--theme-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.empty-message__action button:disabled{opacity:.6;cursor:not-allowed;transform:none}.empty-message--compact{padding:32px 16px;min-height:120px}.empty-message--compact .empty-message__icon svg{width:48px;height:48px}.empty-message--compact .empty-message__title{font-size:18px}.empty-message--compact .empty-message__message{font-size:14px;margin-bottom:16px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px}.loading-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background:var(--bg-primary)}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100}.loading-spinner{position:relative;display:inline-block}.loading-spinner-inner{width:100%;height:100%;border:3px solid color-mix(in srgb,var(--text-secondary) 20%,transparent);border-top:3px solid var(--theme-primary);border-radius:50%;animation:loading-spin 1s linear infinite}.loading-small{width:20px;height:20px}.loading-small .loading-spinner-inner{border-width:2px}.loading-medium{width:32px;height:32px}.loading-large{width:48px;height:48px}.loading-large .loading-spinner-inner{border-width:4px}.loading-xl{width:64px;height:64px}.loading-xl .loading-spinner-inner{border-width:5px}.loading-text{margin:0;font-size:var(--text-sm);color:var(--text-secondary);text-align:center;font-weight:var(--font-medium)}@keyframes loading-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 640px){.loading-container{padding:16px;gap:8px}.loading-text{font-size:var(--text-xs)}}.intro{margin-bottom:70px;animation:fadeIn 1s ease-in;text-align:center}.home-title{font-size:2.5rem;margin-bottom:20px;color:#111;font-weight:700}.home-subtitle{font-size:1.1rem;color:#555;margin-bottom:30px;line-height:1.6;max-width:700px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;justify-content:center;gap:15px}.get-started-btn,.learn-more-btn{padding:12px 25px;border-radius:6px;border:none;font-size:1rem;cursor:pointer;transition:all .25s ease;font-weight:500}.primary-btn{background-color:#3f61ff;color:#fff}.primary-btn:hover{background-color:#2e4ad4;transform:translateY(-2px)}.secondary-btn{background-color:#fff;color:#333;border:1px solid #ccc}.secondary-btn:hover{background-color:#f4f4f4;transform:translateY(-2px)}.features{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-bottom:40px}.feature{flex:1 1 260px;background:#f8f9fa;border-radius:10px;padding:25px;text-align:center;border:1px solid #e6e6e6;transition:box-shadow .3s ease,transform .3s ease}.feature:hover{box-shadow:0 8px 20px #00000014;transform:translateY(-5px)}.icon{font-size:2rem;margin-bottom:12px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.editor-container{border:1px solid #dcdcdc;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 2px 8px #0000000d}.editor-toolbar{display:flex;flex-wrap:wrap;gap:6px;padding:10px 12px;border-bottom:1px solid #e5e5e5;background:#fafafa;position:sticky;top:0;z-index:5}.editor-toolbar button{padding:6px 12px;border:1px solid #ccc;background:#fff;font-size:14px;border-radius:6px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:4px}.editor-toolbar button:hover{background:#f0f0f0;border-color:#bfbfbf}.editor-toolbar button.active{background:#007bff;color:#fff;border-color:#0067d9;box-shadow:0 0 4px #007bff99}.separator{width:1px;background:#ddd;margin:0 10px}.editor-content{min-height:450px;padding:20px;font-size:18px;line-height:1.8;color:#333;font-family:Inter,Noto Sans,sans-serif;background:#fff}.ProseMirror:focus{outline:none}.editor-content h1{font-size:2em;margin:20px 0 10px;font-weight:700}.editor-content h2{font-size:1.6em;margin:20px 0 10px;font-weight:600}.editor-content h3{font-size:1.3em;margin:16px 0 8px;font-weight:600}.editor-content blockquote{border-left:4px solid #007bff;padding-left:14px;color:#555;font-style:italic;margin:16px 0}.editor-content code{background:#f1f1f1;padding:3px 5px;border-radius:4px;font-size:15px;font-family:JetBrains Mono,monospace}.editor-content ul,.editor-content ol{padding-left:28px;margin:10px 0}.editor-content hr{border:none;border-top:2px solid #ddd;margin:20px 0}@media (max-width: 600px){.editor-toolbar{gap:4px;padding:8px}.editor-toolbar button{padding:5px 8px;font-size:13px}.editor-content{font-size:16px;padding:14px}}.edit-form{max-width:100%;margin:0 auto;padding:24px 28px;background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000014;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.edit-form-title{margin-bottom:20px;font-size:1.4rem;font-weight:600;color:#1f2937;text-align:center}.form-group{display:flex;flex-direction:column;margin-bottom:16px}.form-group label{margin-bottom:6px;font-size:.9rem;font-weight:500;color:#374151}.form-group input,.form-group textarea,.form-group select{padding:10px 12px;font-size:.95rem;border-radius:8px;border:1px solid #d1d5db;background:#fff;transition:border-color .2s,box-shadow .2s}.form-group textarea{min-height:100px;resize:vertical}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.form-group.checkbox{flex-direction:row;align-items:center}.form-group.checkbox label{display:flex;align-items:center;gap:8px;margin-bottom:0;font-size:.95rem;cursor:pointer}.form-group.checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer}.form-data-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.form-data-actions-top{margin-top:0;margin-bottom:20px}.form-data-actions-bottom{margin-top:20px;margin-bottom:0}.form-data-actions button{padding:12px 16px;min-height:44px;font-size:.95rem;font-weight:600;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease,background .15s ease}.form-data-cancel{background:linear-gradient(135deg,#f9fafb,#e5e7eb);color:#374151;border:1px solid #e5e7eb;box-shadow:0 4px 10px #0000000d}.form-data-cancel:hover:not(:disabled){transform:translateY(-1px);background:linear-gradient(135deg,#f3f4f6,#e5e7eb);box-shadow:0 8px 18px #00000014}.form-data-cancel:disabled{opacity:.55;cursor:not-allowed}.form-data-submit{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none}.form-data-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px #4f46e54d}.form-data-submit:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 480px){.edit-form{max-width:100%;padding:20px}.edit-form-title{font-size:1.25rem}}.form-group select[multiple]{min-height:140px;padding:8px;line-height:1.6}.form-group select[multiple] option{padding:6px 8px}.form-group .hint{margin-top:4px;font-size:.75rem;color:#6b7280}.form-group select option:checked{background-color:#6366f1;color:#fff}.form-group select option:focus-visible{background-color:#c7d2fe;color:#1f2937}@media (hover: hover){.form-group select option:hover{border:#4f46e5 solid 1px}}.form-error{display:block;margin-top:4px;font-size:12px;color:#dc2626}.form-group input.error,.form-group textarea.error,.form-group select.error{border-color:#dc2626;box-shadow:0 0 0 2px #dc262626}.toggle-wrapper{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.toggle-label{font-size:14px;font-weight:500}.toggle-wrapper input{display:none}.toggle-slider{width:44px;height:24px;background-color:#d1d5db;border-radius:999px;position:relative;transition:background-color .25s ease}.toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:#fff;border-radius:50%;transition:transform .25s ease}.toggle-wrapper input:checked+.toggle-slider{background-color:#22c55e}.toggle-wrapper input:checked+.toggle-slider:before{transform:translate(20px)}.image-preview{margin-top:10px}.image-preview img{max-width:100%;max-height:200px;border-radius:6px;object-fit:cover;border:1px solid #e5e7eb}.datatable{width:100%;background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 8px 24px #0000000a;overflow:hidden}.datatable-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb}.datatable-title{font-size:18px;font-weight:600;color:#111827;cursor:pointer}.datatable-search{padding:8px 12px;font-size:14px;border-radius:8px;border:1px solid #d1d5db;outline:none;width:220px}.datatable-search:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}.datatable-table-wrapper{width:100%;overflow-x:auto}.datatable-table{width:100%;border-collapse:collapse;min-width:100%}.datatable-table thead{background:#f9fafb}.datatable-table th{text-align:left;padding:14px 16px;font-size:13px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.03em;cursor:pointer}.datatable-table td{padding:14px 16px;font-size:14px;color:#374151;border-top:1px solid #e5e7eb;cursor:pointer}.datatable-table tbody tr:hover{background:#f9fafb}.datatable-empty{text-align:center;padding:48px 0;color:#9ca3af;font-size:14px}.datatable-actions{text-align:right;white-space:nowrap}.datatable-table tbody tr:nth-child(odd){background-color:#fff}.datatable-table tbody tr:nth-child(2n){background-color:#f9fafb}.datatable-table tbody tr:hover{background-color:#eef2ff}.datatable-add-btn{margin-left:12px;padding:8px 16px;font-size:14px;font-weight:500;color:#fff;background:#6366f1;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease,transform .1s ease}.datatable-add-btn:hover{background:#4f46e5;box-shadow:0 6px 16px #4f46e540}.datatable-add-btn:active{transform:translateY(1px)}.datatable-add-btn:focus{outline:none;box-shadow:0 0 0 2px #6366f14d}.datatable-actions-cell{display:flex;gap:8px;align-items:center}.datatable-btn{padding:6px 12px;font-size:13px;font-weight:500;border-radius:6px;border:1px solid transparent;cursor:pointer;transition:all .15s ease;background:transparent}.datatable-btn-edit{color:#92400e;border-color:#fde68a;background:#fffbeb}.datatable-btn-edit:hover{background:#fef3c7;box-shadow:0 4px 10px #92400e33}.datatable-btn-delete{color:#dc2626;border-color:#fecaca;background:#fef2f2}.datatable-btn-delete:hover{background:#fee2e2;box-shadow:0 4px 10px #dc262640}.datatable-btn-view{color:#1d4ed8;border-color:#bfdbfe;background:#eff6ff}.datatable-btn-view:hover{background:#dbeafe;box-shadow:0 4px 10px #1d4ed833}.datatable-btn-neutral{color:#374151;border-color:#e5e7eb;background:#f9fafb}.datatable-btn-neutral:hover{background:#f3f4f6;box-shadow:0 4px 10px #6b72802e}.datatable-btn:focus{outline:none;box-shadow:0 0 0 2px #6366f14d}.datatable-filters{display:flex;flex-wrap:wrap;gap:16px;padding:16px 20px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.datatable-filter{display:flex;flex-direction:column;gap:6px;min-width:180px}.datatable-filter label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.04em}.datatable-filter select,.datatable-filter input,.datatable-filter textarea{padding:8px 10px;font-size:14px;border-radius:8px;border:1px solid #d1d5db;background:#fff;color:#111827;outline:none;min-height:38px}.datatable-filter select:focus,.datatable-filter input:focus,.datatable-filter textarea:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}.datatable-filter select[multiple]{min-height:90px;padding:6px}.datatable-filter select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%236b7280' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px}.datatable-filter-clear{justify-content:flex-end;align-self:flex-end}.datatable-clear-btn{padding:8px 16px;font-size:14px;font-weight:500;border-radius:8px;background:#fff;color:#4b5563;border:1px solid #d1d5db;cursor:pointer;min-height:38px;transition:all .2s ease}.datatable-clear-btn:hover{background:#eef2ff;color:#4338ca;border-color:#c7d2fe;box-shadow:0 4px 10px #6366f126}.datatable-clear-btn:active{transform:translateY(1px)}.datatable-clear-btn:focus{outline:none;box-shadow:0 0 0 2px #6366f140}.chapters-page{padding:24px;background:#fafbfd;min-height:100vh}.chapters-page-header{margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e0e4e8}.chapters-page-title{font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 8px;cursor:default}.chapters-page-subtitle{font-size:14px;color:#6b7280;margin:0;line-height:1.5;cursor:default}.chapters-page-subtitle strong{color:#374151;font-weight:600}.chapters-page-content{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.chapters-empty-state{padding:48px 24px;text-align:center}.chapters-empty-state p{font-size:16px;color:#6b7280;margin-bottom:24px}.chapters-list{display:grid;gap:12px;padding:16px}.chapter-item{padding:16px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;transition:all .2s ease;cursor:pointer}.chapter-item:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.chapter-item-header{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:8px}.chapter-item-title{font-size:16px;font-weight:600;color:#1f2937;margin:0}.chapter-item-order{font-size:14px;color:#6b7280;background:#f3f4f6;padding:4px 8px;border-radius:4px;white-space:nowrap}.chapter-item-meta{display:flex;gap:16px;font-size:13px;color:#9ca3af}.chapter-item-status{display:inline-flex;align-items:center;gap:4px}.chapter-item-status.published{color:#10b981}.chapter-item-status.draft{color:#f59e0b}.chapter-item-status.scheduled{color:#3b82f6}@media (max-width: 768px){.chapters-page{padding:16px}.chapters-page-title{font-size:24px}.chapter-item-header{flex-direction:column;gap:8px}.chapter-item-meta{flex-direction:column;gap:4px}}.dashboard-page{display:flex;flex-direction:row}.dashboard-sidebar{background-color:#232e42;height:100vh;width:10vw;padding:8px 8px 8px 24px}.dashboard-items-grp{margin-bottom:32px}.dashboard-items-heading{color:#8a94a6}.dashboard-sidebar-item{color:#fff;cursor:pointer;text-decoration:none;display:flex;align-items:center;gap:10px;padding-bottom:12px}.dashboard-content-wrapper{padding:16px}.dashboard-content{background:#fafbfd;width:90vw}.login-page{min-height:100vh;width:100%;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;font-family:var(--font-sans);padding:1rem}.login-box{width:100%;max-width:400px;padding:2.5rem 2rem;background:var(--surface-primary);border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);color:var(--text-primary);animation:loginFadeIn .4s ease;position:relative;overflow:hidden}.login-box:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--theme-primary),var(--theme-primary-hover))}.login-box .login-title{text-align:center;font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:2rem;position:relative}.login-box form{display:flex;flex-direction:column;gap:1.5rem}.login-box .input-group,.login-box .modal-form-group,.login-box .form-group{display:flex;flex-direction:column}.login-box .input-group label,.login-box .modal-form-group label,.login-box .form-group label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);margin-bottom:.5rem}.login-box .input-group input,.login-box .input-group select,.login-box .modal-form-group input,.login-box .modal-form-group select,.login-box .form-group input,.login-box .form-group select{padding:.875rem 1rem;border:2px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);font-size:var(--text-base);outline:none;transition:all var(--transition-fast);font-family:inherit}.login-box .input-group input:focus,.login-box .input-group select:focus,.login-box .modal-form-group input:focus,.login-box .modal-form-group select:focus,.login-box .form-group input:focus,.login-box .form-group select:focus{border-color:var(--theme-primary);box-shadow:0 0 0 3px #ff53441a}.login-box .input-group input::placeholder,.login-box .modal-form-group input::placeholder,.login-box .form-group input::placeholder{color:var(--text-secondary);opacity:.7}.login-box .react-select .react-select__control{border:2px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);min-height:3.5rem;font-size:var(--text-base);font-family:inherit;transition:all var(--transition-fast)}.login-box .react-select .react-select__control:hover{border-color:var(--border-color-hover)}.login-box .react-select .react-select__control--is-focused{border-color:var(--theme-primary);box-shadow:0 0 0 3px #ff53441a;outline:none}.login-box .react-select .react-select__value-container{padding:.875rem 1rem}.login-box .react-select .react-select__single-value,.login-box .react-select .react-select__placeholder{color:var(--text-primary)}.login-box .react-select .react-select__placeholder{color:var(--text-secondary);opacity:.7}.login-box .react-select .react-select__menu{background:var(--surface-primary);border:2px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);z-index:9999}.login-box .react-select .react-select__option{padding:.75rem 1rem;cursor:pointer;color:var(--text-primary);background:var(--surface-primary)}.login-box .react-select .react-select__option--is-selected{background:var(--theme-primary);color:#fff}.login-box .react-select .react-select__option--is-focused{background:var(--surface-hover)}.login-box .react-select .react-select__indicator-separator{display:none}.login-box .react-select .react-select__clear-indicator,.login-box .react-select .react-select__dropdown-indicator{color:var(--text-secondary);padding:.5rem}.login-box .react-select .react-select__clear-indicator:hover,.login-box .react-select .react-select__dropdown-indicator:hover{color:var(--text-primary)}.login-box .react-select.error .react-select__control{border-color:var(--error-color)}.login-box button[type=submit]{padding:.875rem 1.5rem;border:none;border-radius:var(--radius-sm);background:var(--theme-primary);color:#fff;font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);margin-top:.5rem;position:relative;overflow:hidden}.login-box button[type=submit]:hover{background:var(--theme-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.login-box button[type=submit]:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.login-box button[type=submit]:focus{outline:2px solid var(--theme-primary);outline-offset:2px}.login-box .toggle-auth{margin-top:2rem;text-align:center;font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal)}.login-box .toggle-auth button{background:none;border:none;color:var(--theme-primary);font-weight:var(--font-medium);cursor:pointer;margin-left:.25rem;font-size:inherit;transition:all var(--transition-fast);text-decoration:underline;text-decoration-color:transparent}.login-box .toggle-auth button:hover{color:var(--theme-primary-hover);text-decoration-color:var(--theme-primary-hover)}@keyframes loginFadeIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 480px){.login-box{margin:1rem;padding:2rem 1.5rem}.login-box .login-title{font-size:var(--text-xl);margin-bottom:1.5rem}.login-box form{gap:1.25rem}}.settings-page{padding:2rem;max-width:800px;margin:0 auto}.settings-container{background:var(--surface-primary);border-radius:var(--radius-md);padding:2rem;border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.settings-container h1{color:var(--text-primary);margin-bottom:1rem;font-size:var(--text-3xl);font-weight:var(--font-bold)}.settings-container p{color:var(--text-secondary);font-size:var(--text-base)}.banner-carousel{width:100%;overflow:hidden;position:relative;box-sizing:border-box;padding:0 8px}.banner-carousel__track{display:flex;will-change:transform;transition:transform .6s ease-in-out}.banner-carousel__slide{flex:0 0 auto;width:850px;height:370px;margin:4px}.banner-carousel__link{width:100%;height:100%;display:block;overflow:hidden;border-radius:8px}.banner-carousel__img{width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none}@media (min-width: 1025px){.banner-carousel{padding-inline:22vw}}@media (max-width: 1024px) and (min-width: 769px){.banner-carousel{padding-inline:30vw}}@media (max-width: 768px){.banner-carousel{padding:0}.banner-carousel__slide{width:355px;height:210px}}.novel-list-rank{display:flex;flex-direction:column;cursor:pointer;margin-bottom:24px}.novel-list-rank-content{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}@media (min-width: 1024px){.novel-list-rank-content{justify-content:space-between}}.novel-list-rank-col{flex:0 0 auto}@media (max-width: 1024px){.novel-list-rank-col{scroll-snap-align:start}}@media (min-width: 1024px){.novel-list-rank-content .novel-list-rank-col:nth-child(3){display:none}.novel-list-rank-col{width:50%}}.novel-list-rank-item{display:flex;flex-direction:row;text-decoration:none;margin:4px;align-items:center}.novel-list-rank-cover{width:60px;aspect-ratio:5 / 7;border-radius:8px;overflow:hidden;margin-right:16px;flex-shrink:0}.novel-list-rank-number{font-size:24px;font-weight:600;margin-right:16px}.novel-list-rank-item-meta{display:flex;flex-direction:row}.novel-list-rank-novel-title{font-weight:600}@media (min-width: 768px){.novel-list-rank-cover{width:90px;margin-right:32px}.novel-list-rank-number{margin-right:32px}}@media (min-width: 1024px){.novel-list-rank-cover{width:120px;margin-right:28px}.novel-list-rank-number{margin-right:28px}}.novel-list-content{display:flex;flex-direction:row;gap:16px;margin-bottom:24px;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.novel-list-item{flex:0 0 auto}.novel-list-item-cover-wrapper{position:relative;width:120px;aspect-ratio:2 / 3;border-radius:12px;overflow:hidden}.novel-list-item-cover{width:100%;height:100%;object-fit:cover;display:block}.novel-list-item-title{position:absolute;bottom:0;left:0;width:100%;padding:8px 10px;box-sizing:border-box;font-size:13px;font-weight:700;color:#fff;background:linear-gradient(to top,#000c,#0000);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}@media (min-width: 768px){.novel-list-item-cover-wrapper{width:160px}.novel-list-item-title{font-size:14px;padding:10px 12px}}@media (min-width: 1024px){.novel-list-content{overflow:hidden}.novel-list-item{flex:1 1 0}.novel-list-item-cover-wrapper{width:100%;max-width:240px}.novel-list-item:nth-child(n+7){display:none}}.library-container{max-width:1000px;margin:0 auto;padding:2rem;background-color:var(--bg-primary);min-height:70vh}.library-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.library-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:1rem}.library-stats{display:flex;gap:1rem;flex-wrap:wrap;font-size:var(--text-sm);color:var(--text-secondary)}.library-stats p{margin:0;padding:.25rem .75rem;background-color:var(--surface-primary);border-radius:var(--radius-sm);border:1px solid var(--border-color)}.library-loading,.library-error,.library-empty{text-align:center;padding:3rem;color:var(--text-secondary)}.library-error h2{color:var(--error-color);margin-bottom:1rem}.library-content{width:100%}.library-items{display:flex;flex-direction:column;gap:1rem}.library-item{background-color:var(--surface-primary);border-radius:var(--radius-md);padding:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:var(--transition-fast)}.library-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.library-item-content{width:100%}.library-item-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 .5rem}.library-item-status{font-size:var(--text-base);color:var(--theme-primary);font-weight:var(--font-medium);margin:0 0 .25rem}.library-item-type{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 .25rem}.library-item-added{font-size:var(--text-sm);color:var(--text-secondary);font-style:italic;margin:0 0 .5rem}.library-item-description{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}@media (max-width: 768px){.library-container{padding:1rem}.library-stats{flex-direction:column;gap:.5rem}.library-item{padding:1rem}.library-item-title{font-size:var(--text-lg)}}.notfound-container{display:flex;justify-content:center;align-items:center;min-height:70vh;padding:2rem;background-color:var(--bg-primary)}.notfound-content{text-align:center;max-width:500px}.notfound-title{font-size:var(--text-5xl);font-weight:var(--font-bold);color:var(--theme-primary);margin-bottom:1rem;animation:fadeIn .5s ease-in}.notfound-subtitle{font-size:var(--text-3xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:1rem}.notfound-message{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:2rem;line-height:var(--leading-relaxed)}.notfound-link{display:inline-block;padding:12px 24px;background-color:var(--theme-primary);color:#fff;text-decoration:none;border-radius:var(--radius-sm);font-weight:var(--font-medium);transition:var(--transition-fast);box-shadow:var(--shadow-md)}.notfound-link:hover{background-color:var(--theme-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reports-page{padding:10px;max-width:1200px;margin:0 auto}@media (min-width: 768px){.reports-page{padding:15px}}@media (min-width: 1024px){.reports-page{padding:20px}}.reports-container{background:var(--surface-primary);border-radius:8px;box-shadow:var(--shadow-md);padding:15px;border:1px solid var(--border-color)}@media (min-width: 768px){.reports-container{padding:20px}}@media (min-width: 1024px){.reports-container{padding:30px}}.reports-header{display:flex;align-items:center;margin-bottom:20px;border-bottom:1px solid var(--border-color);padding-bottom:15px;gap:10px}@media (min-width: 768px){.reports-header{margin-bottom:30px;padding-bottom:20px;gap:0}}.reports-header h1{margin:0;color:var(--text-primary);font-size:1.1rem;flex:1;min-width:0}@media (min-width: 768px){.reports-header h1{font-size:1.6rem}}@media (min-width: 1024px){.reports-header h1{font-size:2rem}}.create-ticket-btn{background:var(--theme-primary);color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;font-weight:500;font-size:.8rem;transition:background-color var(--transition-fast);flex-shrink:0;white-space:nowrap;margin-left:auto}@media (min-width: 768px){.create-ticket-btn{padding:12px 24px;font-size:1rem;margin-left:auto}}.create-ticket-btn:hover{background:var(--theme-primary-hover)}.error-message{background:#fee;color:#c0392b;padding:15px;border-radius:6px;margin-bottom:20px;border:1px solid #e74c3c}.tickets-list{display:flex;flex-direction:column;gap:6px}@media (min-width: 768px){.tickets-list{gap:8px}}@media (min-width: 1024px){.tickets-list{gap:10px}}.report-item-card{background:var(--surface-primary);border:1px solid var(--border-color);border-radius:6px;padding:8px;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);margin-bottom:8px}@media (min-width: 768px){.report-item-card{padding:10px;border-radius:8px;margin-bottom:10px}}@media (min-width: 1024px){.report-item-card{padding:12px;margin-bottom:12px}}.report-item-card:hover{box-shadow:var(--shadow-md);border-color:var(--theme-primary)}.report-item-header{display:flex;flex-direction:column;gap:6px;align-items:flex-start;margin-bottom:6px}@media (min-width: 768px){.report-item-header{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:0;margin-bottom:8px}}@media (min-width: 1024px){.report-item-header{margin-bottom:10px}}.report-item-title{margin:0;color:var(--text-primary);font-size:.9rem;flex:1;line-height:1.2}@media (min-width: 768px){.report-item-title{font-size:.95rem}}@media (min-width: 1024px){.report-item-title{font-size:1rem;margin-right:15px}}.report-item-meta{display:flex;gap:6px;flex-shrink:0}@media (min-width: 768px){.report-item-meta{gap:8px}}.report-item-details{display:flex;flex-wrap:wrap;gap:8px;font-size:.75rem;color:var(--text-secondary);margin-bottom:4px}@media (min-width: 768px){.report-item-details{gap:10px;font-size:.8rem;margin-bottom:6px}}@media (min-width: 1024px){.report-item-details{gap:12px;font-size:.85rem}}.report-item-category{font-weight:500;color:var(--text-primary)}.report-item-date,.report-item-last-activity{color:var(--text-secondary)}.report-item-messages-count{font-size:.7rem;color:var(--text-secondary);font-style:italic;margin-top:2px}@media (min-width: 768px){.report-item-messages-count{font-size:.75rem}}.ticket-page{padding:8px;max-width:1000px;margin:0 auto}@media (min-width: 768px){.ticket-page{padding:12px}}@media (min-width: 1024px){.ticket-page{padding:20px}}@media (max-width: 767px){.ticket-page{padding:5px}}.ticket-container{background:var(--surface-primary);border-radius:16px;box-shadow:var(--shadow-lg);overflow:hidden;border:1px solid var(--border-color);transition:all var(--transition-fast)}.ticket-container:hover{box-shadow:var(--shadow-xl)}.back-btn{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);padding:5px 10px;border-radius:4px;cursor:pointer;font-size:.75rem;margin-bottom:15px;transition:all var(--transition-fast);align-self:flex-start}@media (min-width: 768px){.back-btn{padding:7px 14px;font-size:.85rem;margin-bottom:20px}}@media (min-width: 1024px){.back-btn{padding:8px 16px;font-size:.9rem}}@media (max-width: 767px){.back-btn{padding:4px 8px;font-size:.7rem;margin-bottom:10px}}.back-btn:hover{background:var(--theme-primary);color:#fff;border-color:var(--theme-primary)}.error-message{text-align:center;padding:30px 15px}@media (min-width: 768px){.error-message{padding:40px 20px}}@media (min-width: 1024px){.error-message{padding:60px 20px}}.error-message h2{color:var(--error-color);margin-bottom:10px;font-size:1.2rem}@media (min-width: 768px){.error-message h2{margin-bottom:15px;font-size:1.4rem}}.error-message p{color:var(--text-secondary);margin-bottom:15px;font-size:.9rem}@media (min-width: 768px){.error-message p{margin-bottom:20px;font-size:1rem}}.loading{text-align:center;padding:30px 15px;color:var(--text-secondary);font-size:.9rem}@media (min-width: 768px){.loading{padding:40px 20px;font-size:1rem}}@media (min-width: 1024px){.loading{padding:60px 20px;font-size:1.1rem}}.ticket-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:0;min-width:0}@media (min-width: 768px){.ticket-meta{gap:10px}}@media (max-width: 767px){.ticket-meta{gap:6px}}.status-badge,.priority-badge,.category-badge{padding:5px 10px;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:uppercase;cursor:default}@media (min-width: 768px){.status-badge,.priority-badge,.category-badge{padding:6px 12px;font-size:.8rem}}@media (max-width: 767px){.status-badge,.priority-badge,.category-badge{padding:4px 8px;font-size:.7rem}}.category-badge{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:1px solid #1e40af;box-shadow:0 2px 4px #3b82f633}.status-open{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.status-in-progress{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.status-closed{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.status-default{background:var(--bg-secondary);color:var(--text-secondary)}.priority-low{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff}.priority-medium{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.priority-high{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.priority-urgent{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.priority-default{background:var(--bg-secondary);color:var(--text-secondary)}.ticket-header{padding:12px;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,var(--bg-secondary),var(--surface-primary));display:flex;flex-direction:column;gap:12px}@media (min-width: 768px){.ticket-header{padding:18px;gap:18px}}@media (min-width: 1024px){.ticket-header{padding:30px;gap:25px}}@media (max-width: 767px){.ticket-header{padding:8px;gap:8px}}.ticket-content-section{display:flex;flex-direction:column;gap:12px;flex:1}@media (min-width: 768px){.ticket-content-section{gap:18px}}@media (min-width: 1024px){.ticket-content-section{gap:25px}}@media (max-width: 767px){.ticket-content-section{gap:8px}}.ticket-details-section{display:flex;flex-direction:row;gap:10px;align-items:flex-start;flex-wrap:wrap;width:100%}@media (min-width: 768px){.ticket-details-section{gap:18px}}@media (max-width: 767px){.ticket-details-section{gap:8px;flex-direction:column}}.ticket-title-section{margin-top:8px}@media (min-width: 768px){.ticket-title-section{margin-top:12px}}@media (min-width: 1024px){.ticket-title-section{margin-top:15px}}@media (max-width: 767px){.ticket-title-section{margin-top:6px}}.ticket-title-section h1{margin:0;color:var(--text-primary);font-size:1.2rem}@media (min-width: 768px){.ticket-title-section h1{font-size:1.4rem}}@media (min-width: 1024px){.ticket-title-section h1{font-size:1.7rem}}@media (max-width: 767px){.ticket-title-section h1{font-size:1.1rem}}.message-item{border:1px solid var(--border-color);border-radius:12px;padding:12px;margin-bottom:12px;background:var(--surface-primary);max-width:80%;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.message-item:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}@media (min-width: 768px){.message-item{padding:15px;margin-bottom:15px;max-width:75%}}@media (min-width: 1024px){.message-item{padding:20px;max-width:70%}}@media (max-width: 767px){.message-item{padding:10px;margin-bottom:10px;max-width:85%;font-size:.9rem}}.message-item:last-child{margin-bottom:0}.own-message{margin-left:auto;background:linear-gradient(135deg,var(--theme-primary),var(--theme-primary-hover));border:1px solid var(--theme-primary);box-shadow:var(--shadow-sm)}.own-message .message-body{color:var(--text-primary)}.own-message .sender-name,.own-message .message-time{color:var(--text-secondary)}.other-message{margin-right:auto;background:var(--surface-primary);border:1px solid var(--border-color)}.message-header{display:flex;flex-direction:column;gap:8px;align-items:flex-start;margin-bottom:10px}@media (min-width: 768px){.message-header{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:12px}}.sender-info{display:flex;flex-direction:column;gap:2px}.sender-name{font-weight:600;color:var(--text-primary);font-size:.9rem}@media (min-width: 768px){.sender-name{font-size:1rem}}.message-time{font-size:.8rem;color:var(--text-secondary)}@media (min-width: 768px){.message-time{font-size:.85rem}}.message-body{color:var(--text-primary);line-height:1.5;white-space:pre-wrap}.message-form{border-top:1px solid var(--border-color);padding-top:12px}@media (min-width: 768px){.message-form{padding-top:18px}}@media (min-width: 1024px){.message-form{padding-top:25px}}@media (max-width: 767px){.message-form{padding-top:10px}}.message-form h3{margin-top:0;margin-bottom:15px;color:var(--text-primary);font-size:1.1rem}@media (min-width: 768px){.message-form h3{margin-bottom:20px;font-size:1.2rem}}.message-form .form-group{margin-bottom:15px}@media (min-width: 768px){.message-form .form-group{margin-bottom:20px}}.message-form textarea{width:100%;max-width:100%;box-sizing:border-box;padding:10px;border:2px solid var(--border-color);border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;min-height:80px;transition:all var(--transition-fast);background:var(--surface-primary);color:var(--text-primary)}.message-form textarea:focus{outline:none;border-color:var(--theme-primary);box-shadow:0 0 0 3px #ff34441a}@media (min-width: 768px){.message-form textarea{padding:12px;min-height:100px}}@media (max-width: 767px){.message-form textarea{padding:8px;font-size:13px;min-height:70px}}.message-form .form-actions{display:flex;flex-direction:column;gap:10px}@media (min-width: 768px){.message-form .form-actions{flex-direction:row;justify-content:flex-end}}.send-btn{background:linear-gradient(135deg,var(--theme-primary),var(--theme-primary-hover));color:#fff;border:none;padding:10px 16px;border-radius:8px;cursor:pointer;font-weight:500;font-size:.9rem;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.send-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--theme-primary-hover),var(--theme-primary-active));box-shadow:var(--shadow-md);transform:translateY(-1px)}@media (min-width: 768px){.send-btn{padding:12px 24px;font-size:1rem}}.send-btn:disabled{background:var(--bg-secondary);color:var(--text-secondary);cursor:not-allowed;border:1px solid var(--border-color)}.messages-section{padding:12px}@media (min-width: 768px){.messages-section{padding:18px}}@media (min-width: 1024px){.messages-section{padding:30px}}@media (max-width: 767px){.messages-section{padding:8px}}.messages-section h2{margin-top:0;margin-bottom:12px;color:var(--text-primary);font-size:1rem}@media (min-width: 768px){.messages-section h2{margin-bottom:18px;font-size:1.15rem}}@media (min-width: 1024px){.messages-section h2{margin-bottom:25px;font-size:1.3rem}}@media (max-width: 767px){.messages-section h2{margin-bottom:10px;font-size:.95rem}}.messages-list{margin-bottom:20px}@media (min-width: 768px){.messages-list{margin-bottom:25px}}@media (min-width: 1024px){.messages-list{margin-bottom:30px}}.no-messages{padding:40px 20px}.ticket-closed-notice{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;padding:12px;border-radius:6px;border:1px solid #f59e0b;text-align:center;font-size:.9rem}:root[data-theme=dark] .ticket-closed-notice{background:linear-gradient(135deg,#451a03,#78350f);color:#fed7aa;border-color:#d97706}@media (min-width: 768px){.ticket-closed-notice{padding:15px;font-size:1rem}}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:1000;min-width:300px;max-width:500px;padding:12px 16px;border-radius:8px;box-shadow:var(--shadow-lg);animation:slideUp .3s ease-out;border:1px solid var(--border-color)}.toast-success{background-color:#28a745;color:#fff;border-color:#218838}.toast-error{background-color:#dc3545;color:#fff;border-color:#c82333}.toast-info{background-color:#007bff;color:#fff;border-color:#0056b3}.toast-content{display:flex;align-items:center;justify-content:center}.toast-message{font-size:14px;font-weight:500;text-align:center;color:var(--text-primary)}@keyframes slideUp{0%{transform:translate(-50%) translateY(100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.toast.fade-out{animation:fadeOut .3s ease-out forwards}@keyframes fadeOut{0%{transform:translate(-50%) translateY(0);opacity:1}to{transform:translate(-50%) translateY(100%);opacity:0}}.confirmation-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease-out}.confirmation-modal{background:var(--surface-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);max-width:400px;width:90%;border:1px solid var(--border-color);animation:slideIn .2s ease-out}.confirmation-modal-header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--border-color)}.confirmation-modal-title{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);text-align:center}.confirmation-modal-body{padding:1.5rem}.confirmation-modal-message{margin:0;font-size:var(--text-base);color:var(--text-primary);text-align:center;line-height:var(--leading-relaxed)}.confirmation-modal-footer{padding:1rem 1.5rem 1.5rem;display:flex;gap:1rem;justify-content:center}.confirmation-modal-btn{padding:.75rem 1.5rem;border:2px solid transparent;border-radius:var(--radius-sm);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:all .2s ease;min-width:100px}.confirmation-modal-btn-cancel{background:var(--bg-secondary);color:var(--text-secondary);border-color:var(--border-color)}.confirmation-modal-btn-cancel:hover{background:var(--border-color);transform:translateY(-1px)}.confirmation-modal-btn-confirm{color:#fff;font-weight:var(--font-semibold)}.confirmation-modal-btn-warning{background:var(--error-color);border-color:var(--error-color)}.confirmation-modal-btn-warning:hover{background:var(--error-color);filter:brightness(.9);transform:translateY(-1px);box-shadow:var(--shadow-md)}.confirmation-modal-btn-danger{background:#dc3545;border-color:#dc3545}.confirmation-modal-btn-danger:hover{background:#dc3545;filter:brightness(.9);transform:translateY(-1px);box-shadow:var(--shadow-md)}.confirmation-modal-btn-success{background:#28a745;border-color:#28a745}.confirmation-modal-btn-success:hover{background:#28a745;filter:brightness(.9);transform:translateY(-1px);box-shadow:var(--shadow-md)}@media (max-width: 480px){.confirmation-modal{margin:1rem;width:calc(100% - 2rem)}.confirmation-modal-header{padding:1.25rem 1.25rem .875rem}.confirmation-modal-body{padding:1.25rem}.confirmation-modal-footer{padding:.875rem 1.25rem 1.25rem;flex-direction:column}.confirmation-modal-btn{width:100%}}.selector-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease-out}.selector-modal{background:var(--surface-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);max-width:500px;width:90%;border:1px solid var(--border-color);animation:slideIn .2s ease-out}.selector-modal-header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--border-color)}.selector-modal-title{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);text-align:center}.selector-modal-body{padding:1.5rem}.selector-options-grid{display:grid;grid-template-columns:1fr;gap:.75rem}.selector-option-card{padding:1rem;border:2px solid var(--border-color);border-radius:var(--radius-sm);background:var(--surface-primary);cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;text-align:left}.selector-option-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.selector-option-card.selected{border-color:var(--theme-primary);background:var(--bg-secondary);box-shadow:var(--shadow-md)}.selector-option-content{display:flex;align-items:center;justify-content:space-between;width:100%}.selector-option-label{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary)}.status-option-content{display:flex;align-items:center;gap:.75rem;flex:1}.status-color-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.status-label{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary)}.selector-modal-footer{padding:1rem 1.5rem 1.5rem;display:flex;gap:1rem;justify-content:center;border-top:1px solid var(--border-color)}.selector-modal-btn{padding:.75rem 1.5rem;border:2px solid transparent;border-radius:var(--radius-sm);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:all .2s ease;min-width:120px}.selector-modal-btn-cancel{background:var(--bg-secondary);color:var(--text-secondary);border-color:var(--border-color)}.selector-modal-btn-cancel:hover{background:var(--border-color);transform:translateY(-1px)}.selector-modal-btn-confirm{background:var(--theme-primary);color:#fff;border-color:var(--theme-primary)}.selector-modal-btn-confirm:hover{background:var(--theme-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.selector-modal-btn-primary{background:var(--theme-primary);color:#fff;border-color:var(--theme-primary)}.selector-modal-btn-primary:hover{background:var(--theme-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.remove-btn{background:var(--error-color);color:#fff;border-color:var(--error-color)}.remove-btn:hover{background:var(--error-color-hover, #dc2626);transform:translateY(-1px);box-shadow:var(--shadow-md)}.add-btn,.update-btn{background:var(--success-color, #10b981);color:#fff;border-color:var(--success-color, #10b981)}.add-btn:hover,.update-btn:hover{background:var(--success-color-hover, #059669);transform:translateY(-1px);box-shadow:var(--shadow-md)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:scale(.9) translateY(-20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@media (max-width: 480px){.selector-modal{margin:1rem;width:calc(100% - 2rem)}.selector-modal-header{padding:1.25rem 1.25rem .875rem}.selector-modal-body{padding:1.25rem}.selector-modal-footer{padding:.875rem 1.25rem 1.25rem;flex-direction:column}.selector-modal-btn{width:100%}.selector-options-grid{gap:.5rem}.selector-option-card{padding:.875rem}}.create-ticket-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;box-sizing:border-box}.create-ticket-modal{background:var(--surface-primary);border-radius:8px;box-shadow:var(--shadow-lg);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;border:1px solid var(--border-color);box-sizing:border-box;margin:auto}@media (max-width: 600px){.create-ticket-modal{width:100%}}.create-ticket-modal-header{padding:20px 20px 15px;border-bottom:1px solid var(--border-color)}.create-ticket-modal-title{margin:0;color:var(--text-primary);font-size:1.25rem;font-weight:600}.create-ticket-modal-body{padding:20px}.modal-form-group{margin-bottom:20px}.modal-form-group label{display:block;margin-bottom:5px;font-weight:500;color:var(--text-primary)}.modal-form-group input,.modal-form-group select,.modal-form-group textarea{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:14px;transition:border-color var(--transition-fast);background:var(--surface-primary);color:var(--text-primary);box-sizing:border-box}.modal-form-group input:focus,.modal-form-group select:focus,.modal-form-group textarea:focus{outline:none;border-color:var(--theme-primary)}.form-actions{display:flex;flex-direction:column;gap:10px;margin-top:20px}@media (min-width: 480px){.form-actions{flex-direction:row;justify-content:flex-end}}.submit-btn,.cancel-btn{padding:10px 16px;border:none;border-radius:4px;cursor:pointer;font-weight:500;font-size:.9rem;transition:background-color var(--transition-fast)}.submit-btn{background:#27ae60;color:#fff}.submit-btn:hover{background:#229954}.cancel-btn{background:#95a5a6;color:#fff}.cancel-btn:hover{background:#7f8c8d}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000059;z-index:9999;display:flex;align-items:center;justify-content:center}.modal-close-x{position:absolute;top:16px;right:16px;background:transparent;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;z-index:2;padding:0;transition:color .18s}.modal-close-x:hover{color:var(--theme-primary)}.payment-gateways-modal{background:var(--surface-primary);color:var(--text-primary);border-radius:16px;box-shadow:var(--shadow-lg);padding:2rem 1.5rem 1.5rem;max-width:480px;min-width:320px;width:100%;margin:0 auto;position:relative;text-align:center;border:1px solid var(--border-color);transition:background var(--transition-fast),color var(--transition-fast),max-width .3s cubic-bezier(.4,2,.6,1),max-height .3s cubic-bezier(.4,2,.6,1);max-height:90vh;min-height:200px;overflow-y:auto;cursor:default}@media (max-width: 600px){.payment-gateways-modal{border-radius:10px;max-width:98vw;min-width:0;width:100%;height:auto;min-height:0;padding:1rem}}.payment-gateways-modal h2{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--theme-primary)}.gateway-block{margin-bottom:1.5rem;background:var(--bg-secondary);border-radius:10px;padding:1rem .5rem;transition:background var(--transition-fast)}.gateway-block h3{font-size:1.1rem;font-weight:600;margin-bottom:.7rem;color:var(--theme-primary);text-align:left}.gateway-heading{font-size:1.25rem;font-weight:700;color:#003087;letter-spacing:.02em;text-align:left;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem;text-shadow:0 1px 4px rgba(0,48,135,.08);background:linear-gradient(90deg,#ffc439,#fffbe6);border-radius:8px;padding:.5rem 1rem;box-shadow:0 2px 8px #00308712;text-decoration:none;-webkit-user-select:none;user-select:none;cursor:pointer}.gateway-badge{font-size:.9rem;font-weight:400;color:#666;margin-left:8px;background:#fffbe6;border-radius:6px;padding:.1rem .6rem;border:1px solid #ffc439;box-shadow:0 1px 2px #00000008}.gateway-options{display:flex;flex-direction:column;gap:.5rem;align-items:stretch}.gateway-options iframe:focus,.gateway-options iframe:active,.gateway-options button:focus,.gateway-options button:active{outline:none!important;box-shadow:none!important}.gateway-option-btn{background:var(--theme-primary);color:#fff;border:none;border-radius:2rem;padding:.7rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #6366f11a;transition:background .18s,transform .18s;display:flex;align-items:center;justify-content:center;width:100%;min-width:180px;max-width:100%;box-sizing:border-box}.gateway-option-btn.paypal-btn{background:#ffc439;color:#003087;border:1.5px solid #003087;box-shadow:0 2px 8px #0030871a}.gateway-option-btn.paypal-btn:hover{background:#ffb800;color:#003087}.gateway-option-btn:hover{background:var(--theme-primary-hover);transform:scale(1.04)}.close-modal-btn{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:1.5rem;padding:.6rem 1.5rem;font-size:1rem;font-weight:500;margin-top:1.2rem;cursor:pointer;transition:background .18s,color .18s}.close-modal-btn:hover{background:var(--theme-primary);color:#fff}.selected-plan-info{margin-bottom:1.2rem;background:var(--bg-secondary);border-radius:8px;padding:.7rem .5rem;color:var(--text-primary);font-size:1.05rem}.selected-plan-info .plan-name{font-weight:600;margin-bottom:.2rem}.selected-plan-info .plan-price{font-size:1.1rem;color:var(--theme-primary);text-align:center;width:100%;display:block}.header{background:var(--theme-primary);color:#fff}.header-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:0 auto;padding-block:clamp(4px,.8vw,12px);padding-inline:clamp(8px,3vw,20px);gap:20px}.logo{font-size:var(--text-lg);font-weight:var(--font-bold);white-space:nowrap}.header-left{flex-shrink:0}.header-right{flex-shrink:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.search-trigger{display:flex}.search-section{min-width:0}.mobile-search{display:none;padding:8px clamp(8px,3vw,20px);background:var(--theme-primary)}@media (max-width: 767px){.mobile-search{display:flex;justify-content:center;padding:8px 4px}.mobile-search .search-input{width:95vw}.search-section{display:none}.header-right{gap:1px}}.header-nav{display:flex;justify-content:flex-start;gap:12px;padding:0 clamp(8px,3vw,20px);overflow-x:auto;scrollbar-width:none;background:var(--theme-primary)}.header-nav::-webkit-scrollbar{display:none}.nav-tab{position:relative;font-size:var(--text-sm);font-weight:var(--font-medium);opacity:.85;cursor:pointer;white-space:nowrap;text-decoration:none;color:inherit;padding:8px 12px}.nav-tab:hover{opacity:1}.nav-tab.active{opacity:1;font-weight:var(--font-semibold)}.nav-tab:first-child{padding-left:0}.tab{position:relative;font-size:var(--text-sm);font-weight:var(--font-medium);opacity:.85;cursor:pointer;white-space:nowrap;text-decoration:none;color:inherit}.tab:hover{opacity:1}.tab.active{opacity:1;font-weight:var(--font-semibold)}.tab.active:after{content:"";position:absolute;left:0;bottom:-10px;width:100%;height:3px;background:#fff;border-radius:3px}.icon-btn{background:#ffffff2e;border:none;border-radius:50%;padding:8px;cursor:pointer;font-size:var(--text-sm);transition:background var(--transition-fast);text-decoration:none;color:inherit;display:inline-flex;align-items:center;justify-content:center}.icon-btn:hover{background:#ffffff47}.link-btn{display:none}.primary-btn{background:#fff;color:var(--theme-primary);padding:6px 14px;border-radius:999px;font-size:var(--text-sm);font-weight:var(--font-semibold);text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast)}.profile-btn{background:#ffffff2e;color:#fff;border:none;padding:6px 14px;border-radius:999px;font-size:var(--text-sm);cursor:pointer;transition:background var(--transition-fast)}.profile-btn:hover{background:#ffffff47}.search-input{background:#ffffff2e;border:none;border-radius:20px;padding:6px 12px;color:#fff;font-size:var(--text-sm);width:200px;transition:background .2s;outline:none}.search-input::placeholder{color:#ffffffb3}.search-input:focus{background:#ffffff47}@media (min-width: 768px) and (max-width: 1023px){.header-right{gap:4px}}@media (min-width: 768px){.search-trigger.expanded{display:none}.header-nav{flex-wrap:wrap;gap:20px}.nav-tab{font-size:var(--text-sm);padding:10px 16px}.link-btn{display:inline-block;color:#fff;font-size:var(--text-sm);font-weight:var(--font-medium);text-decoration:none}}@media (min-width: 1024px){.header-inner{max-width:1260px}.header-nav{max-width:1260px;margin:0 auto}.logo{font-size:var(--text-xl)}.primary-btn,.profile-btn{font-size:var(--text-sm);padding:8px 18px}}.user-menu-container{position:relative}.user-menu{position:absolute;top:100%;right:0;background:#fff;color:#000;border-radius:8px;box-shadow:0 4px 12px #00000026;width:fit-content;z-index:1500;overflow:hidden}.user-menu-item{display:block;padding:12px 16px;text-decoration:none;color:#000;font-size:var(--text-sm);font-weight:var(--font-medium);border:none;background:none;width:100%;text-align:left;cursor:pointer;transition:background var(--transition-fast)}.user-menu-item:hover{background:#ffffff1a}.user-menu-item:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.user-profile-pic{width:70px;height:70px;border-radius:50%;margin-bottom:8px;margin-top:-50px;position:relative;z-index:15}.user-menu-link{padding:8px 16px;background:var(--theme-primary);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);text-decoration:none;transition:background var(--transition-fast)}.user-menu-link:hover{background:var(--theme-primary-hover)}.user-menu-banner{min-height:100px;background:linear-gradient(135deg,#ff5344cc,#ff53444d);position:relative;z-index:1}.user-menu-close{position:absolute;top:10px;right:10px;background:none;border:none;color:#fff;cursor:pointer;padding:5px;border-radius:50%;transition:background var(--transition-fast)}.user-menu-close:hover{background:#fff3}.user-menu-close svg{font-size:16px}@media (max-width: 767px){.user-menu-close svg{font-size:24px}}@media (min-width: 768px) and (max-width: 1023px){.user-menu-close svg{font-size:20px}}@media (min-width: 1024px){.user-menu-close svg{font-size:16px}}.user-menu-content{display:flex;flex-direction:column;align-items:center;padding:16px;margin-top:-40px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#000;position:relative;z-index:10;margin-left:10px;margin-right:10px}.user-menu-header{display:flex;gap:8px;justify-content:center;margin-bottom:16px}.user-menu-body{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px}.user-menu-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80px;height:60px;background:none;border-radius:8px;text-decoration:none;color:var(--theme-primary);transition:background var(--transition-fast);padding:4px;gap:4px;position:relative;z-index:5}.user-menu-icon:hover{background:#ff53441a}.user-menu-icon svg{font-size:20px;flex-shrink:0}.user-menu-icon p{font-size:10px;text-align:center;color:#000;margin:0}:root[data-theme=dark] .user-menu-content{background:#1a1a1a;color:#fff}:root[data-theme=dark] .user-menu-link{background:var(--theme-primary);color:#fff}:root[data-theme=dark] .user-menu-link:hover{background:var(--theme-primary-hover)}:root[data-theme=dark] .user-menu-icon{color:var(--theme-primary)}:root[data-theme=dark] .user-menu-icon p{color:#fff}@media (max-width: 767px){.user-menu{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:2500;border-radius:0}.user-menu-content{height:100%;overflow-y:auto;margin-top:-100px;overflow-x:hidden}.user-menu-banner{min-height:180px;position:relative;z-index:1}.user-menu-body{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%}.user-menu-icon{width:auto;height:90px;min-width:0}.user-menu-icon svg{font-size:32px}.user-menu-icon p{font-size:12px}.user-profile-pic{width:100px;height:100px}}@media (min-width: 768px){.user-menu{min-width:280px}}@media (min-width: 1024px){.user-menu{min-width:350px}}:root[data-theme=light] .novel-page{--novel-bg: radial-gradient(1200px 300px at 10% -10%, rgba(255, 165, 102, .16), transparent 60%), radial-gradient(900px 260px at 85% 0%, rgba(99, 102, 241, .14), transparent 55%);--novel-surface: var(--bg-primary);--novel-surface-glow: linear-gradient(180deg, rgba(255, 255, 255, .95) 0%, rgba(248, 249, 252, .98) 100%);--novel-text: var(--text-primary);--novel-muted: var(--text-secondary);--novel-accent: var(--theme-primary);--novel-border: rgba(15, 23, 42, .08);--novel-shadow: 0 18px 40px rgba(15, 23, 42, .15);--novel-cover-overlay: linear-gradient(180deg, rgba(15, 23, 42, .08) 0%, rgba(15, 23, 42, .35) 100%);--novel-tag-bg: linear-gradient(180deg, rgba(255, 83, 68, .12) 0%, rgba(255, 83, 68, .2) 100%);--novel-tag-text: #7f1d1d;--novel-tag-border: rgba(255, 83, 68, .28);--novel-tag-shadow: 0 8px 18px rgba(255, 83, 68, .18);--novel-tag-hover: linear-gradient(180deg, rgba(255, 83, 68, .2) 0%, rgba(255, 83, 68, .3) 100%);--novel-status-ongoing-bg: rgba(34, 197, 94, .18);--novel-status-ongoing-text: #14532d;--novel-status-ongoing-border: rgba(34, 197, 94, .4);--novel-status-completed-bg: rgba(59, 130, 246, .18);--novel-status-completed-text: #1e3a8a;--novel-status-completed-border: rgba(59, 130, 246, .4);--novel-status-dropped-bg: rgba(239, 68, 68, .18);--novel-status-dropped-text: #7f1d1d;--novel-status-dropped-border: rgba(239, 68, 68, .4);--novel-status-discontinued-bg: rgba(148, 163, 184, .2);--novel-status-discontinued-text: #334155;--novel-status-discontinued-border: rgba(148, 163, 184, .4);--novel-stat-views: #2563eb;--novel-stat-favorites: #e11d48;--novel-stat-chapters: #0f766e;--novel-stat-rating: #d97706}:root[data-theme=dark] .novel-page{--novel-bg: radial-gradient(1200px 360px at 10% -20%, rgba(255, 83, 68, .18), transparent 60%), radial-gradient(900px 260px at 85% -10%, rgba(59, 130, 246, .18), transparent 55%);--novel-surface: rgba(12, 16, 24, .9);--novel-surface-glow: linear-gradient(180deg, rgba(17, 24, 39, .95) 0%, rgba(10, 14, 22, .98) 100%);--novel-text: var(--text-primary);--novel-muted: var(--text-secondary);--novel-accent: #fb7185;--novel-border: rgba(148, 163, 184, .2);--novel-shadow: 0 18px 40px rgba(0, 0, 0, .45);--novel-cover-overlay: linear-gradient(180deg, rgba(2, 6, 23, .1) 0%, rgba(2, 6, 23, .6) 100%);--novel-tag-bg: linear-gradient(180deg, rgba(251, 113, 133, .2) 0%, rgba(251, 113, 133, .3) 100%);--novel-tag-text: #ffe4e6;--novel-tag-border: rgba(251, 113, 133, .4);--novel-tag-shadow: 0 8px 18px rgba(251, 113, 133, .25);--novel-tag-hover: linear-gradient(180deg, rgba(251, 113, 133, .3) 0%, rgba(251, 113, 133, .4) 100%);--novel-status-ongoing-bg: rgba(34, 197, 94, .25);--novel-status-ongoing-text: #bbf7d0;--novel-status-ongoing-border: rgba(34, 197, 94, .5);--novel-status-completed-bg: rgba(59, 130, 246, .25);--novel-status-completed-text: #dbeafe;--novel-status-completed-border: rgba(59, 130, 246, .5);--novel-status-dropped-bg: rgba(239, 68, 68, .25);--novel-status-dropped-text: #fecaca;--novel-status-dropped-border: rgba(239, 68, 68, .5);--novel-status-discontinued-bg: rgba(148, 163, 184, .22);--novel-status-discontinued-text: #e2e8f0;--novel-status-discontinued-border: rgba(148, 163, 184, .5);--novel-stat-views: #60a5fa;--novel-stat-favorites: #fb7185;--novel-stat-chapters: #5eead4;--novel-stat-rating: #fbbf24}.novel-page{display:flex;flex-direction:column;position:relative;overflow:hidden;border-radius:0;color:var(--novel-text);background:var(--novel-bg)}.novel-info{display:flex;flex-direction:column;border-radius:24px;box-shadow:var(--novel-shadow);padding:12px;margin:-40px 8px 0;position:relative;z-index:2;background:var(--novel-surface);cursor:default;border:1px solid var(--novel-border);background-image:var(--novel-surface-glow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.novel-cover:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:inherit;filter:blur(16px);transform:scale(1.2);z-index:0;opacity:.7}.novel-cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--novel-cover-overlay);z-index:0}.novel-cover>*{position:relative;z-index:1}.novel-cover{overflow:hidden;min-height:250px;max-height:400px;min-width:300px;background-size:cover;background-position:center;border-bottom:1px solid var(--novel-border);box-shadow:var(--novel-shadow)}.novel-cover-img{width:100%;height:auto;display:block;filter:saturate(1.08) contrast(1.05)}@media (min-width: 1024px){.novel-cover-img.no-novel-banner{display:none}}@media (max-width: 1024px){.novel-cover{max-height:300px}}.novel-info-desc{margin:4px 0 10px;white-space:pre-wrap;color:var(--novel-muted);line-height:1.7}.novel-info-header{display:flex;flex-direction:row}.novel-cover-desktop{margin:-150px 12px 12px;width:175px;height:250px;overflow:hidden;border-radius:4px;background:var(--novel-surface);border:1px solid var(--novel-border);box-shadow:var(--novel-shadow)}.novel-cover-desktop-img{width:100%;height:100%;object-fit:fill;display:block;filter:saturate(1.05) contrast(1.05)}@media (max-width: 1024px){.novel-cover-desktop{display:none}}.novel-info-title-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.novel-info-title{font-weight:600;font-size:20px;margin:0;font-family:Georgia,Times New Roman,serif;letter-spacing:.2px;color:var(--novel-text)}@media (min-width: 1024px){.novel-info-title-wrapper{flex-direction:row;align-items:flex-end;justify-content:space-between}.novel-info-title{font-size:32px;margin:0}}.reading-button{display:inline-block;width:auto;min-width:70px;max-width:100px;padding:5px 6px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:9px;font-weight:600;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:0 1px 3px #667eea33;text-transform:uppercase;letter-spacing:.05px;text-decoration:none;margin:12px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.reading-button:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:translateY(-1px);box-shadow:0 2px 6px #667eea4d;text-decoration:none;color:#fff}.reading-button:active{transform:translateY(0);box-shadow:0 1px 2px #667eea33;text-decoration:none;color:#fff}@media (min-width: 768px){.reading-button{min-width:90px;max-width:130px;padding:7px 10px;font-size:11px;border-radius:12px}}@media (min-width: 1024px){.reading-button{min-width:110px;max-width:150px;padding:9px 14px;font-size:13px;border-radius:14px}}.reading-buttons-container{display:flex;gap:6px;margin:12px 0;width:100%;box-sizing:border-box;overflow:hidden}.reading-buttons-container .reading-button{flex:1;margin:0;min-width:0;max-width:calc(50% - 3px)}.reading-button.full-width{width:100%;margin:12px 0;max-width:none}@media (max-width: 640px){.reading-buttons-container{flex-direction:column;gap:4px}.reading-buttons-container .reading-button{width:100%;max-width:none;min-width:60px}}.novel-chapters{margin:20px 8px 0;padding:14px;border-radius:16px;border:1px solid var(--novel-border);background:var(--novel-surface);background-image:var(--novel-surface-glow);box-shadow:var(--novel-shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.novel-chapters-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.list-tools{display:flex;flex-direction:row;align-items:center;gap:10px;margin-bottom:14px}.novel-chapters-search{height:var(--novel-chapters-control-height);width:100%;flex:1;min-width:0;border-radius:12px;border:1px solid color-mix(in srgb,var(--novel-border) 70%,transparent);padding:10px 12px;font-size:13px;color:var(--novel-text);background:color-mix(in srgb,var(--novel-surface) 94%,transparent);outline:none}.novel-chapters-search::placeholder{color:color-mix(in srgb,var(--novel-muted) 70%,transparent)}.novel-chapters-search:focus{border-color:color-mix(in srgb,var(--novel-accent) 60%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--novel-accent) 18%,transparent)}.novel-chapters-sort{width:44px;height:var(--novel-chapters-control-height);display:inline-flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid color-mix(in srgb,var(--novel-border) 70%,transparent);background:color-mix(in srgb,var(--novel-surface) 90%,transparent);color:var(--novel-text);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.novel-chapters-sort:hover{transform:translateY(-1px);box-shadow:0 12px 24px #0f172a1f}.novel-chapters-title{font-size:16px;font-weight:600;margin:0;font-family:Georgia,Times New Roman,serif;color:var(--novel-text);cursor:default}.novel-chapters-count{font-size:12px;color:var(--novel-muted);cursor:default}.novel-chapters-list{margin:0;display:grid;gap:10px}.novel-chapters-empty{padding:14px;border-radius:12px;border:1px dashed color-mix(in srgb,var(--novel-border) 70%,transparent);color:var(--novel-muted);background:color-mix(in srgb,var(--novel-surface) 94%,transparent);font-size:13px;cursor:default}.novel-chapters-expand{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:0 0 12px;padding:8px 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--novel-border) 70%,transparent);background:color-mix(in srgb,var(--novel-surface) 92%,transparent);color:var(--novel-text);font-size:12px;cursor:pointer}.novel-chapter-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--novel-border) 70%,transparent);background:color-mix(in srgb,var(--novel-surface) 92%,transparent);transition:transform .2s ease,box-shadow .2s ease;text-decoration:none}.novel-chapter-item:hover{transform:translateY(-1px);box-shadow:0 12px 24px #0f172a1f}.novel-chapter-index{font-size:12px;font-weight:600;color:var(--novel-accent);background:color-mix(in srgb,var(--novel-accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--novel-accent) 30%,transparent);padding:3px 7px;border-radius:999px;min-width:32px;text-align:center}.novel-chapter-title{font-size:13px;color:var(--novel-text)}.novel-chapter-access{margin-left:auto;font-size:10px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;padding:3px 8px;border-radius:999px;border:1px solid transparent}.novel-chapter-access.is-free{color:#166534;background:#22c55e29;border-color:#22c55e66}.novel-chapter-access.is-premium{color:var(--novel-accent);background:color-mix(in srgb,var(--novel-accent) 16%,transparent);border-color:color-mix(in srgb,var(--novel-accent) 45%,transparent)}.novel-chapter-access.is-scheduled{color:#1e40af;background:#3b82f61a;border-color:#3b82f64d}:root[data-theme=dark] .novel-chapter-access.is-scheduled{color:#93c5fd;background:#3b82f62e;border-color:#3b82f666}@media (min-width: 640px){.novel-chapters{margin:24px 8px 0;padding:16px;border-radius:20px}.novel-chapters-title{font-size:18px}.novel-chapter-title{font-size:15px}.novel-chapter-access{font-size:12px}.list-tools{gap:12px}}.novel-info-meta{display:flex;flex-direction:row;gap:0;flex-wrap:wrap;margin-bottom:0;color:var(--novel-muted)}.novel-info-meta-item{display:flex;align-items:center;margin-right:16px;margin-bottom:6px;padding-right:16px;border-right:1px solid color-mix(in srgb,var(--novel-border) 55%,transparent)}.novel-info-meta-item:last-child{margin-right:0;padding-right:0;border-right:none}.novel-info-meta-stats{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;align-items:center;padding:6px 0;border-top:1px solid color-mix(in srgb,var(--novel-border) 70%,transparent);border-bottom:1px solid color-mix(in srgb,var(--novel-border) 70%,transparent);margin-bottom:12px}.novel-info-meta-stats .novel-info-meta{margin-bottom:0;order:2}.novel-info-meta-stats .novel-info-stats{order:1}@media (max-width: 1024px){.novel-info-meta-stats{flex-direction:column-reverse;align-items:flex-start}}.novel-info-meta p{margin:0}.novel-info-meta-key{font-weight:600;display:flex;flex-wrap:nowrap;color:var(--novel-text)}.novel-info-meta-value{font-weight:400;text-decoration:none;padding-left:4px;color:var(--novel-accent)}.novel-info-meta-value.clickable:hover{color:color-mix(in srgb,var(--novel-accent) 80%,var(--novel-text));text-decoration:underline;transition:color .18s ease}@media (max-width: 640px){.novel-info-meta{gap:6px}.novel-info-meta-item{margin-right:10px;padding-right:10px;margin-bottom:4px}.novel-info-meta-key,.novel-info-meta-value{font-size:12px}}.novel-info-stats{margin:6px 0 0;background:transparent}.novel-stat{display:inline-block;margin-right:16px;margin-bottom:6px;padding-right:16px;border-right:1px solid color-mix(in srgb,var(--novel-border) 55%,transparent)}.novel-stat:last-child{margin-right:0;padding-right:0;border-right:none}@media (max-width: 640px){.novel-stat{width:48%;margin-right:4%;padding-right:0;border-right:none;padding-bottom:3px;border-bottom:1px solid color-mix(in srgb,var(--novel-border) 55%,transparent)}.novel-stat:nth-child(2n){margin-right:0}.novel-stat:nth-last-child(-n+2){border-bottom:none}.novel-stat-label{font-size:9px;margin-left:2px}.novel-stat-value{font-size:12px;margin-left:2px}.novel-stat-icon{font-size:12px}}.novel-stat-label{display:inline-block;font-size:12px;text-transform:none;letter-spacing:.1px;margin-left:6px;color:color-mix(in srgb,currentColor 55%,var(--novel-muted) 45%);margin-top:0;margin-bottom:0}.novel-stat-value{display:inline-block;font-weight:600;color:currentColor;margin-left:6px;margin-top:0;margin-bottom:0}.novel-stat-icon{display:inline-block;font-size:14px;color:currentColor;vertical-align:-1px;opacity:.9}.novel-stat-views{color:var(--novel-stat-views)}.novel-stat-favorites{color:var(--novel-stat-favorites)}.novel-stat-chapters{color:var(--novel-stat-chapters)}.novel-stat-rating{color:var(--novel-stat-rating)}.novel-info-tags{display:flex;flex-direction:row;flex-wrap:wrap;padding:4px 0;gap:4px 4px;cursor:pointer;margin-bottom:10px}.novel-meta-badge,.novel-status-badge{padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.2px;text-transform:uppercase;border:1px solid transparent}.novel-meta-badge-neutral{background:color-mix(in srgb,var(--novel-border) 25%,transparent);color:var(--novel-muted);border-color:color-mix(in srgb,var(--novel-border) 60%,transparent)}.novel-status-ongoing{background:var(--novel-status-ongoing-bg);color:var(--novel-status-ongoing-text);border-color:var(--novel-status-ongoing-border)}.novel-status-completed{background:var(--novel-status-completed-bg);color:var(--novel-status-completed-text);border-color:var(--novel-status-completed-border)}.novel-status-dropped{background:var(--novel-status-dropped-bg);color:var(--novel-status-dropped-text);border-color:var(--novel-status-dropped-border)}.novel-status-discontinued{background:var(--novel-status-discontinued-bg);color:var(--novel-status-discontinued-text);border-color:var(--novel-status-discontinued-border)}.novel-info-tag{padding:4px 12px;border-radius:24px;font-size:12px;margin:0;text-decoration:none;background:var(--novel-tag-bg);color:var(--novel-tag-text);border:1px solid var(--novel-tag-border);box-shadow:var(--novel-tag-shadow);transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease}.novel-meta-badge.clickable:hover,.novel-status-badge.clickable:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a;transition:transform .18s ease,box-shadow .18s ease}.novel-info-tag.clickable:hover{transform:translateY(-1px);background:var(--novel-tag-hover);color:var(--novel-text);border-color:color-mix(in srgb,var(--novel-accent) 55%,transparent);box-shadow:var(--novel-tag-shadow)}@media (max-width: 640px){.novel-info-tags{gap:4px 2px}.novel-meta-badge,.novel-status-badge{padding:2px 6px;font-size:10px;letter-spacing:.1px}.novel-info-tag{padding:2px 6px;font-size:10px}}.rating-section{display:flex;align-items:center;gap:1rem;flex-wrap:nowrap}.rating-section h3{margin:0;white-space:nowrap;flex-shrink:0}.rating-stars{display:flex;gap:.125rem;flex-wrap:wrap}.star{background:none;border:none;font-size:1.75rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;padding:.375rem;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;position:relative}.star:hover{color:#ffc107;transform:scale(1.1)}.star.active{color:#ffc107}.star:disabled{cursor:not-allowed;opacity:.5}@media (max-width: 768px){.rating-section{justify-content:center;gap:.5rem}.rating-section h3{font-size:var(--text-xs)}.star{font-size:1.25rem;padding:.25rem}}@media (max-width: 480px){.rating-section{gap:.375rem}.rating-section h3{display:none}.star{font-size:1rem;padding:.1875rem}}.status-button{padding:.75rem 1.25rem;border:2px solid var(--theme-primary);background:var(--surface-primary);color:var(--theme-primary);border-radius:var(--radius-md);font-weight:var(--font-medium);cursor:pointer;transition:all .2s ease;font-size:var(--text-sm);position:relative;overflow:hidden;display:flex;align-items:center;gap:.5rem;min-width:140px;width:fit-content;max-width:200px}.status-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,83,68,.1),transparent);transition:left .5s ease}.status-button:hover:not(:disabled){background:var(--theme-primary);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-md)}.status-button:hover:not(:disabled):before{left:100%}.status-button.has-status,.status-button.no-status{border-color:var(--theme-primary);background:var(--surface-primary);color:var(--theme-primary)}.status-button.no-status:hover:not(:disabled){background:var(--theme-primary);color:#fff}.status-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.status-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0}.status-indicator.want-to-read{background-color:#3b82f6}.status-indicator.reading{background-color:#10b981}.status-indicator.completed{background-color:#8b5cf6}.status-indicator.on-hold{background-color:#f59e0b}.status-indicator.dropped{background-color:#ef4444}.add-icon{font-size:1.2em;font-weight:700;color:var(--theme-primary);flex-shrink:0}.status-button svg{flex-shrink:0;width:1.2em;height:1.2em}@media (max-width: 768px){.status-button{padding:.5rem .875rem;font-size:var(--text-xs);min-width:100px;max-width:150px}.status-indicator{width:10px;height:10px}.add-icon{font-size:1rem}}@media (max-width: 480px){.status-button{padding:.25rem .5rem;font-size:.7rem;min-width:70px;max-width:120px}.status-indicator{width:6px;height:6px}.add-icon{font-size:.75rem}.status-button svg{width:1em;height:1em}}.novel-actions{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:nowrap;padding:.5rem 0 .75rem;align-items:flex-start;border-bottom:1px solid var(--border-color);margin-bottom:.75rem}.novel-actions-section{display:flex;flex-direction:column;gap:1rem;flex-wrap:nowrap;min-width:0}.novel-actions-section h3{margin:0;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.novel-actions-error{padding:1rem;background:#ef44441a;color:var(--error-color);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-sm);font-size:var(--text-sm);text-align:center;margin-top:1rem}@media (max-width: 768px){.novel-actions{flex-direction:row;gap:1.5rem;padding:.375rem 0 .5rem}.novel-actions-section{align-items:center;text-align:center}}@media (max-width: 480px){.novel-actions{gap:1rem;padding:.25rem 0 .375rem;margin-bottom:.375rem}}.edit-comment-cancel-row{display:flex;justify-content:flex-end;margin-top:.5em}.edit-comment-cancel{background:none;border:none;color:var(--novel-muted, var(--text-secondary));font-size:1em;display:flex;align-items:center;gap:.25em;cursor:pointer;padding:.25em .7em;border-radius:8px;transition:background .15s,color .15s}.edit-comment-cancel:hover{background:var(--novel-surface-glow, #f5f6f8);color:var(--theme-primary)}.novel-comments-search{height:var(--novel-chapters-control-height);width:100%;flex:1;min-width:0;border-radius:12px;border:1px solid color-mix(in srgb,var(--novel-border) 70%,transparent);padding:10px 12px;font-size:13px;color:var(--novel-text);background:color-mix(in srgb,var(--novel-surface) 94%,transparent);outline:none}.novel-comments-search::placeholder{color:color-mix(in srgb,var(--novel-muted) 70%,transparent)}.novel-comments-search:focus{border-color:color-mix(in srgb,var(--novel-accent) 60%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--novel-accent) 18%,transparent)}.novel-comment-nested{margin-left:24px;border-left:2px solid var(--novel-border);padding-left:12px;margin-top:8px}@media (max-width: 900px) and (min-width: 601px){.new-comment-form>div,.new-comment-box{padding:12px 10px!important;border-radius:13px!important;gap:8px!important}.new-comment-textarea{font-size:13px!important;padding:9px!important;border-radius:10px!important}.new-comment-submit{font-size:.93em!important;padding:.42em 1em!important;border-radius:10px!important}}@media (max-width: 600px){.new-comment-form>div,.new-comment-box{padding:8px 6px!important;border-radius:10px!important;gap:6px!important}.new-comment-textarea{font-size:12px!important;padding:7px!important;border-radius:8px!important}.new-comment-submit{font-size:.85em!important;padding:.35em .7em!important;border-radius:8px!important}}.comment-footer{display:flex;align-items:center;gap:.5em;margin-top:.5em;border-top:1px solid var(--border-color);padding-top:.5em}.comment-action{background:none;border:none;color:var(--novel-muted, var(--text-secondary));font-size:1em}.comment-action:hover{background:var(--novel-surface-glow, #f5f6f8);color:var(--theme-primary)}.comment-footer-spacer{flex:1 1 auto}.comment-like svg,.comment-dislike svg,.comment-edit svg,.comment-reply svg{font-size:1.1em}@media (max-width: 900px) and (min-width: 601px){.comment-footer{gap:.25em;padding-top:.35em}.comment-action{font-size:.92em;padding:.13em .35em}.comment-like svg,.comment-dislike svg,.comment-edit svg,.comment-reply svg{font-size:1em}}@media (max-width: 600px){.comment-footer{gap:.12em;padding-top:.22em}.comment-action{font-size:.75em;padding:.05em .14em}.comment-like svg,.comment-dislike svg,.comment-edit svg,.comment-reply svg{font-size:1em}}.novel-comments{margin:20px 8px 0;padding:14px;border-radius:16px;border:1px solid var(--novel-border);background:var(--novel-surface);background-image:var(--novel-surface-glow);box-shadow:var(--novel-shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}:root{--novel-chapters-control-height: 42px}.novel-comments-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.new-comment-form>div{border-radius:var(--radius-md, 16px);border:1px solid var(--border-color);background:var(--surface-primary);box-shadow:var(--shadow-md);padding:18px 14px;margin-bottom:1.5em;display:flex;flex-direction:column;gap:10px;max-width:100%;box-sizing:border-box}.novel-comments-sort{width:44px;height:var(--novel-chapters-control-height);display:inline-flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid color-mix(in srgb,var(--novel-border) 70%,transparent);background:color-mix(in srgb,var(--novel-surface) 90%,transparent);color:var(--novel-text);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.novel-comments-sort:hover{transform:translateY(-1px);box-shadow:0 12px 24px #0f172a1f}.novel-comments-title{font-size:16px;font-weight:600;margin:0;font-family:Georgia,Times New Roman,serif;color:var(--novel-text);cursor:default}.novel-comments-count{font-size:12px;color:var(--novel-muted);cursor:default}.novel-comment-item{margin-bottom:1.2em;list-style:none}.comment-card{background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--radius-md, 12px);box-shadow:var(--shadow-sm);padding:1.1em 1.2em 1em;display:flex;flex-direction:column;gap:.5em;transition:box-shadow .18s}.comment-card:hover{box-shadow:var(--shadow-md)}.comment-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.2em}.comment-user{font-weight:var(--font-semibold, 600);color:var(--novel-text, var(--text-primary));font-size:var(--text-base, 1rem);font-family:var(--font-sans)}.comment-date{font-size:var(--text-xs, .75rem);color:var(--novel-muted, var(--text-secondary));font-family:var(--font-sans);margin-left:1em;white-space:nowrap}.comment-content{color:var(--novel-text, var(--text-primary));font-size:var(--text-base, 1rem);line-height:var(--leading-relaxed, 1.625);word-break:break-word;font-family:var(--font-sans)}@media (max-width: 600px){.comment-card{padding:.8em .6em .7em;border-radius:var(--radius-sm, 6px)}.comment-content,.comment-user{font-size:var(--text-sm, .875rem)}.comment-date{font-size:var(--text-xs, .75rem)}}.novel-comment-item .comment-user{font-weight:700;margin-bottom:.2em}.novel-comment-item .comment-content{margin-bottom:.2em;word-break:break-word}.novel-comment-item .comment-date{font-size:.85em;color:#888}.novel-comments-empty{color:#888;text-align:center;margin:1.5em 0}.novel-comments-expand{display:block;margin:1em auto 0;background:none;border:none;color:#007bff;cursor:pointer;font-size:1em;font-weight:500}.new-comment-form{margin-bottom:1.5em}.new-comment-textarea{width:100%;max-width:100%;box-sizing:border-box;padding:.75em;border-radius:4px;border:1px solid #ccc;font-size:1em;resize:vertical}@media (max-width: 600px){.new-comment-form>div{padding:10px 4px}.new-comment-textarea{font-size:.97em;padding:8px}}.new-comment-error{color:var(--error-color);margin-top:4px;font-size:.97em}.new-comment-submit{margin-top:8px;padding:.5em 1.2em;border-radius:var(--radius-md, 12px);border:none;background:var(--theme-primary);color:#fff;font-weight:500;font-size:1em;cursor:pointer;box-shadow:0 2px 8px #0f172a14;transition:background var(--transition-fast)}.new-comment-submit:disabled{background:var(--theme-primary-hover);cursor:not-allowed}.chapter-canvas{position:relative}.chapter-canvas-source{position:absolute;left:-10000px;top:0;pointer-events:none;font-size:17px;line-height:1.8;color:var(--chapter-text);font-family:Georgia,Times New Roman,serif;width:100%;max-width:100%}.chapter-canvas-source p{margin-bottom:20px}.chapter-canvas-source p:last-child{margin-bottom:0}.chapter-canvas-source h1,.chapter-canvas-source h2,.chapter-canvas-source h3,.chapter-canvas-source h4,.chapter-canvas-source h5,.chapter-canvas-source h6{margin-top:32px;margin-bottom:16px;font-weight:600;line-height:1.3}.chapter-canvas-source h1{font-size:24px}.chapter-canvas-source h2{font-size:22px}.chapter-canvas-source h3{font-size:20px}.chapter-canvas-source h4{font-size:18px}.chapter-canvas-source strong{font-weight:600}.chapter-canvas-source em{font-style:italic}.chapter-canvas-source a{color:var(--chapter-link);text-decoration:underline}.chapter-canvas-source a:hover{color:var(--chapter-link-hover)}.chapter-canvas-honeytoken{position:absolute;left:-10000px;top:0;width:1px;height:1px;overflow:hidden;opacity:0}.chapter-canvas-pages{width:100%;margin:0 auto}.chapter-canvas-page{display:block;width:100%;height:auto;margin:0 auto}.chapter-canvas-loading{text-align:center;padding:40px 12px;font-size:14px;color:var(--chapter-text-secondary)}@media (max-width: 640px){.chapter-canvas-source{font-size:15px;line-height:1.65}.chapter-canvas-source p{margin-bottom:14px}.chapter-canvas-source h1,.chapter-canvas-source h2,.chapter-canvas-source h3,.chapter-canvas-source h4,.chapter-canvas-source h5,.chapter-canvas-source h6{margin-top:24px;margin-bottom:12px}.chapter-canvas-source h1{font-size:20px}.chapter-canvas-source h2{font-size:19px}.chapter-canvas-source h3{font-size:18px}.chapter-canvas-source h4{font-size:17px}.chapter-canvas-page{margin-bottom:12px}}.chapter-scheduled{text-align:center;padding:32px 16px;background:var(--chapter-scheduled-bg);border:2px solid var(--chapter-scheduled-border);border-radius:20px;width:100%;margin:0;cursor:default;box-sizing:border-box}.chapter-scheduled *{cursor:default}.chapter-scheduled-icon{font-size:40px;margin-bottom:12px}.chapter-scheduled-title{font-size:20px;font-weight:700;margin:0 0 12px;color:var(--chapter-text);word-break:break-word}.chapter-scheduled-message{font-size:14px;color:var(--chapter-text-secondary);margin-bottom:8px}.chapter-scheduled-date{font-size:16px;font-weight:600;color:var(--chapter-scheduled-text);margin-bottom:20px;word-break:break-word}.chapter-scheduled-back{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;padding:10px 16px;background:var(--chapter-accent);color:#fff;text-decoration:none;border-radius:8px;font-size:13px;font-weight:500;transition:transform .2s ease,box-shadow .2s ease;max-width:100%;text-align:center;white-space:normal}.chapter-scheduled-back:hover{transform:translateY(-1px);box-shadow:0 8px 16px #00000026}@media (min-width: 768px){.chapter-scheduled{padding:60px 20px}.chapter-scheduled-icon{font-size:56px;margin-bottom:16px}.chapter-scheduled-title{font-size:24px;margin-bottom:16px}.chapter-scheduled-message{font-size:16px}.chapter-scheduled-date{font-size:20px;margin-bottom:24px}.chapter-scheduled-back{padding:10px 20px;font-size:14px}}.rewarded-ad-modal .modal-content{max-width:550px;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-xl)}.rewarded-ad-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:2px solid var(--border-color);margin-bottom:0;background:linear-gradient(135deg,var(--surface-primary),var(--bg-secondary))}.rewarded-ad-modal .modal-header h3{margin:0;color:var(--text-primary);font-size:1.5rem;font-weight:700;letter-spacing:-.025em}.rewarded-ad-modal .modal-close{background:none;border:none;font-size:1.75rem;cursor:pointer;color:var(--text-secondary);padding:.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;position:relative}.rewarded-ad-modal .modal-close:hover{background-color:var(--border-color);color:var(--text-primary);transform:scale(1.1)}.rewarded-ad-modal .modal-close:active{transform:scale(.95)}.rewarded-ad-modal .modal-body{color:var(--text-primary);padding:2rem;background:var(--surface-primary)}.rewarded-ad-modal .modal-body p{margin-bottom:1.5rem;line-height:1.6;font-size:1.1rem;color:var(--text-secondary)}.rewarded-ad-modal .ad-status{margin:1.5rem 0;padding:1rem 1.25rem;background:linear-gradient(135deg,var(--bg-secondary),var(--surface-primary));border-radius:12px;border:2px solid var(--border-color);text-align:center;font-weight:600;font-size:1rem;color:var(--text-primary);box-shadow:inset 0 1px 3px #0000001a}.rewarded-ad-modal .ad-status strong{color:var(--theme-primary)}.rewarded-ad-modal .btn{padding:.875rem 2rem;font-size:1rem;font-weight:600;border-radius:8px;transition:all .2s ease;margin:.5rem .25rem;min-width:140px}.rewarded-ad-modal .btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.rewarded-ad-modal .btn:active{transform:translateY(0)}.rewarded-ad-modal .btn-primary{background:linear-gradient(135deg,var(--theme-primary),var(--theme-primary-hover));border:none;color:#fff}.rewarded-ad-modal .btn-success{background:linear-gradient(135deg,#10b981,#059669));border:none;color:#fff}.rewarded-ad-modal .ad-info{margin-top:2rem;padding:1.5rem;background:linear-gradient(135deg,var(--bg-secondary),var(--surface-primary));border-radius:12px;border:2px solid var(--border-color);text-align:left;box-shadow:inset 0 1px 3px #0000000d}.rewarded-ad-modal .ad-info p{margin:0 0 1rem;font-weight:600;color:var(--text-primary);font-size:1rem}.rewarded-ad-modal .ad-info ul{margin:.5rem 0 0;padding-left:1.5rem}.rewarded-ad-modal .ad-info li{margin-bottom:.5rem;color:var(--text-secondary);line-height:1.5;font-size:.95rem}.rewarded-ad-modal .ad-info li:last-child{margin-bottom:0}.rewarded-ad-modal .ad-info code{background:var(--border-color);padding:.125rem .375rem;border-radius:4px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.85rem;font-weight:500;color:var(--theme-primary);border:1px solid rgba(0,0,0,.1)}.rewarded-ad-modal .ad-status.loading{position:relative;overflow:hidden}.rewarded-ad-modal .ad-status.loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}@media (max-width: 768px){.rewarded-ad-modal .modal-content{max-width:90vw;margin:1rem}.rewarded-ad-modal .modal-header{padding:1.25rem 1.5rem}.rewarded-ad-modal .modal-header h3{font-size:1.25rem}.rewarded-ad-modal .modal-body{padding:1.5rem}.rewarded-ad-modal .btn{padding:.75rem 1.5rem;font-size:.95rem;margin:.25rem}}@media (max-width: 480px){.rewarded-ad-modal .modal-content{max-width:95vw;margin:.5rem;border-radius:12px}.rewarded-ad-modal .modal-header{padding:1rem 1.25rem}.rewarded-ad-modal .modal-header h3{font-size:1.1rem}.rewarded-ad-modal .modal-body{padding:1.25rem}.rewarded-ad-modal .ad-status{padding:.875rem 1rem;font-size:.95rem}.rewarded-ad-modal .btn{width:100%;margin:.25rem 0;min-width:auto}.rewarded-ad-modal .ad-info{padding:1.25rem}}.unlock{width:100%;display:flex;align-items:center;justify-content:center;padding:1rem .5rem;background:var(--bg-primary);overflow-x:hidden;box-sizing:border-box}.unlock-card{background:var(--surface-primary);box-shadow:var(--shadow-lg);width:100%;max-width:100%;overflow:hidden}.unlock-content{padding:1rem;text-align:center;display:flex;flex-direction:column;align-items:center}.unlock-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto .75rem;box-shadow:0 2px 8px #0000001a}.unlock-icon-emoji{font-size:1.25rem}.unlock-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 .75rem;line-height:1.3}.unlock-description{font-size:.9rem;line-height:1.5;color:var(--text-secondary);margin:0 0 1rem}.unlock-actions{display:flex;flex-direction:column;gap:.75rem;width:100%;align-items:center}.unlock-btn{padding:.875rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-height:48px;text-decoration:none;outline:none;width:100%;max-width:280px;box-sizing:border-box}.unlock-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.unlock-btn:active{transform:translateY(0)}.unlock-btn:disabled{cursor:not-allowed;opacity:.6}.unlock-btn-primary{color:#fff;border:2px solid transparent}.unlock-btn-secondary{background:transparent;border:2px solid}.unlock-loading{display:flex;align-items:center;gap:.5rem}.unlock-loading:after{content:"";width:14px;height:14px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width: 768px){.unlock{padding:1.5rem 1rem}.unlock-card{max-width:400px}.unlock-content{padding:1.5rem}.unlock-icon{width:56px;height:56px}.unlock-icon-emoji{font-size:1.5rem}.unlock-title{font-size:1.375rem}.unlock-description{font-size:.95rem}.unlock-btn{padding:1rem 2rem;font-size:1rem;max-width:320px}.unlock-actions{gap:1rem}}@media (min-width: 1024px){.unlock{padding:2rem 1rem}.unlock-card{max-width:450px}.unlock-content{padding:1.5rem}.unlock-icon{width:64px;height:64px}.unlock-icon-emoji{font-size:1.75rem}.unlock-title{font-size:1.5rem}.unlock-description{font-size:1rem}.unlock-btn{padding:1.125rem 2.5rem;font-size:1.05rem;max-width:360px}}@media (max-width: 360px){.unlock{padding:1rem .5rem}.unlock-content{padding:1rem}.unlock-icon{margin:0 auto .5rem}.unlock-btn{padding:.75rem 1rem;font-size:.9rem;max-width:240px}.unlock-actions{gap:.5rem}}@media (max-width: 480px){.chapter-badge{font-size:8px;padding:1.5px 4px;min-width:0;max-width:90vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chapter-badges{gap:2px;margin-top:6px;flex-wrap:wrap}}@media (max-width: 768px){.chapter-badge{font-size:10px;padding:3px 8px;border-radius:999px}.chapter-badges{gap:6px;margin-top:12px}}@media (max-width: 480px){.chapter-badge{font-size:9px;padding:2px 6px}.chapter-badges{gap:4px;margin-top:8px}}:root[data-theme=light] .chapter-page{--chapter-bg: radial-gradient(1200px 300px at 50% -10%, rgba(99, 102, 241, .12), transparent 60%), radial-gradient(900px 260px at 10% 100%, rgba(255, 165, 102, .1), transparent 55%);--chapter-surface: var(--bg-primary);--chapter-surface-glow: linear-gradient(180deg, rgba(255, 255, 255, .98) 0%, rgba(249, 250, 251, .98) 100%);--chapter-text: var(--text-primary);--chapter-text-secondary: var(--text-secondary);--chapter-accent: var(--theme-primary);--chapter-border: rgba(15, 23, 42, .08);--chapter-shadow: 0 12px 32px rgba(15, 23, 42, .1);--chapter-link: #3b82f6;--chapter-link-hover: #2563eb;--chapter-badge-free: rgba(34, 197, 94, .15);--chapter-badge-free-text: #166534;--chapter-badge-free-border: rgba(34, 197, 94, .35);--chapter-badge-premium: rgba(251, 113, 133, .15);--chapter-badge-premium-text: #9f1239;--chapter-badge-premium-border: rgba(251, 113, 133, .35);--chapter-scheduled-bg: rgba(245, 158, 11, .1);--chapter-scheduled-border: rgba(245, 158, 11, .3);--chapter-scheduled-text: #78350f}:root[data-theme=dark] .chapter-page{--chapter-bg: radial-gradient(1200px 360px at 50% -20%, rgba(59, 130, 246, .15), transparent 60%), radial-gradient(900px 260px at 10% 100%, rgba(255, 83, 68, .12), transparent 55%);--chapter-surface: rgba(12, 16, 24, .92);--chapter-surface-glow: linear-gradient(180deg, rgba(17, 24, 39, .96) 0%, rgba(10, 14, 22, .98) 100%);--chapter-text: var(--text-primary);--chapter-text-secondary: var(--text-secondary);--chapter-accent: #fb7185;--chapter-border: rgba(148, 163, 184, .15);--chapter-shadow: 0 12px 32px rgba(0, 0, 0, .4);--chapter-link: #60a5fa;--chapter-link-hover: #93c5fd;--chapter-badge-free: rgba(34, 197, 94, .2);--chapter-badge-free-text: #86efac;--chapter-badge-free-border: rgba(34, 197, 94, .4);--chapter-badge-premium: rgba(251, 113, 133, .25);--chapter-badge-premium-text: #fda4af;--chapter-badge-premium-border: rgba(251, 113, 133, .45);--chapter-scheduled-bg: rgba(245, 158, 11, .18);--chapter-scheduled-border: rgba(245, 158, 11, .4);--chapter-scheduled-text: #fde68a}.chapter-page{background:var(--chapter-bg);color:var(--chapter-text);padding:24px 0 8px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;height:100vh}.chapter-page *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none}.chapter-loading,.chapter-error{text-align:center;padding:60px 20px;font-size:16px;color:var(--chapter-text-secondary)}.chapter-error{color:#ef4444}.chapter-header{margin-bottom:32px}.chapter-title-section{background:var(--chapter-surface);background-image:var(--chapter-surface-glow);border:1px solid var(--chapter-border);border-radius:20px;padding:24px;box-shadow:var(--chapter-shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.chapter-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.chapter-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:9px;font-weight:600;border:1px solid;margin:0}.chapter-badge-order{background:#6366f11f;color:#4f46e5;border-color:#6366f14d}.chapter-badge-type{text-transform:uppercase;letter-spacing:.3px}.chapter-badge-free{background:var(--chapter-badge-free);color:var(--chapter-badge-free-text);border-color:var(--chapter-badge-free-border)}.chapter-badge-premium,.chapter-badge-login,.chapter-badge-app,.chapter-badge-ads{background:var(--chapter-badge-premium);color:var(--chapter-badge-premium-text);border-color:var(--chapter-badge-premium-border)}.chapter-badge-edition{background:#94a3b826;color:var(--chapter-text-secondary);border-color:#94a3b84d}.chapter-title{font-size:28px;font-weight:700;margin:0;line-height:1.3;color:var(--chapter-text);font-family:Georgia,Times New Roman,serif}.chapter-content{background:var(--chapter-surface);background-image:var(--chapter-surface-glow);border:1px solid var(--chapter-border);border-radius:20px;padding:32px;box-shadow:var(--chapter-shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-bottom:16px}.chapter-text{font-size:17px;line-height:1.8;color:var(--chapter-text);font-family:Georgia,Times New Roman,serif;max-width:750px;margin:0 auto}.chapter-text p{margin-bottom:20px}.chapter-text p:last-child{margin-bottom:0}.chapter-text h1,.chapter-text h2,.chapter-text h3,.chapter-text h4,.chapter-text h5,.chapter-text h6{margin-top:32px;margin-bottom:16px;font-weight:600;line-height:1.3}.chapter-text h1{font-size:24px}.chapter-text h2{font-size:22px}.chapter-text h3{font-size:20px}.chapter-text h4{font-size:18px}.chapter-text strong{font-weight:600}.chapter-text em{font-style:italic}.chapter-text a{color:var(--chapter-link);text-decoration:underline}.chapter-text a:hover{color:var(--chapter-link-hover)}@media (max-width: 768px){.chapter-page{padding:16px 0}.chapter-title-section{padding:20px;border-radius:16px}.chapter-title{font-size:22px}.chapter-badge{font-size:10px;padding:2px 7px}.chapter-content{padding:24px 20px;border-radius:16px}.chapter-text{font-size:16px;line-height:1.7}.chapter-footer{flex-direction:column;gap:16px;align-items:flex-start;padding:16px}.chapter-back-button{width:100%;justify-content:center}}@media (max-width: 640px){.chapter-title{font-size:18px}.chapter-text{font-size:15px}.chapter-content{padding:20px 16px}}.chapter-navigation{margin:.75rem 0;padding:.5rem 0;border-top:1px solid var(--chapter-border);border-bottom:1px solid var(--chapter-border)}.chapter-navigation-top{border-bottom:1px solid var(--chapter-border);border-top:none;margin-top:0;padding-top:.25rem}.chapter-navigation-bottom{border-top:1px solid var(--chapter-border);border-bottom:none;margin-bottom:0;padding-bottom:.25rem}.chapter-nav-container{display:flex;justify-content:space-between;align-items:center;gap:.375rem;max-width:100%}.chapter-nav-button{display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.25rem .375rem;background:var(--chapter-surface);border:1px solid var(--chapter-border);border-radius:6px;color:var(--chapter-text);text-decoration:none;font-weight:500;font-size:.75rem;transition:all .15s ease;min-width:28px;min-height:28px;flex:1;max-width:100px}.chapter-nav-button:hover{background:var(--chapter-accent);color:#fff;border-color:var(--chapter-accent);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.chapter-nav-prev{justify-content:center;flex-direction:row-reverse}.chapter-nav-index{background:var(--chapter-accent);color:#fff;border-color:var(--chapter-accent);font-weight:600;min-width:48px;max-width:80px;flex-shrink:0}.chapter-nav-index:hover{background:var(--chapter-accent);opacity:.9;transform:translateY(-1px)}.chapter-nav-next{justify-content:center}.chapter-nav-arrow,.chapter-nav-icon{font-size:.75rem;flex-shrink:0;display:flex;align-items:center;justify-content:center}.chapter-nav-text,.chapter-nav-title,.chapter-nav-label{display:none}@media (min-width: 768px){.chapter-navigation{margin:1.25rem 0;padding:.875rem 0}.chapter-nav-container{gap:.75rem}.chapter-nav-button{padding:.5rem .75rem;font-size:.8rem;max-width:160px;gap:.375rem;border-radius:8px;min-height:36px}.chapter-nav-text{display:flex;flex-direction:column;align-items:center;gap:.125rem;min-width:0;flex:1}.chapter-nav-label{display:block;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;opacity:.8}.chapter-nav-title{display:block;font-size:.7rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center}.chapter-nav-prev{justify-content:flex-start;flex-direction:row-reverse}.chapter-nav-next{justify-content:flex-end}.chapter-nav-prev .chapter-nav-text{align-items:flex-end}.chapter-nav-next .chapter-nav-text{align-items:flex-start}.chapter-nav-index .chapter-nav-text{align-items:center}.chapter-nav-arrow,.chapter-nav-icon{font-size:.9rem}}@media (min-width: 1024px){.chapter-badge{font-size:11px;padding:3px 11px}.chapter-navigation{margin:1.75rem 0;padding:1.25rem 0}.chapter-nav-button{padding:.5rem .75rem;font-size:.85rem;max-width:200px;gap:.5rem;border-radius:10px;min-height:40px}.chapter-nav-arrow,.chapter-nav-icon{font-size:1rem}.chapter-nav-title{font-size:.75rem}.chapter-nav-label{font-size:.7rem}.chapter-nav-index{min-width:90px;max-width:110px}}@media print{.chapter-page{display:none}}.novels-filters{background:var(--surface-primary, #ffffff);border-radius:8px;padding:24px;margin-bottom:16px;box-shadow:var(--shadow-sm);position:relative}.novels-search{margin-bottom:16px}.novels-search-input{width:100%;padding:10px 16px;border:1px solid var(--border-color, #e0e4e8);border-radius:8px;font-size:16px;background:var(--bg-primary, #ffffff);color:var(--text-primary, #1a1a1a);height:44px;box-sizing:border-box}.novels-search-input:focus{outline:none;border-color:var(--theme-primary, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.novels-filters-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e0e4e8);border-radius:8px;color:var(--text-primary, #1a1a1a);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.novels-filters-toggle:hover{background:var(--surface-hover, #f3f4f6);border-color:var(--border-hover, #d1d5db);box-shadow:0 2px 6px #00000026}.novels-filters-toggle.expanded{background:var(--theme-primary-light, #eff6ff);border-color:var(--theme-primary, #3b82f6);color:var(--theme-primary, #3b82f6);box-shadow:0 1px 3px #3b82f633}.toggle-text{font-weight:600}.toggle-icon{font-size:16px;font-weight:700;opacity:.7}.novels-filters-toggle.expanded .toggle-icon{opacity:1}.novels-filter-section{height:0;overflow:hidden;opacity:0;transform:translateY(-10px);transition:all .3s ease;pointer-events:none}.novels-filter-section.expanded{height:auto;opacity:1;transform:translateY(0);pointer-events:auto;overflow:visible}.novels-filter-row{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end;margin-top:16px}.filter-item-wrapper{flex:0 1 140px;min-width:140px}.filter-item-wrapper.filter-item-multi{flex:1 1 auto;min-width:200px;max-width:none}@media (max-width: 1024px){.filter-item-wrapper{flex:0 1 130px;min-width:130px}.filter-item-wrapper.filter-item-multi{flex:1 1 auto;min-width:180px;max-width:none}}@media (max-width: 768px){.filter-item-wrapper{flex:0 1 120px;min-width:120px}.filter-item-wrapper.filter-item-multi{flex:1 1 auto;min-width:160px;max-width:none}}.filter-item-wrapper .css-1s2u09g-control{border:1px solid var(--border-color, #e0e4e8)!important;border-radius:6px!important;min-height:40px!important;font-size:14px!important;background:var(--bg-primary, #ffffff)!important;color:var(--text-primary, #1a1a1a)!important}.filter-item-wrapper .css-1s2u09g-control:hover{border-color:var(--theme-primary, #3b82f6)!important}.filter-item-wrapper .css-1pahdxg-control{border-color:var(--theme-primary, #3b82f6)!important;box-shadow:0 0 0 2px #3b82f633!important}.filter-item-wrapper .css-1n7v3ny-option{background-color:var(--theme-primary, #3b82f6)!important;color:#fff!important}.filter-item-wrapper .css-tr4s17-option{background-color:#3b82f61a!important}.filter-item-wrapper .css-1s2u09g-value-container{padding:2px 8px!important}.filter-item-wrapper .css-1s2u09g-input-container{color:var(--text-primary, #1a1a1a)!important}.filter-item-wrapper .css-1s2u09g-placeholder{color:var(--text-secondary, #6b7280)!important}.filter-item-wrapper .css-1s2u09g-single-value{color:var(--text-primary, #1a1a1a)!important}.filter-item-wrapper .css-1s2u09g-multi-value{background:var(--surface-secondary, #f1f5f9)!important;border-radius:4px!important}.filter-item-wrapper .css-1s2u09g-multi-value__label{color:var(--text-primary, #1a1a1a)!important}.filter-item-wrapper .css-1s2u09g-multi-value__remove:hover{background:var(--error-color, #ef4444)!important;color:#fff!important}.filter-item-wrapper .css-1s2u09g-indicators{cursor:pointer!important}.filter-item-wrapper{position:relative;z-index:1}.filter-item-wrapper:focus-within,.filter-item-wrapper:hover{z-index:1000}.filter-item-wrapper .css-26l3qy-menu{z-index:10000!important;position:absolute!important;box-shadow:0 4px 12px #00000026!important}.css-26l3qy-menu{z-index:9999!important}.filter-item-wrapper .css-1s2u09g-indicator-separator{background-color:var(--border-color, #e0e4e8)!important}.novels-filter-select{padding:8px 12px;border:1px solid var(--border-color, #e0e4e8);border-radius:6px;font-size:14px;background:var(--bg-primary, #ffffff);color:var(--text-primary, #1a1a1a);min-width:140px}.novels-filter-select:focus{outline:none;border-color:var(--theme-primary, #3b82f6)}.novels-filter-input{padding:10px 12px;border:1px solid var(--border-color, #e0e4e8);border-radius:6px;font-size:14px;background:var(--bg-primary, #ffffff);color:var(--text-primary, #1a1a1a);min-width:140px;height:40px;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.novels-filter-input:focus{outline:none;border-color:var(--theme-primary, #3b82f6);box-shadow:0 0 0 1px var(--theme-primary, #3b82f6)}.novels-filter-input::placeholder{color:var(--text-secondary, #6b7280)}.novels-filter-input[list]{position:relative}.novels-filter-input[list]::-webkit-calendar-picker-indicator,.novels-filter-input[list]::-webkit-list-button{display:none}.filter-item-wrapper:has(.novels-filter-input[list]):after{content:"▼";position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--text-secondary, #6b7280);font-size:12px;pointer-events:none;z-index:1}.novels-apply-filters-btn{padding:10px 16px;background:var(--theme-primary, #3b82f6);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;min-width:120px;height:40px;box-sizing:border-box}.novels-apply-filters-btn:hover{background:var(--theme-primary-hover, #2563eb)}.novels-apply-filters-btn:focus{outline:2px solid var(--theme-primary, #3b82f6);outline-offset:2px}.novels-apply-filters-btn:active{background:var(--theme-primary-active, #1d4ed8)}.novels-clear-filters-btn{padding:10px 16px;background:var(--surface-secondary, #f8f9fa);color:var(--text-secondary, #6b7280);border:1px solid var(--border-color, #e0e4e8);border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;min-width:120px;height:40px;box-sizing:border-box}.novels-clear-filters-btn:hover{background:var(--surface-hover, #e5e7eb);border-color:var(--border-hover, #d1d5db);color:var(--text-primary, #374151)}.novels-clear-filters-btn:focus{outline:2px solid var(--theme-primary, #3b82f6);outline-offset:2px}.novels-clear-filters-btn:active{background:var(--surface-active, #d1d5db)}.novels-filter-row>button{flex:0 0 auto;align-self:flex-end}.filter-tags{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color, #e0e4e8)}.filter-tags-list{display:flex;flex-wrap:wrap;gap:6px}.filter-tag{display:inline-flex;align-items:center;background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e0e4e8);border-radius:20px;padding:2px 4px;font-size:11px;color:var(--text-primary, #1a1a1a);transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.filter-tag:hover{background:var(--surface-hover, #f3f4f6);border-color:var(--border-hover, #d1d5db);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a;cursor:pointer}.filter-tag-label{margin-right:3px;white-space:nowrap;font-weight:500}.filter-tag-remove{background:none;border:none;color:var(--text-secondary, #6b7280);cursor:pointer;font-size:14px;line-height:1;padding:0;margin:0;width:12px;height:12px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;flex-shrink:0}.filter-tag-remove:hover{background:var(--error-light, #fef2f2);color:var(--error, #dc2626);transform:scale(1.1)}.filter-tag-remove:focus{outline:none;background:var(--error-light, #fef2f2);color:var(--error, #dc2626)}@media (min-width: 768px){.filter-tags{margin-top:16px;padding-top:16px}.filter-tags-list{gap:8px}.filter-tag{padding:3px 6px;font-size:12px}.filter-tag-label{margin-right:4px}.filter-tag-remove{font-size:16px;width:14px;height:14px}}.novels-display-options{display:flex;justify-content:flex-end;align-items:center;margin-bottom:16px;padding:8px 0;border-bottom:1px solid var(--border-color, #e5e7eb)}.novels-display-options__buttons{display:flex;gap:8px}.novels-display-options__button{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bg-secondary, #f9fafb);border:1px solid var(--border-color, #e5e7eb);border-radius:6px;color:var(--text-secondary, #6b7280);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.novels-display-options__button:hover{background:var(--surface-primary, #ffffff);border-color:var(--theme-primary, #3b82f6);color:var(--theme-primary, #3b82f6)}.novels-display-options__button--active{background:var(--theme-primary, #3b82f6);border-color:var(--theme-primary, #3b82f6);color:#fff}.novels-display-options__button--active:hover{background:var(--theme-primary-hover, #2563eb);border-color:var(--theme-primary-hover, #2563eb)}.novels-display-options__icon{font-size:16px;line-height:1}.novels-display-options__text{font-size:14px}:root[data-theme=dark] .novels-display-options{border-bottom-color:var(--border-color, #374151)}:root[data-theme=dark] .novels-display-options__button{background:var(--bg-secondary, #1f2937);border-color:var(--border-color, #374151);color:var(--text-secondary, #9ca3af)}:root[data-theme=dark] .novels-display-options__button:hover{background:var(--surface-primary, #374151)}@media (max-width: 640px){.novels-display-options{justify-content:center}.novels-display-options__buttons{width:100%;justify-content:center}.novels-display-options__button{flex:1;justify-content:center}}.content-container{margin-bottom:32px}.content-container--grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:24px}.content-container--grid .content-item{text-decoration:none;color:inherit;transition:transform .2s ease}.content-container--grid .content-item:hover{transform:translateY(-2px)}.content-container--grid .content-item__cover-wrapper{position:relative;aspect-ratio:3/4;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;background:var(--surface-secondary, #f9fafb);margin-bottom:12px}.content-container--grid .content-item__cover{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.content-container--grid .content-item:hover .content-item__cover{transform:scale(1.05)}.content-container--grid .content-item__content{text-align:center}.content-container--grid .content-item__title{font-size:14px;font-weight:600;color:var(--text-primary, #111111);margin:0 0 4px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.content-container--grid .content-item__raw-title{display:none}.content-container--grid .content-item__author{font-size:12px;color:var(--text-secondary, #6b7280);margin:0 0 8px;font-weight:500}.content-container--grid .content-item__description{display:none}.content-container--grid .content-item__meta{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.content-container--grid .content-item__language,.content-container--grid .content-item__status{font-size:10px;font-weight:500;padding:2px 8px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.content-container--grid .content-item__language{background:var(--bg-secondary, #f9fafb);color:var(--text-secondary, #6b7280)}.content-container--grid .content-item__status--published{background:var(--success-color, #10b981);color:#fff}.content-container--grid .content-item__status--scheduled{background:var(--warning-color, #f59e0b);color:#fff}.content-container--grid .content-item__status--draft{background:var(--text-secondary, #6b7280);color:#fff}.content-container--grid .content-item__tags,.content-container--grid .content-item__stats{display:none}.content-container--list{display:flex;flex-direction:column;gap:20px}.content-container--list .content-item{display:flex;gap:20px;padding:20px;background:var(--surface-primary, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:12px;text-decoration:none;color:inherit;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.content-container--list .content-item:hover{border-color:var(--theme-primary, #3b82f6);box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.content-container--list .content-item__cover-wrapper{flex-shrink:0;width:120px;aspect-ratio:3/4;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;background:var(--surface-secondary, #f9fafb)}.content-container--list .content-item__cover{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.content-container--list .content-item:hover .content-item__cover{transform:scale(1.05)}.content-container--list .content-item__content{flex:1;min-width:0}.content-container--list .content-item__title{font-size:18px;font-weight:600;color:var(--text-primary, #111111);margin:0 0 4px;line-height:1.3}.content-container--list .content-item__raw-title{font-size:14px;color:var(--text-secondary, #6b7280);margin:0 0 8px;font-style:italic}.content-container--list .content-item__author{font-size:14px;color:var(--text-secondary, #6b7280);margin:0 0 12px;font-weight:500}.content-container--list .content-item__description{font-size:14px;color:var(--text-secondary, #6b7280);margin:0 0 16px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.content-container--list .content-item__meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.content-container--list .content-item__language,.content-container--list .content-item__status{font-size:11px;font-weight:500;padding:4px 10px;border-radius:14px;text-transform:uppercase;letter-spacing:.5px}.content-container--list .content-item__language{background:var(--bg-secondary, #f9fafb);color:var(--text-secondary, #6b7280)}.content-container--list .content-item__status--published{background:var(--success-color, #10b981);color:#fff}.content-container--list .content-item__status--scheduled{background:var(--warning-color, #f59e0b);color:#fff}.content-container--list .content-item__status--draft{background:var(--text-secondary, #6b7280);color:#fff}.content-container--list .content-item__tags{display:flex;flex-wrap:wrap;gap:6px}.content-container--list .content-item__tag{font-size:11px;padding:3px 8px;background:var(--theme-primary, #3b82f6);color:#fff;border-radius:12px;font-weight:500}.content-container--list .content-item__tag-more{font-size:11px;padding:3px 8px;background:var(--bg-secondary, #f9fafb);color:var(--text-secondary, #9ca3af);border-radius:12px;font-weight:500}.content-container--list .content-item__stats{display:flex;gap:16px}.content-container--list .content-item__stat{font-size:12px;color:var(--text-secondary, #6b7280);font-weight:500}.content-container--compact{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.content-container--compact .content-item{text-decoration:none;color:inherit;transition:transform .2s ease}.content-container--compact .content-item:hover{transform:translateY(-1px)}.content-container--compact .content-item__cover-wrapper{position:relative;aspect-ratio:3/4;border-radius:6px;overflow:hidden;box-shadow:0 1px 4px #0000001a;background:var(--surface-secondary, #f9fafb);margin-bottom:8px}.content-container--compact .content-item__cover{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.content-container--compact .content-item:hover .content-item__cover{transform:scale(1.03)}.content-container--compact .content-item__content{text-align:center}.content-container--compact .content-item__title{font-size:12px;font-weight:600;color:var(--text-primary, #111111);margin:0 0 2px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.content-container--compact .content-item__raw-title{display:none}.content-container--compact .content-item__author{font-size:10px;color:var(--text-secondary, #6b7280);margin:0 0 6px;font-weight:500}.content-container--compact .content-item__description{display:none}.content-container--compact .content-item__meta{display:flex;flex-direction:column;gap:4px;align-items:center}.content-container--compact .content-item__language,.content-container--compact .content-item__status{font-size:9px;font-weight:500;padding:1px 6px;border-radius:8px;text-transform:uppercase;letter-spacing:.5px}.content-container--compact .content-item__language{background:var(--bg-secondary, #f9fafb);color:var(--text-secondary, #6b7280)}.content-container--compact .content-item__status--published{background:var(--success-color, #10b981);color:#fff}.content-container--compact .content-item__status--scheduled{background:var(--warning-color, #f59e0b);color:#fff}.content-container--compact .content-item__status--draft{background:var(--text-secondary, #6b7280);color:#fff}.content-container--compact .content-item__tags{display:flex;justify-content:center}.content-container--compact .content-item__tag{font-size:9px;padding:1px 4px;background:var(--theme-primary, #3b82f6);color:#fff;border-radius:6px;font-weight:500}.content-container--compact .content-item__tag-more,.content-container--compact .content-item__stats{display:none}@media (max-width: 768px){.content-container--grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.content-container--list .content-item{flex-direction:column;gap:16px}.content-container--list .content-item__cover-wrapper{width:100%;max-width:200px;align-self:center}.content-container--compact{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}}@media (max-width: 480px){.content-container--grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.content-container--list .content-item{padding:16px}.content-container--compact{grid-template-columns:repeat(2,1fr);gap:10px}}:root[data-theme=dark] .content-container--list .content-item{background:var(--surface-primary, #1a1d23);border-color:var(--border-color, #374151)}:root[data-theme=dark] .content-container--list .content-item:hover{border-color:var(--theme-primary, #3b82f6)}:root[data-theme=dark] .content-container--list .content-item__language{background:var(--bg-secondary, #374151);color:var(--text-secondary, #9ca3af)}:root[data-theme=dark] .content-container--list .content-item__tag-more{background:var(--bg-secondary, #374151);color:var(--text-secondary, #9ca3af)}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin:24px 0;padding:12px 0}.pagination-info{font-size:14px;color:var(--text-secondary, #6b7280)}.pagination-btn{padding:8px 12px;background:transparent;color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease;min-width:36px;display:flex;align-items:center;justify-content:center}.pagination-btn:hover:not(:disabled){background:var(--theme-primary);color:#fff;border-color:var(--theme-primary);transform:translateY(-1px)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.pagination-btn--first,.pagination-btn--last{font-weight:700;font-size:16px;min-width:32px}.pagination-form{display:flex;align-items:center;gap:8px}.pagination-input{width:48px;padding:8px 12px;border:1px solid var(--border-color);background:transparent;color:var(--text-primary);border-radius:6px;text-align:center;font-size:14px;transition:all .2s ease}.pagination-input:focus{outline:none;border-color:var(--theme-primary);background:var(--bg-secondary);box-shadow:0 0 0 2px #ff53441a}.pagination-input:not(:placeholder-shown){border-color:var(--theme-primary);background:#ff53440d}.pagination-input::placeholder{color:var(--text-secondary)}.pagination-total{color:var(--text-secondary, #6b7280);font-size:14px;white-space:nowrap}@media (max-width: 768px){.novels-page{padding:16px 0}.novels-title{font-size:24px}.novels-filters{padding:16px;position:relative;z-index:100}.novels-filter-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.filter-item-multi{grid-column:1 / -1}.novels-filter-select,.novels-filter-input,.novels-apply-filters-btn,.novels-clear-filters-btn{min-width:auto;width:100%}.novels-pagination{flex-direction:column;gap:8px}.novels-filters-toggle{padding:10px 14px;font-size:13px}.filter-item-wrapper:focus-within,.filter-item-wrapper:hover{z-index:1000}.filter-item-wrapper .css-26l3qy-menu{z-index:10000!important;position:absolute!important;max-height:200px!important;overflow-y:auto!important;box-shadow:0 4px 12px #00000026!important;top:100%!important;left:0!important;right:0!important;width:100%!important}}@media (max-width: 480px){.novels-filters{padding:12px;position:relative;z-index:100}.novels-search-input{padding:10px 12px;font-size:14px}.novels-filter-row{grid-template-columns:1fr}.filter-item-multi{grid-column:auto}.novels-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.novels-filters-toggle{padding:8px 12px;font-size:12px}.filter-item-wrapper:focus-within,.filter-item-wrapper:hover{z-index:1000}.filter-item-wrapper .css-26l3qy-menu{z-index:10000!important;position:absolute!important;max-height:180px!important;overflow-y:auto!important;box-shadow:0 4px 12px #00000026!important;top:100%!important;left:0!important;right:0!important;width:100%!important}}.ranking-page{padding-top:2rem}@media (max-width: 768px){.ranking-page{padding-top:1.5rem}}@media (max-width: 480px){.ranking-page{padding-top:1rem}.ranking-page .container>*:nth-child(1){margin-bottom:.5rem}.ranking-page .container>*:nth-child(2){margin-bottom:.75rem}}.ranking-types{display:flex;flex-wrap:nowrap;width:100%;gap:1rem;margin-bottom:2rem;overflow-x:auto;padding-bottom:.5rem}.ranking-type{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;cursor:pointer;transition:all .2s ease;white-space:nowrap;font-size:1rem;font-weight:500;color:var(--text-primary);text-align:center}.ranking-type:hover{background-color:var(--surface-primary);border-color:var(--theme-primary)}.ranking-type.active{background-color:var(--theme-primary);color:#fff;border-color:var(--theme-primary)}.ranking-type-icon{font-size:1.2rem}.ranking-type-label{font-size:1rem}@media (max-width: 768px){.ranking-types{gap:.75rem}.ranking-type{padding:.6rem 1.2rem;font-size:.9rem}.ranking-type-icon{font-size:1rem}.ranking-type-label{font-size:.9rem}}@media (max-width: 480px){.ranking-types{gap:.5rem;margin-bottom:.5rem}.ranking-type{padding:.5rem 1rem;font-size:.8rem}.ranking-type-icon{font-size:.9rem}.ranking-type-label{font-size:.8rem}}.ranking-filters{display:flex;justify-content:flex-end;margin-bottom:1rem}.ranking-filters-group{display:flex;gap:1rem;flex-wrap:nowrap}.ranking-filters-select{width:180px}@media (max-width: 768px){.ranking-filters{margin-bottom:.75rem}.ranking-filters-group{gap:.5rem}.ranking-filters-select{width:120px;flex-shrink:1}}@media (max-width: 480px){.ranking-filters{margin-bottom:.25rem}.ranking-filters-group{gap:.25rem;width:100%}.ranking-filters-select{flex:1;min-width:0}}.rankings-list{display:flex;flex-direction:column;gap:.75rem;margin:.75rem 0}.ranking-item{display:flex;align-items:center;background:var(--surface-primary);border-radius:12px;box-shadow:var(--shadow-md);overflow:hidden;transition:all .3s ease;border:2px solid transparent}.ranking-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--theme-primary)}.ranking-item--top{background:linear-gradient(135deg,var(--surface-primary) 0%,rgba(255,215,0,.05) 100%);border-color:#ffd7004d}.ranking-item__rank{display:flex;flex-direction:column;align-items:center;justify-content:center;width:60px;height:60px;background:linear-gradient(135deg,var(--theme-primary),var(--theme-primary-hover));color:#fff;position:relative;flex-shrink:0;overflow:hidden}.rank-icon{font-size:1.8rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));animation:rankPulse 2s ease-in-out infinite}.rank-icon--crown{color:gold;filter:drop-shadow(0 0 8px rgba(255,215,0,.6));animation:rankGlow 2s ease-in-out infinite}.rank-icon--gold{color:silver;filter:drop-shadow(0 0 6px rgba(192,192,192,.5))}.rank-icon--bronze{color:#cd7f32;filter:drop-shadow(0 0 6px rgba(205,127,50,.5))}.rank-icon--star{color:#ff6b35;filter:drop-shadow(0 0 4px rgba(255,107,53,.4))}.rank-icon--trophy{color:#fff;filter:drop-shadow(0 0 4px rgba(255,255,255,.3))}.ranking-item__rank-number{font-size:1.2rem;font-weight:900;line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.5);margin-top:2px}@keyframes rankPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes rankGlow{0%,to{filter:drop-shadow(0 0 8px rgba(255,215,0,.6));transform:scale(1)}50%{filter:drop-shadow(0 0 12px rgba(255,215,0,.8));transform:scale(1.05)}}.ranking-item__content{display:flex;align-items:center;padding:.75rem;flex:1;text-decoration:none;color:inherit;min-width:0}.ranking-item__cover{width:50px;height:65px;border-radius:8px;overflow:hidden;margin-right:1rem;flex-shrink:0;box-shadow:var(--shadow-sm)}.ranking-item__cover img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.ranking-item:hover .ranking-item__cover img{transform:scale(1.05)}.ranking-item__info{flex:1;min-width:0}.ranking-item__title{font-size:.95rem;font-weight:700;margin:0 0 .15rem;color:var(--text-primary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ranking-item__author{font-size:.8rem;color:var(--text-secondary);margin:0 0 .3rem;font-weight:500}.ranking-item__status{font-size:.65rem;padding:.15rem .4rem;border-radius:8px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.ranking-item__status--completed{background:#28a7451a;color:#28a745}.ranking-item__status--ongoing{background:#007bff1a;color:#007bff}.ranking-item__status--hiatus{background:#ffc1071a;color:#ffc107}.ranking-item__status--discontinued,.ranking-item__status--dropped{background:#dc35451a;color:#dc3545}.ranking-item__tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}@media (max-width: 767px){.ranking-item__tags{display:none}}.ranking-item__tag{font-size:.7rem;padding:.2rem .5rem;background:var(--bg-secondary);color:var(--text-secondary);border-radius:10px;border:1px solid var(--border-color);font-weight:500}@media (min-width: 768px){.rankings-list{gap:1rem}.ranking-item{border-radius:16px}.ranking-item__rank{width:70px;height:70px}.rank-icon{font-size:2rem}.ranking-item__rank-number{font-size:1.3rem}.ranking-item__content{padding:1rem}.ranking-item__cover{width:60px;height:80px;margin-right:1rem}.ranking-item__title{font-size:1rem}.ranking-item__author{font-size:.85rem}}} @media (min-width: 1024px){.rankings-list{gap:2rem;max-width:1200px;margin:2rem auto}.ranking-item{border-radius:24px}.ranking-item__rank{width:120px;height:120px}.rank-icon{font-size:3rem}.ranking-item__rank-number{font-size:1.8rem}.ranking-item__rank-icon{font-size:1.2rem}.ranking-item__content{padding:2rem}.ranking-item__cover{width:100px;height:140px;margin-right:2rem}.ranking-item__title{font-size:1.5rem}.ranking-item__author{font-size:1.1rem}.ranking-item__tag{font-size:.8rem;padding:.3rem .75rem}}.ranking-item:nth-child(1) .ranking-item__rank{background:linear-gradient(135deg,gold,#ffb347)}.ranking-item:nth-child(2) .ranking-item__rank{background:linear-gradient(135deg,silver,#a8a8a8)}.ranking-item:nth-child(3) .ranking-item__rank{background:linear-gradient(135deg,#cd7f32,sienna)}.history-list{display:flex;flex-direction:column;gap:1rem}.history-item{display:flex;align-items:center;background:var(--bg-secondary);border-radius:12px;padding:1.25rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:all .2s ease;position:relative;overflow:hidden;cursor:default;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.history-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--theme-primary)}.history-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(135deg,var(--theme-primary),var(--theme-primary-hover));opacity:0;transition:opacity .2s ease}.history-item:hover:before{opacity:1}.history-item-cover{flex-shrink:0;width:80px;height:110px;border-radius:8px;overflow:hidden;box-shadow:var(--shadow-sm);margin-right:1.25rem;position:relative}.history-item-cover-link{display:block;width:100%;height:100%;position:relative;transition:transform .2s ease}.history-item-cover-link:hover{transform:scale(1.02)}.history-item-cover img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.history-item-cover-link:hover img{transform:scale(1.05)}.history-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.75rem}.history-item-header{display:flex;flex-direction:column;gap:.25rem}.history-item-title-link{text-decoration:none;color:inherit;display:block}.history-item-title{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease}.history-item-title-link:hover .history-item-title{color:var(--theme-primary)}.history-item-meta{display:flex;align-items:center;gap:.5rem}.history-item-date{font-size:.85rem;color:var(--text-secondary);font-weight:500}.history-item-progress{display:flex;flex-direction:column;gap:.5rem}.history-item-chapter{display:flex;align-items:center;gap:.5rem}.history-item-chapter-icon{font-size:1rem;opacity:.7}.history-item-chapter-text{font-size:.9rem;color:var(--text-primary);font-weight:500}.history-item-actions{flex-shrink:0;margin-left:1.5rem}.history-item-continue-btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.25rem;background:var(--theme-primary);color:#fff;text-decoration:none;border-radius:8px;font-size:.9rem;font-weight:600;transition:all .2s ease;border:none;cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-sm)}.history-item-continue-btn:hover{background:var(--theme-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}@media (max-width: 1024px){.history-item{padding:1rem}.history-item-cover{width:70px;height:95px;margin-right:1rem}.history-item-title{font-size:1.1rem}.history-item-chapter-text{font-size:.85rem}.history-item-date{font-size:.8rem}.history-item-continue-btn{padding:.625rem 1rem;font-size:.85rem}}@media (max-width: 768px){.history-item{flex-direction:column;align-items:flex-start;gap:1rem;padding:.875rem}.history-item-cover{width:100%;height:140px;margin-right:0;margin-bottom:.5rem}.history-item-content{width:100%;gap:.5rem}.history-item-title{font-size:1rem}.history-item-chapter-text{font-size:.8rem}.history-item-date{font-size:.75rem}.history-item-continue-btn{width:100%;padding:.625rem 1rem;font-size:.85rem}.history-item-actions{margin-left:0;width:100%}.history-item:before{display:none}}@media (max-width: 480px){.history-item{padding:.75rem;gap:.875rem}.history-item-cover{height:120px}.history-item-title{font-size:.95rem}.history-item-chapter-text{font-size:.75rem}.history-item-date{font-size:.7rem}.history-item-continue-btn{padding:.5rem .875rem;font-size:.75rem}}.history-page{padding:2rem 0;min-height:60vh}.history-header{text-align:center;margin-bottom:2rem}.history-page-title{font-size:1.25rem!important;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.history-page-subtitle{font-size:1.1rem;color:var(--text-secondary);margin:0}.loading{text-align:center;padding:2rem;font-size:1.1rem;color:var(--text-secondary)}@media (max-width: 768px){.history-page{padding:1.5rem 0}.history-header{margin-bottom:1.5rem}.history-page-title{font-size:1rem!important}.history-page-subtitle{font-size:1rem}.loading{padding:1.5rem;font-size:1rem}}@media (max-width: 480px){.history-page{padding:1rem 0}.history-header{margin-bottom:1rem}.history-page-title{font-size:1rem!important}.history-page-subtitle{font-size:.8rem}.loading{padding:1rem;font-size:.8rem}}@media (max-width: 360px){.history-page{padding:.75rem 0}.history-header{margin-bottom:.75rem}.history-page-title{font-size:.9rem!important}.history-page-subtitle{font-size:.75rem}.loading{padding:.75rem;font-size:.75rem}}