.feedback-form-container{align-items:center;animation:fadeIn .3s ease-in-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.feedback-form{animation:slideUp .3s ease-in-out;background-color:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:500px;overflow-y:auto;padding:24px;width:90%}.feedback-form-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.feedback-form-header h3{color:#333;font-size:1.25rem;margin:0}.close-btn{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:0;width:32px}.close-btn:hover{color:#666}.feedback-error,.feedback-success{border-radius:6px;font-weight:600;margin-bottom:16px;padding:12px 16px;text-align:center}.feedback-success{background-color:#e8f5e8;border:1px solid #28a745;color:#28a745}.feedback-error{background-color:#ffe8e8;border:1px solid #d32f2f;color:#d32f2f}.feedback-type-selector{margin-bottom:20px}.feedback-type-selector label{color:#333;display:block;font-weight:600;margin-bottom:10px}.feedback-type-options{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr 1fr}.type-option{background-color:#fff;border:2px solid #ddd;border-radius:8px;color:#666;cursor:pointer;font-size:.85rem;font-weight:500;padding:10px 12px;transition:all .2s ease}.type-option:hover{background-color:#f9f9f9;border-color:#00d98b}.type-option.active{background-color:#e8f5e8;border-color:#00d98b;color:#00a86b;font-weight:600}.feedback-section{background-color:#f9f9f9;border-radius:8px;margin-bottom:20px;padding:16px}.feedback-section p{color:#666;font-size:.95rem;margin:0 0 12px}.feedback-section label{color:#333;display:block;font-weight:600;margin-bottom:12px}.difficulty-selector{display:flex;flex-direction:column;gap:8px}.difficulty-btn{background-color:#fff;border:2px solid #ddd;border-radius:8px;color:#333;cursor:pointer;font-size:.95rem;padding:12px 16px;text-align:left;transition:all .2s ease}.difficulty-btn:hover{background-color:#f9f9f9;border-color:#00d98b}.difficulty-btn.active{background-color:#e8f5e8;border-color:#00d98b;color:#00a86b;font-weight:600}.rating-selector{display:flex;font-size:2rem;gap:8px;margin:16px 0}.star-btn{background:none;border:none;cursor:pointer;font-size:2rem;margin-right:8px;opacity:.4;padding:0;transition:all .2s ease}.star-btn:hover{transform:scale(1.2)}.star-btn.active{opacity:1}.tags-selector{display:flex;flex-wrap:wrap;gap:8px}.tag-btn{background-color:#fff;border:1px solid #ddd;border-radius:20px;color:#666;cursor:pointer;font-size:.85rem;padding:8px 14px;text-transform:capitalize;transition:all .2s ease}.tag-btn:hover{background-color:#f9f9f9;border-color:#00d98b}.tag-btn.active{background-color:#e8f5e8;border-color:#00d98b;color:#00a86b;font-weight:500}textarea{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:.95rem;padding:10px;resize:vertical;width:100%}textarea:focus{border-color:#00d98b;box-shadow:0 0 0 3px #00d98b1a;outline:none}select{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:.95rem;padding:10px;width:100%}select:focus{border-color:#00d98b;box-shadow:0 0 0 3px #00d98b1a;outline:none}.feedback-form-actions{border-top:1px solid #f0f0f0;display:flex;gap:10px;margin-top:24px;padding-top:16px}.submit-btn{background-color:#00d98b;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:12px 20px;transition:all .2s ease}.submit-btn:hover:not(:disabled){background-color:#00b876;box-shadow:0 4px 12px #00d98b4d}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.cancel-btn{background-color:#f0f0f0;border:1px solid #ccc;border-radius:6px;color:#333;cursor:pointer;font-size:1rem;padding:12px 20px;transition:all .2s ease}.cancel-btn:hover{background-color:#e8e8e8;border-color:#999}@media (max-width:600px){.feedback-form{border-radius:10px;padding:20px;width:95%}.feedback-type-options{grid-template-columns:1fr}.difficulty-selector{display:grid;grid-template-columns:1fr 1fr}.rating-selector{gap:4px}.star-btn{font-size:1.5rem;margin-right:4px}.feedback-form-actions{flex-direction:column}}.support-tab{max-width:720px}.support-tab__header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.support-tab__title{color:#111827;font-size:1.15rem;font-weight:700;margin:0}.support-form{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:20px}.support-form__title{color:#111827;font-size:1rem;font-weight:600;margin:0 0 16px}.support-form__row{display:flex;flex-direction:column;gap:12px}.support-form label{color:#374151;display:block;font-size:.82rem;font-weight:600;margin-bottom:4px}.support-form input[type=text],.support-form select,.support-form textarea{background:#fff;border:1.5px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:.95rem;padding:10px 12px;transition:border-color .15s;width:100%}.support-form input[type=text]:focus,.support-form select:focus,.support-form textarea:focus{border-color:#6366f1;outline:none}.support-form textarea{min-height:88px;resize:vertical}.support-form__actions{display:flex;gap:10px;justify-content:flex-end;margin-top:12px}.support-btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;padding:9px 20px;transition:opacity .15s}.support-btn:disabled{cursor:default;opacity:.45}.support-btn--primary{background:#6366f1;color:#fff}.support-btn--secondary{background:#e5e7eb;color:#374151}.support-btn--danger{background:#fee2e2;color:#b91c1c}.support-btn--sm{font-size:.82rem;padding:6px 14px}.ticket-list{display:flex;flex-direction:column;gap:10px}.ticket-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;cursor:pointer;padding:14px 16px;transition:border-color .15s,box-shadow .15s}.ticket-card:hover{border-color:#a5b4fc;box-shadow:0 2px 8px #6366f11a}.ticket-card--active{border-color:#6366f1}.ticket-card__top{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.ticket-card__title{color:#111827;flex:1 1;font-size:.95rem;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-card__meta{color:#9ca3af;font-size:.78rem;margin-top:4px}.ticket-status{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:600;padding:2px 9px;white-space:nowrap}.ticket-status--open{background:#fef3c7;color:#92400e}.ticket-status--in_progress{background:#dbeafe;color:#1e40af}.ticket-status--resolved{background:#dcfce7;color:#166534}.ticket-category{background:#f3f4f6;border-radius:6px;color:#6b7280;display:inline-block;font-size:.72rem;font-weight:500;padding:2px 8px;white-space:nowrap}.ticket-thread{margin-top:16px}.thread-back{align-items:center;background:none;border:none;color:#6366f1;cursor:pointer;display:inline-flex;font-size:.9rem;gap:6px;margin-bottom:16px;padding:0}.thread-info{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:16px;padding:14px 16px}.thread-info__title{color:#111827;font-size:1rem;font-weight:700;margin:0 0 6px}.thread-info__row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.thread-messages{display:flex;flex-direction:column;gap:10px;margin-bottom:16px;max-height:360px;overflow-y:auto;padding-right:4px}.thread-msg{border-radius:10px;font-size:.92rem;line-height:1.55;max-width:80%;padding:10px 14px}.thread-msg--user{align-self:flex-start;background:#eff6ff;border:1px solid #bfdbfe}.thread-msg--staff{align-self:flex-end;background:#f0fdf4;border:1px solid #bbf7d0}.thread-msg__author{color:#6b7280;font-size:.75rem;font-weight:600;margin-bottom:4px}.thread-msg--staff .thread-msg__author{color:#166534}.thread-msg__time{color:#9ca3af;font-size:.7rem;margin-top:4px}.thread-msg__attachment{align-items:center;color:#6366f1;display:inline-flex;font-size:.82rem;gap:6px;margin-top:6px;text-decoration:none}.thread-msg__attachment:hover{text-decoration:underline}.thread-reply{border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:10px;padding-top:14px}.thread-reply textarea{border:1.5px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:.92rem;min-height:72px;padding:10px 12px;resize:vertical;transition:border-color .15s;width:100%}.thread-reply textarea:focus{border-color:#6366f1;outline:none}.thread-reply__bottom{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.thread-reply__attach-label{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:inline-flex;font-size:.83rem;gap:6px;padding:6px 10px;transition:border-color .15s}.thread-reply__attach-label:hover{border-color:#a5b4fc;color:#6366f1}.thread-reply__attach-name{color:#6366f1;font-size:.78rem;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-empty{color:#9ca3af;padding:48px 24px;text-align:center}.support-empty__icon{font-size:3rem;margin-bottom:12px}.support-empty__text{font-size:.95rem}.ticket-admin-row{align-items:center;border-top:1px dashed #e5e7eb;display:flex;gap:10px;margin-top:10px;padding-top:10px}.ticket-admin-row label{color:#6b7280;font-size:.82rem}.ticket-admin-row select{background:#fff;border:1.5px solid #d1d5db;border-radius:6px;font-size:.85rem;padding:5px 10px}.quick-report-btn{align-items:center;background:#6366f1;border:none;border-radius:50px;bottom:24px;box-shadow:0 4px 16px #6366f159;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:8px;padding:10px 18px;position:fixed;right:24px;transition:background .15s,transform .1s;z-index:800}.quick-report-btn:hover{background:#4f46e5;transform:translateY(-1px)}.quick-report-btn:active{transform:scale(.97)}.quick-report-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:900}.quick-report-panel{background:#fff;border-radius:16px;box-shadow:0 8px 40px #0003;max-width:400px;padding:28px 24px;width:100%}.quick-report-panel__title{color:#111827;font-size:1.1rem;font-weight:700;margin:0 0 6px}.quick-report-panel__sub{color:#6b7280;font-size:.85rem;margin:0 0 20px}.quick-report-codes{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.quick-report-code-btn{align-items:center;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;color:#111827;cursor:pointer;display:flex;font-size:.92rem;font-weight:500;gap:10px;padding:12px 16px;text-align:left;transition:border-color .12s,background .12s}.quick-report-code-btn:hover{background:#eef2ff;border-color:#a5b4fc}.quick-report-code-btn--selected{background:#eef2ff;border-color:#6366f1}.quick-report-panel__actions{display:flex;gap:10px;justify-content:flex-end}.quick-report-success{padding:12px 0 4px;text-align:center}.quick-report-success__icon{font-size:2.5rem;margin-bottom:10px}.quick-report-success__title{font-size:1.05rem;font-weight:700;margin:0 0 6px}.quick-report-success__sub{color:#6b7280;font-size:.88rem;margin:0 0 18px}@media (max-width:480px){.quick-report-btn{bottom:16px;font-size:.8rem;padding:9px 14px;right:16px}.thread-msg{max-width:92%}}.translation-popover{animation:tp-appear .12s ease;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 24px #0000001f;overflow:hidden;padding:0;position:fixed;z-index:1000}@keyframes tp-appear{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.translation-popover__header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:10px 14px 8px}.translation-popover__word{color:#111827;font-size:1rem;font-weight:700}.translation-popover__close{background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;font-size:.95rem;line-height:1;padding:2px 4px}.translation-popover__close:hover{background:#f3f4f6;color:#374151}.translation-popover__body{color:#374151;font-size:.9rem;max-height:160px;overflow-y:auto;padding:10px 14px 8px}.translation-popover__loading{color:#9ca3af;font-style:italic;margin:0}.translation-popover__translation{color:#111827;font-size:1rem;font-weight:600;margin:0 0 4px}.translation-popover__definition{color:#6b7280;font-size:.82rem;margin:0 0 4px}.translation-popover__examples{color:#4b5563;font-size:.82rem;margin:4px 0 0;padding-left:16px}.translation-popover__empty{color:#9ca3af;font-style:italic;margin:0}.translation-popover__error{color:#b91c1c;font-size:.85rem;margin:0}.translation-popover__actions{border-top:1px solid #f3f4f6;display:flex;flex-wrap:wrap;gap:6px;padding:8px 14px 10px}.tp-btn{border:1px solid #0000;border-radius:6px;cursor:pointer;flex-shrink:0;font-size:.82rem;font-weight:500;padding:5px 11px;transition:background .1s;white-space:nowrap}.tp-btn--play{background:#00d98b;border-color:#00d98b;color:#fff}.tp-btn--play:hover:not(:disabled){background:#00c07a}.tp-btn--play:disabled{cursor:default;opacity:.6}.translation-popover__dict-error{color:#b91c1c;font-size:.8rem;margin:0;padding:0 14px 8px}.translation-popover__register-prompt{align-items:center;background:#fffffff7;border-radius:12px;display:flex;flex-direction:column;inset:0;justify-content:center;padding:20px;position:absolute;text-align:center;z-index:10}.translation-popover__register-icon{font-size:26px;margin-bottom:8px}.translation-popover__register-prompt strong{font-size:14px;margin-bottom:8px}.translation-popover__register-prompt p{color:#4b5563;font-size:12.5px;line-height:1.5;margin:0 0 14px}.translation-popover__register-cta{background:#00d564;border:none;border-radius:6px;color:#fff;cursor:pointer;display:block;font-size:13px;font-weight:600;margin-bottom:8px;padding:8px 18px;width:100%}.translation-popover__register-close{background:#0000;border:none;color:#9ca3af;cursor:pointer;font-size:12px}.bubble-text-layer{border-radius:4px;transition:outline .15s ease,background .15s ease}.bubble--loading{outline:2px dashed #aaa}.bubble--playing{background:#00d56414;outline:3px solid #00d564}.bubble--played{outline:1px solid #00d56459}.bubble--error{outline:2px dashed #e55}.comic-page--empty,.comic-page--error,.comic-page--loading{color:#555;padding:40px 20px;text-align:center}.comic-page--error p{color:#b02a37}.comic-subtitle{color:#333;margin-top:6px}.audio-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.audio-controls .btn-icon,.audio-controls .btn-toggle{background:#fff;border:1px solid #ccc;border-radius:8px;color:#000;cursor:pointer;font-size:.95rem;padding:8px 14px}.audio-controls .btn-toggle.is-on{background:#00d98b;border-color:#00d98b;color:#fff}.audio-controls .btn-toggle.is-muted{background:#ff6b6b;border-color:#ff6b6b;color:#fff}.audio-controls .speed-control{align-items:center;display:inline-flex;gap:8px}.audio-controls .speed-control select{border:1px solid #ccc;border-radius:8px;padding:8px}.audio-status{color:#333;font-size:.95rem}.audio-message{color:#b02a37;margin-bottom:12px}.comic-word-wrapper{align-items:center;display:inline-flex;gap:2px;margin-right:2px}.comic-word{color:inherit;cursor:pointer;font:inherit;text-decoration:none}.comic-word:focus-visible,.comic-word:hover{outline:none}.comic-word-difficulty-btn{background:none;border:none;cursor:pointer;font-size:.85rem;padding:0 2px}.single-panel{container-type:inline-size}.comic-bubble--thought .thought-puff{border-radius:50%;box-sizing:border-box;pointer-events:none;position:absolute}.panel-caption{background:#fafafa;border-left:3px solid #00d98b;border-radius:4px;color:#333;font-style:italic;margin-top:8px;padding:10px 14px}.comic-bubble{transition:transform .2s ease}.translation-panel{background:#fff;border:1px solid #ddd;border-radius:12px;bottom:20px;box-shadow:0 10px 30px #00000014;margin-top:20px;padding:16px 20px;position:sticky}.translation-panel h3{margin:0 0 8px}.translation-error{color:#b02a37}.translation-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.translation-actions .btn-primary{background:#00d98b;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px 14px}.translation-actions .btn-secondary{background:#fff;border:1px solid #ccc;border-radius:8px;color:#000;cursor:pointer;padding:8px 14px}.chapter-separator{align-items:center;display:flex;gap:16px;margin:48px auto 40px;width:min(98vw,1100px)}.chapter-separator__line{background:linear-gradient(90deg,#0000,#d1d5db,#0000);border-radius:1px;flex:1 1;height:2px}.chapter-separator__title{background:#fff;border:2px solid #e5e7eb;border-radius:999px;color:#374151;font-size:1.1rem;font-weight:700;letter-spacing:.02em;padding:6px 20px;white-space:nowrap}.comic-panel--flash{animation:comic-panel-flash 2.2s ease-out;border-radius:8px;box-shadow:0 0 0 12px #facc152e;outline:4px solid #facc15;outline-offset:4px}@keyframes comic-panel-flash{0%,25%{outline-color:#facc15}to{outline-color:#facc1500}}.comic-panel--watching{border-radius:8px;box-shadow:0 0 0 10px #60a5fa26;outline:3px solid #60a5fa;outline-offset:4px;transition:outline-color .3s,box-shadow .3s}.panel-chat-hint{color:#6b7280;font-size:11px;line-height:1.3;margin:0 0 4px;padding:0 2px}.published-author-modal-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.published-author-modal{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;max-width:420px;padding:28px 32px;width:90%}.published-author-modal h3{font-size:1.2rem;margin:0 0 12px}.published-author-modal p{color:#374151;line-height:1.5;margin:0 0 12px}.published-author-modal .btn{margin-top:8px}.publish-story{font-family:var(--font-primary);margin:0 auto;max-width:var(--max-width-xl);padding:var(--spacing-lg)}.publish-header{background:linear-gradient(135deg,var(--color-secondary),var(--color-accent));border-radius:var(--radius-xl);color:var(--color-text-white);margin-bottom:var(--spacing-2xl);padding:var(--spacing-2xl);text-align:center}.publish-header h1{font-size:var(--font-size-4xl);margin-bottom:15px}.publish-header p{font-size:var(--font-size-xl);opacity:.9}.creator-mode-toggle{align-items:center;background:var(--color-bg-secondary);border:2px solid var(--color-border-medium);border-radius:var(--radius-md);display:flex;gap:15px;justify-content:center;margin-bottom:var(--spacing-2xl);padding:var(--spacing-lg)}.toggle-label{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.content-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-2xl);overflow-x:auto;padding-bottom:var(--spacing-sm)}.tab-btn{background:var(--color-bg-primary);border:2px solid var(--color-border-medium);border-radius:var(--radius-md);color:var(--color-gray-700);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);min-width:fit-content;padding:12px var(--spacing-lg);transition:all var(--transition-base);white-space:nowrap}.tab-btn:hover{background:var(--color-primary-light);transform:translateY(-2px)}.tab-btn.active,.tab-btn:hover{border-color:var(--color-primary)}.tab-btn.active{background:var(--color-primary);box-shadow:var(--shadow-primary);color:var(--color-text-white)}.tab-content{background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);min-height:500px;padding:var(--spacing-2xl)}.create-options{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.option-card{background:var(--color-bg-secondary);border:2px solid var(--color-border-medium);border-radius:var(--radius-lg);padding:25px;text-align:center;transition:all var(--transition-base)}.option-card:hover{background:var(--color-bg-primary);border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-5px)}.option-card h3{color:var(--color-text-primary);font-size:var(--font-size-xl);margin:0 0 15px}.option-card p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-lg) 0}.comics-header{align-items:center;border-bottom:2px solid var(--color-border-medium);display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.comics-header h3{color:var(--color-text-primary);font-size:var(--font-size-2xl);margin:0}.empty-state{color:var(--color-text-secondary);padding:var(--spacing-3xl) var(--spacing-lg);text-align:center}.empty-state p{font-size:var(--font-size-lg);margin:0 0 var(--spacing-lg) 0}.comics-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.comic-card{border:2px solid var(--color-border-medium);border-radius:var(--radius-lg);overflow:hidden}.comic-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg)}.comic-preview{align-items:center;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-medium);display:flex;height:150px;justify-content:center}.preview-placeholder{color:var(--color-text-muted);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.comic-info{padding:var(--spacing-lg)}.comic-info h4{color:var(--color-text-primary);font-size:var(--font-size-xl);margin:0 0 var(--spacing-sm) 0}.comic-info p{color:var(--color-text-secondary);line-height:var(--line-height-normal);margin:0 0 15px}.comic-meta{margin-bottom:15px}.created-date{color:var(--color-text-muted);font-size:var(--font-size-sm)}.comic-actions{display:flex;gap:var(--spacing-sm);padding:0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg)}.status-message{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-style:italic}.publish-story-guest{padding:var(--spacing-3xl) var(--spacing-lg);text-align:center}.guest-content h2{color:var(--color-danger);margin-bottom:var(--spacing-lg)}.guest-content p{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-2xl)}.creator-mode-notice{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border-radius:var(--radius-lg);color:var(--color-text-white);margin-top:var(--spacing-2xl);padding:25px}.creator-mode-notice h3{font-size:var(--font-size-xl);margin:0 0 15px}.creator-mode-notice p{margin:0 0 15px;opacity:.9}.creator-mode-notice ul{margin:0;opacity:.9;padding-left:var(--spacing-lg)}.creator-mode-notice li{margin-bottom:5px}@media (max-width:768px){.publish-header h1{font-size:var(--font-size-3xl)}.content-tabs{flex-direction:column}.comics-header,.tab-btn{text-align:center}.comics-header{flex-direction:column;gap:15px}.comics-grid,.create-options{grid-template-columns:1fr}.comic-actions,.creator-mode-toggle{flex-direction:column}.creator-mode-toggle{text-align:center}}.comic-creation-page{font-family:var(--font-primary);margin:0 auto;max-width:var(--max-width-xl);padding:var(--spacing-lg)}.page-header{background:linear-gradient(135deg,var(--color-secondary),var(--color-accent));border-radius:var(--radius-2xl);box-shadow:var(--shadow-secondary);color:var(--color-text-white);margin-bottom:var(--spacing-2xl);padding:var(--spacing-2xl);text-align:center}.page-header h1{font-size:var(--font-size-5xl);margin-bottom:15px;text-shadow:2px 2px 4px #0000004d}.page-header p{font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg);opacity:.9}.main-actions{grid-gap:var(--spacing-2xl);display:grid;gap:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:var(--spacing-2xl)}.action-card{background:var(--color-bg-primary);border:2px solid #0000;border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);padding:var(--spacing-2xl) var(--spacing-2xl);text-align:center;transition:all var(--transition-base)}.action-card:hover{border-color:var(--color-secondary);box-shadow:var(--shadow-2xl);transform:translateY(-5px)}.action-card h3{color:var(--color-text-primary);font-size:var(--font-size-3xl);margin-bottom:15px}.action-card p{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin-bottom:25px}.flow-header{align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-xl);display:flex;margin-bottom:var(--spacing-2xl);padding:var(--spacing-lg)}.back-btn{background:var(--color-gray-600);border:none;border-radius:var(--radius-full);color:var(--color-text-white);cursor:pointer;font-weight:var(--font-weight-semibold);margin-right:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-lg);transition:background var(--transition-base)}.back-btn:hover{background:var(--color-gray-700)}.flow-header h2{color:var(--color-text-primary);font-size:var(--font-size-3xl);margin:0}.comic-creation-form,.comic-selection,.episode-creation,.episode-selection,.panel-editor{background:var(--color-bg-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);margin-bottom:var(--spacing-2xl);padding:var(--spacing-2xl)}.form-section h3{border-bottom:2px solid var(--color-border-medium);color:var(--color-text-primary);font-size:var(--font-size-2xl);margin-bottom:25px;padding-bottom:var(--spacing-sm)}.comics-list{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.comic-card{background:var(--color-bg-primary);border:2px solid #0000;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);cursor:pointer;padding:25px;transition:all var(--transition-base)}.comic-card:hover{border-color:var(--color-secondary);box-shadow:var(--shadow-xl);transform:translateY(-3px)}.comic-card h3{color:var(--color-text-primary);font-size:var(--font-size-2xl);margin-bottom:var(--spacing-sm)}.comic-card p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:15px}.comic-meta{align-items:center;display:flex;justify-content:space-between}.episode-count{background:var(--color-border-medium);border-radius:var(--radius-xl);color:var(--color-gray-700);font-size:var(--font-size-sm);padding:5px 12px}.episodes-list{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.episode-card{background:var(--color-bg-primary);border:2px solid #0000;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);cursor:pointer;padding:25px;transition:all var(--transition-base)}.episode-card:hover{border-color:var(--color-secondary);box-shadow:var(--shadow-xl);transform:translateY(-3px)}.episode-card h3{color:var(--color-text-primary);font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.episode-card p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:15px}.new-episode-card{background:linear-gradient(135deg,var(--color-secondary),var(--color-accent));border:2px solid #0000;border-radius:var(--radius-xl);color:var(--color-text-white);cursor:pointer;padding:25px;text-align:center;transition:all var(--transition-base)}.new-episode-card:hover{box-shadow:var(--shadow-secondary);transform:translateY(-3px)}.new-episode-card h3{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-sm)}.new-episode-card p{margin:0;opacity:.9}.no-comics,.no-episodes{color:var(--color-text-secondary);padding:var(--spacing-3xl) var(--spacing-lg);text-align:center}.no-comics p,.no-episodes p{font-size:var(--font-size-xl);margin-bottom:25px}.access-restricted{background:var(--color-bg-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);padding:var(--spacing-2xl);text-align:center}.restricted-content h2{color:var(--color-text-primary);font-size:var(--font-size-3xl);margin-bottom:var(--spacing-lg)}.restricted-content p{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-2xl)}.action-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:center}@media (max-width:768px){.comic-creation-page{padding:15px}.page-header h1{font-size:var(--font-size-4xl)}.comics-list,.episodes-list,.main-actions{grid-template-columns:1fr}.action-buttons{align-items:center;flex-direction:column}.action-buttons button{max-width:300px;width:100%}}@media (max-width:480px){.page-header{padding:var(--spacing-lg)}.page-header h1{font-size:var(--font-size-3xl)}.page-header p{font-size:var(--font-size-lg)}}.comics-builder{background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;width:100%}.comics-builder,.comics-builder-loading{display:flex;flex-direction:column;height:100vh}.comics-builder-loading{align-items:center;gap:20px;justify-content:center}.spinner{border:4px solid #f3f3f3;border-top-color:#00d564;height:50px;width:50px}.builder-header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;color:#fff;justify-content:space-between;padding:15px 25px}.builder-header,.header-left{align-items:center;display:flex}.header-left{flex:0 1 auto;gap:20px;min-width:0}.builder-header .comic-info{align-items:flex-start;display:flex;flex-direction:column;gap:2px;min-width:0}.builder-header .comic-info__title{font-size:14px;line-height:1.2;max-width:30ch;overflow-wrap:anywhere;white-space:normal}.builder-header .comic-info__meta{align-items:center;display:flex;font-size:11px;gap:8px;opacity:.92}.builder-header .comic-info__meta .comic-id{white-space:nowrap}.builder-header h2{font-size:24px;font-weight:600;margin:0}.last-saved{background:#fff3;border-radius:15px;font-size:12px;opacity:.8;padding:5px 10px}.header-right{flex-wrap:wrap;gap:4px;justify-content:flex-end}.builder-header .btn-close,.builder-header .btn-primary,.builder-header .btn-secondary,.builder-header .btn-success{align-items:center;border:none;border-radius:6px;box-sizing:border-box;cursor:pointer;display:flex;font-size:11px;font-weight:500;gap:2px;height:28px;line-height:1.15;padding:4px 8px;transition:all .3s ease;white-space:nowrap}.builder-header .btn-secondary{background:#fff3;color:#fff}.builder-header .btn-secondary:hover{background:#ffffff4d}.builder-header .btn-primary{background:#00d564;color:#fff}.builder-header .btn-primary:hover{background:#00b854;transform:translateY(-1px)}.builder-header .btn-primary:disabled{background:#ccc;cursor:not-allowed;transform:none}.builder-header .btn-success{background:#00d564;color:#fff}.builder-header .btn-success:hover{background:#00b854;transform:translateY(-1px)}.builder-header .btn-close{background:#fff3;color:#fff;font-size:14px;padding:4px 7px}.builder-header .btn-close:hover{background:#f009}.error-banner{align-items:center;background:#f44;color:#fff;display:flex;justify-content:space-between;padding:12px 20px}.error-banner button{background:none;border:none;color:#fff;cursor:pointer;font-size:20px}.builder-content{display:flex;flex:1 1;overflow:hidden}.builder-sidebar-left{border-right:1px solid #e0e0e0;box-shadow:0 0 20px #0000000d;max-width:800px;min-width:160px;position:relative}.builder-sidebar-left,.builder-sidebar-right{background:#fff;flex-shrink:0;overflow-y:auto;padding:20px}.builder-sidebar-right{border-left:1px solid #e0e0e0;box-shadow:-4px 0 12px #0006;height:calc(100vh - 140px);max-width:600px;min-width:200px;position:fixed;right:0;top:140px;transition:transform .3s ease,left .3s ease,right .3s ease;z-index:1000}.builder-sidebar-right.hidden{transform:translateX(100%)}.builder-sidebar-right.align-left{left:250px;right:auto}.builder-sidebar-right.align-left.hidden{transform:translateX(-100%)}.builder-sidebar-right.docked{border-left:1px solid #e0e0e0;box-shadow:none;flex-shrink:0;height:auto;left:auto;position:relative;right:auto;top:auto;transform:none;z-index:auto}.builder-sidebar-right.docked.dock-left{border-left:none;border-right:1px solid #e0e0e0;order:-1}.sidebar-resize-handle{background:#0000;cursor:col-resize;height:100%;position:absolute;top:0;transition:background-color .2s ease;width:4px;z-index:100}.sidebar-resize-handle:before{content:"";height:100%;left:-4px;position:absolute;top:0;width:12px}.sidebar-resize-handle-right{right:0}.sidebar-resize-handle-left{left:0}.sidebar-resize-handle:active,.sidebar-resize-handle:hover{background-color:#00d564}body.resizing-sidebar{cursor:col-resize!important;-webkit-user-select:none;user-select:none}.sidebar-resize-handle:hover:after{background:#00d564;border-radius:2px;content:"";height:40px;left:50%;opacity:.6;position:absolute;top:50%;transform:translate(-50%,-50%);width:3px}.tool-section{margin-bottom:30px}.tool-section h3{border-bottom:2px solid #00d564;color:#333;font-size:16px;font-weight:600;margin:0 0 15px;padding-bottom:8px}.tool-buttons{display:flex;flex-direction:column;gap:8px}.tool-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:12px 15px;transition:all .3s ease}.tool-btn:hover{background:#f0fdf4;border-color:#00d564}.tool-btn.active{background:#e8f5e8;border-color:#00d564;font-weight:600}.tool-icon{font-size:20px}.bubble-types-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(2,1fr)}.bubble-type-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;font-size:10px;gap:2px;min-height:36px;padding:5px 4px;transition:all .3s ease}.bubble-type-btn:hover{background:#f0fdf4;border-color:#00d564;transform:translateY(-2px)}.bubble-type-btn.active{background:#e8f5e8;border-color:#00d564;box-shadow:0 4px 12px #00d5644d}.bubble-icon,.bubble-type-btn .icon,.bubble-type-btn svg{font-size:14px;height:14px;transition:transform .2s ease;width:14px}.bubble-label,.bubble-type-btn span{color:#333;font-size:9px;font-weight:500;line-height:1.2;text-align:center}.bubble-text-input{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:14px;padding:12px;resize:vertical;transition:border-color .3s ease;width:100%}.bubble-text-input:focus{border-color:#00d564;outline:none}.btn-add-bubble{background:#00d564;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:10px;padding:12px;transition:all .3s ease;width:100%}.btn-add-bubble:hover:not(:disabled){background:#00b854;transform:translateY(-2px)}.btn-add-bubble:disabled{background:#ccc;cursor:not-allowed}.history-controls{align-items:center;border-right:1px solid #e0e0e0;display:flex;gap:6px;margin-right:7px;padding-right:7px}.history-controls button{background:#fff;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:8px;font-weight:500;padding:4px 8px;transition:all .3s ease}.history-controls button:hover:not(:disabled){background:#f0fdf4;border-color:#00d564}.history-controls button:disabled{cursor:not-allowed;opacity:.4}.builder-canvas-area{background:#e8e8e8;display:flex;flex-direction:column}.canvas-toolbar{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;flex-wrap:nowrap;gap:7px;height:42px;justify-content:space-between;padding:6px 10px}.canvas-toolbar .zoom-level,.canvas-toolbar button{align-items:center!important;box-sizing:border-box!important;display:inline-flex!important;font-size:11px!important;
  /* !important is needed to defeat the legacy per-button rules
     (.btn-add-panel, .btn-delete-panel, .panel-navigation button) that
     used 8-10px font and 4-6px vertical padding with !important. */height:30px!important;justify-content:center!important;line-height:1.15!important;min-height:30px!important;padding-left:10px!important;padding-right:10px!important;white-space:nowrap!important}.canvas-toolbar .canvas-actions,.canvas-toolbar .history-controls,.canvas-toolbar .panel-navigation,.canvas-toolbar .panel-type-selector,.canvas-toolbar .zoom-controls{align-items:center!important;display:flex!important;flex-direction:row!important;gap:5px!important;margin-right:6px!important;padding-right:6px!important;white-space:nowrap}.canvas-toolbar .toolbar-label{font-size:11px!important;margin-right:4px!important;white-space:nowrap}.zoom-controls{align-items:center;border-right:1px solid #e0e0e0;display:flex;gap:7px;margin-right:7px;padding-right:7px}.zoom-controls button{background:#fff;border:2px solid #00d564;border-radius:6px;cursor:pointer;font-size:10px;font-weight:600;padding:4px 7px;transition:all .3s ease}.zoom-controls button:hover{background:#00d564;border-color:#00d564;color:#fff;transform:scale(1.05)}.zoom-level{background:#e6f9f0;border:2px solid #00d564;border-radius:6px;color:#00a651;font-size:10px;font-weight:700;min-width:50px;padding:6px 11px;text-align:center}.panel-navigation{align-items:center;border-right:1px solid #e0e0e0;display:flex;gap:7px;margin-right:7px;padding-right:7px}.panel-navigation button{background:#fff;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:8px;padding:4px 7px;transition:all .2s}.panel-navigation button:hover:not(:disabled){background:#f5f5f5;border-color:#00d564}.panel-navigation button:disabled{cursor:not-allowed;opacity:.4}.btn-add-panel{background:#00d564!important;border-color:#00d564!important;color:#fff!important;font-size:8px!important;font-weight:500;padding:4px 7px!important}.btn-add-panel:hover:not(:disabled){background:#00bf59!important}.btn-delete-panel{background:#f44!important;border-color:#f44!important;color:#fff!important;font-size:8px!important;font-weight:600!important;padding:4px 7px!important}.btn-delete-panel:hover:not(:disabled){background:#c00!important}.panel-type-selector{align-items:center;display:flex;gap:6px}.toolbar-label{color:#666;font-size:10px;font-weight:600;margin-right:4px}.panel-type-btn{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;display:flex;font-size:8px;font-weight:500;gap:4px;padding:4px 8px;transition:all .3s ease}.panel-type-btn:hover{background:#f5f5f5;border-color:#00d564}.panel-type-btn.active{background:#00d564;border-color:#00d564;color:#fff;font-weight:600}.canvas-info{color:#666;font-size:8px;font-weight:600;padding:0 6px}.canvas-actions button{background:#fff;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:8px;padding:4px 7px;transition:all .3s ease}.canvas-actions button:hover{background:#f5f5f5;border-color:#00d564}.canvas-wrapper{align-items:center;display:flex;flex:1 1;justify-content:center;overflow:auto;padding:20px 20px 20px 0;position:relative}.inline-text-editor{pointer-events:all}.inline-text-editor textarea{box-shadow:0 4px 20px #00d56466;font-weight:500;line-height:1.4}.comic-canvas{background:#fff;border-radius:4px;box-shadow:0 10px 50px #0003;max-height:100%;max-width:100%;touch-action:none;-webkit-user-select:none;user-select:none}.comic-canvas.dragging-image{cursor:move!important}.comic-canvas.dragging-tail{cursor:grabbing!important}.comic-canvas.hovering-tail{cursor:grab!important}.canvas-status{align-items:center;background:#fff;border-top:1px solid #e0e0e0;display:flex;font-size:13px;justify-content:space-between;padding:12px 20px}.selection-info{color:#00d564;font-weight:500}.bubble-count{color:#666}.properties-section{margin-bottom:20px}.properties-section h3{border-bottom:2px solid #00d564;color:#333;font-size:16px;font-weight:600;margin:0 0 15px;padding-bottom:8px}.property-group{margin-bottom:15px}.property-group label{color:#555;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.property-group input[type=number],.property-group input[type=text],.property-group select,.property-group textarea{border:2px solid #e0e0e0;border-radius:6px;font-family:inherit;font-size:13px;padding:8px 12px;transition:border-color .3s ease;width:100%}.property-group input:focus,.property-group select:focus,.property-group textarea:focus{border-color:#00d564;outline:none}.property-group input[type=range]{margin:5px 0;width:100%}.property-group input[type=color]{border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;height:40px;padding:3px;width:100%}.property-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.button-group{display:flex;gap:5px}.button-group button{background:#fff;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;flex:1 1;font-size:16px;padding:10px;transition:all .3s ease}.button-group button:hover{background:#f0fdf4;border-color:#00d564}.button-group button.active{background:#e8f5e8;border-color:#00d564;font-weight:600}.bubble-actions{grid-gap:10px;border-top:1px solid #e0e0e0;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:20px;padding-top:20px}.btn-delete,.btn-duplicate{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;padding:10px;transition:all .3s ease}.btn-duplicate{background:#4caf50;color:#fff}.btn-duplicate:hover{background:#45a049;transform:translateY(-1px)}.btn-delete{background:#f44336;color:#fff}.btn-delete:hover{background:#da190b;transform:translateY(-1px)}.no-selection{align-items:center;color:#999;display:flex;flex-direction:column;height:200px;justify-content:center;padding:40px 20px;text-align:center}.no-selection p{font-size:14px;margin:8px 0}.layers-section{border-top:2px solid #e0e0e0;margin-top:20px;padding-top:20px}.layers-section h3{color:#333;font-size:16px;font-weight:600;margin:0 0 15px}.layers-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.layer-item{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:all .3s ease}.layer-item:hover{background:#f0fdf4;border-color:#00d564}.layer-item.active{background:#e8f5e8;border-color:#00d564;box-shadow:0 2px 8px #00d56433}.layer-icon{font-size:20px}.layer-text{flex:1 1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-type{background:#f5f5f5}.layer-type,.layer-z{border-radius:10px;color:#666;font-size:11px;padding:3px 8px}.layer-z{background:#e3f2fd;font-weight:600}.layer-controls{background:#f5f5f5;border-radius:6px;display:flex;gap:8px;margin-bottom:12px;padding:8px}.layer-btn{background:#fff;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;flex:1 1;font-size:16px;padding:8px 12px;transition:all .2s ease}.layer-btn:hover{background:#f0fdf4;border-color:#00d564;transform:translateY(-1px)}.layer-btn:active{transform:translateY(0)}.layer-item[draggable=true]{cursor:move}.layer-item[draggable=true]:active{opacity:.5}.builder-sidebar-left::-webkit-scrollbar,.builder-sidebar-right::-webkit-scrollbar,.layers-list::-webkit-scrollbar{width:8px}.builder-sidebar-left::-webkit-scrollbar-track,.builder-sidebar-right::-webkit-scrollbar-track,.layers-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.builder-sidebar-left::-webkit-scrollbar-thumb,.builder-sidebar-right::-webkit-scrollbar-thumb,.layers-list::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.builder-sidebar-left::-webkit-scrollbar-thumb:hover,.builder-sidebar-right::-webkit-scrollbar-thumb:hover,.layers-list::-webkit-scrollbar-thumb:hover{background:#555}@media (min-width:1920px){.builder-sidebar-left,.builder-sidebar-right{max-width:800px;min-width:200px}}@media (min-width:1280px) and (max-width:1919px){.builder-sidebar-left,.builder-sidebar-right{max-width:600px;min-width:200px}}@media (max-width:1279px){.sidebar-resize-handle{display:none}.builder-content{flex-direction:column}.builder-sidebar-left,.builder-sidebar-right{max-height:300px;max-width:none;min-width:auto;width:100%!important}.bubble-types-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.builder-header{flex-direction:column;gap:15px}.header-left,.header-right{justify-content:center;width:100%}.bubble-types-grid{grid-template-columns:repeat(3,1fr)}.canvas-toolbar{flex-direction:column;gap:15px}.property-row{grid-template-columns:1fr}}@media print{.builder-header,.builder-sidebar-left,.builder-sidebar-right,.canvas-status,.canvas-toolbar{display:none}.builder-canvas-area{height:100%;width:100%}.comic-canvas{box-shadow:none;max-height:100%;max-width:100%}}.hidden{display:none!important}.visible{display:block!important}.disabled{opacity:.5;pointer-events:none}[title]{cursor:help;position:relative}.preview-modal{align-items:center;animation:fadeIn .2s ease;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.preview-content{animation:slideIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;max-height:95vh;max-width:95vw;overflow:hidden}.preview-content.preview-pc{width:90vw}.preview-content.preview-mobile{width:425px}.preview-header{align-items:center;background:#f9f9f9;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 24px}.preview-header h2{color:#333;font-size:20px;font-weight:600;margin:0}.preview-close{align-items:center;background:#f44336;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.preview-close:hover{background:#da190b;transform:scale(1.1)}.preview-canvas-container{align-items:center;background:#f0f0f0;display:flex;flex:1 1;justify-content:center;overflow:auto;padding:24px}.preview-canvas-container.mobile{background:#333;padding:40px 24px}.preview-canvas{background:#fff;box-shadow:0 4px 16px #0003;max-height:100%;max-width:100%}.preview-footer{background:#f9f9f9;border-top:2px solid #e0e0e0;padding:16px 24px;text-align:center}.preview-footer p{color:#666;font-size:14px;margin:0}.modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.modal-content{animation:slideIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;max-height:90vh;max-width:600px;overflow-x:hidden;overflow-y:auto;width:90%}.modal-header{align-items:center;background:#f9f9f9;border-bottom:2px solid #e0e0e0;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h2{color:#333;font-size:20px;font-weight:600;margin:0}.modal-close{align-items:center;background:#f44336;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.modal-close:hover{background:#da190b;transform:scale(1.1)}.modal-body{padding:24px}.modal-body>p{color:#666;font-size:15px;margin-top:0}.modal-question{color:#333;font-size:17px;font-weight:600;margin-bottom:16px}.export-options{display:flex;flex-direction:column;gap:12px;margin-top:16px}.export-option-btn{align-items:flex-start;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;padding:16px 20px;text-align:left;transition:all .2s ease}.export-option-btn:hover{background:#f0fdf4;border-color:#00d564;transform:translateX(4px)}.export-icon{font-size:32px;margin-bottom:8px}.export-title{color:#333;display:block;font-size:18px;font-weight:600;margin-bottom:4px}.export-desc{color:#666;font-size:14px}.comment-options{display:flex;flex-direction:column;gap:12px;margin:16px 0}.comment-option{align-items:center;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;padding:14px 16px;transition:all .2s ease}.comment-option:hover{background:#f0fdf4;border-color:#00d564}.comment-option input[type=radio]{cursor:pointer;height:20px;margin-right:12px;width:20px}.comment-option span{color:#333;font-size:15px}.moderation-info{background:#f9f9f9;border-left:4px solid #00d564;border-radius:4px;margin:20px 0;padding:16px}.moderation-info p{color:#333;font-size:15px;margin:0 0 12px}.moderation-info ul{margin:12px 0;padding-left:20px}.moderation-info li{margin:8px 0}.contact-info,.moderation-info li{color:#666;font-size:14px}.contact-info a{color:#00d564;text-decoration:none}.contact-info a:hover{text-decoration:underline}.modal-actions{border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:20px}.btn-success{background:#00d564;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.btn-success:hover{background:#00b854;box-shadow:0 2px 8px #00d5644d;transform:translateY(-1px)}.btn-success:active{transform:translateY(0)}.modal-large{max-width:800px;overflow-x:hidden}.modal-subtitle{color:#666;font-size:16px;margin-bottom:24px;text-align:center}.initial-options{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-top:20px}.initial-option-card{align-items:center;background:#fff;border:3px solid #e0e0e0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;padding:32px 24px;text-align:center;transition:all .3s ease}.initial-option-card:hover{background:#f0fdf4;border-color:#00d564;box-shadow:0 8px 20px #00d56433;transform:translateY(-4px)}.option-icon{font-size:64px;margin-bottom:16px}.initial-option-card h3{color:#333;font-size:20px;font-weight:600;margin:0 0 12px}.initial-option-card p{color:#666;font-size:14px;margin:0}.questionnaire{background:#f9f9f9;border-radius:8px;display:flex;flex-direction:column;gap:12px;margin:20px 0;max-height:400px;overflow-y:auto;padding:12px}.question-item{background:#fff;border:2px solid #e0e0e0;border-radius:6px;padding:14px 16px;transition:all .2s ease}.question-item:hover{border-color:#00d564}.question-item label{align-items:flex-start;cursor:pointer;display:flex}.question-item input[type=checkbox]{cursor:pointer;flex-shrink:0;height:20px;margin-right:12px;margin-top:2px;width:20px}.question-item span{color:#333;font-size:15px;line-height:1.5}.age-rating-selection{background:#f0f9ff;border:2px solid #0ea5e9;border-radius:8px;margin:24px 0 16px;padding:16px}.age-rating-selection p{color:#333;font-size:15px;margin:0 0 8px}.age-rating-select{background:#fff;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:15px;margin-bottom:12px;padding:10px 14px;width:100%}.age-rating-note{color:#0369a1;font-size:14px;margin-top:8px}.age-verify-content{padding:16px 0}.age-verify-message{background:#fff3cd;border:2px solid #ffc107;border-radius:8px;color:#333;font-size:16px;margin-bottom:20px;padding:16px;text-align:center}.age-verify-options{display:flex;flex-direction:column;gap:12px;margin-top:24px}.age-verify-btn{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;padding:16px 24px;text-align:left;transition:all .2s ease}.age-verify-btn.confirm{background:#00d564;color:#fff}.age-verify-btn.confirm:hover{background:#00b854;box-shadow:0 4px 12px #00d5644d;transform:translateY(-2px)}.age-verify-btn.deny{background:#f44336;color:#fff}.age-verify-btn.deny:hover{background:#da190b;box-shadow:0 4px 12px #f443364d;transform:translateY(-2px)}.comic-list{display:flex;flex-direction:column;gap:12px;margin:16px 0;max-height:400px;overflow-x:hidden;overflow-y:auto}.comic-item{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;gap:16px;max-width:100%;overflow:hidden;padding:16px;transition:all .2s ease}.comic-item:hover{background:#f0fdf4;border-color:#00d564;transform:translateX(4px)}.comic-cover{align-items:center;background:#f5f5f5;border-radius:8px;display:flex;flex-shrink:0;font-size:48px;height:80px;justify-content:center;width:80px}.comic-info{flex:1 1;min-width:0;overflow:hidden}.comic-info h4{color:#333;font-size:18px;font-weight:600;max-width:100%}.comic-info h4,.comic-info p{margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comic-info p{color:#666;font-size:14px}.comic-status{background:#e0e0e0;border-radius:12px;color:#666;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.comic-status.published{background:#d4edda;color:#155724}.no-comics-message{color:#999;font-style:italic;margin-top:16px;text-align:center}.confirmation-checklist{display:flex;flex-direction:column;gap:12px;margin:20px 0}.confirmation-item{align-items:flex-start;background:#f9f9f9;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;padding:14px 16px;transition:all .2s ease}.confirmation-item:hover{background:#f0fdf4;border-color:#00d564}.confirmation-item input[type=checkbox]{cursor:pointer;flex-shrink:0;height:20px;margin-right:12px;margin-top:2px;width:20px}.confirmation-item span{color:#333;font-size:15px;line-height:1.5}.legal-notice{background:#fff3cd;border:2px solid #ffc107;border-radius:8px;margin:20px 0;padding:16px}.legal-notice p{color:#856404;font-size:14px;margin:0}@media (max-width:768px){.initial-options{grid-template-columns:1fr}.modal-large{max-width:95vw}.option-icon{font-size:48px}.initial-option-card h3{font-size:18px}}@media (prefers-color-scheme:dark){.comics-builder{background:#1a1a1a}.builder-sidebar-left,.builder-sidebar-right,.canvas-status,.canvas-toolbar{background:#2a2a2a;color:#e0e0e0}.properties-section h3,.tool-section h3{color:#e0e0e0}.bubble-type-btn,.layer-item,.tool-btn{background:#333;border-color:#444;color:#e0e0e0}.bubble-type-btn:hover,.layer-item:hover,.tool-btn:hover{background:#3a3a3a}.comic-canvas{box-shadow:0 10px 50px #00000080}input,select,textarea{background:#333;border-color:#444;color:#e0e0e0}.shortcuts-section h3{color:#e0e0e0}.shortcut-item{background:#2a2a2a}.shortcut-item:hover{background:#1a3a2a}}.shortcuts-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:20px 0}.shortcuts-section h3{border-bottom:2px solid #00d564;color:#333;font-size:18px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.shortcut-item{align-items:center;background:#f9f9f9;border-radius:6px;display:flex;gap:12px;margin:12px 0;padding:8px;transition:all .2s ease}.shortcut-item:hover{background:#f0fdf4;transform:translateX(4px)}kbd{background:linear-gradient(180deg,#fff,#e0e0e0);border:1px solid #999;border-radius:4px;box-shadow:0 2px 0 #0003,inset 0 0 0 2px #fff;color:#333;display:inline-block;font-family:Courier New,monospace;font-size:12px;font-weight:600;line-height:1;min-width:24px;padding:4px 8px;text-align:center}.shortcut-item span{color:#666;flex:1 1;font-size:14px}.shortcuts-tip{background:#fff3cd;border:2px solid #ffc107;border-radius:8px;color:#856404;font-size:14px;margin-top:24px;padding:16px;text-align:center}.shortcuts-tip kbd{margin:0 4px}.performance-indicator{align-items:center;background:#000000d9;border-radius:6px;bottom:20px;box-shadow:0 2px 8px #0000004d;color:#fff;display:flex;font-family:Courier New,monospace;font-size:12px;gap:8px;padding:8px 12px;position:fixed;right:20px;z-index:9999}.performance-indicator .fast{color:#00d564}.performance-indicator .slow{animation:pulse 1s infinite;color:#ff6b6b}.performance-indicator .bubble-count{color:#999;font-size:11px}.loading-overlay{align-items:center;background:#ffffffe6;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:9998}.loading-spinner{animation:spin .8s linear infinite;border:4px solid #e0e0e0;border-radius:50%;border-top-color:#00d564;height:50px;width:50px}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #00d564;outline-offset:2px}@media (prefers-contrast:high){.btn-primary,.btn-secondary,.btn-success,kbd{border-width:2px}}.properties-panel-backdrop{background:#00000080;bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:140px;transition:opacity .3s ease;z-index:999}.properties-panel-backdrop.visible{opacity:1;pointer-events:all}.properties-toggle-btn{align-items:center;background:#00d564;border:none;border-radius:8px 0 0 8px;box-shadow:-2px 2px 8px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:24px;height:48px;justify-content:center;position:fixed;right:0;top:150px;transition:all .3s ease;width:48px;z-index:1001}.properties-toggle-btn:hover{background:#00b854;transform:translateX(-4px)}.properties-toggle-btn:active{transform:translateX(-2px)}.properties-toggle-btn.panel-open{right:300px}.properties-toggle-btn.align-left{border-radius:0 8px 8px 0;left:250px;right:auto}.properties-toggle-btn.align-left.panel-open{left:550px}.properties-toggle-btn .toggle-icon{transition:transform .3s ease}.properties-toggle-btn.panel-open .toggle-icon{transform:rotate(180deg)}.properties-toggle-btn .sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.builder-sidebar-right.transitioning{transition:transform .3s ease,left .3s ease,right .3s ease}.builder-canvas-area{flex:1 1;min-width:320px}.builder-sidebar-right:focus-within{outline:3px solid #00d56480;outline-offset:-3px}.builder-sidebar-right button:focus-visible,.builder-sidebar-right input:focus-visible,.builder-sidebar-right select:focus-visible,.builder-sidebar-right textarea:focus-visible{box-shadow:0 0 0 4px #00d56433;outline:3px solid #00d564;outline-offset:2px}.builder-sidebar-right.pinned{box-shadow:-4px 0 12px #00d56499,0 0 0 3px #00d5644d}@media (prefers-reduced-motion:reduce){.builder-sidebar-right,.properties-panel-backdrop,.properties-toggle-btn,.properties-toggle-btn .toggle-icon{transition:none}}.panel-settings-section{border-bottom:2px solid #e0e0e0;margin-bottom:16px;padding:12px 0}.panel-settings-controls{display:flex;gap:8px;margin-bottom:8px}.panel-setting-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:600;gap:4px;justify-content:center;padding:8px 12px;transition:all .2s ease}.panel-setting-btn:hover{background:#f0fdf4;border-color:#00d564;transform:translateY(-1px)}.panel-setting-btn.active{background:#00d564;border-color:#00d564;box-shadow:0 2px 8px #00d5644d;color:#fff}.panel-setting-btn:focus-visible{outline:3px solid #00d564;outline-offset:2px}.panel-analytics-display{background:#f9f9f9;border-radius:4px;font-family:Courier New,monospace;padding:8px}.panel-analytics-display small{color:#666;font-size:10px;line-height:1.4}@media (min-width:1920px){.builder-sidebar-right{max-width:600px}.properties-toggle-btn{font-size:26px;height:52px;width:52px}}@media (min-width:1280px) and (max-width:1919px){.builder-sidebar-right{max-width:500px}.panel-settings-controls{flex-direction:column;gap:6px}.panel-setting-btn{font-size:11px;padding:6px 10px}}@media (max-width:1279px){.builder-sidebar-right{max-width:90vw;width:400px!important}.properties-toggle-btn{font-size:22px;height:44px;width:44px}.properties-panel-backdrop.visible{background:#000000b3}.panel-setting-btn{font-size:11px;padding:6px 8px}}@media (min-width:768px) and (max-width:1024px){.builder-sidebar-right{width:350px!important}.panel-settings-controls{flex-direction:column}}@media (max-width:767px){.builder-sidebar-right{max-width:350px;width:90vw!important}.properties-toggle-btn{font-size:20px;height:40px;top:160px;width:40px}.panel-settings-section{margin-bottom:12px;padding:8px 0}.panel-settings-controls{flex-direction:column;gap:6px}.panel-analytics-display{padding:6px}.panel-analytics-display small{font-size:9px}}.builder-sidebar-right,.properties-panel-backdrop,.properties-toggle-btn{transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform,opacity}.builder-sidebar-right.hidden{pointer-events:none}.properties-panel-backdrop{backface-visibility:hidden;-webkit-backface-visibility:hidden}@supports (transform:translate3d(0,0,0)){.builder-sidebar-right.hidden{transform:translate3d(100%,0,0)}.builder-sidebar-right.align-left.hidden{transform:translate3d(-100%,0,0)}}.builder-sidebar-right{contain:layout style}.panel-preferences-modal{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;left:50%;max-width:400px;padding:24px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:10001}.preference-option{align-items:center;background:#f9f9f9;border:2px solid #0000;border-radius:6px;display:flex;justify-content:space-between;margin:8px 0;padding:12px;transition:all .2s ease}.preference-option:hover{background:#f0fdf4;border-color:#00d564}.preference-option label{color:#333;cursor:pointer;font-size:14px;font-weight:500}.preference-option input[type=checkbox],.preference-option input[type=radio]{cursor:pointer;height:20px;width:20px}.credits-section{background:#f7faff;border:1px solid #e0e8f5;border-radius:8px;margin:20px 0;padding:16px}.credits-section h3{margin:0 0 6px}.credits-hint{color:#555;font-size:13px;margin:0 0 14px}.credits-row{background:#fff;border:1px solid #e0e8f5;border-radius:6px;margin-bottom:10px;padding:12px}.credits-row-header{color:#333;margin-bottom:8px}.credits-row-fields{grid-gap:8px;display:grid;gap:8px;grid-template-columns:2fr 1fr;margin-bottom:8px}.credits-row-fields input{border:1px solid #ccc;border-radius:4px;font-size:13px;padding:8px 10px}.credits-row-checkbox{align-items:center;color:#444;cursor:pointer;display:flex;font-size:13px;gap:6px}.credits-row-checkbox input[type=checkbox]{cursor:pointer;height:16px;width:16px}@media (max-width:600px){.credits-row-fields{grid-template-columns:1fr}}.submission-success .celebration-line{background:#e8f7ee;border-left:4px solid #00d564;border-radius:6px;color:#0a8f4f;font-size:16px;font-weight:600;margin:0 0 12px;padding:12px 14px}.submission-success .moderation-line{background:#fff7e8;border-left:4px solid #f5b400;border-radius:6px;color:#333;font-size:14px;margin:0 0 16px;padding:10px 14px}.submission-success .submission-meta{color:#444;font-size:13px;list-style:none;margin:0 0 16px;padding:0}.submission-success .submission-meta li{padding:4px 0}.panel-blank-hint{background:#fafafa;border-left:3px solid #00d564;border-radius:4px;color:#555;font-size:12px;margin:8px 0 0;padding:8px 10px}.word-glossary{margin-top:8px}.word-glossary__toggle{background:none;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:12px;padding:5px 10px}.word-glossary__panel{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:8px;padding:10px}.word-glossary__hint{color:#9ca3af;font-size:11px;line-height:1.4;margin:0 0 8px}.word-glossary__list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.word-glossary__item{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.word-glossary__word{color:#111827;font-size:12px;font-weight:600;min-width:90px}.word-glossary__input{border:1px solid #d1d5db;border-radius:6px;flex:1 1 120px;font-size:12px;min-width:100px;padding:4px 8px}.word-glossary__readonly{color:#4b5563;flex:1 1 120px;font-size:12px;font-style:italic}.word-glossary__save{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:12px;padding:3px 9px}.word-glossary__save--saved{background:#dcfce7;border-color:#86efac;color:#16a34a}.word-glossary__save--error{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.word-glossary__save:disabled{cursor:default;opacity:.7}.word-glossary__senses{display:flex;flex-basis:100%;flex-wrap:wrap;gap:4px;margin-left:96px}.word-glossary__sense-chip{background:#fff;border:1px solid #d1d5db;border-radius:999px;color:#374151;cursor:pointer;font-size:11px;padding:1px 8px}.word-glossary__sense-chip.is-active{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}.payment-page{font-family:var(--font-primary);margin:0 auto;max-width:var(--max-width-xl);padding:var(--spacing-lg)}.payment-header{background:linear-gradient(135deg,var(--color-secondary) 0,var(--color-accent) 100%);border-radius:var(--radius-2xl);color:var(--color-text-white);margin-bottom:var(--spacing-2xl);padding:var(--spacing-2xl) var(--spacing-lg);text-align:center}.payment-header h1{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);margin-bottom:15px}.payment-header p{font-size:var(--font-size-xl);margin:0;opacity:.9}.payment-content{grid-gap:var(--spacing-2xl);display:grid;gap:var(--spacing-2xl)}.plans-section h2{color:var(--color-text-primary);font-size:var(--font-size-4xl);text-align:center}.plans-grid,.plans-section h2{margin-bottom:var(--spacing-2xl)}.plans-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.plan-card{background:var(--color-bg-primary);border:3px solid var(--color-border-medium);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);cursor:pointer;padding:var(--spacing-2xl);position:relative;text-align:center;transition:all var(--transition-base)}.plan-card:hover{box-shadow:var(--shadow-2xl);transform:translateY(-5px)}.plan-card.selected{border-color:var(--color-secondary);box-shadow:var(--shadow-secondary)}.plan-card.popular{border-color:var(--color-warning);position:relative}.popular-badge{background:var(--color-warning);border-radius:var(--radius-full);color:var(--color-text-white);font-size:var(--font-size-sm);left:50%;padding:var(--spacing-sm) var(--spacing-lg);position:absolute;top:-15px;transform:translateX(-50%)}.plan-card h3,.popular-badge{font-weight:var(--font-weight-semibold)}.plan-card h3{color:var(--color-text-primary);font-size:var(--font-size-2xl);margin-bottom:var(--spacing-lg)}.plan-price{margin-bottom:25px}.plan-price .price{color:var(--color-secondary);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold)}.plan-price .period{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin-left:5px}.plan-features{list-style:none;margin:0 0 25px;padding:0;text-align:left}.plan-features li{color:var(--color-text-primary);font-size:var(--font-size-base);padding:var(--spacing-sm) 0}.plan-features li:before{color:var(--color-success);content:"✓";font-weight:var(--font-weight-bold);margin-right:var(--spacing-sm)}.select-plan-btn{background:var(--color-border-medium);border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);padding:15px;transition:all var(--transition-base);width:100%}.select-plan-btn:hover{background:var(--color-secondary);color:var(--color-text-white)}.select-plan-btn.selected{background:var(--color-success);color:var(--color-text-white)}.payment-summary{background:var(--color-bg-secondary);border:2px solid var(--color-border-medium);border-radius:var(--radius-2xl);margin:0 auto;max-width:400px;padding:var(--spacing-2xl)}.payment-summary h3{color:var(--color-text-primary);font-size:var(--font-size-2xl);margin-bottom:25px;text-align:center}.summary-details{margin-bottom:25px}.summary-row{border-bottom:1px solid var(--color-border-dark);color:var(--color-text-primary);display:flex;justify-content:space-between;padding:12px 0}.summary-row.total{border-bottom:none;border-top:2px solid var(--color-border-dark);color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);padding-top:15px}.pay-now-btn{background:linear-gradient(135deg,var(--color-secondary) 0,var(--color-accent) 100%);border:none;border-radius:var(--radius-lg);color:var(--color-text-white);cursor:pointer;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);transition:all var(--transition-base);width:100%}.pay-now-btn:hover:not(:disabled){box-shadow:var(--shadow-secondary);transform:translateY(-2px)}.pay-now-btn:disabled{cursor:not-allowed;opacity:.6}.message.success{background:var(--color-success-light);border:1px solid var(--color-success);color:var(--color-success-dark)}.message.error{background:var(--color-danger-light);border:1px solid var(--color-danger);color:var(--color-danger-dark)}.login-required{background:var(--color-warning-light);border:1px solid var(--color-warning);border-radius:var(--radius-md);color:var(--color-warning-dark);padding:var(--spacing-lg);text-align:center}.login-required p{margin-bottom:15px}.login-btn,.login-required p{font-weight:var(--font-weight-semibold)}.login-btn{background:var(--color-secondary);border:none;border-radius:var(--radius-md);color:var(--color-text-white);cursor:pointer;padding:12px 25px;transition:background var(--transition-base)}.login-btn:hover{background:var(--color-secondary-dark)}.benefits-section{padding:var(--spacing-2xl) 0;text-align:center}.benefits-section h3{color:var(--color-text-primary);font-size:var(--font-size-4xl);margin-bottom:var(--spacing-2xl)}.benefits-grid{grid-gap:var(--spacing-2xl);display:grid;gap:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.benefit-item{background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-2xl) var(--spacing-lg);transition:transform var(--transition-base)}.benefit-item:hover{transform:translateY(-5px)}.benefit-icon{font-size:var(--font-size-5xl);margin-bottom:var(--spacing-lg)}.benefit-item h4{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:15px}.benefit-item p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}@media (max-width:768px){.payment-page{padding:15px}.payment-header{padding:var(--spacing-2xl) 15px}.payment-header h1{font-size:var(--font-size-4xl)}.payment-header p{font-size:var(--font-size-lg)}.plans-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.plan-card{padding:25px var(--spacing-lg)}.benefits-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.payment-summary{max-width:100%}}@media (max-width:480px){.payment-header h1{font-size:var(--font-size-3xl)}.plan-card{padding:var(--spacing-lg) 15px}.plan-price .price{font-size:var(--font-size-3xl)}}.creator-profile,.creators-directory{padding:24px 0}.creator-profile--error,.creator-profile--loading,.creators-directory--empty,.creators-directory--error,.creators-directory--loading{color:#555;padding:40px 20px;text-align:center}.creators-directory__header{margin-bottom:24px}.creators-directory__header h3{font-size:1.6rem;margin:0 0 6px}.creators-directory__subtitle{color:#555;margin:0 0 8px;max-width:720px}.creators-directory__count{color:#888;font-size:.9rem;margin:0}.creators-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));list-style:none;margin:0;padding:0}.creator-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:16px;transition:box-shadow .15s ease,transform .15s ease}.creator-card:hover{box-shadow:0 6px 18px #0000000f;transform:translateY(-1px)}.creator-card__name{background:none;border:none;color:#00a86b;cursor:pointer;display:block;font-size:1.1rem;font-weight:600;padding:0;text-align:left;width:100%}.creator-card__name:focus-visible,.creator-card__name:hover{outline:none;text-decoration:underline}.creator-card__meta{display:flex;flex-wrap:wrap;gap:6px}.creator-card__lang{background:#eef6ff;border-radius:999px;color:#0a558c;font-size:.7rem;font-weight:700;letter-spacing:.05em;padding:2px 8px}.creator-card__role{background:#f3f4f6;border-radius:999px;color:#374151;font-size:.75rem;padding:2px 8px}.creator-card__comics{display:flex;flex-direction:column;gap:4px;list-style:none;margin:0;padding:0}.creator-card__comic-link{align-items:center;background:none;border:none;color:#06c;cursor:pointer;display:flex;font-size:.95rem;gap:8px;padding:4px 0;text-align:left;text-decoration:none}.creator-card__comic-link:focus-visible,.creator-card__comic-link:hover{color:#004a99;outline:none}.creator-card__comic-link:focus-visible span,.creator-card__comic-link:hover span{text-decoration:underline}.creator-card__comic-cover{border-radius:4px;flex-shrink:0;height:36px;object-fit:cover;width:36px}.creator-card__comic-cover--placeholder{align-items:center;background:#f3f4f6;border-radius:4px;display:flex;flex-shrink:0;font-size:18px;height:36px;justify-content:center;width:36px}.creators-empty-state{background:#fafafa;border:1px dashed #d1d5db;border-radius:12px;margin-left:auto;margin-right:auto;margin-top:24px;max-width:600px;padding:24px}.creator-profile__back{background:none;border:none;color:#06c;cursor:pointer;font-size:.95rem;padding:0 0 12px}.creator-profile__back:hover{text-decoration:underline}.creator-profile__header{border-bottom:1px solid #e5e7eb;margin-bottom:24px;padding-bottom:16px}.creator-profile__name{font-size:2rem;margin:0 0 8px}.creator-profile__meta{display:flex;flex-wrap:wrap;gap:6px}.creator-profile__comics h4{margin:0 0 12px}.creator-profile__comics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));list-style:none;margin:0;padding:0}.creator-profile__comic{display:flex}.creator-profile__comic-button{background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:12px;text-align:left;transition:box-shadow .15s ease,transform .15s ease;width:100%}.creator-profile__comic-button:hover{box-shadow:0 6px 18px #0000000f;transform:translateY(-1px)}.creator-profile__comic-cover{aspect-ratio:2/3;background:#f4f4f4;border-radius:8px;object-fit:cover;width:100%}.creator-profile__comic-cover--blank{border:1px dashed #cbd5e0}.creator-profile__comic-title{color:#1f2937;font-weight:600;line-height:1.3}.creator-profile__comic-role{color:#6b7280;font-size:.75rem}.moderation-screen{padding:24px 0}.mod-header h3{font-size:1.5rem;margin:0 0 6px}.mod-header p{color:#555;margin:0 0 16px;max-width:720px}.mod-stats-panel{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;margin:0 0 20px;padding:16px 20px}.mod-stat-row{border-bottom:1px dashed #e5e7eb;display:flex;font-size:.9rem;gap:12px;justify-content:space-between;padding:4px 0}.mod-stat-row__label{color:#4b5563}.mod-stat-row__value{color:#111827;font-weight:600}.mod-stats-table{border-collapse:collapse;font-size:.88rem;margin-top:6px;width:100%}.mod-stats-table td,.mod-stats-table th{border-bottom:1px solid #e5e7eb;padding:6px 10px;text-align:left}.mod-stats-table th{color:#6b7280;font-weight:600}.mod-feedback-tabs{display:flex;gap:8px;margin-bottom:14px}.mod-feedback-tab{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#4b5563;cursor:pointer;font-size:.88rem;font-weight:600;padding:6px 14px}.mod-feedback-tab--active{background:#2563eb;border-color:#2563eb;color:#fff}.mod-flash{border-radius:8px;cursor:pointer;font-size:.95rem;margin:0 0 14px;padding:10px 14px}.mod-flash--ok{background:#ecfdf5;border-left:4px solid #10b981;color:#047857}.mod-flash--error{background:#fef2f2;border-left:4px solid #ef4444;color:#b91c1c}.mod-error{color:#b91c1c}.mod-empty{background:#fafafa;border:1px dashed #d1d5db;border-radius:12px;color:#6b7280;padding:24px;text-align:center}.mod-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.mod-row{background:#fff;border:1px solid #e5e7eb;border-radius:10px;gap:12px;justify-content:space-between;padding:12px 14px}.mod-row,.mod-row__main{align-items:center;display:flex;flex-wrap:wrap}.mod-row__main{gap:10px}.mod-id{color:#9ca3af;display:inline-block;font-size:11px;font-weight:500;margin-right:4px;vertical-align:initial}.mod-row__meta{color:#6b7280;font-size:.85rem}.mod-row__actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.mod-status-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.85rem;padding:6px 10px}.mod-status-select:disabled{cursor:default;opacity:.6}.mod-info{color:#6b7280;font-size:.9rem;font-style:italic}.mod-status{background:#f3f4f6;border-radius:999px;color:#374151;font-size:.7rem;letter-spacing:.04em;padding:2px 8px;text-transform:uppercase}.mod-status--pending_moderation,.mod-status--submitted{background:#fff7e8;color:#92400e}.mod-status--in_linguist_review{background:#eef6ff;color:#1e40af}.mod-status--linguist_returned{background:#fef3c7;color:#92400e}.mod-status--approved_text{background:#ecfdf5;color:#047857}.mod-status--published{background:#d1fae5;color:#065f46}.mod-status--pending_changes{background:#fffbeb;color:#b45309}.mod-status--open{background:#eef6ff;color:#1e40af}.mod-status--returned{background:#fef3c7;color:#92400e}.mod-status--resolved{background:#ecfdf5;color:#047857}.mod-status--pending{background:#f3f4f6;color:#374151}.mod-status--accepted{background:#ecfdf5;color:#047857}.mod-status--rejected{background:#fef2f2;color:#b91c1c}.mod-status--in_progress{background:#eef6ff;color:#1e40af}.mod-status--returned_to_author{background:#fef3c7;color:#92400e}.mod-status--audio_offered{background:#ede9fe;color:#5b21b6}.mod-day-badge{border-radius:999px;font-size:.7rem;font-weight:600;margin-left:4px;padding:2px 8px}.mod-day-badge--green{background:#d1fae5;color:#065f46}.mod-day-badge--yellow{background:#fef9c3;color:#854d0e}.mod-day-badge--red{background:#fee2e2;color:#b91c1c}.mod-section-title{border-bottom:1px solid #e5e7eb;color:#374151;font-size:1rem;font-weight:600;margin:20px 0 10px;padding-bottom:6px}.mod-pending-diff{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#4b5563;font-size:.82rem;margin-top:4px;max-width:420px;padding:6px 10px}.ling-review__toolbar{display:flex;gap:10px;justify-content:space-between;margin-bottom:16px}.author-corrections__bubbles,.ling-review__bubbles{display:flex;flex-direction:column;gap:16px}.author-bubble,.ling-bubble{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:14px}.ling-bubble__text small{color:#6b7280}.ling-bubble__text p{background:#fafafa;border-radius:6px;font-size:.95rem;margin:6px 0 12px;padding:8px 10px;white-space:pre-wrap}.ling-bubble__existing{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0 0 10px;padding:0}.ling-bubble__existing li{align-items:center;display:flex;font-size:.85rem;gap:8px}.ling-bubble__form{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr 1fr auto}.ling-bubble__form input{border:1px solid #cbd5e0;border-radius:6px;font-size:.9rem;padding:8px 10px}@media (max-width:800px){.ling-bubble__form{grid-template-columns:1fr}}.ling-notes{background:#eef6ff;border-left:4px solid #2563eb;border-radius:6px;font-size:.95rem;margin:0 0 14px;padding:10px 12px}.author-corrections__list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.author-correction{background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;padding:10px 12px}.author-correction--accepted{background:#ecfdf5;border-left:4px solid #10b981}.author-correction--rejected{background:#fef2f2;border-left:4px solid #ef4444}.author-correction__diff{align-items:center;display:flex;flex-wrap:wrap;font-size:.95rem;gap:8px}.author-correction__from{background:#fef2f2;border-radius:4px;color:#b91c1c;padding:2px 6px;text-decoration:line-through}.author-correction__to{background:#ecfdf5;border-radius:4px;color:#047857;padding:2px 6px}.author-correction__why{font-style:italic}.author-correction__comment,.author-correction__why{color:#4b5563;font-size:.9rem;margin:6px 0 0}.author-correction__actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.author-correction__reject-form{display:flex;flex-direction:column;gap:8px;margin-top:10px}.author-correction__reject-form textarea{border:1px solid #cbd5e0;border-radius:6px;font-family:inherit;font-size:.9rem;padding:8px 10px;resize:vertical}.author-correction__reject-actions{display:flex;gap:8px}.trans-form{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:16px;padding:16px}.trans-form h4{margin:0 0 12px}.trans-form__grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.trans-form__grid label{color:#374151;display:flex;flex-direction:column;font-size:.85rem;gap:4px}.trans-form__grid input,.trans-form__grid select{border:1px solid #cbd5e0;border-radius:6px;font-size:.95rem;padding:8px 10px}.trans-form__wide{grid-column:1/-1}.trans-form__actions{display:flex;gap:8px;margin-top:12px}.trans-list__filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.trans-list__filters input{border:1px solid #cbd5e0;border-radius:6px;flex:1 1;font-size:.9rem;min-width:200px;padding:8px 10px}.trans-table{background:#fff;border:1px solid #e5e7eb;border-collapse:collapse;border-radius:10px;overflow:hidden;width:100%}.trans-table th{background:#f9fafb;color:#6b7280;font-size:.8rem;letter-spacing:.05em;padding:10px 12px;text-align:left;text-transform:uppercase}.trans-table td{border-top:1px solid #f3f4f6;font-size:.95rem;padding:10px 12px;vertical-align:top}.trans-table tr.is-editing{background:#fef3c7}.trans-table__lookup{color:#9ca3af;font-size:.75rem;margin-top:2px}.trans-table__actions{display:flex;gap:6px}@media (max-width:700px){.trans-form__grid{grid-template-columns:1fr}.trans-table thead{display:none}.trans-table tr{border-top:1px solid #f3f4f6;display:block;padding:8px 0}.trans-table td{border:0;display:block;padding:4px 12px}}.phrase-tagger__source-switch{display:flex;gap:8px;margin-bottom:12px}.phrase-tagger__picker{color:#374151;display:block;font-size:.9rem;margin-bottom:12px}.phrase-tagger__picker select{border:1px solid #cbd5e0;border-radius:6px;font-size:.9rem;min-width:260px;padding:6px 8px}.phrase-tagger__row{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:8px;padding:10px 12px}.phrase-tagger__row-label{color:#9ca3af;font-size:.75rem;letter-spacing:.04em;margin-bottom:4px;text-transform:uppercase}.phrase-tagger__row-text{font-size:.95rem;margin-bottom:8px}.phrase-tagger__row-controls{align-items:center;display:flex;font-size:.85rem;gap:10px}.phrase-tagger__row-controls select{border:1px solid #cbd5e0;border-radius:6px;font-size:.85rem;padding:4px 6px}.phrase-tagger__saving{color:#9ca3af}.phrase-tagger__note{border:1px solid #cbd5e0;border-radius:6px;font-family:inherit;font-size:.85rem;margin-top:8px;padding:6px 8px;width:100%}.books-catalog{padding-bottom:40px}.books-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.books-toolbar select{background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;color:#374151;flex-shrink:0;font-size:13px;padding:7px 12px;width:auto}.books-toolbar select:focus{border-color:#00d564;outline:none}.books-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.book-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;cursor:pointer;overflow:hidden;transition:transform .15s,box-shadow .15s,border-color .15s}.book-card:hover{border-color:#00d564;box-shadow:0 8px 24px #0000001a;transform:translateY(-3px)}.book-card__cover{align-items:center;background:linear-gradient(135deg,#e0f2fe,#bae6fd);display:flex;font-size:60px;height:220px;justify-content:center;object-fit:cover;width:100%}.book-card__cover img{height:100%;object-fit:cover;width:100%}.book-card__body{padding:12px}.book-card__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#111827;display:-webkit-box;font-size:14px;font-weight:700;margin:0 0 4px;overflow:hidden}.book-card__author{color:#6b7280;font-size:12px;margin:0 0 6px}.book-card__meta{color:#9ca3af;display:flex;flex-wrap:wrap;font-size:11px;gap:8px}.book-card__badge{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:20px;color:#16a34a;display:inline-block;font-size:11px;font-weight:600;padding:2px 8px}.book-card__badge--premium{background:#fefce8;border-color:#fde047;color:#ca8a04}.book-reader{align-items:start;display:grid;grid-template-columns:220px 1fr 220px;grid-template-rows:auto 1fr;min-height:80vh}.book-reader__sidebar{border-right:1.5px solid #e5e7eb;grid-column:1;grid-row:2;height:calc(100vh - 137px);overflow-y:auto;padding:20px 0;position:sticky;top:57px}.book-reader__content{grid-column:2;grid-row:2;min-width:0;padding:32px 28px 80px}.book-reader__phrase-col{border-left:1.5px solid #f3f4f6;grid-column:3;grid-row:2;min-width:0;position:relative}.book-reader__phrase-panel{left:16px;position:absolute;right:16px;top:32px;transition:top .25s ease}.book-reader__phrase-panel--empty{opacity:0;pointer-events:none}.book-reader__phrase-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.book-reader__phrase-idx{color:#9ca3af;font-size:11px;font-weight:700;letter-spacing:.06em;margin:0;text-transform:uppercase}.book-reader__phrase-plus{align-items:center;background:#fff;border:1.5px solid #00d564;border-radius:50%;color:#00d564;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:22px;justify-content:center;line-height:1;transition:background .12s,color .12s;width:22px}.book-reader__phrase-plus--active,.book-reader__phrase-plus:hover{background:#00d564;color:#fff}.book-reader__phrase-text{border-left:3px solid #00d564;color:#111827;font-family:Georgia,Times New Roman,serif;font-size:14px;line-height:1.75;margin:0 0 8px;padding-left:10px;word-break:break-word}.book-reader__phrase-trans{border-left:3px solid #d1fae5;color:#6b7280;font-size:12px;font-style:italic;line-height:1.55;margin:0;padding-left:13px}.book-reader__phrase-actions{border-top:1.5px dashed #e5e7eb;display:flex;flex-direction:column;gap:8px;margin-top:10px;padding-top:10px}.book-reader__phrase-actions-trans{border-left:3px solid #d1fae5;color:#6b7280;font-size:12px;font-style:italic;line-height:1.5;margin:0;padding-left:8px}.book-reader__phrase-save-btn{background:#fff;border:1.5px solid #00d564;border-radius:8px;color:#059669;cursor:pointer;display:block;font-size:12px;font-weight:700;padding:7px 10px;text-align:center;transition:background .12s;width:100%}.book-reader__phrase-save-btn:hover:not(:disabled){background:#f0fdf4}.book-reader__phrase-save-btn--saved{background:#f0fdf4;border-color:#86efac;color:#059669;cursor:default}.book-reader__phrase-save-btn:disabled{cursor:default;opacity:.6}.book-reader__phrase-words-label{color:#9ca3af;font-size:10px;font-weight:700;letter-spacing:.06em;margin:0;text-transform:uppercase}.book-reader__phrase-words{display:flex;flex-wrap:wrap;gap:4px}.book-reader__phrase-word{background:#fff;border:1.5px solid #e5e7eb;border-radius:20px;color:#374151;cursor:pointer;font-size:11px;padding:3px 8px;transition:border-color .12s,background .12s,color .12s}.book-reader__phrase-word:hover:not(:disabled){background:#f0fdf4;border-color:#00d564;color:#059669}.book-reader__phrase-word--saved{background:#f0fdf4;border-color:#86efac;color:#059669;cursor:default}.book-reader__phrase-word:disabled:not(.book-reader__phrase-word--saved){cursor:default;opacity:.5}.book-reader__phrase-word-wrap{align-items:flex-start;display:flex;flex-direction:column;gap:1px}.book-reader__phrase-word-trans{color:#9ca3af;font-size:10px;line-height:1.2;padding-left:2px}@media (max-width:1000px){.book-reader{grid-template-columns:200px 1fr 180px}.book-reader__phrase-panel{left:10px;right:10px}.book-reader__phrase-text{font-size:13px}}@media (max-width:760px){.book-reader{grid-template-columns:1fr;grid-template-rows:auto auto 1fr}.book-audio-bar{grid-column:1;grid-row:1}.book-reader__sidebar{border-bottom:1.5px solid #e5e7eb;border-right:none;grid-column:1;grid-row:2;height:auto;padding:12px 0;position:static;top:auto}.book-reader__content{grid-column:1;grid-row:3;padding:20px 16px 40px}.book-reader__phrase-col{display:none}}.book-nav__title{color:#9ca3af;font-size:12px;font-weight:700;letter-spacing:.06em;margin-bottom:8px;padding:0 16px;text-transform:uppercase}.book-nav__chapter{background:none;border:none;color:#374151;cursor:pointer;display:block;font-size:13px;padding:9px 16px;text-align:left;transition:background .12s;width:100%}.book-nav__chapter:hover{background:#f9fafb}.book-nav__chapter--active{background:#f0fdf4;color:#16a34a;font-weight:700}.book-nav__chapter--locked{color:#d1d5db;cursor:default}.book-nav__lock{font-size:11px;margin-left:4px}.book-reader__header{border-bottom:1.5px solid #e5e7eb;margin-bottom:24px;padding-bottom:16px}.book-reader__back{background:none;border:none;color:#00b356;cursor:pointer;display:block;font-size:13px;font-weight:600;margin-bottom:12px;padding:0}.book-reader__back:hover{text-decoration:underline}.book-reader__book-title{color:#6b7280;font-size:13px;margin:0 0 4px}.book-reader__chapter-title{color:#111827;font-size:22px;font-weight:800;margin:0}.book-reader__toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.book-reader__toolbar-btn{background:#fff;border:1.5px solid #e5e7eb;border-radius:20px;color:#374151;cursor:pointer;font-size:12px;font-weight:600;padding:6px 14px;transition:background .12s,border-color .12s}.book-reader__toolbar-btn:hover{background:#f9fafb}.book-reader__toolbar-btn--active{background:#00d564;border-color:#00d564;color:#fff}.book-reader__text{font-family:Georgia,Times New Roman,serif;-webkit-hyphens:auto;hyphens:auto;text-align:justify}.book-paragraph{margin-bottom:1.4em}.book-paragraph--indent{text-indent:2em}.book-sentence{border-radius:3px;color:#1f2937;cursor:pointer;display:inline;font-size:17px;line-height:1.85;transition:background .12s}.book-sentence:hover{background:#00d56414}.book-sentence--active{background:#00d5642e;border-bottom:2px solid #00d564}.book-sentence--no-audio{cursor:default}.book-sentence--no-audio:hover{background:none}.book-sentence-translation{border-left:3px solid #d1fae5;color:#6b7280;display:block;font-family:inherit;font-size:13px;font-style:italic;line-height:1.5;margin:2px 0 6px 2px;padding-left:8px}.book-illustration{margin:28px 0;text-align:center}.book-illustration img{border-radius:12px;box-shadow:0 4px 20px #0000001a;max-width:100%}.book-illustration__caption{color:#9ca3af;font-size:13px;font-style:italic;margin-top:8px}.book-dict-popover{background:#111827;border-radius:10px;box-shadow:0 8px 24px #0000004d;color:#fff;display:flex;flex-direction:column;font-size:13px;gap:8px;min-width:200px;padding:10px 14px;position:fixed;z-index:9000}.book-dict-popover__word{font-size:14px;font-weight:700}.book-dict-popover__btn{background:#00d564;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:700;padding:6px 12px}.book-dict-popover__btn:hover{background:#00b356}.book-dict-popover__btn--saved{background:#374151;cursor:default}.book-dict-popover__close{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:14px;position:absolute;right:8px;top:6px}.book-audio-bar{align-items:center;background:#fff;border-bottom:1.5px solid #e5e7eb;display:flex;gap:12px;grid-column:1/-1;grid-row:1;padding:10px 20px;position:sticky;top:0;z-index:100}.book-audio-bar__controls{align-items:center;display:flex;gap:8px}.book-audio-bar__btn{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:50%;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;width:36px}.book-audio-bar__btn:hover{background:#f9fafb}.book-audio-bar__btn--play{background:#00d564;border-color:#00d564;color:#fff}.book-audio-bar__btn--play:hover{background:#00b356}.book-audio-bar__progress{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.book-audio-bar__progress-label{color:#9ca3af;font-size:11px;font-weight:600}.book-audio-bar__progress-track{background:#f3f4f6;border-radius:2px;height:4px;overflow:hidden}.book-audio-bar__progress-fill{background:#00d564;border-radius:2px;height:100%;transition:width .25s linear}.book-audio-bar__toggle{background:none;border:none;color:#6b7280;cursor:pointer;font-size:12px;font-weight:600;white-space:nowrap}.book-audio-bar__toggle--on{color:#00b356}.book-gate-wall{background:linear-gradient(180deg,#0000,#fffffff7 40%);margin-top:-60px;padding:40px 20px 20px;position:relative;text-align:center}.book-gate-wall__icon{font-size:44px;margin-bottom:12px}.book-gate-wall__title{color:#111827;font-size:20px;font-weight:800;margin-bottom:8px}.book-gate-wall__desc{color:#6b7280;font-size:14px;margin-bottom:20px;margin-left:auto;margin-right:auto;max-width:380px}.book-gate-wall__btn{background:#00d564;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:700;margin-bottom:10px;padding:13px 32px}.book-gate-wall__btn:hover{background:#00b356}.book-gate-wall__secondary{color:#9ca3af;font-size:13px}.books-empty{color:#9ca3af;padding:60px 20px;text-align:center}.books-empty__icon{font-size:48px;margin-bottom:12px}.book-editor{max-width:700px}.book-editor__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.book-editor__header h2{font-size:20px;font-weight:800;margin:0}.book-editor__steps-indicator{display:flex;gap:8px}.book-editor__step-dot{align-items:center;background:#f3f4f6;border:2px solid #e5e7eb;border-radius:50%;color:#9ca3af;display:flex;font-size:12px;font-weight:700;height:28px;justify-content:center;width:28px}.book-editor__step-dot.active{background:#00d564;border-color:#00d564;color:#fff}.book-editor__step-dot.done{background:#d1fae5;border-color:#6ee7b7;color:#065f46}.book-editor__step-title{color:#111827;font-size:16px;font-weight:700;margin:0 0 20px}.book-editor__hint{color:#6b7280;font-size:13px;margin-bottom:16px}.book-editor__warn{background:#fefce8;border:1px solid #fde047;border-radius:8px;color:#b45309;font-size:13px;margin-bottom:16px;padding:10px 14px}.book-editor__field{margin-bottom:16px}.book-editor__field label{color:#374151;display:block;font-size:13px;font-weight:600;margin-bottom:5px}.book-editor__field input,.book-editor__field select,.book-editor__field textarea{background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;box-sizing:border-box;color:#111827;font-size:14px;padding:8px 12px;width:100%}.book-editor__field input:focus,.book-editor__field select:focus,.book-editor__field textarea:focus{border-color:#00d564;outline:none}.book-editor__row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr}@media (max-width:600px){.book-editor__row{grid-template-columns:1fr}}.book-editor__cover-row{align-items:center;display:flex;gap:12px}.book-editor__cover-preview{border:1.5px solid #e5e7eb;border-radius:6px;height:80px;object-fit:cover;width:60px}.book-editor__actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:24px}.book-editor__chapter-list{list-style:none;margin:0 0 16px;padding:0}.book-editor__chapter-row{align-items:center;border:1.5px solid #e5e7eb;border-radius:10px;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:8px;padding:12px 14px}.book-editor__chapter-info{flex:1 1;min-width:0}.book-editor__chapter-info strong{color:#111827;font-size:14px}.book-editor__chapter-meta{color:#9ca3af;display:block;font-size:12px;margin-top:2px}.book-editor__chapter-actions{display:flex;flex-shrink:0;gap:8px}.book-editor__text-area-wrap{display:flex;flex-direction:column;gap:8px;margin-top:8px;width:100%}.book-editor__text-area-wrap textarea{box-sizing:border-box;font-size:13px;line-height:1.6;width:100%}.book-editor__add-chapter{display:flex;gap:8px;margin-bottom:8px}.book-editor__add-chapter input{border:1.5px solid #e5e7eb;border-radius:8px;flex:1 1;font-size:14px;padding:8px 12px}.book-editor__add-chapter input:focus{border-color:#00d564;outline:none}.book-editor__review-card{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:12px;margin-bottom:20px;padding:16px 20px}.book-editor__review-row{align-items:baseline;display:flex;font-size:14px;gap:12px;margin-bottom:8px}.book-editor__review-row span:first-child{color:#6b7280;flex-shrink:0;min-width:110px}.book-editor__chapter-loading{color:#9ca3af;font-size:13px;padding:8px 0;width:100%}.book-editor__sentences-wrap{margin-top:10px;width:100%}.book-editor__sentence-list{background:#fafafa;border:1.5px solid #e5e7eb;border-radius:10px;margin:0 0 8px;max-height:500px;overflow-y:auto;padding:0}.book-editor__sentence-row{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;gap:6px;padding:8px 12px}.book-editor__sentence-row:last-child{border-bottom:none}.book-editor__sentence-text{color:#1f2937;flex:1 1;font-size:14px;line-height:1.55}.book-editor__sentence-edit-btn{background:none;border:none;cursor:pointer;flex-shrink:0;font-size:14px;opacity:.5;padding:2px 4px;transition:opacity .12s}.book-editor__sentence-edit-btn:hover{opacity:1}.book-editor__sentence-input{border:1.5px solid #00d564;border-radius:6px;box-sizing:border-box;font-size:14px;padding:6px 8px;resize:vertical;width:100%}.book-editor__ill-slot{display:flex;flex-direction:column;gap:6px;padding:2px 0}.book-editor__ill-zone{align-items:center;display:flex;height:28px;justify-content:center;opacity:0;transition:opacity .15s}.book-editor__ill-slot:focus-within .book-editor__ill-zone,.book-editor__ill-slot:hover .book-editor__ill-zone{opacity:1}.book-editor__ill-insert-btn{background:none;border:1.5px dashed #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;font-size:11px;font-weight:600;padding:3px 12px;transition:border-color .12s,color .12s}.book-editor__ill-insert-btn:hover:not(:disabled){border-color:#00d564;color:#059669}.book-editor__ill-insert-btn:disabled{cursor:default;opacity:.5}.book-editor__ill-card{background:#fafafa;border:1.5px solid #e5e7eb;border-radius:10px;overflow:hidden}.book-editor__ill-preview{background:#f3f4f6;display:block;max-height:280px;object-fit:contain;width:100%}.book-editor__ill-meta{align-items:center;display:flex;gap:8px;padding:8px 10px}.book-editor__ill-caption{border-radius:4px;color:#374151;cursor:pointer;flex:1 1;font-size:12px;padding:2px 4px}.book-editor__ill-caption:hover{background:#f3f4f6}.book-editor__ill-caption-input{border:1.5px solid #00d564;border-radius:6px;flex:1 1;font-size:12px;padding:4px 8px}.book-editor__ill-delete-btn{background:none;border:none;color:#9ca3af;cursor:pointer;flex-shrink:0;font-size:15px;padding:2px 4px;transition:color .12s}.book-editor__ill-delete-btn:hover:not(:disabled){color:#dc2626}.book-editor__audio-section{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;margin-top:16px;padding:12px 14px}.book-editor__audio-section--marking{background:#fff8f0;border-color:#fbbf24}.book-editor__audio-title{color:#374151;font-size:13px;font-weight:600;margin:0 0 8px}.book-editor__audio-status{color:#6b7280;font-size:13px}.book-editor__audio-status--ok{color:#059669;font-weight:500}.book-editor__tc-list{border:1px solid #e5e7eb;border-radius:8px;list-style:none;margin:0;max-height:320px;overflow-y:auto;padding:0}.book-editor__tc-row{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;font-size:13px;gap:8px;padding:7px 10px}.book-editor__tc-row:last-child{border-bottom:none}.book-editor__tc-row--current{background:#fffbeb}.book-editor__tc-row--done{background:#f0fdf4}.book-editor__tc-time{font-feature-settings:"tnum";color:#6b7280;flex-shrink:0;font-size:12px;font-variant-numeric:tabular-nums;padding-top:1px;width:52px}.book-editor__tc-text{flex:1 1;line-height:1.4}.book-editor__tc-mark-btn{background:#00d564;border:none;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:0;font-size:12px;font-weight:600;padding:3px 10px}.book-editor__tc-mark-btn:hover{background:#00b854}.book-editor__tc-check{color:#059669;flex-shrink:0;font-weight:700}.book-reader-overlay{align-items:flex-start;background:#00000073;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:40px 16px;position:fixed;z-index:1000}.book-reader-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000038;display:flex;flex-direction:column;max-height:85vh;max-width:700px;width:100%}.book-reader-modal__header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:12px;padding:16px 20px}.book-reader-modal__header h3{flex:1 1;font-size:16px;margin:0}.book-reader-modal__trans-controls{align-items:center;display:flex;font-size:13px;gap:8px}.book-reader-modal__trans-toggle-label{align-items:center;color:#6b7280;cursor:pointer;display:flex;gap:4px}.book-reader-modal__trans-select{border:1px solid #e5e7eb;border-radius:6px;font-size:12px;padding:3px 6px}.book-reader-modal__close{background:none;border:none;color:#6b7280;cursor:pointer;font-size:18px;line-height:1}.book-reader-modal__body{flex:1 1;overflow-y:auto;padding:16px 20px}.book-reader-modal__ch-btn{align-items:center;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;font-size:14px;gap:6px;margin-bottom:4px;padding:10px 12px;text-align:left;transition:border-color .15s;width:100%}.book-reader-modal__ch-btn:hover{border-color:#00d564}.book-reader-modal__ch-btn.active{background:#f0fdf4;border-color:#00d564}.book-reader-modal__badge{background:#fbbf24;border-radius:10px;color:#fff;font-size:11px;font-weight:700;margin-left:auto;padding:1px 6px}.book-reader-modal__chapter-content{border-left:3px solid #e5e7eb;margin-bottom:8px;padding:10px 0 6px 12px}.book-reader-modal__sentences{list-style:decimal;margin:8px 0;padding-left:20px}.book-reader-modal__sentence{font-size:14px;line-height:1.5;padding:6px 0}.book-reader-modal__sentence-body{align-items:flex-start;display:flex;flex-wrap:wrap;gap:6px}.book-reader-modal__sentence-text{flex:1 1}.book-reader-modal__sentence-trans{color:#6366f1;display:block;flex-basis:100%;font-size:12px;font-style:italic;margin-top:2px}.book-reader-modal__sentence-no-trans{color:#d1d5db;font-size:11px;font-style:italic}.book-reader-modal__comment-btn{background:none;border:1px solid #e5e7eb;border-radius:6px;color:#9ca3af;cursor:pointer;flex-shrink:0;font-size:12px;line-height:1.4;padding:2px 7px;transition:all .15s}.book-reader-modal__comment-btn:hover{border-color:#6366f1;color:#6366f1}.book-reader-modal__comment-btn.has-comments{background:#f0f1ff;border-color:#6366f1;color:#6366f1}.book-reader-modal__comment{background:#fef9c3;border-left:3px solid #fbbf24;border-radius:4px;font-size:13px;margin:4px 0;padding:4px 8px}.book-reader-modal__comment--chapter{background:#eff6ff;border-color:#3b82f6}.book-reader-modal__comment-form{margin-top:6px}.book-reader-modal__comment-form textarea{border:1.5px solid #00d564;border-radius:6px;box-sizing:border-box;font-size:13px;padding:6px 8px;resize:vertical;width:100%}.book-reader-modal__add-btn{background:none;border:none;color:#6b7280;cursor:pointer;font-size:12px;margin-top:2px;padding:2px 0}.book-reader-modal__add-btn:hover{color:#00d564}.book-reader-modal__chapter-comment{border-top:1px solid #f3f4f6;margin-top:12px;padding-top:10px}.book-card__difficulty{background:#eff6ff;border-radius:8px;color:#2563eb;display:inline-block;font-size:11px;font-weight:700;padding:1px 6px}.book-card__accent{color:#9ca3af;font-size:11px;margin:0 0 4px}.book-card__footer{align-items:center;display:flex;gap:8px;margin-top:6px}.book-card__likes{color:#ef4444;font-size:12px;font-weight:600}.books-toolbar select{min-width:110px}.book-reader__social{align-items:center;border-top:1px solid #f3f4f6;display:flex;gap:12px;margin-top:8px;padding:16px 0 8px}.book-reader__like-btn{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:20px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:4px;padding:6px 14px;transition:all .15s}.book-reader__like-btn--active,.book-reader__like-btn:hover{border-color:#ef4444;color:#ef4444}.book-reader__like-btn--active{background:#fff1f2}.book-reader__like-btn:disabled{cursor:default;opacity:.6}.book-reader__like-count{color:#6b7280;font-size:14px}.book-reader__comments-toggle{background:#fff;border:1.5px solid #e5e7eb;border-radius:20px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:600;padding:6px 14px;transition:border-color .15s}.book-reader__comments-toggle:hover{border-color:#6366f1;color:#6366f1}.book-reader__comments{background:#f9fafb;border-radius:12px;margin-top:4px;padding:16px}.book-reader__comment-form{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.book-reader__comment-input{border:1.5px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:8px 12px;resize:vertical;width:100%}.book-reader__comment-input:focus{border-color:#6366f1;outline:none}.book-reader__comment-submit{align-self:flex-end;background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:6px 16px}.book-reader__comment-submit:disabled{cursor:default;opacity:.5}.book-reader__comments-empty{color:#9ca3af;font-size:14px;padding:12px 0;text-align:center}.book-reader__comment-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.book-reader__comment{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:10px 12px}.book-reader__comment-meta{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:8px;margin-bottom:4px}.book-reader__comment-meta strong{color:#111827}.book-reader__comment-del{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:12px;margin-left:auto;padding:0}.book-reader__comment-del:hover{color:#ef4444}.book-reader__comment-text{font-size:14px;line-height:1.5;margin:0}.book-editor__sentence-main{align-items:flex-start;display:flex;gap:6px;width:100%}.book-editor__sent-trans{margin-top:4px}.book-editor__trans-toggle{background:none;border:none;color:#6366f1;cursor:pointer;font-size:12px;font-weight:600;padding:0}.book-editor__trans-toggle:hover{text-decoration:underline}.book-editor__trans-panel{background:#f8f9ff;border:1px solid #e0e7ff;border-radius:8px;margin-top:6px;padding:10px 12px}.book-editor__trans-list{display:flex;flex-direction:column;gap:4px;list-style:none;margin:0 0 10px;padding:0}.book-editor__trans-item{align-items:center;border-bottom:1px solid #e0e7ff;display:flex;font-size:12px;gap:8px;padding:4px 0}.book-editor__trans-lang{color:#6366f1;font-weight:700;min-width:28px}.book-editor__trans-text{color:#111827;flex:1 1}.book-editor__trans-status{font-size:14px}.book-editor__trans-status--approved{color:#059669}.book-editor__trans-status--rejected{color:#ef4444}.book-editor__trans-status--pending{color:#f59e0b}.book-editor__trans-approve{background:#059669;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:11px;padding:2px 8px}.book-editor__trans-reject{background:#ef4444}.book-editor__trans-chat-btn,.book-editor__trans-reject{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:11px;margin-left:4px;padding:2px 8px}.book-editor__trans-chat-btn{background:#6366f1}.btc-panel{background:#f8faff;border:1.5px solid #e0e7ff;border-radius:10px;margin-bottom:10px;overflow:hidden}.btc-panel__header{align-items:flex-start;background:#eef2ff;display:flex;gap:8px;justify-content:space-between;padding:8px 12px}.btc-panel__lang{background:#e0e7ff;border-radius:4px;color:#6366f1;font-size:11px;font-weight:700;margin-right:6px;padding:1px 6px}.btc-panel__text{color:#374151;font-size:13px}.btc-panel__status{color:#6b7280;font-size:11px;margin-left:8px}.btc-panel__status--pending{color:#f59e0b}.btc-panel__status--approved{color:#059669}.btc-panel__status--rejected{color:#ef4444}.btc-panel__close{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:1.2rem;line-height:1}.btc-panel__messages{display:flex;flex-direction:column;gap:8px;max-height:220px;overflow-y:auto;padding:10px 12px}.btc-panel__hint{color:#9ca3af;font-size:12px;margin:0}.btc-msg{display:flex;flex-direction:column;gap:2px;max-width:85%}.btc-msg--corrector{align-self:flex-start}.btc-msg--user{align-self:flex-end}.btc-msg__author{color:#9ca3af;font-size:10px}.btc-msg--corrector .btc-msg__author{text-align:left}.btc-msg--user .btc-msg__author{text-align:right}.btc-msg__body{border-radius:12px;font-size:13px;line-height:1.4;padding:6px 10px}.btc-msg--corrector .btc-msg__body{background:#e0e7ff;border-radius:4px 12px 12px 12px;color:#312e81}.btc-msg--user .btc-msg__body{background:#dcfce7;border-radius:12px 4px 12px 12px;color:#14532d}.btc-msg__time{color:#d1d5db;font-size:10px}.btc-panel__form{border-top:1px solid #e0e7ff;display:flex;gap:6px;padding:8px 12px}.btc-panel__form input{border:1.5px solid #e0e7ff;border-radius:8px;flex:1 1;font-size:12px;outline:none;padding:5px 10px}.btc-panel__form input:focus{border-color:#6366f1}.btc-panel__form button{background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;padding:5px 12px}.btc-panel__form button:disabled{opacity:.5}.btc-panel__actions{border-top:1px solid #e0e7ff;display:flex;gap:8px;justify-content:flex-end;padding:8px 12px}.book-editor__trans-add{align-items:center;display:flex;gap:6px}.book-editor__trans-add select{border:1.5px solid #e0e7ff;border-radius:6px;font-size:12px;padding:4px 6px;width:90px}.book-editor__trans-add input{border:1.5px solid #e0e7ff;border-radius:6px;flex:1 1;font-size:12px;padding:4px 8px}.book-editor__trans-add button{background:#6366f1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:4px 10px}.book-editor__trans-add button:disabled{cursor:default;opacity:.5}.book-editor__trans-tabs{display:flex;gap:4px;margin-bottom:8px}.book-editor__trans-tab{background:#fff;border:1.5px solid #c7d2fe;border-radius:12px;color:#6366f1;cursor:pointer;font-size:11px;padding:3px 10px}.book-editor__trans-tab.active{background:#6366f1;border-color:#6366f1;color:#fff}.book-editor__word-trans{display:flex;flex-direction:column;gap:6px}.book-editor__word-trans-toolbar{align-items:center;display:flex;gap:8px}.book-editor__word-lang-select{border:1.5px solid #e0e7ff;border-radius:6px;font-size:12px;padding:3px 6px}.book-editor__word-list{display:flex;flex-direction:column;gap:4px;list-style:none;margin:0;max-height:240px;overflow-y:auto;padding:0}.book-editor__word-item{grid-gap:6px;align-items:center;display:grid;gap:6px;grid-template-columns:90px 1fr 32px}.book-editor__word-text{color:#374151;font-size:12px;font-weight:600}.book-editor__word-input{border:1.5px solid #e0e7ff;border-radius:6px;font-size:12px;padding:3px 8px}.book-editor__word-save{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:13px;height:28px;justify-content:center;width:28px}.book-editor__word-save--idle{background:#e0e7ff;color:#6366f1}.book-editor__word-save--saving{background:#e5e7eb;color:#6b7280}.book-editor__word-save--saved{background:#d1fae5;color:#059669}.book-editor__word-save--error{background:#fee2e2;color:#ef4444}.book-editor__word-save:disabled{cursor:default;opacity:.5}.book-editor__word-senses{display:flex;flex-wrap:wrap;gap:4px;grid-column:2/-1;margin:-2px 0 4px}.book-editor__word-sense-chip{background:#fff;border:1.5px solid #e0e7ff;border-radius:999px;color:#6366f1;cursor:pointer;font-size:11px;padding:2px 8px}.book-editor__word-sense-chip:hover{background:#eef2ff}.book-editor__word-sense-chip.is-active{background:#6366f1;border-color:#6366f1;color:#fff}.my-dictionary{padding:24px 0}.dict-header h3{font-size:1.5rem;margin:0 0 6px}.dict-header p{color:#555;margin:0 0 6px;max-width:720px}.dict-header__count{color:#888;font-size:.9rem}.dict-error{color:#b91c1c}.dict-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 16px}.dict-tab{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#4b5563;cursor:pointer;font-size:.88rem;font-weight:600;padding:7px 14px}.dict-tab--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.dict-low-entries-hint{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;color:#92400e;font-size:.85rem;margin:0 0 12px;padding:8px 12px}.dict-flash{border-radius:8px;cursor:pointer;font-size:.95rem;margin:12px 0;padding:10px 14px}.dict-flash--ok{background:#ecfdf5;border-left:4px solid #10b981;color:#047857}.dict-flash--error{background:#fef2f2;border-left:4px solid #ef4444;color:#b91c1c}.dict-empty{background:#fafafa;border:1px dashed #d1d5db;border-radius:12px;color:#4b5563;margin:24px auto;max-width:640px;padding:32px;text-align:center}.dict-empty p{margin:0 0 10px}.dict-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.dict-search{flex:2 1 240px;min-width:200px}.dict-search,.dict-select{border:1px solid #cbd5e0;border-radius:8px;font-size:.95rem;padding:8px 12px}.dict-select{background:#fff;flex:1 1 160px;min-width:140px}.dict-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.dict-row{border-radius:12px;padding:14px 16px}.dict-row__head{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}.dict-row__word{color:#1f2937;font-size:1.05rem}.dict-row__lang,.dict-row__mastery,.dict-row__pos{background:#f3f4f6;border-radius:999px;color:#374151;font-size:.7rem;letter-spacing:.03em;padding:2px 8px;text-transform:uppercase}.dict-row__lang{background:#eef6ff;color:#1e40af;text-transform:lowercase}.dict-row__mastery{background:#ecfdf5;color:#047857}.dict-row__translation{color:#1f2937;font-weight:500;margin:4px 0 6px}.dict-row__context{color:#6b7280;font-style:italic;margin:0 0 6px}.dict-row__tags{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.dict-tag{background:#fffbeb;border-radius:999px;color:#92400e;font-size:.75rem;padding:2px 8px}.dict-row__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.dict-row__no-audio{align-self:center;color:#9ca3af;font-size:.8rem}.dict-row__no-source{color:#9ca3af;font-size:.9rem;font-style:italic}.dict-row__edit{display:flex;flex-direction:column;gap:8px}.dict-row__edit label{color:#374151;display:flex;flex-direction:column;font-size:.85rem;gap:4px}.dict-row__edit input{border:1px solid #cbd5e0;border-radius:6px;font-size:.95rem;padding:8px 10px}.dict-row__edit-actions{display:flex;gap:8px}.dict-header__sub{color:#6b7280;font-size:.9rem;margin:0 0 4px}.dict-train-bar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px;padding:8px 0}.dict-link-btn{background:none;border:none;color:#2563eb;cursor:pointer;font-size:.88rem;padding:0;text-decoration:underline;text-underline-offset:2px}.dict-link-btn:hover{color:#1d4ed8}.dict-train-btn{background:#00d98b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.88rem;font-weight:600;padding:7px 16px}.dict-train-btn:hover{background:#00c07a}.dict-row{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:10px;padding:12px 14px;transition:border-color .12s}.dict-row--selected{background:#eff6ff;border-color:#60a5fa}.dict-row__check input{cursor:pointer;margin-top:4px}.dict-row__body{flex:1 1;min-width:0}.dict-row__mastery{align-items:center;display:inline-flex;gap:3px}.mastery-dot{background:#e5e7eb;border-radius:50%;display:inline-block;height:8px;width:8px}.mastery-dot--filled{background:#00d98b}.dict-row__source{align-items:center;color:#6b7280;display:flex;flex-wrap:wrap;font-size:.82rem;gap:4px;margin:3px 0 6px}.dict-row__date{color:#9ca3af;font-size:.78rem}.to-train{margin:0 auto;max-width:600px;padding:24px 16px}.to-train__error{color:#b91c1c}.train-low-entries-banner{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;color:#92400e;font-size:.88rem;margin-bottom:16px;padding:10px 14px;text-align:left}.to-train--done,.to-train--empty{padding:48px 24px;text-align:center}.train-progress{align-items:center;color:#6b7280;display:flex;flex-wrap:wrap;font-size:.85rem;gap:12px;margin-bottom:28px}.train-progress__bar{display:flex;flex:1 1;gap:4px}.train-progress__step{background:#e5e7eb;border-radius:3px;flex:1 1;height:6px;transition:background .2s}.train-progress__step.--done{background:#00d98b}.train-progress__step.--active{background:#60a5fa}.train-skip-btn{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:.82rem;padding:0;text-decoration:underline;white-space:nowrap}.train-skip-btn:hover{color:#6b7280}.train-exercise-wrap{animation:ex-appear .18s ease;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 16px #0000000f;padding:28px 24px}@keyframes ex-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.train-audio-btn{align-items:center;background:#eef2ff;border:1.5px solid #c7d2fe;border-radius:20px;color:#4338ca;cursor:pointer;display:flex;font-size:.87rem;font-weight:600;gap:6px;margin:0 auto 16px;padding:6px 14px;transition:background .15s,border-color .15s}.train-audio-btn:hover{background:#e0e7ff;border-color:#a5b4fc}.train-audio-btn--playing{background:#dbeafe;border-color:#60a5fa;color:#1d4ed8}.audio-choice__play{align-items:center;background:#4338ca;border:none;border-radius:999px;color:#fff;cursor:pointer;display:flex;font-size:1.05rem;font-weight:600;gap:8px;margin:8px auto 20px;padding:14px 28px}.audio-choice__play:hover{background:#3730a3}.audio-choice__play--playing{background:#1d4ed8}.exercise__prompt{color:#6b7280;font-size:.85rem;letter-spacing:.05em;margin:0 0 10px;text-transform:uppercase}.exercise__word{color:#111827;font-size:1.5rem;font-weight:700;margin-bottom:8px;text-align:center}.exercise__context{color:#9ca3af;font-size:.85rem;font-style:italic;margin:0 0 16px;text-align:center}.exercise__hint{color:#6b7280;font-size:.88rem;margin-bottom:12px;text-align:center}.exercise__options{display:flex;flex-direction:column;gap:8px;margin-top:20px}.ex-option{background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;font-size:1rem;padding:12px 16px;text-align:left;transition:border-color .15s,background .15s}.ex-option:hover:not(:disabled){background:#eff6ff;border-color:#93c5fd}.ex-option--correct{background:#ecfdf5;border-color:#00d98b;color:#065f46;font-weight:600}.ex-option--wrong{background:#fef2f2;border-color:#f87171;color:#b91c1c}.assembly__dropzone{align-items:center;background:#f9fafb;border:2px dashed #d1d5db;border-radius:10px;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px;min-height:52px;padding:8px 10px}.assembly__placeholder{color:#9ca3af;font-size:.9rem;font-style:italic}.assembly__pool{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.assembly__chip{background:#fff;border:1.5px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:.95rem;padding:7px 14px;transition:border-color .12s,background .12s}.assembly__chip--placed,.assembly__chip:hover{background:#eff6ff;border-color:#60a5fa}.assembly__chip--placed{color:#1d4ed8}.assembly__chip--letter{border-radius:6px;font-size:1.1rem;font-weight:600;letter-spacing:0;min-width:36px;padding:8px 10px;text-align:center}.assembly__dropzone--letters{letter-spacing:2px;min-height:52px}.typing__input{border:2px solid #d1d5db;border-radius:10px;box-sizing:border-box;font-size:1.05rem;margin-bottom:12px;padding:12px 14px;transition:border-color .15s;width:100%}.typing__input:focus{border-color:#60a5fa;outline:none}.typing__input--correct{background:#ecfdf5;border-color:#00d98b}.typing__input--wrong{background:#fef2f2;border-color:#f87171}.ex-check-btn{background:#00d98b;border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:600;margin:0 auto;padding:10px 24px}.ex-check-btn:disabled{cursor:default;opacity:.45}.ex-result{border-radius:8px;font-size:1rem;font-weight:600;margin-top:14px;padding:10px 14px;text-align:center}.ex-result--correct{background:#ecfdf5;color:#065f46}.ex-result--wrong{background:#fef2f2;color:#b91c1c}.train-summary{align-items:center;display:flex;flex-direction:column;gap:12px}.train-summary__icon{font-size:3rem}.train-summary h3{font-size:1.5rem;margin:0}.train-summary p{color:#6b7280;margin:0}.train-btn--primary{background:#00d98b;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:8px;padding:12px 32px}.forum-root{align-items:flex-start;display:flex;gap:24px}.forum-main{flex:1 1;min-width:0}.forum-aside{flex-shrink:0;width:260px}@media (max-width:780px){.forum-root{flex-direction:column}.forum-aside{width:100%}}.forum-breadcrumb{align-items:center;color:#6b7280;display:flex;flex-wrap:wrap;font-size:13px;gap:6px;margin-bottom:16px}.forum-breadcrumb__link{background:none;border:none;color:#00b356;cursor:pointer;font-size:13px;font-weight:600;padding:0}.forum-breadcrumb__link:hover{text-decoration:underline}.forum-breadcrumb__sep{color:#d1d5db}.forum-cats{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.forum-cat-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;cursor:pointer;padding:18px 16px;transition:border-color .15s,box-shadow .15s}.forum-cat-card:hover{border-color:#00d564;box-shadow:0 4px 16px #00d5641f}.forum-cat-card__icon{font-size:28px;margin-bottom:8px}.forum-cat-card__name{color:#111827;font-size:15px;font-weight:700;margin:0 0 4px}.forum-cat-card__desc{color:#6b7280;font-size:12px;margin:0 0 10px}.forum-cat-card__meta{color:#9ca3af;display:flex;font-size:11px;gap:10px}.forum-thread-list{display:flex;flex-direction:column;gap:1px}.forum-thread-item{grid-gap:8px 16px;align-items:start;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;cursor:pointer;display:grid;gap:8px 16px;grid-template-columns:1fr auto;margin-bottom:8px;padding:14px 16px;transition:border-color .15s}.forum-thread-item:hover{border-color:#00d564}.forum-thread-item--pinned{border-left:3px solid #f59e0b}.forum-thread-item__title{color:#111827;font-size:14px;font-weight:700;margin:0 0 4px}.forum-thread-item__meta{color:#9ca3af;display:flex;flex-wrap:wrap;font-size:12px;gap:10px}.forum-thread-item__stats{color:#6b7280;font-size:12px;text-align:right;white-space:nowrap}.forum-thread-item__stats strong{color:#111827;display:block;font-size:18px;font-weight:700}.forum-status-pending{color:#d97706;font-size:11px;font-weight:600}.forum-status-rejected{color:#ef4444;font-size:11px;font-weight:600}.forum-thread-detail__head{background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;margin-bottom:16px;padding:20px 20px 16px}.forum-thread-detail__title{color:#111827;font-size:20px;font-weight:800;margin:0 0 10px}.forum-thread-detail__meta{color:#9ca3af;display:flex;flex-wrap:wrap;font-size:12px;gap:12px;margin-bottom:14px}.forum-thread-detail__body{color:#374151;font-size:14px;line-height:1.65;margin-bottom:14px;white-space:pre-wrap}.forum-thread-detail__actions{display:flex;flex-wrap:wrap;gap:10px}.forum-posts{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.forum-post{background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;padding:14px 16px}.forum-post--reply{border-left:3px solid #e5e7eb;margin-left:28px}.forum-post--hidden{opacity:.45}.forum-post__header{align-items:center;display:flex;gap:10px;margin-bottom:8px}.forum-post__avatar{align-items:center;background:#e5e7eb;border-radius:50%;color:#6b7280;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.forum-post__author{color:#111827;font-size:13px;font-weight:700}.forum-post__time{color:#9ca3af;font-size:11px;margin-left:auto}.forum-post__body{color:#374151;font-size:14px;line-height:1.6;white-space:pre-wrap}.forum-post__footer{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.forum-btn{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:20px;color:#374151;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:5px 12px;transition:background .12s,border-color .12s}.forum-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.forum-btn:disabled{cursor:default;opacity:.5}.forum-btn--primary{background:#00d564;border-color:#00d564;color:#fff}.forum-btn--primary:hover:not(:disabled){background:#00b356;border-color:#00b356}.forum-btn--voted{background:#fef9c3;border-color:#fde047;color:#854d0e}.forum-btn--follow{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.forum-btn--following{background:#1d4ed8;border-color:#1d4ed8;color:#fff}.forum-btn--sm{font-size:11px;padding:4px 10px}.forum-btn--danger{border-color:#fca5a5;color:#dc2626}.forum-btn--danger:hover:not(:disabled){background:#fef2f2}.forum-reply-box{background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;margin-top:4px;padding:16px}.forum-reply-box__label{color:#111827;display:block;font-size:13px;font-weight:700;margin-bottom:8px}.forum-reply-box textarea{border:1.5px solid #e5e7eb;border-radius:10px;box-sizing:border-box;color:#111827;font-family:inherit;font-size:14px;min-height:100px;padding:10px 12px;resize:vertical;width:100%}.forum-reply-box textarea:focus{border-color:#00d564;outline:none}.forum-reply-box__footer{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}.forum-new-thread-form{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:14px;margin-bottom:20px;padding:20px}.forum-new-thread-form h4{font-size:16px;margin:0 0 14px}.forum-new-thread-form input,.forum-new-thread-form select,.forum-new-thread-form textarea{border:1.5px solid #e5e7eb;border-radius:10px;box-sizing:border-box;color:#111827;font-family:inherit;font-size:14px;margin-bottom:10px;padding:9px 12px;width:100%}.forum-new-thread-form input:focus,.forum-new-thread-form select:focus,.forum-new-thread-form textarea:focus{border-color:#00d564;outline:none}.forum-new-thread-form textarea{min-height:100px;resize:vertical}.forum-new-thread-form__row{display:flex;flex-wrap:wrap;gap:10px}.forum-new-thread-form__row>*{flex:1 1;min-width:140px}.forum-form-error{color:#dc2626;font-size:13px;margin:-6px 0 8px}.forum-upgrade-gate{align-items:flex-start;background:linear-gradient(135deg,#fef9c3,#fefce8);border:1.5px solid #fde047;border-radius:14px;display:flex;gap:14px;margin-bottom:20px;padding:20px 18px}.forum-upgrade-gate__icon{flex-shrink:0;font-size:28px}.forum-upgrade-gate__title{color:#713f12;font-size:15px;font-weight:700;margin:0 0 4px}.forum-upgrade-gate__desc{color:#92400e;font-size:13px;line-height:1.5;margin:0 0 12px}.forum-pagination{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:16px}.forum-page-btn{background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:13px;font-weight:600;height:34px;width:34px}.forum-page-btn--active{background:#00d564;border-color:#00d564;color:#fff}.forum-page-btn:disabled{cursor:default;opacity:.4}.forum-widget{background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;margin-bottom:16px;padding:16px}.forum-widget__title{color:#111827;font-size:13px;font-weight:700;letter-spacing:.05em;margin:0 0 12px;text-transform:uppercase}.forum-trending-item{align-items:flex-start;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;gap:10px;padding:8px 0}.forum-trending-item:last-child{border-bottom:none}.forum-trending-item__rank{color:#e5e7eb;flex-shrink:0;font-size:18px;font-weight:800;text-align:center;width:22px}.forum-trending-item__title{color:#111827;font-size:13px;font-weight:600;line-height:1.4}.forum-trending-item__meta{color:#9ca3af;font-size:11px;margin-top:2px}.forum-feed-item{border-bottom:1px solid #f3f4f6;cursor:pointer;padding:8px 0}.forum-feed-item:last-child{border-bottom:none}.forum-feed-item__thread{color:#374151;font-size:12px;font-weight:700;margin-bottom:2px}.forum-feed-item__body{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:12px;overflow:hidden}.forum-feed-item__author{color:#9ca3af;font-size:11px;margin-top:3px}.forum-pending-notice{background:#fef3c7;border:1px solid #fde68a;border-radius:10px;color:#92400e;font-size:13px;margin-top:12px;padding:10px 14px}.forum-empty{color:#9ca3af;padding:40px 20px;text-align:center}.forum-empty__icon{font-size:40px;margin-bottom:10px}.forum-empty__text{font-size:14px}.forum-section-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:16px}.forum-section-header h3{color:#111827;font-size:17px;font-weight:800;margin:0}.bag-page{max-width:1200px;padding:0 0 60px}.bag-header{border-bottom:1.5px solid #e5e7eb;margin-bottom:28px;padding-bottom:20px}.bag-title{color:#111827;font-size:22px;font-weight:800;margin:0 0 6px}.bag-subtitle{color:#6b7280;font-size:14px;margin:0}.bag-layout{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:220px 1fr 1fr}@media (max-width:900px){.bag-layout{grid-template-columns:1fr}}.bag-col{display:flex;flex-direction:column}.bag-col__title{color:#6b7280;font-size:13px;font-weight:700;letter-spacing:.06em;margin:0 0 10px;text-transform:uppercase}.bag-book-list{gap:4px}.bag-book-btn,.bag-book-list{display:flex;flex-direction:column}.bag-book-btn{background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;cursor:pointer;gap:2px;padding:9px 12px;text-align:left;transition:border-color .12s,background .12s;width:100%}.bag-book-btn--active,.bag-book-btn:hover{background:#f0fdf4;border-color:#00d564}.bag-book-btn__title{color:#111827;font-size:13px;font-weight:600}.bag-book-btn__meta{color:#9ca3af;font-size:11px}.bag-voice-search{border:1.5px solid #e5e7eb;border-radius:8px;box-sizing:border-box;color:#111827;font-size:13px;margin-bottom:10px;padding:7px 12px;width:100%}.bag-voice-search:focus{border-color:#00d564;outline:none}.bag-voice-list{display:flex;flex-direction:column;gap:8px;max-height:420px;overflow-y:auto;padding-right:4px}.bag-voice-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;cursor:pointer;padding:10px 12px;transition:border-color .12s,background .12s}.bag-voice-card:hover{background:#f9fafb;border-color:#00d564}.bag-voice-card--selected{background:#f0fdf4;border-color:#00d564}.bag-voice-card__header{align-items:center;display:flex;gap:8px;margin-bottom:4px}.bag-voice-card__name{color:#111827;font-size:13px;font-weight:700}.bag-voice-card__badge{background:#e0f2fe;border-radius:20px;color:#0369a1;font-size:10px;font-weight:700;padding:2px 7px}.bag-voice-card__desc{color:#6b7280;font-size:11px;line-height:1.4;margin:0 0 6px}.bag-voice-card__preview{display:block;height:28px;width:100%}.bag-model-list{display:flex;flex-direction:column;gap:4px}.bag-model-btn{background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:12px;padding:7px 12px;text-align:left;transition:border-color .12s}.bag-model-btn:hover{border-color:#00d564}.bag-model-btn--active{background:#f0fdf4;border-color:#00d564;font-weight:700}.bag-preview{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;margin-bottom:16px;padding:14px 16px}.bag-preview__label{color:#374151;font-size:12px;font-weight:700;margin:0 0 10px}.bag-existing-audio{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:8px;margin-bottom:12px;padding:10px 12px}.bag-existing-audio__label{color:#059669;font-size:12px;font-weight:600;margin:0 0 6px}.bag-audio-player{display:block;height:36px;width:100%}.bag-text-preview{display:flex;flex-direction:column;gap:4px}.bag-text-preview__sentence{color:#374151;font-size:13px;line-height:1.55;margin:0}.bag-text-preview__num{color:#9ca3af;margin-right:4px}.bag-text-preview__more{color:#9ca3af;font-size:12px;margin:4px 0 0}.bag-selected-voice{align-items:center;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:8px;color:#374151;display:flex;font-size:13px;gap:6px;margin-bottom:12px;padding:8px 12px}.bag-selected-voice__label{color:#9ca3af}.bag-generate-btn{background:#00d564;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:14px;transition:background .15s;width:100%}.bag-generate-btn:hover:not(:disabled){background:#00b356}.bag-generate-btn:disabled{background:#e5e7eb;color:#9ca3af;cursor:default}.bag-progress{margin-top:16px}.bag-progress__bar{animation:bag-progress-anim 1.5s linear infinite;background:linear-gradient(90deg,#00d564 40%,#e5e7eb 0);background-size:200% 100%;border-radius:2px;height:4px}@keyframes bag-progress-anim{0%{background-position:100% 0}to{background-position:-100% 0}}.bag-progress__hint{color:#9ca3af;font-size:12px;margin:8px 0 0;text-align:center}.bag-result{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:10px;margin-top:14px;padding:14px 16px}.bag-result__title{color:#059669;font-size:15px;font-weight:700;margin:0 0 8px}.bag-result__stats{color:#374151;display:flex;flex-direction:column;font-size:13px;gap:3px;list-style:none;margin:0 0 8px;padding:0}.bag-result__hint{color:#6b7280;font-size:12px;margin:10px 0 0}.bag-manual-voice{border-top:1.5px dashed #e5e7eb;display:flex;flex-direction:column;gap:6px;margin-top:16px;padding-top:14px}.bag-manual-voice__label{color:#6b7280;font-size:12px;font-weight:600}.bag-tts-script{border:1.5px solid #e5e7eb;border-radius:10px;margin-bottom:16px;overflow:hidden}.bag-tts-script__header{background:#f9fafb;border-bottom:1.5px solid #e5e7eb;display:flex;flex-direction:column;gap:4px;padding:10px 14px 8px}.bag-tts-script__label{color:#374151;font-size:12px;font-weight:700}.bag-tts-script__hint{color:#6b7280;font-size:11px;line-height:1.6}.bag-tts-script__hint code{background:#e5e7eb;border-radius:3px;color:#374151;font-size:11px;margin-right:3px;padding:1px 4px}.bag-tts-script__textarea{background:#fff;border:none;box-sizing:border-box;color:#111827;display:block;font-family:Georgia,serif;font-size:13px;line-height:1.6;min-height:120px;padding:12px 14px;resize:vertical;width:100%}.bag-tts-script__textarea:focus{background:#fffef0;outline:none}.bag-tts-script__footer{align-items:center;background:#f9fafb;border-top:1.5px solid #e5e7eb;display:flex;gap:12px;padding:8px 14px}.bag-tts-script__save-btn{background:#111827;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 16px;transition:background .15s;white-space:nowrap}.bag-tts-script__save-btn:hover:not(:disabled){background:#374151}.bag-tts-script__save-btn:disabled{background:#9ca3af;cursor:default}.bag-tts-script__note{color:#9ca3af;font-size:11px;line-height:1.4}.bag-empty{color:#9ca3af;font-size:13px;margin:0}.bag-loading{color:#6b7280;font-size:13px;margin:0}.bag-error{background:#fef2f2;border:1.5px solid #fecaca;border-radius:8px;color:#dc2626;font-size:13px;padding:10px 12px}.games-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(2,1fr);padding:var(--spacing-lg) 0 var(--spacing-3xl)}@media (max-width:640px){.games-grid{grid-template-columns:1fr}}.games-grid__card{background:none;border:none;cursor:pointer;display:block;font-family:inherit;padding:0;text-align:left}.games-grid__image{align-items:center;aspect-ratio:16/9;border-radius:var(--radius-lg);color:var(--color-text-white);display:flex;font-size:64px;justify-content:center;margin-bottom:var(--spacing-sm);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;width:100%}.games-grid__card:hover .games-grid__image{box-shadow:0 10px 28px #00000029;transform:translateY(-4px)}.games-grid__card.disabled .games-grid__image{opacity:.6}.games-grid__info h3{color:var(--color-text-primary);font-size:var(--font-size-xl);margin:0 0 4px}.games-grid__info .games-grid__category{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0 0 4px}.games-grid__info .games-grid__status{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.echo-setup{max-width:560px}.echo-setup__back{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);margin-bottom:var(--spacing-md);padding:0}.echo-setup h2{margin:0 0 var(--spacing-xs)}.echo-setup__intro{color:var(--color-text-secondary);margin:0 0 var(--spacing-xl)}.echo-setup__field{margin-bottom:var(--spacing-lg)}.echo-setup__field label{display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm)}.echo-setup__row{align-items:center;display:flex;gap:var(--spacing-md)}.echo-setup__number{padding:8px 10px;width:90px}.echo-setup__number,.echo-setup__select{border:1px solid var(--color-border-medium);border-radius:var(--radius-md);font-size:var(--font-size-base)}.echo-setup__select{background:#fff;padding:8px 12px}.echo-setup__levels{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.echo-setup__level-btn{background:#fff;border:1px solid var(--color-border-medium);border-radius:var(--radius-full);cursor:pointer;font-weight:var(--font-weight-medium);padding:8px 16px}.echo-setup__level-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-white)}.echo-setup__hint{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.echo-setup__submit{background:var(--color-primary-gradient);border:none;border-radius:var(--radius-md);color:var(--color-text-white);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-top:var(--spacing-md);padding:12px 28px}.echo-setup__submit:disabled{cursor:not-allowed;opacity:.5}.echo-setup__result{background:var(--color-primary-light);border:1px solid var(--color-primary);border-radius:var(--radius-lg);margin-top:var(--spacing-xl);padding:var(--spacing-lg)}.echo-setup__result code{background:#fff;border-radius:var(--radius-sm);display:block;margin:var(--spacing-sm) 0;padding:8px 12px;word-break:break-all}.audio-editor{min-height:400px;padding:16px}.audio-editor__error{background:#fef2f2;border-radius:8px;color:#b91c1c;padding:16px}.audio-editor__header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:14px;margin-bottom:16px;padding-bottom:12px}.audio-editor__coverage{background:#ecfdf5;border-radius:999px;color:#374151;font-size:.9rem;font-weight:600;margin-left:auto;padding:4px 10px}.audio-editor__nav{align-items:center;display:flex;gap:8px}.audio-editor__body{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:1fr 320px}@media (max-width:720px){.audio-editor__body{grid-template-columns:1fr}}.audio-editor__panel{background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000012;max-width:640px;padding:8px}.audio-editor__bubbles{display:flex;flex-direction:column;gap:10px}.audio-bubble{background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;padding:10px 12px;transition:border-color .15s}.audio-bubble:hover{border-color:#9ca3af}.audio-bubble--selected{border-color:#00d98b;box-shadow:0 0 0 2px #00d98b33}.audio-bubble__meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.audio-bubble__index{color:#9ca3af;font-size:.75rem;font-weight:700;min-width:22px}.audio-bubble__text{color:#1f2937;flex:1 1;font-size:.88rem;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-bubble__badge{border-radius:999px;font-size:.72rem;font-weight:600;padding:2px 7px;white-space:nowrap}.audio-bubble__badge--voiced{background:#d1fae5;color:#065f46}.audio-bubble__badge--silent{background:#f3f4f6;color:#6b7280}.audio-bubble__error{background:#fef2f2;border-radius:6px;color:#b91c1c;font-size:.8rem;margin-bottom:6px;padding:4px 8px}.audio-bubble__actions{display:flex;flex-wrap:wrap;gap:6px}.auth-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:var(--color-bg-overlay);bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:var(--spacing-lg) 0;position:fixed;right:0;top:0;z-index:var(--z-modal)}.auth-container{animation:slideIn .3s ease-out;background:var(--color-bg-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);margin:auto;max-height:calc(100vh - 40px);max-width:450px;overflow-y:auto;position:relative;width:90%}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-header{padding:var(--spacing-lg) var(--spacing-lg) 0;position:relative}.auth-close{align-items:center;background:var(--color-bg-primary);border:2px solid var(--color-border-medium);border-radius:var(--radius-full);box-shadow:var(--shadow-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-3xl);height:40px;justify-content:center;position:absolute;right:var(--spacing-lg);top:15px;transition:all var(--transition-base);width:40px;z-index:10}.auth-close:hover{background:var(--color-danger);border-color:var(--color-danger);color:var(--color-text-white);transform:scale(1.1)}.auth-card{padding:var(--spacing-lg) var(--spacing-2xl) var(--spacing-2xl)}.auth-card h2{color:var(--color-text-primary);font-size:var(--font-size-3xl);margin:0 0 var(--spacing-sm) 0;text-align:center}.auth-card p{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0 0 var(--spacing-2xl) 0;text-align:center}.auth-form{gap:var(--spacing-lg)}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:var(--spacing-sm)}.form-group label{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.form-group input{background:var(--color-bg-secondary);border:2px solid var(--color-border-medium);border-radius:var(--radius-md);font-size:var(--font-size-base);padding:12px 16px;transition:all var(--transition-base)}.form-group input:focus{background:var(--color-bg-primary);border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.form-group small{color:var(--color-text-muted);font-size:var(--font-size-xs);margin-top:4px}.checkbox-group{align-items:flex-start;flex-direction:row;gap:12px}.checkbox-label{align-items:flex-start;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:12px;line-height:var(--line-height-normal)}.checkbox-label input[type=checkbox]{display:none}.checkmark{background:var(--color-bg-primary);border:2px solid var(--color-border-dark);border-radius:var(--radius-sm);flex-shrink:0;height:20px;margin-top:2px;position:relative;transition:all var(--transition-base);width:20px}.checkbox-label input[type=checkbox]:checked+.checkmark{background:var(--color-primary);border-color:var(--color-primary)}.checkbox-label input[type=checkbox]:checked+.checkmark:after{color:var(--color-text-white);content:"✓";font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.checkbox-label:hover .checkmark{border-color:var(--color-primary)}.password-strength{font-size:var(--font-size-xs);margin-top:4px}.password-strength span:first-child{color:var(--color-text-secondary)}.auth-submit{background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-text-white);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-top:var(--spacing-sm);padding:14px var(--spacing-lg);transition:all var(--transition-base)}.auth-submit:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:var(--shadow-primary);transform:translateY(-2px)}.auth-submit:disabled{background:var(--color-gray-400);box-shadow:none;cursor:not-allowed;transform:none}.auth-actions{display:flex;gap:15px;margin-top:var(--spacing-lg)}.auth-footer{border-top:1px solid var(--color-border-medium);margin-top:var(--spacing-2xl);padding-top:var(--spacing-lg);text-align:center}.auth-footer p{color:var(--color-text-secondary);margin:0}.link-button{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:var(--font-size-sm);margin-left:5px;text-decoration:underline;transition:color var(--transition-base)}.link-button:hover{color:var(--color-primary-dark)}.auth-error{background:var(--color-danger-light);border:1px solid var(--color-danger);border-radius:var(--radius-md);color:var(--color-danger-dark);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg);padding:12px 16px;text-align:center}.checkbox-label a{color:var(--color-primary);font-weight:var(--font-weight-medium);text-decoration:none}.checkbox-label a:hover{text-decoration:underline}.auth-submit:disabled{position:relative}.auth-submit:disabled:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top:2px solid var(--color-text-white);content:"";height:16px;left:50%;margin:-8px 0 0 -8px;position:absolute;top:50%;width:16px}.account-container{background:var(--color-bg-primary);margin:0 auto;max-width:900px;min-height:calc(100vh - 140px);padding:0 0 48px;width:100%}.account-header{align-items:center;border-bottom:1px solid var(--color-border-medium);display:flex;justify-content:space-between;padding:var(--spacing-2xl) var(--spacing-2xl) var(--spacing-lg)}.account-header h2{color:var(--color-text-primary);font-size:var(--font-size-3xl);margin:0}.logout-btn{background:var(--color-danger);border:none;border-radius:var(--radius-md);color:var(--color-text-white);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-base)}.logout-btn:hover{background:var(--color-danger-dark);transform:translateY(-1px)}.account-tabs{border-bottom:1px solid var(--color-border-medium);display:flex;flex-wrap:wrap;overflow-x:hidden;padding:0 var(--spacing-lg)}.account-tab-button{background:none;border:none;border-bottom:3px solid #0000;color:var(--color-text-secondary);cursor:pointer;flex:0 0 auto;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:14px 12px;transition:all var(--transition-base);white-space:nowrap}.account-tab-button:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.account-tab-button.active{border-bottom-color:var(--color-primary);color:var(--color-primary)}.account-content{padding:var(--spacing-2xl)}.account-tab-content{animation:fadeIn .3s ease-in}.profile-header{align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-xl);display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);padding:var(--spacing-lg)}.profile-avatar{align-items:center;background:var(--color-primary);border-radius:var(--radius-full);color:var(--color-text-white);display:flex;font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);height:80px;justify-content:center;width:80px}.profile-info h3{color:var(--color-text-primary);font-size:var(--font-size-2xl);margin:0 0 5px}.profile-info p{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0 0 var(--spacing-sm) 0}.user-status{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:6px 12px;text-transform:uppercase}.user-status.free,.user-status.registered{background:var(--color-info-light);color:var(--color-info-dark)}.user-status.premium{background:var(--color-warning-light);color:var(--color-warning-dark)}.user-status.super-premium{background:#fb923c;background:var(--color-superpremium,#fb923c);color:#fff}.user-status.admin{background:var(--color-accent-light);color:var(--color-admin)}.user-status.guest{background:var(--color-gray-200);color:var(--color-gray-700)}.user-status.loading{animation:pulse 2s infinite;background:var(--color-gray-100);color:var(--color-text-secondary)}.user-status.user{background:var(--color-success-light);color:var(--color-success-dark)}.profile-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.profile-field{background:var(--color-bg-secondary);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-base);padding:12px 16px}.profile-actions{display:flex;gap:15px;margin-top:var(--spacing-lg)}.subscription-info{margin-bottom:var(--spacing-2xl)}.subscription-info h3{color:var(--color-text-primary);font-size:var(--font-size-xl);margin:0 0 var(--spacing-lg) 0}.plan-card{border:2px solid var(--color-border-medium);border-radius:var(--radius-xl);padding:25px;transition:all var(--transition-slow)}.plan-card.premium{background:linear-gradient(135deg,#fff9c4,#fffde7);border-color:var(--color-premium)}.plan-card.admin{background:linear-gradient(135deg,#f3e5f5,#e1bee7);border-color:var(--color-admin)}.plan-card.registered{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-color:var(--color-registered)}.plan-card.guest{background:linear-gradient(135deg,#f5f5f5,#eee);border-color:var(--color-guest)}.plan-card.user{background:linear-gradient(135deg,#e8f5e8,#c8e6c9);border-color:var(--color-success)}.plan-card.free{background:var(--color-bg-secondary);border-color:var(--color-border-medium)}.plan-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.plan-header h4{color:var(--color-text-primary);font-size:var(--font-size-xl);margin:0}.plan-price{color:var(--color-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.plan-features{display:flex;flex-direction:column;gap:var(--spacing-sm)}.feature{color:var(--color-text-primary);font-size:var(--font-size-sm)}.upgrade-section{background:var(--color-bg-secondary);border-radius:var(--radius-xl);padding:25px;text-align:center}.upgrade-section h3{color:var(--color-text-primary);font-size:var(--font-size-xl);margin:0 0 var(--spacing-sm) 0}.upgrade-section p{color:var(--color-text-secondary);margin:0 0 var(--spacing-lg) 0}.age-verification{margin:var(--spacing-lg) 0;text-align:left}.age-note{color:var(--color-danger);display:block;font-size:var(--font-size-xs);font-style:italic;margin-top:5px}.upgrade-btn{background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-text-white);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:15px var(--spacing-2xl);transition:all var(--transition-base)}.upgrade-btn:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-primary);transform:translateY(-2px)}.subscription-management{margin-top:var(--spacing-2xl)}.subscription-management h3{color:var(--color-text-primary);font-size:var(--font-size-xl);margin:0 0 var(--spacing-lg) 0}.subscription-actions{display:flex;flex-wrap:wrap;gap:15px}.security-section{background:var(--color-bg-secondary);border-radius:var(--radius-xl);margin-bottom:var(--spacing-lg);padding:25px}.security-section h4{color:var(--color-text-primary);font-size:var(--font-size-lg);margin:0 0 var(--spacing-sm) 0}.security-section p{color:var(--color-text-secondary);margin:0 0 var(--spacing-lg) 0}.security-status{margin-bottom:var(--spacing-lg)}.status-indicator{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--spacing-sm) 16px;text-transform:uppercase}.status-indicator.enabled{background:var(--color-success-light);color:var(--color-success-dark)}.status-indicator.disabled{background:var(--color-danger-light);color:var(--color-danger-dark)}.registration-prompt,.upgrade-prompt{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:var(--color-bg-overlay);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--z-modal)}.registration-content,.upgrade-content{animation:slideIn .3s ease-out;background:var(--color-bg-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-width:400px;padding:var(--spacing-2xl);text-align:center;width:90%}.registration-content h3,.upgrade-content h3{color:var(--color-text-primary);font-size:var(--font-size-2xl);margin:0 0 15px}.registration-content p,.upgrade-content p{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:0 0 25px}.access-denied{background:var(--color-danger-light);border:1px solid var(--color-danger);border-radius:var(--radius-md);margin:var(--spacing-lg) 0;padding:var(--spacing-lg);text-align:center}.access-denied p{color:var(--color-danger-dark);font-size:var(--font-size-base);margin:0}.premium-badge{background:linear-gradient(135deg,var(--color-premium) 0,#ffed4e 100%);border-radius:var(--radius-full);box-shadow:0 2px 8px #ffd7004d;color:#b8860b;display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);margin-left:var(--spacing-sm);padding:4px 12px;text-transform:uppercase}@media (max-width:768px){.account-container{padding:0 0 32px;width:100%}.account-header{flex-direction:column;gap:15px;text-align:center}.account-tabs{flex-wrap:wrap;justify-content:center}.account-tab-button{font-size:var(--font-size-sm);padding:12px var(--spacing-lg)}.profile-header{text-align:center}.plan-header,.profile-actions,.profile-header,.subscription-actions{flex-direction:column}.plan-header{gap:var(--spacing-sm);text-align:center}}@media (max-width:480px){.auth-container{margin:var(--spacing-lg);width:95%}.registration-content,.upgrade-content{margin:var(--spacing-lg);padding:var(--spacing-2xl) var(--spacing-lg)}.registration-content h3,.upgrade-content h3{font-size:var(--font-size-xl)}.registration-content p,.upgrade-content p{font-size:var(--font-size-sm)}}.comics-subtabs{border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;padding-bottom:10px}.comics-subtabs .subtab{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;padding:8px 14px}.comics-subtabs .subtab.active{background:#2d8cff;border-color:#2d8cff;color:#fff}.comics-filter-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.comics-filter-chips .chip{background:#fff;border:1px solid #d1d5db;border-radius:999px;color:#374151;cursor:pointer;font-size:13px;padding:6px 12px}.comics-filter-chips .chip.active{background:#111827;border-color:#111827;color:#fff}.account-comic-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.account-comic-row{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:12px;justify-content:space-between;padding:12px 14px}.account-comic-row:hover{background:#f9fafb}.account-comic-row .acl-main{flex:1 1;min-width:0}.account-comic-row .acl-title{color:#111827;font-weight:600}.account-comic-row .acl-id{color:#9ca3af;display:inline-block;font-size:11px;font-weight:500;margin-right:6px;vertical-align:initial}.account-comic-row .acl-meta{color:#6b7280;font-size:12px;margin-top:2px}.account-comic-row .acl-stats{color:#374151;display:flex;font-size:13px;gap:12px;white-space:nowrap}.account-comic-row .acl-actions{display:flex;gap:8px}.account-comic-row .acl-actions button{font-size:13px;padding:6px 12px}.no-comics-message{color:#6b7280;padding:16px 0}.account-comic-row .acl-actions .btn-danger{background:#fff;border:1px solid #e11d48;border-radius:8px;color:#e11d48;cursor:pointer}.account-comic-row .acl-actions .btn-danger:hover{background:#fee2e2}.account-comic-row .acl-stats .acl-points{color:#b8860b;font-weight:700}.account-comic-row .acl-history{color:#6b7280;font-size:12px;font-style:italic;margin-top:2px}.account-comic-row .acl-pending{background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;color:#92400e;display:inline-block;font-size:12px;padding:4px 10px;white-space:nowrap}.bgi-root{font-family:inherit;margin:0 auto;max-width:860px;padding:24px 16px 40px}.bgi-header{margin-bottom:32px;text-align:center}.bgi-title{color:#1e1b4b;font-size:1.7rem;font-weight:800;margin:0 0 6px}.bgi-subtitle{color:#6b7280;font-size:1rem;margin:0}.bgi-strip{gap:32px}.bgi-panel,.bgi-strip{display:flex;flex-direction:column}.bgi-panel{background:#fff;border:2.5px solid #e0e7ff;border-radius:20px;box-shadow:0 4px 18px #6366f114;gap:20px;padding:24px 28px 20px;position:relative}.bgi-panel--center{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:30% 1fr 30%}.bgi-visual--side{width:100%}.bgi-panel--center .bgi-dog{height:150px;width:150px}.bgi-panel--center .bgi-character{align-items:center;flex-direction:column;gap:10px}.bgi-bubble--center{text-align:center;width:100%}.bgi-dots--vertical-rev{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:4px;padding:6px 0}.bgi-dots--vertical-rev span{background:#fff;border:2.5px solid #a5b4fc;border-radius:50%;display:block;flex-shrink:0}.bgi-dots--vertical-rev span:first-child{height:5px;width:5px}.bgi-dots--vertical-rev span:nth-child(2){height:8px;width:8px}.bgi-dots--vertical-rev span:nth-child(3){height:12px;width:12px}.bgi-panel--side{align-items:flex-start;flex-direction:row;gap:24px}.bgi-visual--small{flex-shrink:0;width:42%}.bgi-character--side{align-items:center;flex:1 1;flex-direction:column;gap:0}.bgi-bubble--side{text-align:center;width:100%}.bgi-dots--vertical{align-items:center;flex-direction:column;flex-shrink:0;gap:4px;padding:6px 0}.bgi-dots--vertical span{background:#fff;border:2.5px solid #a5b4fc;border-radius:50%;display:block;flex-shrink:0}.bgi-dots--vertical span:first-child{height:12px;width:12px}.bgi-dots--vertical span:nth-child(2){height:8px;width:8px}.bgi-dots--vertical span:nth-child(3){height:5px;width:5px}.bgi-panel--clickable{cursor:pointer;transition:box-shadow .18s,transform .18s}.bgi-panel--clickable:hover{box-shadow:0 8px 32px #6366f12e;transform:translateY(-2px)}.bgi-panel__number{align-items:center;background:#6366f1;border-radius:50%;box-shadow:0 2px 8px #6366f159;color:#fff;display:flex;font-size:.8rem;font-weight:800;height:28px;justify-content:center;left:24px;position:absolute;top:-14px;width:28px}.bgi-character{align-items:center;display:flex;flex-direction:row;gap:0}.bgi-dog{background:#fff;border-radius:50%;box-shadow:0 4px 18px #6366f12e,0 0 0 3px #e0e7ff;flex-shrink:0;height:300px;object-fit:cover;width:300px}.bgi-bubbles{display:flex;flex:1 1;flex-direction:column;gap:10px}.bgi-bubble{background:#eef2ff;border:2.5px solid #a5b4fc;border-radius:24px;box-shadow:0 4px 18px #6366f11f;color:#1e1b4b;font-size:.9rem;font-weight:600;line-height:1.6;padding:14px 20px 16px;text-align:left;white-space:pre-line}.bgi-bubble--2{background:#f0fdf4;border-color:#86efac;font-size:1rem;font-weight:700}.bgi-dots{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:4px;padding:0 6px}.bgi-dots span{background:#fff;border:2.5px solid #a5b4fc;border-radius:50%;display:block;flex-shrink:0}.bgi-dots span:first-child{height:5px;width:5px}.bgi-dots span:nth-child(2){height:8px;width:8px}.bgi-dots span:nth-child(3){height:12px;width:12px}.bgi-bubble2-row{align-items:center;display:flex;flex-direction:row;gap:0}.bgi-dots--2{flex-direction:row;flex-shrink:0;margin:0;padding:0 6px}.bgi-dots--2 span{background:#f0fdf4;border-color:#86efac}.bgi-dots--2 span:first-child{height:5px;width:5px}.bgi-dots--2 span:nth-child(2){height:8px;width:8px}.bgi-dots--2 span:nth-child(3){height:12px;width:12px}.bgi-visual{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:10px}.bgi-visual__label{color:#6b7280;font-size:.78rem;font-style:italic;text-align:center}.bgi-screenshot-wrap{background:#f9fafb;border:1.5px solid #d1d5db;border-radius:14px;box-shadow:0 2px 12px #00000014;overflow:hidden;width:100%}.bgi-screenshot-img{display:block;object-fit:contain;width:100%}.bgi-screenshot-placeholder{align-items:center;color:#9ca3af;display:flex;flex-direction:column;font-size:.85rem;gap:8px;height:160px;justify-content:center}.bgi-screenshot-placeholder span:first-child{font-size:2.5rem}.bgi-visual__caption{color:#3b9ede;font-size:.82rem;font-weight:600;margin-top:6px;text-align:center}.bgi-cta{align-items:center;background:linear-gradient(135deg,#eef2ff,#ddd6fe);border:2px solid #c7d2fe;border-radius:16px;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px;padding:16px 24px}.bgi-cta__label{color:#1e1b4b}.bgi-cta__btn,.bgi-cta__label{font-size:1rem;font-weight:700}.bgi-cta__btn{align-items:center;background:#3b9ede;border-radius:12px;box-shadow:0 4px 16px #3b9ede59;color:#fff;display:inline-flex;gap:8px;padding:10px 20px;text-decoration:none;transition:transform .15s,box-shadow .15s;white-space:nowrap}.bgi-cta__btn:hover{box-shadow:0 6px 20px #3b9ede73;transform:translateY(-2px)}@media (max-width:600px){.bgi-panel{padding:20px 16px}.bgi-dog{height:120px;width:120px}.bgi-cta{flex-wrap:wrap;gap:10px}}.sw-wrapper{bottom:24px;flex-direction:column;gap:0;pointer-events:none;position:fixed;right:24px;z-index:9999}.sw-trigger-row,.sw-wrapper{align-items:flex-end;display:flex}.sw-trigger-row{gap:10px;pointer-events:auto}.sw-bubble{animation:sw-bubble-in .35s cubic-bezier(.34,1.56,.64,1);background:#fff;border:1.5px solid #e0e7ff;border-radius:16px 16px 4px 16px;box-shadow:0 4px 18px #6366f126;color:#374151;font-size:.8rem;font-weight:500;line-height:1.45;margin-bottom:8px;max-width:180px;padding:10px 14px;position:relative}.sw-bubble:after{border:5px solid #0000;border-left-color:#fff;bottom:14px;content:"";filter:drop-shadow(1px 0 0 #e0e7ff);position:absolute;right:-9px}.sw-bubble--fading{animation:sw-bubble-out .2s ease forwards}@keyframes sw-bubble-in{0%{opacity:0;transform:scale(.8) translateX(12px)}to{opacity:1;transform:scale(1) translateX(0)}}@keyframes sw-bubble-out{to{opacity:0;transform:scale(.85) translateX(8px)}}.sw-trigger{background:#fff;border:3px solid #e0e7ff;border-radius:50%;box-shadow:0 6px 24px #6366f133,0 2px 8px #00000014;cursor:pointer;flex-shrink:0;height:160px;overflow:hidden;padding:0;position:relative;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;width:160px}.sw-trigger:hover{border-color:#a5b4fc;box-shadow:0 10px 32px #6366f14d;transform:scale(1.1) rotate(-4deg)}.sw-trigger:active{transform:scale(.96)}.sw-dog-img{display:block;height:100%;object-fit:cover;object-position:center top;width:100%}.sw-dog-fallback{align-items:center;background:linear-gradient(135deg,#e0e7ff,#ddd6fe);display:flex;font-size:4rem;height:100%;justify-content:center;width:100%}.sw-dog-fallback--mini{background:#fff3;border:2px solid #fff6;border-radius:50%;font-size:1.2rem;height:38px;width:38px}.sw-panel{animation:sw-panel-in .28s cubic-bezier(.34,1.56,.64,1);background:#fff;border:1px solid #e0e7ff;border-radius:16px;box-shadow:0 12px 48px #0000002e,0 4px 16px #6366f11f;display:flex;flex-direction:column;margin-bottom:12px;max-height:520px;overflow:hidden;pointer-events:auto;width:360px}@keyframes sw-panel-in{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.sw-panel__header{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;flex-shrink:0;gap:10px;padding:12px 16px}.sw-panel__dog-mini{background:#ffffff26;border:2px solid #fff9;border-radius:50%;flex-shrink:0;height:38px;object-fit:cover;object-position:center top;width:38px}.sw-panel__titles{flex:1 1;min-width:0}.sw-panel__title{font-size:.9rem;font-weight:700;letter-spacing:.01em}.sw-panel__subtitle{font-size:.72rem;margin-top:1px;opacity:.78}.sw-panel__close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.1rem;height:28px;justify-content:center;line-height:1;transition:background .15s;width:28px}.sw-panel__close:hover{background:#ffffff59}.sw-panel__body{flex:1 1;min-height:0;overflow-y:auto;padding:12px 14px}.sw-panel__body .support-tab{max-width:none}.sw-panel__body .support-tab__header{margin-bottom:12px}.sw-panel__body .support-tab__title{font-size:.9rem}.sw-panel__body .ticket-card{padding:10px 12px}.sw-panel__body .ticket-card__title{font-size:.85rem}.sw-panel__body .thread-messages{max-height:200px}.sw-panel__body .support-form{padding:14px}.sw-panel__body::-webkit-scrollbar{width:4px}.sw-panel__body::-webkit-scrollbar-track{background:#0000}.sw-panel__body::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:4px}:root{--color-primary:#00d98b;--color-primary-dark:#00b875;--color-primary-light:#e8f5ee;--color-primary-hover:#00c05b;--color-primary-gradient:linear-gradient(135deg,#00d98b,#00b875);--color-secondary:#7c3aed;--color-secondary-dark:#6d28d9;--color-secondary-light:#ede9fe;--color-secondary-gradient:linear-gradient(135deg,#7c3aed,#a855f7);--color-accent:#764ba2;--color-accent-light:#f3e5f5;--color-accent-yellow:#fcd34d;--color-accent-orange:#fb923c;--color-accent-blue:#60a5fa;--color-gray-50:#f8f9fa;--color-gray-100:#f0f0f0;--color-gray-200:#e9ecef;--color-gray-300:#dee2e6;--color-gray-400:#ced4da;--color-gray-500:#adb5bd;--color-gray-600:#6c757d;--color-gray-700:#495057;--color-gray-800:#343a40;--color-gray-900:#212529;--color-text-primary:#2c3e50;--color-text-secondary:#7f8c8d;--color-text-muted:#95a5a6;--color-text-light:#bdc3c7;--color-text-white:#fff;--color-success:#27ae60;--color-success-light:#d4edda;--color-success-dark:#1e8449;--color-warning:#f39c12;--color-warning-light:#fff3cd;--color-warning-dark:#e67e22;--color-danger:#e74c3c;--color-danger-light:#f8d7da;--color-danger-dark:#c0392b;--color-info:#3498db;--color-info-light:#d6eaf8;--color-info-dark:#2980b9;--color-guest:#94a3b8;--color-registered:#60a5fa;--color-premium:#fcd34d;--color-superpremium:#fb923c;--color-admin:#a855f7;--color-bg-primary:#fff;--color-bg-secondary:#f8f9fa;--color-bg-tertiary:#e9ecef;--color-bg-dark:#2c3e50;--color-bg-overlay:#000000b3;--color-bg-dark-primary:#1a1a2e;--color-bg-dark-secondary:#16213e;--color-bg-dark-tertiary:#0f1729;--color-border-light:#e0e0e0;--color-border-medium:#dee2e6;--color-border-dark:#bdc3c7;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell",sans-serif;--font-heading:"Poppins","Montserrat","Segoe UI",Tahoma,Geneva,Verdana,sans-serif;--font-display:"Fredoka","Quicksand","Poppins",sans-serif;--font-comic:"Comic Neue","Comic Sans MS","Chalkboard SE",cursive;--font-mono:"Fira Code","Courier New",Courier,monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-size-7xl:4.5rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--line-height-loose:2;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-3xl:24px;--radius-full:9999px;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 8px 16px #0000001a;--shadow-xl:0 12px 24px #0000001f;--shadow-2xl:0 20px 40px #00000026;--shadow-primary:0 8px 25px #00d5644d;--shadow-secondary:0 8px 25px #667eea4d;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:350ms ease;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--breakpoint-sm:480px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--breakpoint-2xl:1400px;--max-width-xs:320px;--max-width-sm:480px;--max-width-md:768px;--max-width-lg:992px;--max-width-xl:1200px;--max-width-2xl:1400px;--max-width-full:100%}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background-color:#f8f9fa;background-color:var(--color-bg-secondary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-family:var(--font-primary);font-size:1rem;font-size:var(--font-size-base);line-height:1.5;line-height:var(--line-height-normal);margin:0;overflow-x:hidden;padding:0;width:100%}body,h1,h2,h3,h4,h5,h6{color:#2c3e50;color:var(--color-text-primary)}h1,h2,h3,h4,h5,h6{font-family:Poppins,Montserrat,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-family:var(--font-heading);font-weight:700;font-weight:var(--font-weight-bold);line-height:1.25;line-height:var(--line-height-tight);margin-bottom:16px;margin-bottom:var(--spacing-md)}h1{font-size:2.25rem;font-size:var(--font-size-4xl)}h2{font-size:1.875rem;font-size:var(--font-size-3xl)}h3{font-size:1.5rem;font-size:var(--font-size-2xl)}h4{font-size:1.25rem;font-size:var(--font-size-xl)}h5{font-size:1.125rem;font-size:var(--font-size-lg)}h6{font-size:1rem;font-size:var(--font-size-base)}p{line-height:1.75;line-height:var(--line-height-relaxed);margin-bottom:16px;margin-bottom:var(--spacing-md)}a{color:#00d98b;color:var(--color-primary);text-decoration:none;transition:color .25s ease;transition:color var(--transition-base)}a:hover{color:#00b875;color:var(--color-primary-dark)}.btn{border:2px solid #0000;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:inline-block;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-family:var(--font-primary);font-size:1rem;font-size:var(--font-size-base);font-weight:600;font-weight:var(--font-weight-semibold);line-height:1.5;line-height:var(--line-height-normal);padding:8px 24px;padding:var(--spacing-sm) var(--spacing-lg);text-align:center;text-decoration:none;transition:all .25s ease;transition:all var(--transition-base);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn-primary{background:#00d98b;background:var(--color-primary);border-color:#00d98b;border-color:var(--color-primary);color:#fff;color:var(--color-text-white)}.btn-primary:hover:not(:disabled){background:#00b875;background:var(--color-primary-dark);border-color:#00b875;border-color:var(--color-primary-dark);box-shadow:0 8px 25px #00d5644d;box-shadow:var(--shadow-primary);transform:translateY(-2px)}.btn-secondary{background:#7c3aed;background:var(--color-secondary);border-color:#7c3aed;border-color:var(--color-secondary);color:#fff;color:var(--color-text-white)}.btn-secondary:hover:not(:disabled){background:#6d28d9;background:var(--color-secondary-dark);border-color:#6d28d9;border-color:var(--color-secondary-dark);box-shadow:0 8px 25px #667eea4d;box-shadow:var(--shadow-secondary);transform:translateY(-2px)}.btn-outline{background:#0000;border-color:#00d98b;border-color:var(--color-primary);color:#00d98b;color:var(--color-primary)}.btn-outline:hover:not(:disabled){background:#00d98b;background:var(--color-primary);color:#fff;color:var(--color-text-white)}.btn-ghost{background:#0000;border-color:#dee2e6;border-color:var(--color-border-medium);color:#7f8c8d;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:#e9ecef;background:var(--color-bg-tertiary);border-color:#bdc3c7;border-color:var(--color-border-dark)}.btn-danger{background:#e74c3c;background:var(--color-danger);border-color:#e74c3c;border-color:var(--color-danger);color:#fff;color:var(--color-text-white)}.btn-danger:hover:not(:disabled){background:#c0392b;background:var(--color-danger-dark);border-color:#c0392b;border-color:var(--color-danger-dark)}.btn-success{background:#27ae60;background:var(--color-success);border-color:#27ae60;border-color:var(--color-success);color:#fff;color:var(--color-text-white)}.btn-success:hover:not(:disabled){background:#1e8449;background:var(--color-success-dark);border-color:#1e8449;border-color:var(--color-success-dark)}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-sm{font-size:.875rem;font-size:var(--font-size-sm);padding:6px 12px}.btn-md{font-size:1rem;font-size:var(--font-size-base);padding:8px 24px;padding:var(--spacing-sm) var(--spacing-lg)}.btn-lg{font-size:1.125rem;font-size:var(--font-size-lg);padding:12px 32px}.btn-block{display:block;width:100%}.card{background:#fff;background:var(--color-bg-primary);border:none;border-radius:20px;border-radius:var(--radius-2xl);box-shadow:0 4px 20px #00000014;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-8px)}.card-header{border-bottom:2px solid #dee2e6;border-bottom:2px solid var(--color-border-medium);margin-bottom:24px;margin-bottom:var(--spacing-lg);padding-bottom:16px;padding-bottom:var(--spacing-md)}.card-title{color:#2c3e50;color:var(--color-text-primary);font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;font-weight:var(--font-weight-bold);margin:0}.card-body{padding:16px 0;padding:var(--spacing-md) 0}.card-footer{border-top:2px solid #dee2e6;border-top:2px solid var(--color-border-medium);margin-top:24px;margin-top:var(--spacing-lg);padding-top:16px;padding-top:var(--spacing-md)}.form-group{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.form-label{color:#2c3e50;color:var(--color-text-primary);display:block;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:8px;margin-bottom:var(--spacing-sm)}.form-input,.form-select,.form-textarea{background-color:#fff;background-color:var(--color-bg-primary);border:2px solid #dee2e6;border:2px solid var(--color-border-medium);border-radius:8px;border-radius:var(--radius-md);color:#2c3e50;color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-family:var(--font-primary);font-size:1rem;font-size:var(--font-size-base);line-height:1.5;line-height:var(--line-height-normal);padding:12px 16px;transition:all .25s ease;transition:all var(--transition-base);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#00d98b;border-color:var(--color-primary);box-shadow:0 0 0 3px #e8f5ee;box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.form-textarea{min-height:100px;resize:vertical}.form-helper{color:#7f8c8d;color:var(--color-text-secondary)}.form-error,.form-helper{display:block;font-size:.875rem;font-size:var(--font-size-sm);margin-top:4px;margin-top:var(--spacing-xs)}.form-error{color:#e74c3c;color:var(--color-danger);font-weight:500;font-weight:var(--font-weight-medium)}.badge{border-radius:9999px;border-radius:var(--radius-full);display:inline-block;font-size:.75rem;font-size:var(--font-size-xs);font-weight:700;font-weight:var(--font-weight-bold);line-height:1;padding:4px 12px;text-transform:uppercase}.badge-primary{background:linear-gradient(135deg,#00d98b,#00b875);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);box-shadow:0 2px 8px #00d5644d}.badge-primary,.badge-secondary{color:#fff;color:var(--color-text-white)}.badge-secondary{background:linear-gradient(135deg,#7c3aed,#764ba2);background:linear-gradient(135deg,var(--color-secondary) 0,var(--color-accent) 100%);box-shadow:0 2px 8px #667eea4d}.badge-success{background:#27ae60;background:var(--color-success)}.badge-success,.badge-warning{color:#fff;color:var(--color-text-white)}.badge-warning{background:#f39c12;background:var(--color-warning)}.badge-danger{background:#e74c3c;background:var(--color-danger)}.badge-danger,.badge-info{color:#fff;color:var(--color-text-white)}.badge-info{background:#3498db;background:var(--color-info)}.badge-guest{background:linear-gradient(135deg,#94a3b8,#bdbdbd);background:linear-gradient(135deg,var(--color-guest) 0,#bdbdbd 100%)}.badge-guest,.badge-registered{color:#fff;color:var(--color-text-white)}.badge-registered{background:linear-gradient(135deg,#60a5fa,#64b5f6);background:linear-gradient(135deg,var(--color-registered) 0,#64b5f6 100%)}.badge-premium{background:linear-gradient(135deg,#fcd34d,#ffed4e);background:linear-gradient(135deg,var(--color-premium) 0,#ffed4e 100%);color:#b8860b}.badge-superpremium{background:linear-gradient(135deg,#fb923c,#f97316);background:linear-gradient(135deg,var(--color-superpremium) 0,#f97316 100%)}.badge-admin,.badge-superpremium{color:#fff;color:var(--color-text-white)}.badge-admin{background:linear-gradient(135deg,#a855f7,#ba68c8);background:linear-gradient(135deg,var(--color-admin) 0,#ba68c8 100%)}.alert{border:2px solid;border-radius:8px;border-radius:var(--radius-md);font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:24px;margin-bottom:var(--spacing-lg);padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg)}.alert-success{background:#d4edda;background:var(--color-success-light);border-color:#27ae60;border-color:var(--color-success);color:#1e8449;color:var(--color-success-dark)}.alert-warning{background:#fff3cd;background:var(--color-warning-light);border-color:#f39c12;border-color:var(--color-warning);color:#e67e22;color:var(--color-warning-dark)}.alert-danger{background:#f8d7da;background:var(--color-danger-light);border-color:#e74c3c;border-color:var(--color-danger);color:#c0392b;color:var(--color-danger-dark)}.alert-info{background:#d6eaf8;background:var(--color-info-light);border-color:#3498db;border-color:var(--color-info);color:#2980b9;color:var(--color-info-dark)}.container{margin:0 auto;max-width:1200px;max-width:var(--max-width-xl)}.container,.container-fluid{padding:0 24px;padding:0 var(--spacing-lg);width:100%}.grid{grid-gap:24px;grid-gap:var(--spacing-lg);display:grid;gap:24px;gap:var(--spacing-lg)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-auto-fill{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.flex{display:flex}.flex-col{flex-direction:column}.flex-center{align-items:center;justify-content:center}.flex-between{align-items:center;justify-content:space-between}.flex-wrap{flex-wrap:wrap}.gap-sm{gap:8px;gap:var(--spacing-sm)}.gap-md{gap:16px;gap:var(--spacing-md)}.gap-lg{gap:24px;gap:var(--spacing-lg)}.gap-xl{gap:32px;gap:var(--spacing-xl)}.m-0{margin:0}.mt-sm{margin-top:8px;margin-top:var(--spacing-sm)}.mt-md{margin-top:16px;margin-top:var(--spacing-md)}.mt-lg{margin-top:24px;margin-top:var(--spacing-lg)}.mt-xl{margin-top:32px;margin-top:var(--spacing-xl)}.mb-sm{margin-bottom:8px;margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:16px;margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:32px;margin-bottom:var(--spacing-xl)}.p-sm{padding:8px;padding:var(--spacing-sm)}.p-md{padding:16px;padding:var(--spacing-md)}.p-lg{padding:24px;padding:var(--spacing-lg)}.p-xl{padding:32px;padding:var(--spacing-xl)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:#00d98b;color:var(--color-primary)}.text-secondary{color:#7f8c8d;color:var(--color-text-secondary)}.text-muted{color:#95a5a6;color:var(--color-text-muted)}.text-white{color:#fff;color:var(--color-text-white)}.font-normal{font-weight:400;font-weight:var(--font-weight-normal)}.font-medium{font-weight:500;font-weight:var(--font-weight-medium)}.font-semibold{font-weight:600;font-weight:var(--font-weight-semibold)}.font-bold{font-weight:700;font-weight:var(--font-weight-bold)}@media (max-width:768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.hide-mobile{display:none!important}}@media (min-width:769px){.hide-desktop{display:none!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.animate-fadeIn{animation:fadeIn .3s ease-in-out}.animate-fadeInUp{animation:fadeInUp .6s ease-out}.animate-slideUp{animation:slideUp .4s ease-out}.animate-slideDown{animation:slideDown .4s ease-out}.animate-scaleIn{animation:scaleIn .4s ease-out}.animate-bounce{animation:bounce .6s ease-in-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-shake{animation:shake .5s ease-in-out}.spinner{animation:spin 1s linear infinite;border:4px solid #dee2e6;border-top-color:#00d98b;border:4px solid var(--color-border-medium);border-radius:50%;border-top-color:var(--color-primary);display:inline-block;height:40px;width:40px}.spinner-sm{border-width:2px;height:20px;width:20px}.spinner-lg{border-width:6px;height:60px;width:60px}.loading-container{align-items:center;display:flex;justify-content:center;padding:48px;padding:var(--spacing-2xl)}.skeleton-loader{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0,#f8f8f8 40px,#f0f0f0 80px);background-size:1000px;border-radius:8px;border-radius:var(--radius-md)}.card-comic{padding:0}.card-comic-image{aspect-ratio:3/4;background:linear-gradient(135deg,#f0f0f0,#e0e0e0);object-fit:cover;width:100%}.card-comic-content{padding:24px;padding:var(--spacing-lg)}.card-comic-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00d98bf2;border-radius:12px;border-radius:var(--radius-lg);color:#fff;font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;font-weight:var(--font-weight-semibold);padding:6px 12px;position:absolute;right:12px;top:12px;z-index:10}.card-creator{padding:32px;padding:var(--spacing-xl);text-align:center}.card-creator-avatar{border:4px solid #00d98b;border:4px solid var(--color-primary);border-radius:50%;height:120px;margin:0 auto 16px;margin:0 auto var(--spacing-md);object-fit:cover;width:120px}.card-creator-name{font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:4px;margin-bottom:var(--spacing-xs)}.card-creator-role{color:#7f8c8d;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--font-size-sm);margin-bottom:16px;margin-bottom:var(--spacing-md)}.card-creator-stats{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--color-border-light);border-top:1px solid #e0e0e0;border-top:1px solid var(--color-border-light);display:flex;justify-content:space-around;margin:24px 0;margin:var(--spacing-lg) 0;padding:16px 0;padding:var(--spacing-md) 0}.card-creator-stat{text-align:center}.card-creator-stat-value{color:#00d98b;color:var(--color-primary);font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;font-weight:var(--font-weight-bold)}.card-creator-stat-label{color:#7f8c8d;color:var(--color-text-secondary);font-size:.75rem;font-size:var(--font-size-xs);text-transform:uppercase}.card-achievement{background:linear-gradient(135deg,#7c3aed,#764ba2);background:linear-gradient(135deg,var(--color-secondary) 0,var(--color-accent) 100%);color:#fff;text-align:center}.card-achievement-icon{font-size:3rem;font-size:var(--font-size-5xl);margin-bottom:16px;margin-bottom:var(--spacing-md)}.card-achievement-title{color:#fff;font-size:1.5rem;font-size:var(--font-size-2xl);margin-bottom:8px;margin-bottom:var(--spacing-sm)}.card-achievement-description{color:#ffffffe6;font-size:1rem;font-size:var(--font-size-base)}.card-feature{padding:48px;padding:var(--spacing-2xl);text-align:center}.card-feature-icon{align-items:center;background:linear-gradient(135deg,#00d98b,#00b875);background:var(--color-primary-gradient);border-radius:9999px;border-radius:var(--radius-full);color:#fff;display:flex;font-size:2.25rem;font-size:var(--font-size-4xl);height:80px;justify-content:center;margin:0 auto 24px;margin:0 auto var(--spacing-lg);width:80px}.card-feature-title{font-size:1.5rem;font-size:var(--font-size-2xl);margin-bottom:16px;margin-bottom:var(--spacing-md)}.card-testimonial{padding:48px;padding:var(--spacing-2xl)}.card-testimonial-quote{color:#2c3e50;color:var(--color-text-primary);font-size:1.125rem;font-size:var(--font-size-lg);font-style:italic;margin-bottom:24px;margin-bottom:var(--spacing-lg);padding-left:32px;padding-left:var(--spacing-xl);position:relative}.card-testimonial-quote:before{color:#00d98b;color:var(--color-primary);content:'"';font-family:Georgia,serif;font-size:3rem;font-size:var(--font-size-5xl);left:0;line-height:1;position:absolute;top:-10px}.card-testimonial-author{align-items:center;display:flex;gap:16px;gap:var(--spacing-md)}.card-testimonial-avatar{border-radius:50%;height:48px;object-fit:cover;width:48px}.card-testimonial-info{flex:1 1}.card-testimonial-name{font-size:1rem;font-size:var(--font-size-base);font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:2px}.card-testimonial-role{color:#7f8c8d;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--font-size-sm)}.card-testimonial-stars{color:#fcd34d;color:var(--color-accent-yellow);font-size:1.125rem;font-size:var(--font-size-lg)}.hero-section{background:linear-gradient(135deg,#00d98b,#00b875);background:var(--color-primary-gradient);color:#fff;overflow:hidden;padding:64px 24px;padding:var(--spacing-3xl) var(--spacing-lg);position:relative;text-align:center}.hero-headline{font-family:Fredoka,Quicksand,Poppins,sans-serif;font-family:var(--font-display);font-size:clamp(2.25rem,5vw,4.5rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:24px;margin-bottom:var(--spacing-lg)}.hero-subtitle{font-size:clamp(1.125rem,2vw,1.5rem);line-height:1.5;margin-bottom:48px;margin-bottom:var(--spacing-2xl);opacity:.95}.hero-cta-group{gap:16px;gap:var(--spacing-md)}.hero-cta-group,.hero-stats{display:flex;flex-wrap:wrap;justify-content:center}.hero-stats{gap:48px;gap:var(--spacing-2xl);margin-top:48px;margin-top:var(--spacing-2xl)}.hero-stat{text-align:center}.hero-stat-value{display:block;font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:700;font-weight:var(--font-weight-bold)}.hero-stat-label{font-size:.875rem;font-size:var(--font-size-sm);opacity:.9}.promo-banner{background:linear-gradient(135deg,#ff6b6b,#ff8e53);box-shadow:0 4px 12px #0000001a;color:#fff;font-weight:600;font-weight:var(--font-weight-semibold);padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg);position:relative;text-align:center}.promo-banner-content{align-items:center;display:flex;flex-wrap:wrap;gap:16px;gap:var(--spacing-md);justify-content:center}.promo-banner-close{background:none;border:none;color:#fff;cursor:pointer;font-size:1.25rem;font-size:var(--font-size-xl);line-height:1;opacity:.8;padding:4px;padding:var(--spacing-xs);position:absolute;right:16px;right:var(--spacing-md);top:50%;transform:translateY(-50%);transition:opacity .25s ease;transition:opacity var(--transition-base)}.promo-banner-close:hover{opacity:1}.promo-countdown{background:#fff3;border-radius:8px;border-radius:var(--radius-md);display:inline-flex;font-family:Fira Code,Courier New,Courier,monospace;font-family:var(--font-mono);font-weight:700;font-weight:var(--font-weight-bold);gap:4px;gap:var(--spacing-xs);padding:4px 12px}.category-filter-bar{background:#fff;border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 2px 4px #0000000d;box-shadow:var(--shadow-sm);display:flex;gap:8px;gap:var(--spacing-sm);overflow-x:auto;padding:16px;padding:var(--spacing-md);scrollbar-width:thin}.category-filter-bar::-webkit-scrollbar{height:4px}.category-filter-bar::-webkit-scrollbar-track{background:#f0f0f0;background:var(--color-gray-100)}.category-filter-bar::-webkit-scrollbar-thumb{background:#ced4da;background:var(--color-gray-400);border-radius:2px}.category-filter-button{background:#fff;border:2px solid #dee2e6;border:2px solid var(--color-border-medium);border-radius:9999px;border-radius:var(--radius-full);cursor:pointer;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);padding:8px 24px;padding:var(--spacing-sm) var(--spacing-lg);transition:all .25s ease;transition:all var(--transition-base);white-space:nowrap}.category-filter-button:hover{border-color:#00d98b;border-color:var(--color-primary);color:#00d98b;color:var(--color-primary)}.category-filter-button.active{background:linear-gradient(135deg,#00d98b,#00b875);background:var(--color-primary-gradient);border-color:#0000;color:#fff}.category-filter-badge{background:#0000001a;border-radius:9999px;border-radius:var(--radius-full);display:inline-block;font-size:.75rem;font-size:var(--font-size-xs);margin-left:4px;margin-left:var(--spacing-xs);padding:2px 8px}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d98b,#00b875);background:var(--color-primary-gradient);-webkit-background-clip:text;background-clip:text}.gradient-text-secondary{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#a855f7);background:var(--color-secondary-gradient);-webkit-background-clip:text;background-clip:text}.section-header{font-family:Poppins,Montserrat,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-family:var(--font-heading);font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700;margin-bottom:32px;margin-bottom:var(--spacing-xl);padding-bottom:16px;padding-bottom:var(--spacing-md);position:relative}.section-header:after{background:linear-gradient(135deg,#00d98b,#00b875);background:var(--color-primary-gradient);border-radius:2px;bottom:0;content:"";height:4px;left:0;position:absolute;width:60px}.section-header.centered{text-align:center}.section-header.centered:after{left:50%;transform:translateX(-50%)}[data-theme=dark]{--color-text-primary:#e8eaed;--color-text-secondary:#9aa0a6;--color-text-muted:#80868b;--color-bg-primary:#1a1a2e;--color-bg-secondary:#16213e;--color-bg-tertiary:#0f1729;--color-border-light:#2d3748;--color-border-medium:#374151;--color-border-dark:#4b5563;--color-gray-50:#2d3748;--color-gray-100:#374151;--color-gray-200:#4b5563;--color-gray-300:#6b7280;--shadow-sm:0 2px 4px #0000004d;--shadow-md:0 4px 6px #0006;--shadow-lg:0 8px 16px #00000080;--shadow-xl:0 12px 24px #0009;--shadow-2xl:0 20px 40px #000000b3}[data-theme=dark] body{background-color:#f8f9fa;background-color:var(--color-bg-secondary);color:#2c3e50;color:var(--color-text-primary)}[data-theme=dark] .card{background:#fff;background:var(--color-bg-primary);border-color:#dee2e6;border-color:var(--color-border-medium)}[data-theme=dark] .card:hover{border-color:#00d98b;border-color:var(--color-primary);box-shadow:0 12px 40px #00d98b33}[data-theme=dark] .btn-ghost{background:#0000;border-color:#dee2e6;border-color:var(--color-border-medium);color:#2c3e50;color:var(--color-text-primary)}[data-theme=dark] .btn-ghost:hover:not(:disabled){background:#e9ecef;background:var(--color-bg-tertiary);border-color:#00d98b;border-color:var(--color-primary)}[data-theme=dark] .form-input,[data-theme=dark] .form-select,[data-theme=dark] .form-textarea{background-color:#e9ecef;background-color:var(--color-bg-tertiary);border-color:#dee2e6;border-color:var(--color-border-medium);color:#2c3e50;color:var(--color-text-primary)}[data-theme=dark] .form-input:focus,[data-theme=dark] .form-select:focus,[data-theme=dark] .form-textarea:focus{border-color:#00d98b;border-color:var(--color-primary);box-shadow:0 0 0 3px #00d98b33}[data-theme=dark] .category-filter-bar{background:#fff;background:var(--color-bg-primary)}[data-theme=dark] .category-filter-button{background:#e9ecef;background:var(--color-bg-tertiary);border-color:#dee2e6;border-color:var(--color-border-medium);color:#2c3e50;color:var(--color-text-primary)}[data-theme=dark] .category-filter-button:hover{border-color:#00d98b;border-color:var(--color-primary);color:#00d98b;color:var(--color-primary)}[data-theme=dark] .skeleton-loader{background:linear-gradient(90deg,#e9ecef,#fff 40px,#e9ecef 80px);background:linear-gradient(90deg,var(--color-bg-tertiary) 0,var(--color-bg-primary) 40px,var(--color-bg-tertiary) 80px)}.theme-toggle{align-items:center;background:linear-gradient(135deg,#00d98b,#00b875);background:var(--color-primary-gradient);border:none;border-radius:9999px;border-radius:var(--radius-full);bottom:48px;bottom:var(--spacing-2xl);box-shadow:0 12px 24px #0000001f;box-shadow:var(--shadow-xl);color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;position:fixed;right:48px;right:var(--spacing-2xl);transition:all .25s ease;transition:all var(--transition-base);width:56px;z-index:1030;z-index:var(--z-fixed)}.theme-toggle:hover{box-shadow:0 20px 40px #00000026;box-shadow:var(--shadow-2xl);transform:scale(1.1) rotate(15deg)}.theme-toggle:active{transform:scale(.95)}@media (max-width:768px){.theme-toggle{bottom:24px;bottom:var(--spacing-lg);height:48px;right:24px;right:var(--spacing-lg);width:48px}}.App{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;width:100%}.header{background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border-light);padding:var(--spacing-md) 0;position:sticky;top:0;z-index:var(--z-sticky)}.header-container{align-items:center;display:flex;gap:var(--spacing-lg);justify-content:space-between;margin:0 auto;max-width:var(--max-width-2xl);padding:0 var(--spacing-md)}.header-left .logo h1{color:var(--color-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0}.header-center{flex:1 1;margin:0;max-width:500px}.search-container{display:flex;gap:var(--spacing-sm)}.search-input{border:1px solid var(--color-border-medium);border-radius:var(--radius-sm);flex:1 1;font-size:var(--font-size-sm);padding:var(--spacing-sm)}.search-button{background-color:var(--color-primary);border:none;border-radius:var(--radius-sm);color:var(--color-text-white);cursor:pointer;font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-base)}.search-button:hover{background-color:var(--color-primary-dark)}.header-right{gap:var(--spacing-md)}.header-right,.user-actions{align-items:center;display:flex}.user-actions{gap:var(--spacing-sm)}.user-actions button{min-width:fit-content;white-space:nowrap}.user-welcome{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-right:var(--spacing-sm)}.language-dropdown{border:1px solid var(--color-border-medium);border-radius:var(--radius-sm);font-size:var(--font-size-sm);padding:var(--spacing-sm)}.language-dropdown,.main-navigation{background-color:var(--color-bg-primary)}.main-navigation{padding:var(--spacing-sm) 0}.nav-container{margin:0 auto;max-width:var(--max-width-2xl);padding:0 var(--spacing-md)}.nav-menu{align-items:center;display:flex;flex-wrap:nowrap;gap:6px;list-style:none;margin:0;overflow:hidden;padding:0}.nav-item{flex:0 1 auto}.nav-link{background-color:initial;border:1px solid var(--color-border-medium);border-radius:var(--radius-sm);color:var(--color-text-primary);display:inline-block;font-size:.8rem;font-weight:var(--font-weight-medium);letter-spacing:-.015em;padding:7px 9px;text-decoration:none;transition:all var(--transition-base);white-space:nowrap}.nav-link--highlight{background-color:#2d8cff;background-color:var(--color-primary,#2d8cff);border-color:#2d8cff;border-color:var(--color-primary,#2d8cff);color:#fff;font-weight:700;font-weight:var(--font-weight-bold,700)}.nav-link--highlight:hover{color:#fff;filter:brightness(.95)}.nav-link--game{background-color:#be9df6;border-color:#be9df6;color:#fff;font-weight:700;font-weight:var(--font-weight-bold,700)}.nav-link--game:hover{color:#fff;filter:brightness(.95)}.nav-link:hover{background-color:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.main-content{flex:1 1;padding:var(--spacing-xl) 0}.content-container{margin:0 auto;max-width:var(--max-width-2xl);padding:0 var(--spacing-md)}.category-section,.comic-section,.download-section,.indie-section,.trending-section{margin-bottom:var(--spacing-3xl)}.category-section h2,.comic-section h2,.indie-section h2,.trending-section h2{color:var(--color-text-primary);font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md)}.carousel-container{margin:0;overflow:hidden;position:relative}.trending-with-sidebar{display:block}.trending-sidebar{background-color:initial;border:none;border-bottom:1px solid var(--color-border-light);border-radius:0;box-shadow:none;height:auto;margin-top:0;padding:12px 0;position:static;width:100%}.trending-nav-menu{-webkit-overflow-scrolling:touch;align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--spacing-sm);list-style:none;margin:0;overflow-x:auto;padding:0}.trending-nav-menu li{flex:0 0 auto;margin:0}.trending-nav-link{background-color:initial;border:1px solid var(--color-border-medium);border-radius:var(--radius-sm);color:var(--color-text-primary);display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all var(--transition-base);white-space:nowrap}.trending-nav-link:hover{background-color:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.trending-nav-link.active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-white)}.carousel-content-wrapper{margin-top:15px}.carousel-content{overflow:hidden}.carousel-track{display:flex;transition:transform .3s ease}.carousel-item{flex:0 0 33.33%;min-width:200px;padding:0 var(--spacing-sm)}.item-image{align-items:center;background-color:var(--color-gray-200);border-radius:var(--radius-md);display:flex;height:300px;justify-content:center;margin-bottom:var(--spacing-sm);width:100%}.image-placeholder{color:var(--color-text-secondary);font-size:var(--font-size-sm);text-align:center}.item-info h3{color:var(--color-text-primary);font-size:var(--font-size-base);margin-bottom:4px}.item-info .category{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:4px}.item-info .views{color:var(--color-text-muted);font-size:var(--font-size-sm)}.carousel-button{background-color:#00000080;border:none;border-radius:var(--radius-full);color:var(--color-text-white);cursor:pointer;font-size:var(--font-size-xl);height:40px;position:absolute;top:50%;transform:translateY(-50%);transition:all var(--transition-base);width:40px;z-index:10}.carousel-button:hover{background-color:#000000b3}.carousel-button.prev{left:var(--spacing-sm)}.carousel-button.next{right:var(--spacing-sm)}.carousel-compact .carousel-item{flex:0 0 25%;padding:0 6px}.carousel-item-compact .item-image{border-radius:var(--radius-lg);height:220px;transition:transform .3s ease,box-shadow .3s ease}.carousel-item-compact:hover .item-image{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.carousel-compact .item-info{padding:8px 4px}.carousel-compact .item-info h3{font-size:14px;font-weight:var(--font-weight-semibold);line-height:1.3;margin-bottom:4px}.carousel-compact .item-info .category{font-size:12px;margin-bottom:2px}.carousel-compact .item-info .views{font-size:11px}.section-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.section-header-row h2{margin-bottom:0}.trending-section{animation:fadeInUp .5s ease;margin-bottom:var(--spacing-lg)}@media (max-width:768px){.carousel-compact .carousel-item{flex:0 0 50%;min-width:160px}.carousel-item-compact .item-image{height:180px}.carousel-button{font-size:var(--font-size-lg);height:32px;width:32px}.trending-section{margin-bottom:var(--spacing-md)}}@media (max-width:480px){.carousel-compact .carousel-item{flex:0 0 80%;min-width:140px}.carousel-item-compact .item-image{height:160px}.section-header-row{align-items:flex-start;flex-direction:column;gap:var(--spacing-xs)}}.category-tabs{margin:var(--spacing-md) 0}.tabs-header{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);overflow-x:auto}.tab-button{background-color:var(--color-bg-primary);border:1px solid var(--color-border-medium);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-base);white-space:nowrap}.tab-button.active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-white)}.category-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.category-item{background-color:var(--color-bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow:hidden;transition:transform var(--transition-base)}.category-item:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.comic-page{background-color:var(--color-bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--spacing-xl)}.comic-container{position:relative}.comic-container,.comic-image{margin-bottom:var(--spacing-md)}.comic-image{align-items:center;background-color:var(--color-gray-100);border-radius:var(--radius-md);display:flex;height:400px;justify-content:center;width:100%}.comic-title{background-image:url(/static/media/Youareapicture_kids.0547e3c5554ccc1b13e7.png);background-position:center 10%;background-repeat:no-repeat;background-size:cover;margin-bottom:44px;margin-left:0;margin-top:var(--spacing-md);max-width:100%;padding:60px var(--spacing-lg);position:relative;text-align:center;width:100%}.comic-title:before{background:var(--color-bg-overlay);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.comic-title a,.comic-title h2,.comic-title p{color:var(--color-text-white)!important;position:relative;z-index:2}.comic-title .large-title{color:var(--color-text-white)!important;font-size:3em;margin-bottom:var(--spacing-lg);text-shadow:2px 2px 4px #000000b3}.item-info h3.large{font-size:1.5em}.main-heading{margin-top:-.4cm;transform:translateY(-.4cm)}.hero-image-section{margin:var(--spacing-lg) 0 var(--spacing-2xl) 0;padding:0 var(--spacing-lg);text-align:center}.hero-image{border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);height:auto;max-width:100%;transition:transform var(--transition-slow),box-shadow var(--transition-slow)}.hero-image:hover{box-shadow:var(--shadow-2xl);transform:scale(1.02)}.admin-controls{background-color:var(--color-bg-secondary);border:2px solid var(--color-primary);border-radius:var(--radius-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-md);text-align:center}.admin-toggle{background-color:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-text-white);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md);padding:12px var(--spacing-2xl);transition:all var(--transition-base)}.admin-toggle:hover{background-color:var(--color-primary-dark);transform:translateY(-2px)}.admin-toggle.active{background-color:var(--color-danger)}.admin-toggle.active:hover{background-color:var(--color-danger-dark)}.admin-actions{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md)}.save-button{background-color:var(--color-success);border:none;border-radius:var(--radius-sm);color:var(--color-text-white);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-md);transition:background-color var(--transition-base)}.save-button:hover{background-color:var(--color-success-dark)}.admin-hint{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-style:italic}.comic-content,.comic-panels-container{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-xl)}.comic-content{width:100%}.comic-panel{margin-bottom:0}.comic-panel,.double-panel,.single-panel{position:relative}.double-panel{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr;margin-bottom:var(--spacing-md)}.left-panel,.right-panel{align-items:center;display:flex;justify-content:center;position:relative;text-align:center}.left-panel img,.right-panel img{border-radius:var(--radius-md);box-shadow:var(--shadow-md);height:auto;max-width:100%}.bubbles-overlay{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.bubble{pointer-events:auto;transition:transform .1s ease;-webkit-user-select:none;user-select:none}.bubble.admin-editable{cursor:grab}.bubble.admin-editable:active{cursor:grabbing;transform:scale(1.05)}.bubble-tail{pointer-events:none}.bubble-content{font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.translation-tooltip{background-color:var(--color-bg-primary);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);left:50%;max-width:300px;padding:var(--spacing-md);position:absolute;top:50%;transform:translate(-50%,-50%);z-index:var(--z-tooltip)}.tooltip-header{align-items:center;border-bottom:1px solid var(--color-border-medium);display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.tooltip-header h4{color:var(--color-text-primary);margin:0}.playing-indicator{font-size:var(--font-size-xl)}.tooltip-content p{font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.tooltip-content ul{font-size:var(--font-size-sm);margin-left:var(--spacing-md)}.close-tooltip{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-xl);position:absolute;right:var(--spacing-sm);top:var(--spacing-sm)}.download-section{background-color:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-xl);text-align:center}.download-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:600px}.download-content h3{color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.app-buttons{display:flex;gap:var(--spacing-md);justify-content:center}.app-button{background-color:var(--color-text-primary);border:none;border-radius:var(--radius-sm);color:var(--color-text-white);cursor:pointer;font-weight:var(--font-weight-medium);padding:12px var(--spacing-2xl)}.qr-code{align-items:center;background-color:var(--color-gray-200);border-radius:var(--radius-md);display:flex;height:100px;justify-content:center;width:100px}.qr-placeholder{color:var(--color-text-secondary);font-size:var(--font-size-sm);text-align:center}.footer{background-color:var(--color-text-primary);color:var(--color-text-white);margin-top:auto;padding:var(--spacing-xl) 0 var(--spacing-md)}.footer-container{margin:0 auto;max-width:var(--max-width-xl);padding:0 var(--spacing-md)}.footer-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--spacing-xl);justify-content:space-between;margin-bottom:var(--spacing-xl)}.legal-links,.social-links{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.legal-link,.social-link{color:var(--color-gray-400);font-size:var(--font-size-sm);text-decoration:none;transition:color var(--transition-base)}.legal-link:hover,.social-link:hover{color:var(--color-text-white)}.footer-language{align-items:center;display:flex;gap:var(--spacing-sm)}.footer-language span{color:var(--color-gray-400);font-size:var(--font-size-sm)}.footer-language .language-dropdown{background-color:var(--color-gray-700);border:1px solid var(--color-gray-600);color:var(--color-text-white)}.footer-bottom{border-top:1px solid var(--color-gray-600);padding-top:var(--spacing-md);text-align:center}.copyright p{color:var(--color-gray-400);font-size:var(--font-size-sm);margin:4px 0}.content-section{margin:0 auto;max-width:var(--max-width-xl);padding:var(--spacing-2xl) var(--spacing-lg)}.content-section h3{color:var(--color-text-primary);font-size:var(--font-size-4xl);margin-bottom:var(--spacing-lg);text-align:center}.content-section p{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-2xl);margin-left:auto;margin-right:auto;max-width:800px;text-align:center}.feature-grid{grid-gap:var(--spacing-2xl);display:grid;gap:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:var(--spacing-2xl)}.feature-card{background:var(--color-bg-primary);border:2px solid var(--color-border-medium);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-2xl);text-align:center;transition:all var(--transition-base)}.feature-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-2xl);transform:translateY(-5px)}.feature-card h4{color:var(--color-text-primary);font-size:var(--font-size-xl);margin-bottom:var(--spacing-md)}.feature-card p{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0}@media (max-width:1200px){.nav-link{font-size:.8rem;letter-spacing:-.02em;padding:8px 10px}.nav-menu{gap:5px}}@media (max-width:992px){.nav-link{font-size:.75rem;letter-spacing:-.02em;padding:8px 9px}.nav-menu{gap:4px}}@media (max-width:768px){.header-container{flex-direction:column;gap:var(--spacing-md)}.header-center{margin:0;max-width:100%}.header-right{flex-direction:column;gap:var(--spacing-sm)}.nav-menu{gap:var(--spacing-md);overflow-x:auto}.carousel-item{flex:0 0 50%}.category-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.download-container,.footer-content{flex-direction:column;gap:var(--spacing-md)}.content-section{padding:var(--spacing-2xl) var(--spacing-lg)}.content-section h3{font-size:var(--font-size-3xl)}.content-section p{font-size:var(--font-size-base)}.feature-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.feature-card{padding:var(--spacing-lg)}}@media (max-width:480px){.content-section h3{font-size:var(--font-size-2xl)}}.moderation-menu{display:inline-block;position:relative}.moderation-menu__dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 12px 32px #00000014;list-style:none;margin-top:6px;min-width:220px;padding:6px 0;position:absolute;right:0;top:100%;z-index:50}.moderation-menu__dropdown li{display:block}.moderation-menu__dropdown li button{background:none;border:none;color:#1f2937;cursor:pointer;font-size:.95rem;padding:8px 14px;text-align:left;width:100%}.moderation-menu__dropdown li button:focus-visible,.moderation-menu__dropdown li button:hover{background:#f3f4f6;outline:none}.main-language-select{background:#eaf3ff;border:1.5px solid #2d8cff;border-radius:6px;box-sizing:initial;color:#2d8cff;cursor:pointer;display:inline-block;font:inherit;font-size:.55em;font-weight:400;padding:2px 20px 2px 6px;vertical-align:middle;width:10ch}.main-comics-list{display:flex;flex-direction:column;gap:14px;margin-top:12px}.mcl-row{grid-gap:16px;align-items:start;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--color-border-light,#e5e7eb);border-radius:12px;display:grid;gap:16px;grid-template-columns:144px minmax(220px,28ch) minmax(0,52ch) 110px 110px auto;padding:14px}.mcl-cover{background:#f3f4f6;border:none;border-radius:10px;cursor:pointer;height:144px;overflow:hidden;padding:0;width:144px}.mcl-cover img{display:block;height:100%;object-fit:cover;width:100%}.mcl-cover--placeholder{display:block;font-size:48px;line-height:144px;text-align:center}.mcl-titlecol{display:flex;flex-direction:column;gap:6px;min-width:0}.mcl-title{color:#111827;cursor:pointer;font-size:1.1rem;font-weight:700;line-height:1.25;margin:0;max-width:50ch;overflow-wrap:anywhere}.mcl-title:hover{color:#2d8cff}.mcl-credits{align-items:flex-start;display:flex;flex-direction:column;gap:2px;margin-top:2px}.mcl-credits__none{color:#9ca3af;font-size:.85rem}.mcl-annotation p{color:#374151;font-size:.9rem;line-height:1.45;margin:0;max-width:50ch;overflow-wrap:anywhere}.mcl-language{align-self:center;color:#4b5563;font-weight:600}.mcl-creator-link{background:none;border:none;color:#2d8cff;cursor:pointer;font-size:.85rem;padding:0;text-align:left}.mcl-creator-link:hover{text-decoration:underline}.mcl-creator-role{color:#9ca3af}.mcl-readers{align-self:center;text-align:center}.mcl-readers__num{color:#111827;display:block;font-size:1.4rem;font-weight:800}.mcl-readers__label{color:#6b7280;font-size:.75rem}.mcl-readers__pending{color:#d1d5db;font-size:1.2rem}.mcl-admin-rating{align-items:center;display:flex;gap:4px}.mcl-admin-rating input{border:1px solid #d1d5db;border-radius:6px;padding:4px 6px;width:56px}.mcl-admin-rating button{background:#fffbeb;border:1px solid #f59e0b;border-radius:6px;color:#b45309;cursor:pointer;padding:4px 8px}.mcl-empty{color:#6b7280;padding:24px 0}.coming-soon-notice{background:#eaf3ff;border:1px solid #cfe4ff;border-radius:12px;margin:0 auto var(--spacing-lg);max-width:640px;padding:var(--spacing-md) var(--spacing-lg);text-align:center}.coming-soon-notice__primary{color:#1f2937;font-size:1.05rem;font-weight:600;margin:0 0 4px}.coming-soon-notice__secondary{color:#6b7280;font-size:.9rem;margin:0}
/*# sourceMappingURL=main.c5cdf264.css.map*/