.wm-overlay{align-items:center;background:#11182747;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:3300}.wm-card{animation:wm-in .35s ease-out;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);background:#ffffffc7;border:1px solid #ffffffb3;border-radius:24px;box-shadow:0 20px 60px #00000038;max-height:92vh;max-width:620px;overflow-y:auto;padding:34px 38px 30px;text-align:center;width:100%}@keyframes wm-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}.wm-badge{background:#fef3c7;border-radius:999px;color:#92400e;display:inline-block;font-size:13px;font-weight:700;margin-bottom:12px;padding:4px 12px}.wm-title{color:#111827;font-size:24px;line-height:1.3;margin:0 0 14px}.wm-text{color:#374151;font-size:16px;line-height:1.6;margin:0 0 12px}.wm-text--strong{color:#111827;font-weight:600}.wm-sign{color:#4f46e5;font-style:italic;font-weight:600;margin:16px 0 20px}.wm-btn{background:linear-gradient(135deg,#00d564,#4f46e5);border:none;border-radius:999px;box-shadow:0 6px 18px #4f46e54d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 28px}.wm-btn:hover{transform:translateY(-1px)}@media (max-width:600px){.wm-card{padding:26px 20px 22px}.wm-title{font-size:20px}.wm-text{font-size:15px}}.wm-langs{background:#4f46e514;border-radius:999px;display:inline-flex;gap:4px;margin-bottom:14px;padding:4px}.wm-langs button{background:none;border:none;border-radius:999px;color:#4338ca;cursor:pointer;font-size:15px;font-weight:600;padding:7px 18px}.wm-langs button.is-on{background:#4f46e5;box-shadow:0 2px 8px #4f46e54d;color:#fff}.wm-langs+.wm-badge{display:block;margin:0 auto 12px;width:fit-content}.notification-bell{display:inline-flex;position:relative}.notification-bell__trigger{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:50%;color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:pointer;display:flex;height:36px;justify-content:center;position:relative;width:36px}.notification-bell__trigger:hover{background:#f3f4f6}.notification-bell__badge{background:#ef4444;border-radius:999px;color:#fff;font-size:10px;font-weight:700;height:16px;line-height:16px;min-width:16px;padding:0 4px;position:absolute;right:-4px;text-align:center;top:-4px}.notification-bell__dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 10px 30px #0000001f;max-height:420px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 8px);width:340px;z-index:50}.notification-bell__header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:10px 14px}.notification-bell__mark-all{background:none;border:none;color:#00d564;cursor:pointer;font-size:12px;font-weight:600}.notification-bell__empty{color:#9ca3af;font-size:13px;margin:0;padding:20px 14px;text-align:center}.notification-bell__list{list-style:none;margin:0;padding:0}.notification-bell__item{border-bottom:1px solid #f9fafb;cursor:pointer;padding:10px 14px;transition:background .12s}.notification-bell__item:hover{background:#f9fafb}.notification-bell__item--unread{background:#f0fdf4}.notification-bell__item--unread:hover{background:#e7fbee}.notification-bell__item-title{color:#111827;font-size:13.5px;font-weight:600}.notification-bell__item-body{color:#6b7280;font-size:12.5px;line-height:1.4;margin-top:2px}.notification-bell__item-time{color:#9ca3af;font-size:11px;margin-top:4px}.header-word-search{flex-shrink:0;position:relative;width:220px}.header-word-search__input{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;box-sizing:border-box;font-size:13px;height:38px;padding:8px 12px;width:100%}.header-word-search__input:focus{border-color:#00d564;outline:none}.header-word-search__input::placeholder{font-size:12px}.header-word-search__overlay{align-items:flex-start;background:#11182773;display:flex;inset:0;justify-content:center;padding:90px 16px 16px;position:fixed;z-index:200}.header-word-search__modal{background:#fff;border-radius:12px;box-shadow:0 20px 50px #00000040;max-height:calc(100vh - 120px);max-width:520px;overflow-y:auto;padding:20px;width:100%}.header-word-search__modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.header-word-search__modal-header h4{font-size:18px;margin:0}.header-word-search__close{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:18px;line-height:1}.header-word-search__close:hover{color:#374151}.header-word-search__msg{color:#6b7280;font-size:13px;margin:0}.header-word-search__msg--error{color:#dc2626}.header-word-search__results{display:flex;flex-direction:column;gap:12px}.header-word-search__row{border:1.5px solid #e5e7eb;border-radius:10px;padding:12px 14px}.header-word-search__row-head{align-items:baseline;display:flex;gap:10px;margin-bottom:4px}.header-word-search__row-word{color:#1f2937;font-size:16px;font-weight:700}.header-word-search__row-lang{color:#9ca3af;font-size:11px;font-weight:600}.header-word-search__row-translation{color:#111827;font-size:15px;margin:0}.header-word-search__row-example{color:#9ca3af;font-size:13px;font-style:italic;margin:4px 0 0}.header-word-search__row-foot{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-top:10px}.header-word-search__row-source{color:#6b7280;font-size:12px}.header-word-search__row-actions{display:flex;flex-wrap:wrap;gap:8px}@media (max-width:900px){.header-word-search{display:none}}.authorship{background:#fafafa;border:1px solid #e5e7eb;border-radius:12px;margin:8px 0 16px;padding:14px 16px 6px;text-align:left}.authorship legend{color:#1f2937;font-weight:600;padding:0 6px}.authorship__intro{color:#4b5563;font-size:.88rem;line-height:1.45;margin:0 0 12px}.authorship__field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;position:relative}.authorship__field>label{color:#374151;font-size:.92rem;font-weight:500}.authorship__hint{color:#6b7280;font-size:.8rem}.authorship__field input,.authorship__field select,.authorship__field textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font:inherit;padding:7px 10px;width:100%}.authorship__chips{display:flex;flex-wrap:wrap;gap:6px}.authorship__chip{align-items:center;background:#e0f2fe;border-radius:999px;color:#075985;display:inline-flex;font-size:.88rem;gap:4px;padding:3px 4px 3px 10px}.authorship__chip button{background:none;border:none;color:#075985;cursor:pointer;font-size:1rem;line-height:1;padding:0 4px}.authorship__search{position:relative}.authorship__dropdown{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 8px 20px #00000014;left:0;list-style:none;margin:2px 0 0;max-height:240px;overflow-y:auto;padding:4px 0;position:absolute;right:0;top:100%;z-index:20}.authorship__dropdown button{background:none;border:none;cursor:pointer;font:inherit;padding:7px 12px;text-align:left;width:100%}.authorship__dropdown button:hover{background:#f3f4f6}.authorship__years{color:#6b7280}.authorship__add-new{color:#00a86b;font-weight:600}.authorship__empty{color:#6b7280;font-size:.88rem;padding:7px 12px}.authorship__new{background:#fff;border:1px dashed #9ca3af;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:10px}.authorship__new-row{display:flex;flex-wrap:wrap;gap:8px}.authorship__new-row input,.authorship__new-row select{flex:1 1 180px;width:auto}.authorship__new-row .authorship__years-input{flex:0 1 200px}.authorship-note{color:#6b7280;font-size:.85rem;line-height:1.5}.authorship__new-row button{flex:0 0 auto;font-size:.9rem;padding:8px 16px}.authorship__permission{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;color:#78350f;font-size:.86rem;line-height:1.45;margin:0 0 14px;padding:10px 12px}.authorship__template{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.authorship__template select{background:#fff;border:1px solid #d1d5db;border-radius:8px;font:inherit;padding:4px 8px}.authorship__template a{background:#fff;border:1px solid #d97706;border-radius:8px;color:#92400e;font-weight:600;padding:4px 12px;text-decoration:none}.authorship__template a:hover{background:#fef3c7}.authorship__role-add{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.authorship__field .authorship__role-add input{flex:1 1 180px;width:auto}.authorship__name-btn,.authorship__self-btn{background:#fff;border:1px solid #00a86b;border-radius:8px;color:#047857;cursor:pointer;flex:0 0 auto;font:inherit;font-size:.88rem;font-weight:600;padding:7px 12px}.authorship__self-btn{background:#ecfdf5}.authorship__name-btn:disabled{cursor:default;opacity:.5}.authorship__chip--me{background:#dcfce7;color:#166534}.credits-line{color:#374151;display:flex;flex-direction:column;font-size:15px;gap:2px;margin:4px 0 8px}.credits-line__names{align-items:center;display:inline-flex;flex-wrap:wrap;gap:8px}.credits-line__artists{color:#6b7280;font-size:14px}.credits-line__more{background:#f5f3ff;border:1px solid #c4b5fd;border-radius:999px;color:#5b21b6;cursor:pointer;font-size:12px;font-weight:600;padding:1px 10px}.credits-line__overlay{align-items:center;background:#11182773;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:9000}.credits-line__modal{background:#fff;border-radius:16px;box-shadow:0 18px 50px #00000040;max-width:520px;padding:18px 22px;width:100%}.credits-line__modal p{color:#374151;line-height:1.45;margin:6px 0}.credits-line__head{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.credits-line__head h4{font-size:18px;margin:0}.credits-line__close{background:none;border:none;color:#6b7280;cursor:pointer;font-size:20px}.sj-overlay{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:10000}.sj-box{background:#fff;border-radius:18px;box-shadow:0 20px 60px #0003;box-sizing:border-box;max-height:calc(100vh - 32px);max-width:420px;overflow-y:auto;padding:28px 26px 24px;position:relative;text-align:center;width:100%}.sj-close{background:none;border:none;color:#6b7280;cursor:pointer;font-size:22px;line-height:1;position:absolute;right:14px;top:12px}.sj-icon{font-size:38px}.sj-box h2{color:#111827;font-size:21px;margin:8px 0 6px}.sj-lead{color:#6b7280;font-size:15px;margin:0 0 18px}.sj-field{display:block;margin-bottom:12px;text-align:left}.sj-field span{color:#374151;display:block;font-size:13px;font-weight:600;margin-bottom:4px}.sj-field em{color:#9ca3af;font-style:normal;font-weight:400}.sj-field input,.sj-field textarea{border:1.5px solid #e5e7eb;border-radius:10px;box-sizing:border-box;font-size:15px;outline:none;padding:11px 13px;width:100%}.sj-field input:focus,.sj-field textarea:focus{border-color:#00d564;box-shadow:0 0 0 3px #00d56426}.sj-error{color:#dc2626;font-size:13px;margin:0 0 8px;text-align:left}.sj-btn{background:#00d564;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:6px;padding:12px 0;width:100%}.sj-btn:hover{background:#00b356}.sj-btn:disabled{cursor:default;opacity:.6}.sj-done p{color:#4b5563;font-size:15px;margin:0 0 16px}.sj-field textarea{font-family:inherit;line-height:1.4;resize:vertical}.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}.feedback-form textarea{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:.95rem;padding:10px;resize:vertical;width:100%}.feedback-form textarea:focus{border-color:#00d98b;box-shadow:0 0 0 3px #00d98b1a;outline:none}.feedback-form select{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:.95rem;padding:10px;width:100%}.feedback-form 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%}}.gtext .gtext-line{margin:0;white-space:pre-wrap}.gtext-marker{font-weight:700}.gtext-list{list-style:none;margin:4px 0;padding:0}.gtext-list li{align-items:baseline;display:flex;gap:8px;margin:3px 0}.gtext-list__icon{flex-shrink:0;text-align:center;width:1.3em}.gtext-editor{display:flex;flex-direction:column;gap:6px;width:100%}.gtext-toolbar{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-wrap:wrap;gap:4px;padding:6px}.gtext-toolbar button{background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:15px;height:30px;min-width:30px;padding:0 6px}.gtext-toolbar button:hover{background:#f5f3ff;border-color:#8b5cf6}.gtext-toolbar__swatch{border-radius:50%;display:inline-block;height:14px;vertical-align:middle;width:14px}.gtext-toolbar__sep{background:#e5e7eb;height:22px;margin:0 4px;width:1px}.gtext-editor__input{box-sizing:border-box;font-family:inherit;font-size:inherit;width:100%}.gtext-editor__hint{color:#9ca3af;font-size:12px;margin:0}.gtext-editor__preview{background:#faf5ff;border:1px dashed #c4b5fd;border-radius:8px;color:#4c1d95;line-height:1.55;padding:10px 12px}.gtext-editor__preview-label{color:#7c3aed;font-size:11px;font-weight:700;letter-spacing:.04em;margin-bottom:4px;text-transform:uppercase}.grammar-text__missing{color:#b45309;font-size:12px;font-style:italic;margin:0 0 6px}.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}.pct{margin-top:8px}.pct__form{align-items:flex-end;display:flex;gap:8px;margin-bottom:16px}.pct__input{border:1px solid #d1d5db;border-radius:8px;flex:1 1;font-family:inherit;font-size:.9rem;min-height:40px;padding:8px 10px;resize:vertical}.pct__submit{background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:9px 16px;white-space:nowrap}.pct__submit:disabled{cursor:not-allowed;opacity:.6}.pct__cancel{background:#0000;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;font-size:.85rem;padding:9px 14px}.pct__empty,.pct__guest-hint{color:#9ca3af;font-size:.88rem;padding:8px 0}.pct__rules-hint{background:#fffbeb;border:1px solid #fde68a;border-radius:6px;color:#92400e;font-size:.78rem;margin:0 0 8px;padding:6px 10px}.pct__pending-notice{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;color:#065f46;font-size:.85rem;margin:8px 0 16px;padding:8px 10px}.pct__status-note{border-radius:6px;display:inline-block;font-size:.82rem;margin:-4px 0 8px;padding:5px 9px}.pct__status-note--pending{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.pct__status-note--rejected{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.pct__list,.pct__replies{list-style:none;margin:0;padding:0}.pct__comment{border-bottom:1px solid #f0f0f0;padding:12px 0}.pct__comment--reply{border-bottom:none;border-left:2px solid #e5e7eb;padding:10px 0 10px 16px}.pct__replies{margin-top:8px}.pct__meta{align-items:center;color:#6b7280;display:flex;font-size:.82rem;gap:10px;margin-bottom:4px}.pct__meta strong{color:#111827}.pct__reply-btn{color:#6366f1;font-size:.8rem;margin-left:auto;padding:0}.pct__del,.pct__reply-btn{background:none;border:none;cursor:pointer}.pct__del{color:#ef4444;font-size:.85rem;padding:0 0 0 4px}.pct__text{color:#1f2937;font-size:.92rem;margin:0;white-space:pre-wrap;word-break:break-word}.pct__reply-form{margin-left:16px;margin-top:8px}.pct__reply-actions{display:flex;gap:8px;margin-top:6px}.hw-reading{align-items:flex-start;background:#fffbeb;border:1.5px solid #fde68a;border-radius:14px;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;margin:28px 0 12px;max-width:760px;padding:14px 18px}.hw-reading--done{background:#f0fdf4;border-color:#bbf7d0}.hw-reading__label{color:#92400e;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.hw-reading--done .hw-reading__label{color:#166534}.hw-reading__steps{color:#6b7280;display:flex;flex-direction:column;font-size:14px;gap:2px;list-style:none;margin:0;padding:0}.hw-reading__steps .--ok{color:#16a34a;font-weight:600}.hw-reading__btn{background:#00d564;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:9px 18px}.hw-reading__btn:hover{background:#00b356}.hw-reading__btn:disabled{cursor:default;opacity:.6}.hw-reading__msg{color:#166534;font-size:14px;margin:0}.hw-reading__msg--warn{color:#b45309}.hw-reading__hint{color:#9ca3af;font-size:12px;margin:0}.ap{display:flex;flex-direction:column;gap:8px}.ap-search{position:relative}.ap-search input{box-sizing:border-box;width:100%}.ap-search__list{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 24px #0000001f;left:0;list-style:none;margin:0;max-height:260px;overflow-y:auto;padding:4px 0;position:absolute;right:0;top:calc(100% + 2px);z-index:30}.ap-search__list button{background:none;border:none;color:#111827;cursor:pointer;display:block;font-size:14px;padding:7px 12px;text-align:left;width:100%}.ap-search__list button:hover{background:#f0fdf4}.ap-search__hint{color:#9ca3af;font-size:13px;padding:7px 12px}.ap-search__tr{color:#6b7280}.ap-chips{display:flex;flex-direction:column;gap:4px;list-style:none;margin:0;padding:0}.ap-chips--words{max-height:220px;overflow-y:auto}.ap-chip{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;display:flex;font-size:14px;gap:8px;justify-content:space-between;padding:5px 10px}.ap-chip button{background:none;border:none;color:#6b7280;cursor:pointer;font-size:13px}.ap-chip button:hover{color:#dc2626}.ap-hint{color:#6b7280;font-size:12px}.ap-chapter-words{border:1.5px dashed #d1d5db;border-radius:10px;display:flex;flex-direction:column;gap:6px;padding:10px}.ap-chapter-words__title{color:#374151;font-size:13px;font-weight:600}.ap-chapter-words__row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}@media (max-width:560px){.ap-chapter-words__row{grid-template-columns:1fr}}.ap-clear{background:none;border:none;color:#dc2626;cursor:pointer;font-size:12px;margin-left:10px;padding:0;text-decoration:underline}.schools-manager{padding-top:8px}.school-health-dot{border-radius:50%;display:inline-block;height:12px;vertical-align:middle;width:12px}.school-health-dot--green{background:#22c55e}.school-health-dot--yellow{background:#eab308}.school-health-dot--red{background:#ef4444}.school-status-badge{border-radius:999px;display:inline-block;font-size:12px;font-weight:700;padding:2px 10px}.school-status-badge--trial{background:#eff6ff;color:#2563eb}.school-status-badge--active{background:#f0fdf4;color:#16a34a}.school-status-badge--churned{background:#fef2f2;color:#dc2626}.school-status-badge--solo{background:#f5f3ff;color:#7c3aed}.schools-table{border-collapse:collapse;font-size:13px;width:100%}.schools-table th{border-bottom:1.5px solid #e5e7eb;color:#6b7280;font-size:11px;letter-spacing:.04em;padding:8px 10px;text-align:left;text-transform:uppercase}.schools-table td{border-bottom:1px solid #f3f4f6;padding:10px;vertical-align:middle}.schools-table__name-cell{cursor:pointer}.schools-table__name-cell:hover strong{color:#00b356}.schools-table__location,.schools-table__muted{color:#9ca3af;font-size:12px}.schools-table__actions{display:flex;flex-wrap:wrap;gap:6px}.schools-table__empty{color:#9ca3af;padding:24px;text-align:center}.schools-table__warning{color:#dc2626}.schools-table__code{color:#6b7280;font-family:monospace;font-size:12px;letter-spacing:.02em}.schools-table__row--disabled{opacity:.55}.schools-link-btn{background:none;border:none;color:#059669;cursor:pointer;font-size:inherit;font-weight:700;padding:0;text-decoration:underline}.school-student-list{list-style:none;margin:8px 0;max-height:350px;overflow-y:auto;padding:0}.school-student-list li{border-bottom:1px solid #f3f4f6;font-size:13px;padding:6px 0}.school-student-list__row{align-items:center;display:flex;gap:10px}.school-student-list__num{color:#9ca3af;flex-shrink:0;text-align:right;width:22px}.school-student-list__name{flex:1 1}.school-detail__header{align-items:center;display:flex;gap:12px;margin:12px 0 16px}.school-detail__header h3{margin:0}.school-detail__tabs{border-bottom:1.5px solid #e5e7eb;display:flex;gap:4px;margin-bottom:16px}.school-detail__tabs button{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:13px;font-weight:600;margin-bottom:-1.5px;padding:8px 16px}.school-detail__tabs button.active{border-bottom-color:#00d564;color:#00b356}.schools-tab__toolbar{margin-bottom:12px}.school-bulk-textarea{border:1px solid #cbd5e0;border-radius:6px;font-family:inherit;font-size:.9rem;margin:8px 0;padding:8px 10px;resize:vertical;width:100%}.school-bulk-result{font-size:13px;margin-top:12px}.school-bulk-result p{margin:4px 0}.schools-stat-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:24px}.schools-stat-card{border:1.5px solid #e5e7eb;border-radius:10px;padding:16px;text-align:center}.schools-stat-card__value{color:#111827;font-size:28px;font-weight:800}.schools-stat-card__label{color:#6b7280;font-size:12px;margin-top:4px}.schools-progress-block h4{margin-bottom:4px}.schools-progress-bar{background:#f3f4f6;border-radius:6px;height:10px;margin:10px 0;overflow:hidden}.schools-progress-bar__fill{background:#00d564;height:100%}.schools-progress-legend{color:#6b7280;display:flex;flex-wrap:wrap;font-size:12px;gap:16px}.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}.comic-end-section{border-top:1px solid #e5e7eb;margin:32px auto 60px;max-width:min(54.9vw,616px);padding-top:24px}.comic-end-section__rate-btn{background:#fff;border:1.5px solid #fbbf24;border-radius:999px;color:#92400e;cursor:pointer;display:block;font-size:.95rem;font-weight:700;margin:0 auto 24px;padding:10px 22px}.comic-end-section__rate-btn:hover{background:#fffbeb}.comic-end-section__title{color:#111827;font-size:1.05rem;margin:0 0 8px}.comic-container--fullscreen{padding-top:8px}body.reading-fullscreen .header{box-shadow:0 6px 18px #0000001f;left:0;position:fixed;right:0;top:0;transform:translateY(-100%);transition:transform .25s ease}body.reading-fullscreen.reading-fullscreen--menu .header{transform:none}.comic-container--fullscreen .comic-panels-container{gap:16px}.comic-fullscreen-btn{background:#fde047;border-color:#facc15;color:#713f12;font-weight:700}body.reading-fullscreen{--header-height:0px}.comic-reading-tools{display:contents}.comic-reading-tools__slot{align-self:flex-start;display:block;height:0;width:0}.comic-reading-tools--pinned{align-items:stretch;display:flex;flex-direction:column;gap:8px;left:16px;position:fixed;top:16px;z-index:30}.comic-reading-tools--pinned>button{box-shadow:0 2px 10px #0000001f;justify-content:flex-start}.comic-title .credits-line{align-items:center;color:#fff;position:relative;text-shadow:1px 1px 3px #000000bf;z-index:2}.comic-title .credits-line__names{justify-content:center}.comic-title .credits-line__artists{color:#ffffffeb}.comic-title .credits-line__more{text-shadow:none}.comic-title .credits-line__modal{color:#1f2937;text-align:left;text-shadow:none}.comic-title .credits-line__modal p{color:#374151!important}.comic-unpublish-soon{background:#dc2626;border-radius:999px;box-shadow:0 2px 10px #dc262659;color:#fff;display:inline-block;font-size:1.05rem;font-weight:700;margin:8px auto 4px;padding:8px 18px}.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}.zoomable-image{cursor:zoom-in}.zoomable-image__overlay{align-items:center;background:#111827e0;cursor:zoom-out;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:20000}.zoomable-image__big{background:#fff;border-radius:8px;box-shadow:0 12px 40px #00000080;max-height:100%;max-width:100%;object-fit:contain}.zoomable-image__close{background:#ffffffeb;border:none;border-radius:50%;cursor:pointer;font-size:20px;height:40px;position:absolute;right:18px;top:14px;width:40px}.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;aspect-ratio:4/5;background:linear-gradient(135deg,#e0f2fe,#bae6fd);display:flex;font-size:60px;height:auto;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;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 - 77px);height:calc(100vh - var(--header-height, 0px) - 77px);overflow-y:auto;padding:20px 0;position:sticky;top:57px;top:calc(var(--header-height, 0px) + 57px)}.book-reader__content{grid-column:2;grid-row:2;min-width:0;padding:32px 28px 80px}.book-reader__phrase-plus{align-items:center;background:#fff;border:1.5px solid #00d564;border-radius:50%;color:#00d564;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:16px;font-weight:700;height:22px;justify-content:center;line-height:1;margin-left:4px;transition:background .12s,color .12s;vertical-align:middle;width:22px}.book-reader__phrase-plus--active,.book-reader__phrase-plus:hover{background:#00d564;color:#fff}.book-reader__phrase-actions{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;margin-top:2px}.book-reader__phrase-actions-trans{border-left:3px solid #d1fae5;color:#6b7280;font-size:17px;font-style:italic;line-height:1.2;margin:0;padding-left:8px}.book-reader__phrase-save-btn{align-items:center;background:#fff;border:1.5px solid #00d564;border-radius:8px;color:#059669;cursor:pointer;display:inline-flex;font-size:12px;font-weight:700;margin-left:6px;padding:4px 10px;text-align:center;transition:background .12s;vertical-align:middle}.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}@media (max-width:1000px){.book-reader{grid-template-columns:200px 1fr}}@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-nav__book-title{color:#059669;font-family:Georgia,serif;font-size:15px;font-style:italic;font-weight:700;line-height:1.3;margin:0 0 14px;padding:0 16px}.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:28px;padding-bottom:18px}.book-reader__back{background:none;border:none;color:#00b356;cursor:pointer;display:block;font-size:13px;font-weight:600;margin-bottom:14px;padding:0}.book-reader__back:hover{text-decoration:underline}.book-reader__book-title{color:#059669;font-family:Georgia,Times New Roman,serif;font-size:30px;font-style:italic;letter-spacing:.02em;margin:0 0 6px}.book-reader__chapter-title{color:#1f2937;font-family:Georgia,Times New Roman,serif;font-size:27px;font-weight:700;letter-spacing:.01em;line-height:1.3;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:.83;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-line{display:block;margin-bottom:2px}.book-sentence-line--para-start{margin-top:.5em}.book-sentence-grammar-plus{align-items:center;background:#fff;border:1.5px solid #8b5cf6;border-radius:50%;color:#8b5cf6;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:16px;font-weight:700;height:22px;justify-content:center;line-height:1;margin-left:4px;transition:background .12s,color .12s;vertical-align:middle;width:22px}.book-sentence-grammar-plus--active,.book-sentence-grammar-plus:hover{background:#8b5cf6;color:#fff}.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__translation{color:#d1d5db;font-size:13px;margin:0}.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-word--known{border-bottom:2px dotted #00b356;cursor:pointer;transition:background .12s}.book-word--known:hover{background:#00d5641f}.book-word{border-radius:2px;cursor:pointer;transition:background .12s}.book-word:hover{background:#00d5641f}.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;top:var(--header-height,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__speed{display:flex;flex-shrink:0;gap:4px}.book-audio-bar__speed-btn{background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;font-size:11px;font-weight:600;padding:4px 8px}.book-audio-bar__speed-btn:hover{background:#f9fafb}.book-audio-bar__speed-btn--active{background:#00d564;border-color:#00d564;color:#fff}.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__consent h3{color:#111827;font-size:18px;font-weight:800;margin:0 0 10px}.book-editor__consent-check{align-items:flex-start;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:8px;line-height:1.5;margin-bottom:10px}.book-editor__consent-check input{flex-shrink:0;margin-top:3px}.book-editor__consent-check--blocked{color:#b91c1c}.book-editor__consent-note{color:#b91c1c;font-size:12px;font-style:italic}.book-editor__rating-badge{background:#ecfdf5;border-radius:999px;color:#047857;display:inline-block;font-size:13px;font-weight:700;margin-bottom:16px;padding:6px 12px}.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__preview-overlay{align-items:center;background:#1118278c;display:flex;inset:0;justify-content:center;padding:24px 16px;position:fixed;z-index:1060}.book-editor__preview-panel{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:min(94vw,900px)}.book-editor__preview-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px}.book-editor__preview-body{flex:1 1;overflow-y:auto}.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__words-section{border-top:1.5px solid #e5e7eb;margin-top:20px;padding-top:16px}.book-editor__words-header h4{color:#1f2937;font-size:15px;margin:0 0 4px}.book-editor__words-table-wrap{border:1.5px solid #e5e7eb;border-radius:10px;margin-top:8px;overflow-x:auto}.book-editor__words-table{background:#fff;border-collapse:collapse;font-size:13px;width:100%}.book-editor__words-table th{background:#fafafa;border-bottom:1.5px solid #e5e7eb;color:#6b7280;font-weight:600;padding:8px 10px;text-align:left;white-space:nowrap}.book-editor__words-table td{border-bottom:1px solid #f3f4f6;padding:4px 6px}.book-editor__words-table input,.book-editor__words-table select{border:1px solid #e5e7eb;border-radius:5px;box-sizing:border-box;font-size:13px;padding:5px 6px;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:140px 16px 40px;position:fixed;z-index:1040;z-index:var(--z-modal-backdrop,1040)}.book-reader-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000038;display:flex;flex-direction:column;max-height:85vh;max-width:1100px;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{font-size:16px;margin:0}.book-reader-modal__cover{border-radius:8px;flex-shrink:0;height:48px;object-fit:cover;width:48px}.book-reader-modal__title-block{flex:1 1;min-width:200px}.book-reader-modal__annotation{color:#4b5563;font-size:12.5px;margin:4px 0 0}.book-reader-modal__description{color:#9ca3af;font-size:12px;margin:2px 0 0;max-height:3.6em;overflow-y:auto}.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--moderator{background:#fef2f2;border-left-color:#ef4444}.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-error{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#b91c1c;font-size:11px;grid-column:2/-1;line-height:1.4;margin:-2px 0 4px;padding:5px 8px}.book-editor__phrase-add{align-items:center;border-bottom:1px dashed #e5e7eb;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;padding-bottom:8px}.book-editor__phrase-add input{border:1px solid #d1d5db;border-radius:6px;font-size:12px;min-width:120px;padding:5px 8px}.book-editor__phrase-add .book-editor__word-save{font-size:12px;padding:0 10px;white-space:nowrap;width:auto}.book-editor__phrase-add .book-editor__word-error{flex-basis:100%;grid-column:unset;margin:0}.book-editor__word-report-btn{background:none;border:none;color:#b45309;cursor:pointer;font-size:11px;grid-column:2/-1;justify-self:start;margin:-2px 0 4px;padding:2px 0;text-align:left}.book-editor__word-report-btn:hover:not(:disabled){text-decoration:underline}.book-editor__word-report-btn:disabled{color:#059669;cursor:default}.book-editor__word-report-form{grid-column:1/-1;margin-bottom:6px}.book-editor__word-report-form textarea{border:1px solid #fcd34d;border-radius:6px;font-size:12px;padding:6px 8px;resize:vertical;width:100%}.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}.book-editor.book-editor--wide{max-width:1040px}.book-editor--wide .book-editor__sentence-row{flex-wrap:wrap}.book-editor--wide .book-editor__sentence-main{flex:1 1;min-width:0;width:auto}.material-sent-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.material-comment-btn{background:none;border:none;color:#b45309;cursor:pointer;font-size:12px;font-weight:600;padding:0;white-space:nowrap}.material-comment-btn:hover{text-decoration:underline}.material-comment-btn--has{color:#a16207}.material-comment-editor,.material-comment-preview{flex-basis:100%;margin-top:6px}.material-comment-preview{background:#fef9c3;border:1px solid #fde047;border-radius:8px;color:#713f12;font-size:13px;line-height:1.45;padding:6px 10px;white-space:pre-wrap}.material-comment-editor textarea{background:#fffbeb;border:1.5px solid #fde047;border-radius:8px;box-sizing:border-box;font:inherit;font-size:13px;padding:8px 10px;width:100%}.book-reader-modal__label{color:#9ca3af;font-weight:600;margin-right:4px}.book-reader-modal__header h3 .book-reader-modal__label{font-weight:500}.chapter-audio-req{align-self:center;font-size:12px;font-weight:600;white-space:nowrap}.chapter-audio-req--pending{color:#b45309}.chapter-audio-req--done{color:#15803d}.chapter-audio-req--declined{color:#9ca3af}.book-gate-wall__actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.book-gate-wall__actions .book-gate-wall__btn{margin-bottom:0}.book-gate-wall__join{background:#fff;border:1.5px solid #00d564;border-radius:10px;color:#059669;cursor:pointer;font-size:15px;font-weight:700;padding:11px 24px}.book-gate-wall__join:hover{background:#f0fdf4}.book-card__ai{color:#7c3aed;font-size:11px;margin:0 0 6px}.book-reader__book-author{color:#4b5563;font-size:15px;margin:0 0 4px}.book-reader__credits{margin:0 0 8px}.book-editor{max-width:1200px}.book-editor__sentence-list{max-height:70vh}.book-editor__sentence-row{align-items:stretch;flex-direction:column;gap:4px;padding:12px 14px}.book-editor__sentence-text{font-size:15px}.book-editor__sent-trans{width:100%}.book-editor__trans-panel{padding:12px 14px}.book-editor__trans-text{font-size:14px;line-height:1.5}.book-editor__trans-add{align-items:flex-start;flex-wrap:wrap}.book-editor__trans-add select{font-size:13px;padding:6px 8px;width:130px}.book-editor__phrase-add textarea,.book-editor__trans-add textarea{background:#fff;border:1.5px solid #c7d2fe;border-radius:8px;box-sizing:border-box;flex:1 1 360px;font:inherit;font-size:14px;line-height:1.45;min-height:56px;padding:8px 10px;resize:vertical}.book-editor__phrase-add input:focus,.book-editor__phrase-add textarea:focus,.book-editor__trans-add textarea:focus,.book-editor__word-input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #e0e7ff;outline:none}.book-editor__trans-add button{align-self:stretch;font-size:13px;padding:8px 14px}.book-editor__phrase-add input{flex:0 1 280px;font-size:14px;padding:8px 10px}.book-editor__phrase-add .book-editor__word-save{font-size:13px;height:36px}.book-editor__word-list{max-height:420px}.book-editor__word-item{grid-template-columns:minmax(120px,200px) 1fr 36px}.book-editor__word-text{font-size:13px}.book-editor__word-input{font-size:14px;padding:6px 10px}.book-editor__word-lang-select{font-size:13px;padding:5px 8px}.book-editor__phrase-add textarea.book-editor__phrase-text{flex:0 1 280px}.book-editor__trans-icon-btn{background:none;border:none;cursor:pointer;flex-shrink:0;font-size:14px;opacity:.6;padding:2px 4px}.book-editor__trans-icon-btn:hover{opacity:1}.book-editor__trans-edit{align-items:flex-start;display:flex;flex:1 1;flex-wrap:wrap;gap:6px}.book-editor__trans-edit textarea{border:1.5px solid #6366f1;border-radius:8px;box-sizing:border-box;flex:1 1 320px;font:inherit;font-size:14px;line-height:1.45;min-height:52px;padding:7px 10px;resize:vertical}.book-editor__trans-edit-cancel,.book-editor__trans-edit-save{border:none;border-radius:6px;cursor:pointer;font-size:13px;padding:7px 12px}.book-editor__trans-edit-save{background:#6366f1;color:#fff}.book-editor__trans-edit-save:disabled{cursor:default;opacity:.5}.book-editor__trans-edit-cancel{background:#eef2ff;color:#4f46e5}.book-card__artist{color:#6b7280;font-size:12px}.book-sentence-translation__pending{color:#b45309;font-size:12px;font-style:normal}.book-card__title{line-height:1.3;min-height:2.6em}.book-card__accent,.book-card__artist,.book-card__author{line-height:1.35;min-height:1.35em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-card__artist{margin:-4px 0 6px}.book-nav__cover{border-radius:10px;box-shadow:0 4px 14px #0000001f;display:block;margin-top:24px;object-fit:cover;width:100%}@media (max-width:760px){.book-nav__cover{display:none}}.book-reader__annotation{margin:8px 0 4px;max-width:760px}.book-reader__annotation-text{color:#4b5563;font-size:15px;line-height:1.55;margin:0;white-space:pre-line}.book-reader__annotation-text.is-clamped{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.book-reader__annotation-toggle{background:none;border:none;color:#4f46e5;cursor:pointer;font-size:14px;margin-top:4px;padding:0}.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)}}.pay-for{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px}.pay-for__label{color:#374151;font-weight:600}.pay-seg{display:inline-flex;flex-wrap:wrap;gap:6px}.pay-seg button{background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;color:#3730a3;cursor:pointer;font-weight:600;padding:7px 14px}.pay-seg button.is-on{background:#4f46e5;border-color:#4f46e5;color:#fff}.pay-periods{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin:8px 0 16px}.pay-period{align-items:flex-start;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:12px 14px;text-align:left}.pay-period.is-on{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526}.pay-period__name{color:#111827;font-weight:700}.pay-period__month{color:#111827;font-size:20px;font-weight:800}.pay-period__month small{color:#6b7280;font-size:12px;font-weight:500}.pay-period__total{color:#4b5563;font-size:13px}.pay-period__save{background:#f0fdf4;border-radius:999px;color:#15803d;font-size:12px;font-weight:700;padding:2px 8px}.pay-period__save--none{background:#f9fafb;color:#9ca3af;font-weight:500}.pay-refund{background:#f0f9ff;border-radius:10px;color:#075985;font-size:14px;margin:10px 0 14px;padding:10px 12px}.pay-stub-overlay{align-items:center;background:#1118278c;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:3200}.pay-stub{background:#fff;border-radius:16px;box-shadow:0 20px 50px #00000040;max-width:460px;padding:24px;position:relative;text-align:center;width:100%}.pay-stub h3{margin:6px 0 8px}.pay-stub p{color:#4b5563;line-height:1.5}.pay-stub__icon{font-size:40px}.pay-stub__close{background:none;border:none;color:#6b7280;cursor:pointer;font-size:18px;position:absolute;right:12px;top:10px}.pay-stub__summary{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;font-family:inherit;font-size:13px;padding:10px 12px;text-align:left;white-space:pre-wrap}.pay-stub__btns{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:12px}.pay-stub__tg{align-items:center;background:#229ed9;border-radius:999px;color:#fff;display:inline-flex;font-weight:700;gap:6px;padding:11px 18px;text-decoration:none}.pay-stub__copy{background:#fff;border:1px solid #d1d5db;border-radius:999px;cursor:pointer;font-weight:600;padding:11px 16px}@media (max-width:640px){.pay-periods{grid-template-columns:1fr}}.payment-summary{max-width:760px;width:100%}.pay-periods{gap:14px}.pay-period{padding:16px 18px}.pay-period__name{font-size:16px}.pay-period__month{font-size:24px;white-space:nowrap}.pay-period__total{font-size:14px}.pay-period__save{font-size:13px;white-space:nowrap}.payment-summary .pay-now-btn,.payment-summary .pay-refund,.payment-summary .summary-details{margin-left:auto;margin-right:auto;max-width:520px}.payment-summary .pay-now-btn{display:block;width:100%}.payment-header{margin-bottom:var(--spacing-xl);padding:18px var(--spacing-lg)}.payment-header h1{font-size:var(--font-size-3xl);line-height:1.2;margin:0 0 6px}.payment-header p{font-size:var(--font-size-base)}.pay-stub p{white-space:pre-line}.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-section+.creators-section{margin-top:36px}.creators-grid--famous{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.creator-card__head{align-items:center;display:flex;gap:12px}.creator-card__photo{border-radius:50%;flex-shrink:0;height:56px;object-fit:cover;width:56px}.creator-card__title{color:#1f2937;font-size:1.1rem;font-weight:600}.creator-card__years{color:#6b7280;font-size:.85rem}.creator-card__bio{color:#374151;font-size:.95rem;line-height:1.5;margin:0}.creator-card__work-kind{flex-shrink:0;text-align:center;width:24px}.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}.creator-card__lang,.creator-card__role{line-height:18px}.creator-card__meta{align-content:flex-start;min-height:50px}.creators-grid:not(.creators-grid--famous)>.creator-card{grid-row-gap:12px;align-content:start;display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:12px}.cr-badge{border-radius:999px;display:inline-block;font-size:12px;font-weight:600;margin-left:8px;padding:2px 10px}.cr-badge--review{background:#ede9fe;color:#5b21b6}.cr-badge--ok{background:#dcfce7;color:#166534}.cr-badge--returned{background:#fee2e2;color:#991b1b;cursor:help}.cr-overlay{align-items:center;background:#1118278c;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:2000}.cr-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000038;box-sizing:border-box;max-height:calc(100vh - 32px);overflow-y:auto;padding:22px 24px;position:relative;width:min(760px,100%)}.cr-modal--narrow{width:min(520px,100%)}.cr-modal__close{background:none;border:none;color:#6b7280;cursor:pointer;font-size:18px;position:absolute;right:14px;top:12px}.cr-modal__title{font-size:19px;margin:0 28px 12px 0}.cr-details{grid-gap:6px 14px;display:grid;font-size:14px;gap:6px 14px;grid-template-columns:max-content 1fr;margin:0 0 14px}.cr-details dt{color:#6b7280;font-weight:600}.cr-details dd{color:#111827;margin:0;white-space:pre-wrap}.cr-review{background:#fafafa;border:1px solid #e5e7eb;border-radius:12px;font-size:14px;padding:10px 12px}.cr-review__head{font-weight:600;margin-bottom:4px}.cr-review__head .cr-badge{margin-left:4px}.cr-review__line{color:#6b7280;font-size:13px}.cr-review__note{margin-top:6px;white-space:pre-wrap}.cr-review__note--corrector{background:#fff7ed;border-radius:8px;padding:6px 8px}.cr-muted{color:#6b7280;font-size:14px;margin:0 0 12px}.cr-field{display:flex;flex-direction:column;font-size:14px;gap:4px;margin-bottom:12px}.cr-field span{color:#374151;font-weight:600}.cr-field select,.cr-field textarea{border:1px solid #d1d5db;border-radius:8px;font:inherit;padding:8px 10px}.cr-agree{align-items:flex-start;display:flex;font-size:14px;gap:8px;margin-bottom:12px}.cr-agree input{flex-shrink:0;margin-top:3px}.cr-actions{display:flex;gap:8px;justify-content:flex-end}.cr-error{color:#b91c1c;font-size:14px}.mod-row--compact .mod-row__main{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.cr-pick{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.cr-pick__row{align-items:center;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;flex-wrap:wrap;font-weight:400;gap:10px;padding:8px 10px}.cr-pick__row--on{background:#f5f3ff;border-color:#8b5cf6}.cr-pick__name{color:#111827;font-weight:600}.cr-pick__load{color:#4b5563;font-size:13px;margin-left:auto}.cr-lang{background:#e0f2fe;border-radius:999px;color:#075985;display:inline-block;font-size:12px;margin:0 4px 4px 0;padding:2px 8px}.crm{margin:0 auto;max-width:1100px;padding:8px 0 24px}.crm-head{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:6px}.crm-head h2{font-size:22px;margin:0}.crm-table{background:#fff;border:1px solid #e5e7eb;border-collapse:collapse;border-radius:12px;margin-top:12px;overflow:hidden;width:100%}.crm-table td,.crm-table th{border-bottom:1px solid #f1f5f9;font-size:14px;padding:10px 12px;text-align:left;vertical-align:top}.crm-table th{background:#f9fafb;color:#374151;font-weight:600}.crm-row--off{opacity:.6}.crm-actions{display:flex;gap:6px;justify-content:flex-end}.crm-langs{display:flex;flex-wrap:wrap;gap:6px}.crm-lang{align-items:center;border:1px solid #d1d5db;border-radius:999px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:400;gap:4px;padding:4px 10px}.crm-lang--on{background:#e0f2fe;border-color:#0ea5e9}.crm-lang input{margin:0}.crm-result{font-size:14px;margin:6px 0 10px}.crm-result p{margin:4px 0}.mod-row--group{flex-wrap:wrap}.mod-trans-phrases{border-top:1px dashed #e5e7eb;list-style:none;margin:10px 0 0;padding:0;width:100%}.mod-trans-phrase{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:10px 0}.mod-trans-phrase:last-child{border-bottom:none}.mod-trans-phrase__text{flex:1 1 420px;font-size:14px;line-height:1.45}.mod-trans-phrase__text em{color:#6b7280;font-size:13px}.mod-trans-phrase__actions{display:flex;flex-shrink:0;gap:6px}.moderation-screen{padding:24px 0}.translation-manager{padding-top:8px}.mod-header h3{font-size:1.5rem;margin:0 0 6px}.mod-header p{color:#555;margin:0 0 16px;max-width:720px}.mod-header__actions{display:flex;flex-wrap:wrap;gap:12px;row-gap:8px}.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:12px;row-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-queue-filters{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-wrap:wrap;gap:16px;margin:4px 0 16px;padding:10px 14px}.mod-queue-filters__checkbox{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:.88rem;gap:6px}.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-modal-overlay{align-items:flex-start;background:#11182780;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:40px 16px;position:fixed;z-index:1050;z-index:var(--z-modal,1050)}.trans-modal-card{margin-bottom:16px;max-width:720px;width:100%}.trans-modal-card__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.trans-modal-card__header h4{margin:0}.trans-modal-card__close{background:none;border:none;color:#6b7280;cursor:pointer;font-size:1.1rem;line-height:1;padding:2px 6px}.trans-modal-card__close:hover{color:#111827}.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__hint{color:#6b7280;display:block;font-size:.78rem;font-weight:400;margin-top:4px}.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{flex:1 1;min-width:200px}.trans-list__filters input,.trans-list__filters select{border:1px solid #cbd5e0;border-radius:6px;font-size:.9rem;padding:8px 10px}.trans-list__filters select{background:#fff;flex:0 1 210px;min-width:190px}.trans-list__date-filter{align-items:center;color:#4b5563;display:flex;flex:0 0 auto;font-size:.85rem;gap:6px;white-space:nowrap}.trans-list__date-filter input[type=date]{border:1px solid #cbd5e0;border-radius:6px;flex:0 0 auto;font-size:.85rem;min-width:0;padding:7px 8px;width:140px}.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%}.phrase-tagger__verb{align-items:flex-end;display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.phrase-tagger__verb label{color:#4b5563;display:flex;flex:1 1;flex-direction:column;font-size:.8rem;gap:4px;min-width:220px}.phrase-tagger__verb input{border:1px solid #cbd5e0;border-radius:6px;font-family:inherit;font-size:.85rem;padding:6px 8px}.phrase-tagger__no-explanations{color:#9ca3af;font-size:.82rem;margin-bottom:8px}.phrase-tagger__explanation{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:8px;padding:8px}.phrase-tagger__explanation-controls{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.phrase-tagger__explanation-controls select{border:1px solid #cbd5e0;border-radius:6px;font-size:.85rem;padding:4px 6px}.phrase-tagger__fragment{border:1px solid #cbd5e0;border-radius:6px;flex:1 1 220px;font-family:inherit;font-size:.85rem;min-width:160px;padding:5px 8px}.mod-comments-panel{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin:12px 0;padding:16px}.mod-comments-list{list-style:none;margin:0;padding:0}.mod-comments-row{border-bottom:1px solid #f0f0f0;padding:12px 0}.mod-comments-row:last-child{border-bottom:none}.mod-comments-row__meta{align-items:center;color:#6b7280;display:flex;flex-wrap:wrap;font-size:.8rem;gap:10px;margin-bottom:4px}.mod-comments-row__meta strong{color:#111827}.mod-comments-row__reply-tag{background:#eef2ff;border-radius:999px;color:#4f46e5;font-weight:600;padding:1px 8px}.mod-comments-row__text{color:#1f2937;font-size:.92rem;margin:4px 0 8px;white-space:pre-wrap;word-break:break-word}.mod-comments-row__actions{display:flex;gap:8px}.mod-comments-row__reject-form{display:flex;flex-direction:column;gap:8px}.mod-comments-row__reject-input{border:1px solid #fca5a5;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:.9rem;padding:8px 10px;resize:vertical;width:100%}.mod-queue .mod-row{flex-wrap:nowrap}.mod-queue .mod-row__main{flex:1 1 auto;flex-wrap:nowrap;min-width:0;overflow:hidden;white-space:nowrap}.mod-queue .mod-row__main>strong{flex-shrink:0}.mod-queue .mod-row__meta{min-width:0;overflow:hidden;text-overflow:ellipsis}.mod-queue .mod-row__actions{zoom:.8;flex:0 0 auto;flex-wrap:nowrap;margin-left:auto}.mod-queue .mod-row__thumb{border-radius:4px;height:28px;object-fit:cover;vertical-align:middle;width:28px}.mod-queue .mod-row:has(.mod-pending-diff) .mod-row__main{flex-wrap:wrap;white-space:normal}.mod-queue .mod-row.mod-row--stack{flex-wrap:wrap}.mod-row__extra{flex-basis:100%;gap:12px}.mod-audio-tools,.mod-row__extra{align-items:center;display:flex;flex-wrap:wrap}.mod-audio-tools{gap:8px}.mod-audio-tools select{border:1px solid #d1d5db;border-radius:6px;padding:5px 8px}.mod-report-status{border-radius:999px;display:inline-block;font-size:.82rem;font-weight:600;padding:3px 10px;white-space:nowrap}.mod-report-status--new{background:#fef3c7;color:#92400e}.mod-report-status--done{background:#dcfce7;color:#166534}.gm-lang-tabs{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.gm-lang-tab{background:#fff;border:1.5px solid #c4b5fd;border-radius:999px;color:#5b21b6;cursor:pointer;font-size:13px;font-weight:600;padding:2px 12px}.gm-lang-tab--on{background:#7c3aed;border-color:#7c3aed;color:#fff}.mod-status--unpublish_requested{background:#fee2e2;color:#b91c1c;font-weight:700}.mod-unpublish-note{color:#b91c1c;flex-basis:100%;font-size:12px}.mod-audio-todo{background:#fffbeb;border:1px solid #fcd34d;border-radius:999px;color:#92400e;cursor:pointer;font-size:12px;padding:2px 8px}.mod-audio-todo:hover{background:#fef3c7}.mod-queue .mod-row:has(.mod-audio-todo) .mod-row__main,.mod-queue .mod-row:has(.mod-unpublish-note) .mod-row__main{flex-wrap:wrap;white-space:normal}.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;-webkit-user-select:none;user-select:none}.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}.ds-tag{background:#f5f3ff;border:1px solid #ddd6fe;border-radius:6px;color:#5b21b6;cursor:pointer;font:600 11px/1.6 ui-monospace,monospace;margin:0 2px;padding:1px 6px}.ds-tag:hover{background:#ede9fe}.ds-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.ds-btn{background:#eef2ff;border:1.5px solid #c7d2fe;border-radius:8px;color:#3730a3;cursor:pointer;font-size:13px;font-weight:600;padding:7px 14px}.ds-btn:disabled{cursor:default;opacity:.5}.ds-btn--magic{background:linear-gradient(135deg,#8b5cf6,#6366f1);border-color:#0000;color:#fff}.ds-msg{color:#15803d;font-size:12px;margin:6px 0 0}.ds-msg--err{color:#b91c1c}.bag-voice-card__paid{background:#fef3c7;border-radius:999px;color:#92400e;font-size:10px;font-weight:700;margin-left:6px;padding:1px 6px;white-space:nowrap}.bag-accent{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;margin:0 0 14px;padding:10px 12px}.bag-accent label{color:#374151;display:flex;flex-direction:column;font-size:13px;font-weight:600;gap:4px}.bag-accent select{border:1px solid #d1d5db;border-radius:8px;font:inherit;padding:6px 8px}.bag-accent__saved{color:#047857;display:inline-block;font-size:12px;margin-top:4px}.bag-accent__hint{color:#6b7280;font-size:12px;margin:6px 0 0}.stars-narration{background:#f8f9ff;border:1px solid #e0e7ff;border-radius:12px;display:flex;flex-direction:column;gap:10px;margin-top:8px;padding:14px 16px}.stars-narration__title{color:#312e81;font-weight:700}.stars-narration__row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:2fr 1.4fr 1.6fr}.stars-narration__row label{color:#374151;display:flex;flex-direction:column;font-size:13px;gap:4px}.stars-narration__row input,.stars-narration__row select{background:#fff;border:1px solid #d1d5db;border-radius:8px;font:inherit;font-size:13px;padding:7px 9px}.stars-narration__actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.stars-narration__actions .bag-generate-btn{padding-left:22px;padding-right:22px;width:auto}.stars-narration__count{color:#6b7280;font-size:12px}.stars-narration__count.is-over{color:#b91c1c;font-weight:600}.stars-narration__note{color:#6b7280;font-size:12px;margin:0}@media (max-width:760px){.stars-narration__row{grid-template-columns:1fr}}.wsa-controls{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.wsa-controls label{color:#374151;display:flex;flex-direction:column;font-size:13px;gap:4px}.wsa-controls input[type=text],.wsa-controls select{background:#fff;border:1px solid #d1d5db;border-radius:8px;font:inherit;font-size:13px;padding:7px 9px}.wsa-controls .wsa-check{align-items:center;align-self:end;flex-direction:row;gap:8px;padding-bottom:8px}.wsa-run{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.wsa-progress{align-items:center;color:#374151;display:inline-flex;font-size:13px;gap:8px}.wsa-progress__bar{background:#e5e7eb;border-radius:99px;display:inline-block;height:8px;overflow:hidden;width:180px}.wsa-progress__bar span{background:#00a86b;display:block;height:100%;transition:width .2s}.wsa-sample{margin-top:10px;max-width:480px;width:100%}.wsa-table td{vertical-align:middle}.wsa-word{font-weight:600;white-space:nowrap}.wsa-example{color:#374151;font-size:13px;max-width:420px}.wsa-cell{align-items:center;display:flex;gap:4px}.wsa-audio{height:30px;width:190px}.wsa-mini{background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:13px;padding:3px 7px}.wsa-mini:disabled{cursor:default;opacity:.5}.wsa-none{color:#9ca3af}@media (max-width:900px){.wsa-controls{grid-template-columns:1fr}}.ds-warn{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;color:#78350f;flex-wrap:wrap;gap:8px 12px;line-height:1.45;margin:8px 0;padding:10px 12px}.bag-text-preview__bar,.ds-warn{align-items:center;display:flex;font-size:13px}.bag-text-preview__bar{color:#374151;font-weight:600;gap:8px;justify-content:space-between;margin:4px 0 6px}.bag-text-preview--scroll{background:#fff;border:1px solid #e5e7eb;border-radius:10px;max-height:340px;overflow-y:auto;padding:8px 10px;-webkit-user-select:text;user-select:text}.my-dictionary{padding:24px 0}.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{align-items:stretch;display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 16px}.dict-tab{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#4b5563;cursor:pointer;display:flex;font-size:.88rem;font-weight:600;padding:7px 14px;white-space:nowrap}.dict-tab--nav{color:#374151}.dict-tab--nav:hover{border-color:#00d564}.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}.dict-header__support{color:#6b7280;font-size:13px;margin:4px 0 0}.dict-header__support a,.dict-row__no-translation a{color:#6366f1;font-weight:600;text-decoration:none}.dict-header__support a:hover,.dict-row__no-translation a:hover{text-decoration:underline}.dict-row__no-translation{color:#9ca3af;font-size:13px}.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:.68rem;line-height:1.25;margin-bottom:16px;padding:10px 14px;text-align:center}.train-low-entries-banner__line{margin:0}.train-low-entries-banner__line+.train-low-entries-banner__line{margin-top:2px}.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}.train-summary__task{color:#b45309;font-size:14px;line-height:1.5;max-width:460px;text-align:center}.train-summary__task.--done{color:#166534;font-weight:600}.grammar-trainer__header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.grammar-trainer__tense{background:#f3e8ff;border:1px solid #c4b5fd;border-radius:999px;color:#6d28d9;cursor:pointer;display:inline-block;font:inherit;font-size:12px;font-weight:600;padding:4px 12px}.grammar-trainer__tense:hover{background:#ede9fe;border-color:#8b5cf6}.grammar-trainer__tense.--open{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.grammar-trainer__tense-hint{background:#f5f3ff;border:1px solid #ddd6fe;border-radius:10px;color:#4c1d95;flex-basis:100%;font-size:13px;line-height:1.5;padding:10px 34px 10px 12px;position:relative}.grammar-trainer__tense-hint p{margin:4px 0 0;white-space:pre-wrap}.grammar-trainer__tense-hint-close{background:#0000;border:none;color:#6d28d9;cursor:pointer;font-size:14px;position:absolute;right:8px;top:6px}.grammar-trainer__translation{color:#4b5563;flex-basis:100%;font-size:14px;margin:0}.grammar-trainer__no-translation{color:#9ca3af;font-style:italic}.grammar-gap__sentence{color:#111827;font-size:20px;line-height:2.4;margin:8px 0 18px}.grammar-gap__slot{background:#eef2ff;border:none;border-bottom:2px solid #6366f1;border-radius:6px 6px 0 0;color:#3730a3;cursor:pointer;display:inline-block;font:inherit;font-weight:600;line-height:1.5;margin:0 2px;min-width:72px;padding:2px 10px;vertical-align:initial}.grammar-gap__slot:disabled{cursor:default}.grammar-gap__slot.--filled{background:#e0e7ff}.grammar-gap__slot.--ok{background:#d1fae5;border-bottom-color:#059669;color:#065f46}.grammar-gap__slot.--bad{background:#fee2e2;border-bottom-color:#dc2626;color:#b91c1c}@media (max-width:600px){.grammar-gap__sentence{font-size:17px}.grammar-gap__slot{min-width:56px}}.grammar-trainer__rules-btn{background:#7c3aed;border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;margin-top:10px;padding:8px 16px}.grammar-trainer__rules-btn:hover{background:#6d28d9}.grammar-trainer__header .grammar-trainer__tense,.grammar-trainer__header .train-audio-btn{align-items:center;border-radius:999px;border-style:solid;border-width:1.5px;box-sizing:border-box;display:inline-flex;font-size:.87rem;font-weight:600;gap:6px;height:36px;justify-content:center;line-height:1;margin:0;min-width:200px;padding:0 16px;white-space:nowrap}.trainer-calendar{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 16px #0000000f;padding:26px 22px}.trainer-calendar--loading{color:#9ca3af;font-size:.85rem;padding:24px 16px;text-align:center}.trainer-calendar__title{color:#374151;font-size:1.15rem;margin:0 0 16px}.trainer-calendar__overdue{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;font-size:.92rem;margin-bottom:18px;padding:10px 12px}.trainer-calendar__days{align-items:flex-end;display:flex;gap:6px;height:150px}.trainer-calendar__day{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:flex-end;min-width:0}.trainer-calendar__weekday{color:#9ca3af;font-size:.72rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trainer-calendar__day.--today .trainer-calendar__weekday{color:#2563eb;font-weight:600}.trainer-calendar__date{color:#6b7280;font-size:.8rem;margin-bottom:6px}.trainer-calendar__bar-track{align-items:flex-end;background:#f3f4f6;border-radius:5px;display:flex;flex:1 1;overflow:hidden;width:10px}.trainer-calendar__bar{background:#60a5fa;border-radius:5px;min-height:0;transition:height .2s ease;width:100%}.trainer-calendar__day.--today .trainer-calendar__bar{background:#00d98b}.trainer-calendar__count{color:#6b7280;font-size:.72rem;margin-top:6px}.trainer-calendar__days{gap:4px}.trainer-calendar__months{display:flex;gap:4px;margin-bottom:6px}.trainer-calendar__month{border-bottom:2px solid #e5e7eb;color:#4b5563;font-size:.78rem;font-weight:600;min-width:0;overflow:hidden;padding-bottom:2px;white-space:nowrap}.trainer-calendar__month+.trainer-calendar__month{border-left:2px solid #e5e7eb;padding-left:4px}.trainer-calendar__weekday{font-size:.68rem;overflow:visible;text-overflow:clip}.tc-tip{cursor:default;position:relative}.tc-tip:hover:after{background:#1f2937;border-radius:7px;bottom:calc(100% + 6px);box-shadow:0 4px 12px #0000002e;color:#fff;content:attr(data-tip);font-size:12px;font-weight:500;left:50%;line-height:1.3;padding:6px 9px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:20}.tc-tip--left:hover:after{left:0;transform:none}.tc-tip--right:hover:after{left:auto;right:0;transform:none}.trainer-calendar__bar-track.tc-tip{cursor:pointer;overflow:visible}.trainer-calendar__bar-track.tc-tip .trainer-calendar__bar{border-radius:5px}.trainer-calendar__bar-track.tc-tip:hover:after{bottom:auto;top:30%}.trainer-calendar__bar-track.tc-tip:hover:after,.trainer-calendar__count.tc-tip:hover:after{text-align:left;white-space:normal;width:170px}.trainer-hub{margin:0 auto;max-width:1200px;padding:8px 16px 24px}.trainer-hub__layout{align-items:flex-start;display:flex;flex-wrap:wrap;gap:24px}.trainer-hub__nav{display:flex;flex:0 0 260px;flex-direction:column;gap:14px}.trainer-hub__main{flex:1 1 480px;min-width:0}.trainer-hub__main .to-train{padding-top:0}.trainer-hub__side{flex:0 0 320px;min-width:280px}.trainer-hub__nav-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 2px 8px #0000000d;color:#374151;cursor:pointer;display:flex;font-size:1.02rem;font-weight:600;gap:12px;padding:20px 22px;text-align:left;transition:transform .15s ease,box-shadow .15s ease;width:100%}.trainer-hub__nav-btn:hover{border-color:#60a5fa;box-shadow:0 4px 14px #00000014;transform:translateY(-1px)}.trainer-hub__nav-icon{flex-shrink:0;font-size:1.7rem}@media (max-width:900px){.trainer-hub__layout{flex-direction:column}.trainer-hub__nav{flex-direction:row;flex-wrap:wrap;width:100%}.trainer-hub__nav-btn{flex:1 1 auto}.trainer-hub__main,.trainer-hub__side{width:100%}}.trainer-hub__nav-btn.trainer-hub__nav-btn--active{background:#eef2ff;border-color:#6366f1;box-shadow:0 0 0 2px #6366f140;color:#3730a3}.trainer-hub__nav,.trainer-hub__side{padding-top:0;padding-top:var(--trainer-card-offset,0)}@media (max-width:900px){.trainer-hub__nav,.trainer-hub__side{padding-top:0}}.trainer-hub__banner .train-low-entries-banner{margin-bottom:20px}.trainer-hub__banner .train-low-entries-banner__line{display:inline}.trainer-hub__banner .train-low-entries-banner__line+.train-low-entries-banner__line{margin-top:0}.trainer-hub__banner .train-low-entries-banner__line+.train-low-entries-banner__line:before{content:" "}.trainer-hub__nav-lock{font-size:.95rem;margin-left:auto;opacity:.6}.trainer-hub__nav-btn.trainer-hub__nav-btn--grammar{background:#faf5ff;border-color:#c4b5fd;color:#5b21b6}.trainer-hub__nav-btn.trainer-hub__nav-btn--grammar:hover{border-color:#8b5cf6}.trainer-hub__task{margin:0 auto;max-width:900px}.exset{margin:0 auto;max-width:1100px}.exset-top{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);margin-bottom:20px}.exset-top__info h3{margin:0 0 10px}.exset-meta{color:#374151;display:flex;flex-wrap:wrap;font-size:.92rem;gap:8px 16px}.exset-desc,.exset-focus{color:#4b5563;line-height:1.5;margin:8px 0 0}.exset-video{aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden;position:relative}.exset-video iframe{border:0;height:100%;inset:0;position:absolute;width:100%}.exset-stage{margin-top:26px}.exset-stage h4{font-size:1.15rem;margin:0}.exset-stage__sub{color:#6b7280;font-size:.9rem;margin:4px 0 12px}.exset-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;margin-bottom:14px;padding:16px 18px}.exset-card__head{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.exset-card__head h5{font-size:1rem;margin:0}.exset-instructions{color:#374151;line-height:1.5;margin:6px 0 12px}.exset-hint{color:#6b7280;font-size:.88rem;margin:8px 0}.exset-textarea{border:1px solid #cbd5e0;border-radius:8px;box-sizing:border-box;font:inherit;padding:8px 10px;width:100%}.exset-btn{background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;font:inherit;font-weight:600;margin-top:10px;padding:7px 16px}.exset-btn:disabled{cursor:default;opacity:.5}.exset-btn--ghost{background:#eef2ff;color:#4338ca;margin-top:0}.exset-link{background:none;border:none;color:#4338ca;cursor:pointer;font:inherit;padding:0;text-decoration:underline}.exset-matching{grid-gap:14px 24px;display:grid;gap:14px 24px;grid-template-columns:1fr 1fr}.exset-choice,.exset-correction,.exset-matching__left,.exset-matching__right{margin:0;padding-left:20px}.exset-matching__left li{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.exset-matching__left li span{flex:1 1;min-width:140px}.exset-matching__left select{border:1px solid #cbd5e0;border-radius:6px;padding:4px 6px}.exset-matching__right li{line-height:1.4;margin-bottom:8px}.exset-matching__left li.--ok span{color:#047857}.exset-matching__left li.--bad span{color:#b91c1c}.exset-choice{list-style:none;padding-left:0}.exset-choice li{border-radius:8px;margin-bottom:6px;padding:6px 10px}.exset-choice label{align-items:center;cursor:pointer;display:flex;gap:8px}.exset-choice li.--ok{background:#ecfdf5}.exset-choice li.--bad{background:#fef2f2}.exset-bank{margin:8px 0}.exset-chip{background:#f3e8ff;color:#6d28d9;display:inline-block;font-size:.88rem;margin:2px 4px;padding:2px 10px}.exset-cloze{font-size:1.02rem;line-height:2.4}.exset-gap input{background:#eef2ff;border:none;border-bottom:2px solid #6366f1;font:inherit;margin:0 3px;padding:2px 6px}.exset-gap input.--ok{background:#d1fae5;border-bottom-color:#059669}.exset-gap input.--bad{background:#fee2e2;border-bottom-color:#dc2626}.exset-correct{color:#047857;font-size:.85rem;margin-left:4px}.exset-correction li{margin-bottom:12px}.exset-correction p{margin:0 0 6px}.exset-result{border-radius:10px;font-weight:600;margin-top:12px;padding:10px 12px}.exset-result.--ok{background:#ecfdf5;color:#065f46}.exset-result.--bad{background:#fef2f2;color:#b91c1c}.exset-result.--sent{background:#eff6ff;color:#1e40af}.exset-model{color:#1f2937;font-weight:400;margin-top:8px}.exset-model ol{margin:4px 0 0;padding-left:20px}.exset-teacher-comment{background:#fef9c3;border-radius:10px;color:#713f12;margin-top:10px;padding:8px 12px}.exset-assign{margin-top:10px}.exset-assign,.exset-assign__form{align-items:center;display:inline-flex;flex-wrap:wrap;gap:8px}.exset-assign__form input,.exset-assign__form select{border:1px solid #cbd5e0;border-radius:6px;font:inherit;padding:5px 8px}.exset-assign__form .exset-btn{margin-top:0}.exset-teacher{margin-bottom:8px}.exset-subs{list-style:none;margin:10px 0 0;padding:0}.exset-subs li{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:10px;padding:10px 12px}.exset-subs__head{color:#374151;font-size:.9rem}.exset-subs__text{margin:6px 0;white-space:pre-wrap}.exset-badge{border-radius:999px;font-size:.75rem;font-weight:600;margin-left:8px;padding:1px 8px}.exset-badge.--ok{background:#d1fae5;color:#065f46}.exset-badge.--bad{background:#fee2e2;color:#b91c1c}@media (max-width:800px){.exset-matching,.exset-top{grid-template-columns:1fr}}.exm-head{align-items:center;display:flex;gap:8px;justify-content:space-between}.exm-grid{grid-gap:10px 14px;display:grid;gap:10px 14px;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));margin:8px 0}.exm-label{color:#374151;display:flex;flex-direction:column;font-size:.85rem;font-weight:600;gap:4px;margin:6px 0}.exm-label input,.exm-label select{border:1px solid #cbd5e0;border-radius:6px;font:inherit;font-weight:400;padding:6px 8px}.exm-label code{background:#f3f4f6;border-radius:4px;font-weight:400;padding:0 4px}.exm-check{align-items:center;display:flex;font-size:.85rem;gap:6px;white-space:nowrap}.exm-rows{margin:8px 0}.exm-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}.exm-row input[type=text]{border:1px solid #cbd5e0;border-radius:6px;flex:1 1 220px;font:inherit;padding:6px 8px}.exm-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.exm-actions .exset-btn{margin-top:0}.exm-ok{color:#047857;font-weight:600}.exm-err{color:#b91c1c;font-weight:600}.exm-exercises{margin-top:20px}.exset-card.exset-card--own{background:#faf5ff;border-color:#c4b5fd}.exset-own{align-items:center;color:#6d28d9;display:flex;flex-wrap:wrap;font-size:.82rem;gap:10px;margin-bottom:8px}.exset-own-add{border-top:1px dashed #d1d5db;padding-top:6px}.exset-vocab{grid-gap:4px;display:grid;gap:4px;list-style:none;margin:0 0 12px;padding:0}.exset-vocab li{grid-gap:10px;align-items:center;background:#f9fafb;border-radius:8px;display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr) auto;padding:6px 10px}.exset-vocab__play{background:none;border:none;cursor:pointer;font-size:1rem;padding:0}.exset-vocab__term{color:#111827;font-weight:600}.exset-vocab__tr{color:#4b5563}.exset-vocab__add{white-space:nowrap}.exset-vocab__add:disabled{color:#059669;cursor:default;text-decoration:none}.exset-code{background:#eef2ff;border-radius:6px;color:#4338ca;display:inline-block;font-size:.8em;margin-right:4px;padding:1px 8px;vertical-align:middle}@media (max-width:600px){.exset-vocab li{grid-template-columns:auto 1fr auto}.exset-vocab__tr{grid-column:2/4;grid-row:2}}.exset-question{color:#111827;font-weight:600;margin:0 0 6px}.exm-mode{display:flex;flex-wrap:wrap;gap:16px}.exset-vocab.exset-vocab--stacked li{column-gap:8px;grid-template-columns:auto minmax(0,1fr) auto;padding:6px 8px;row-gap:2px}.exset-vocab--stacked .exset-vocab__term{font-size:.92rem;grid-column:2;grid-row:1}.exset-vocab--stacked .exset-vocab__tr{font-size:.85rem;grid-column:2;grid-row:2}.exset-vocab--stacked .exset-vocab__play{grid-row:1/3}.exset-vocab--stacked .exset-vocab__add{font-size:.8rem;grid-column:3;grid-row:1/3}.exset-vocab__add-all{display:inline-block;line-height:1.3;text-align:center}.exset-btn.exset-vocab__add-all-btn{align-items:center;display:inline-flex;justify-content:center;max-width:100%;text-align:center;width:340px}.exset-level{background:#eef2ff;border-radius:999px;color:#4338ca;font-size:.75rem;font-weight:700;margin-left:8px;padding:1px 8px;white-space:nowrap}.exset-pick{cursor:pointer;flex-shrink:0;height:18px;margin-right:8px;width:18px}.exset-filter{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-wrap:wrap;gap:10px 16px;justify-content:space-between;margin:18px 0 6px;padding:10px 14px}.exset-filter__levels,.exset-filter__pick{align-items:center;display:flex;flex-wrap:wrap;gap:6px 10px}.exset-filter__label{color:#374151;font-weight:600}.exset-chip{background:#fff;border:1px solid #c7d2fe;border-radius:999px;color:#4338ca;cursor:pointer;font-weight:600;padding:4px 12px}.exset-chip.--on{background:#4f46e5;border-color:#4f46e5;color:#fff}.exset-card__head{justify-content:flex-start}.exset-card__head .exset-assign{margin-left:auto}.exset-cloze{white-space:pre-line}.gp{background:#fff;border:1px solid #c7d2fe;border-radius:12px;margin-top:12px;padding:16px 18px}.gp-task{color:#4b5563;font-size:.92rem;margin:0 0 12px}.gp-layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:minmax(0,1fr) 260px}.gp-lines{grid-gap:10px;color:#111827;display:grid;font-size:1.05rem;gap:10px;line-height:2;margin:0;padding-left:22px}.gp-gap{background:#eef2ff;border:none;border-bottom:2px solid #6366f1;border-radius:6px 6px 0 0;color:#3730a3;cursor:pointer;display:inline-block;font:inherit;font-weight:600;line-height:1.6;margin:0 4px;min-width:90px;padding:0 10px;vertical-align:initial}.gp-gap.--target{background:#e0e7ff;box-shadow:0 0 0 2px #6366f159}.gp-gap.--ok{background:#dcfce7;border-color:#16a34a;color:#166534;cursor:default}.gp-gap.--bad{background:#fee2e2;border-color:#dc2626;color:#991b1b;cursor:default;text-decoration:line-through}.gp-correct{color:#16a34a;font-style:normal;font-weight:700;margin-right:4px}.gp-bank{background:#f8fafc;border:1px dashed #a5b4fc;border-radius:10px;padding:12px;position:sticky;top:12px}.gp-bank__title{color:#6366f1;font-size:.8rem;font-weight:700;letter-spacing:.04em;margin-bottom:8px;text-transform:uppercase}.gp-bank__chips{display:flex;flex-wrap:wrap;gap:8px}.gp-chip{background:#fff;border:1.5px solid #c7d2fe;border-radius:999px;color:#3730a3;cursor:grab;font-weight:600;padding:6px 12px}.gp-chip.--selected{background:#6366f1;border-color:#6366f1;color:#fff}.gp-chip.--used{cursor:default;opacity:.35}.gp-actions{align-items:center;display:flex;gap:12px;margin-top:14px}.gp-btn{background:#6366f1;border:none;border-radius:999px;color:#fff;cursor:pointer;font-weight:700;padding:9px 22px}.gp-btn:disabled{cursor:default;opacity:.45}.gp-score{color:#b45309;font-weight:700}.gp-score.--ok{color:#16a34a}@media (max-width:720px){.gp-layout{grid-template-columns:1fr}.gp-bank{order:-1;position:static}}.gp-sent{color:#166534;font-size:13px;font-weight:600}.gp-gap{min-height:1.6em}.sp{margin-top:24px}.sp-title{font-size:1.05rem;margin:0 0 4px}.sp .gp-lines{gap:14px}.sp-row-foot{align-items:center;display:flex;flex-wrap:wrap;gap:10px;line-height:1.4;margin-top:2px}.sp-translation{color:#6b7280;flex:1 1 260px;font-size:.88rem}.sp-save{background:#fff;border:1.5px solid #00d564;border-radius:8px;color:#059669;cursor:pointer;font-size:12px;font-weight:600;padding:3px 10px;white-space:nowrap}.sp-save:hover{background:#f0fdf4}.sp-save.--saved{border-color:#e5e7eb;color:#16a34a;cursor:default}.sp-save:disabled:not(.--saved){opacity:.6}.es-viewer__cover{border:1px solid #e5e7eb;border-radius:12px;display:block;margin:0 auto 16px;max-width:100%}.es-viewer.es-viewer--wide{width:min(1120px,100%)}@media (max-width:720px){.sp .gp-layout{grid-template-columns:1fr}}.es-sentence .book-reader__phrase-plus{vertical-align:middle}.es-phrase-panel{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;display:flex;flex-wrap:wrap;gap:10px;line-height:1.5;margin:6px 0 0;padding:8px 12px;white-space:normal}.es-phrase-panel__tr{color:#14532d;flex:1 1 260px;font-size:.95rem}.es-phrase-panel__btn{background:#fff;border:1.5px solid #00d564;border-radius:8px;color:#059669;cursor:pointer;font-size:13px;font-weight:600;padding:5px 12px;white-space:nowrap}.es-phrase-panel__btn:hover{background:#ecfdf5}.es-phrase-panel__btn:disabled{border-color:#bbf7d0;color:#16a34a;cursor:default}.es-narration{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;display:flex;flex-wrap:wrap;gap:12px;margin:0 0 16px;padding:8px 12px;white-space:normal}.es-narration .book-audio-bar__speed{margin-left:auto}.es-narration .book-audio-bar__speed-btn--active{background:#00d564;border-color:#00d564;color:#fff}.sp .gp-gap{min-height:1.6em;vertical-align:middle}.es-viewer.es-viewer--article{width:min(1000px,100%)}.es-viewer__text--article{margin:0 auto;max-width:780px}.es-article{display:flex;flex-direction:column;gap:12px}.es-article__h{color:#111827;font-size:1.35rem;line-height:1.3;margin:22px 0 2px}.es-article__sub{color:#1f2937;font-size:1.05rem;margin:10px 0 0}.es-article__p{color:#1f2937;font-size:1.05rem;line-height:1.75;margin:0}.es-article__note{background:#f1f5f9;border-radius:10px;color:#475569;font-size:.92rem;line-height:1.5;margin:0;padding:10px 14px}.es-article__link{font-size:.95rem;margin:0}.es-article__link a{color:#0369a1;word-break:break-word}.es-article__fig{margin:4px auto;text-align:center}.es-article__fig img{border-radius:12px;display:block;height:auto;width:100%}.es-article__fig--medium{max-width:520px;width:100%}.es-article__fig--wide{width:100%}.es-article__fig--page{max-width:720px;width:100%}.es-article__fig--page img{border:1px solid #e5e7eb}.es-article__fig--banner{width:100%}.es-article__fig--banner img{border-radius:8px;max-height:64px;object-fit:cover}.es-article__fig figcaption{color:#6b7280;font-size:.85rem;margin-top:6px}.es-article__video{margin:4px 0;position:relative;width:100%}.es-article__video iframe{aspect-ratio:16/9;background:#000;border:0;border-radius:12px;display:block;height:auto;width:100%}.es-article__video--vertical{margin:4px auto;max-width:360px}.es-article__video--vertical iframe{aspect-ratio:9/16}.es-article__video-title{color:#6b7280;font-size:.85rem;margin-top:6px}.sp-group+.sp-group{margin-top:18px}.sp-group__title{color:#1f2937;font-size:1rem;margin:6px 0 8px}.spe{background:#fff;border:1px solid #c7d2fe;border-radius:12px;padding:16px 18px}.spe+.spe{margin-top:12px}.spe-title{color:#111827;font-size:1rem;margin:0 0 4px}.spe-task{color:#4b5563;font-size:.92rem;margin:0 0 12px}.spe-note{color:#b45309;font-size:.9rem;margin:0 0 10px}.spe-lines{grid-gap:10px;color:#111827;display:grid;font-size:1.05rem;gap:10px;line-height:2;margin:0;padding-left:22px}.spe-gap-wrap{align-items:baseline;display:inline-flex;gap:4px;margin:0 4px}.spe-gap{background:#eef2ff;border:none;border-bottom:2px solid #6366f1;border-radius:6px 6px 0 0;color:#3730a3;font:inherit;font-weight:600;line-height:1.6;min-width:90px;outline:none;padding:0 8px}.spe-gap:focus{background:#e0e7ff;box-shadow:0 0 0 2px #6366f159}.spe-gap.--ok{background:#dcfce7;border-color:#16a34a;color:#166534}.spe-gap.--bad{background:#fee2e2;border-color:#dc2626;color:#991b1b;text-decoration:line-through}.spe-gap:disabled{cursor:default;opacity:1}.spe-mark{font-size:.95rem;font-weight:700}.spe-mark.--bad,.spe-mark.--ok{color:#16a34a}.spe-foot{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}.spe-score{color:#b45309;font-weight:700}.spe-score.--ok{color:#16a34a}.spe-progress{color:#6b7280;font-size:.9rem}.spe-hw{color:#1d4ed8;font-size:.9rem}.spe-redo{background:#fff;border:1.5px solid #6366f1;border-radius:10px;color:#4338ca;cursor:pointer;font-size:14px;font-weight:600;padding:7px 14px}.spe-redo:hover{background:#eef2ff}.spe-lines--preview{max-height:7.5em;opacity:.75;overflow:hidden;position:relative}.spe-lines--preview:after{background:linear-gradient(180deg,#0000,#fff);background:linear-gradient(to bottom,#0000,var(--color-bg-primary,#fff));bottom:0;content:"";height:3em;left:0;position:absolute;right:0}.spe-locked{background:#f5f3ff;border:1px solid #ddd6fe;border-radius:12px;margin-top:14px;padding:16px 18px;text-align:center}.spe-locked__icon{font-size:1.6rem}.spe-locked__text{color:#3b0764;font-weight:600;margin:6px 0}.spe-locked__hint{color:#6b7280;font-size:.88rem;margin:4px 0}.spe-locked__actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:10px 0 4px}.spe-locked__btn{background:#7c3aed;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:9px 18px}.spe-locked__btn:hover{background:#6d28d9}.spe-assign{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;color:#047857;display:inline-block;font-weight:600;margin:0 0 10px;padding:7px 14px;text-decoration:none}.spe-assign:hover{background:#d1fae5}.es-sections{display:flex;flex-wrap:wrap;gap:24px;padding:8px 0 24px}.es-section{flex:1 1 180px;max-width:240px}.es-section__label{color:#1f2937;font-size:1.05rem;font-weight:700;margin:0 0 10px;text-align:center}.es-section__free{background:#dcfce7;border-radius:999px;color:#15803d;display:inline-block;font-size:.7rem;font-weight:600;margin-left:6px;padding:1px 8px;vertical-align:middle}.es-section__cover{aspect-ratio:1/1;background:#f3f4f6;border:none;border-radius:16px;box-shadow:0 4px 16px #00000014;cursor:pointer;display:block;overflow:hidden;padding:0;position:relative;width:100%}.es-section--active .es-section__cover{outline:3px solid #00d564;outline-offset:3px}.es-section__cover img{display:block;height:100%;object-fit:cover;transition:transform .25s ease;width:100%}.es-section__cover:hover img{transform:scale(1.04)}.es-section__placeholder{align-items:center;background:linear-gradient(160deg,#6366f1,#8b5cf6);box-sizing:border-box;color:#fff;display:flex;font-size:clamp(.95rem,1.35vw,1.2rem);font-weight:800;height:100%;justify-content:center;overflow-wrap:anywhere;padding:0 10px;text-align:center;width:100%}.es-section__placeholder--ted{background:linear-gradient(160deg,#111827,#b91c1c);font-size:2.6rem;letter-spacing:.04em}.es-section__overlay{align-items:center;background:#111827c7;color:#fff;display:flex;font-size:.92rem;inset:0;justify-content:center;line-height:1.5;opacity:0;padding:20px;position:absolute;text-align:center;transition:opacity .2s ease}.es-section__cover:focus-visible .es-section__overlay,.es-section__cover:hover .es-section__overlay{opacity:1}.es-panel{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 16px #0000000d;margin:0 0 32px;padding:20px 22px}.es-panel__title{margin:0}.es-sections.es-sections--grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(6,minmax(0,220px))}.es-sections--grid .es-section{max-width:none;min-width:0}.es-sections--grid .es-panel{grid-column:1/-1;margin:0}.es-panel.es-panel--bare{padding-top:23px}@media (max-width:720px){.es-sections.es-sections--grid{gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.es-panel.es-panel--bare{padding-top:13px}}.es-panel__description{color:#4b5563;margin:6px 0 16px}.es-panel__empty{color:#9ca3af;font-style:italic}.es-panel__grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.es-item{background:#0000;border:none;cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:8px;padding:0;text-align:left}.es-item__cover{aspect-ratio:16/9;background:#f3f4f6;border-radius:12px;display:block;overflow:hidden;position:relative;width:100%}.es-item__cover img{display:block;height:100%;object-fit:cover;object-position:left top;width:100%}.es-item--locked .es-item__cover img{filter:brightness(.75)}.es-item__no-cover{align-items:center;color:#9ca3af;display:flex;font-size:2rem;height:100%;justify-content:center;width:100%}.es-item__hidden,.es-item__kind,.es-item__lock{border-radius:999px;font-size:.72rem;font-weight:600;padding:2px 8px;position:absolute}.es-item__kind{background:#111827bf;bottom:8px;color:#fff;left:8px}.es-item__lock{background:#fef3c7;color:#92400e;right:8px;top:8px}.es-item__hidden{background:#fee2e2;color:#991b1b;left:8px;top:8px}.es-item__title{color:#1f2937;font-weight:600;line-height:1.35}.es-viewer__overlay{align-items:center;background:#11182799;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:2000}.es-viewer{background:#fff;border-radius:16px;max-height:90vh;overflow:auto;padding:24px;position:relative;width:min(900px,100%)}.es-viewer__close{background:#0000;border:none;color:#6b7280;cursor:pointer;font-size:1.2rem;position:absolute;right:12px;top:10px}.es-viewer__title{margin:0 32px 14px 0}.es-viewer__video{aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden;position:relative;width:100%}.es-viewer__video iframe{border:0;height:100%;inset:0;position:absolute;width:100%}.es-viewer__text{color:#111827;font-size:1.05rem;line-height:1.75;white-space:pre-wrap}.es-viewer__error,.es-viewer__note{color:#6b7280;font-size:.9rem;font-style:italic;margin-top:12px;white-space:normal}.es-viewer__description{color:#4b5563;margin:14px 0 0}@media (max-width:720px){.es-sections{gap:14px}.es-section{flex:1 1 42%}.es-viewer{padding:18px 14px}}.es-viewer.es-viewer--with-vocab{width:min(1240px,100%)}.es-viewer--with-vocab .es-viewer__body{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:320px minmax(0,1fr)}.es-viewer__vocab{max-height:calc(90vh - 120px);overflow-y:auto;padding-right:4px}.es-viewer__vocab h4{font-size:1rem;margin:0 0 8px}.es-viewer__vocab .exm-actions{background:#fff;bottom:0;padding:8px 0 2px;position:sticky}.es-viewer__vocab .es-viewer__note{margin-top:0}@media (max-width:860px){.es-viewer--with-vocab .es-viewer__body{grid-template-columns:1fr}.es-viewer--with-vocab .es-viewer__video{order:-1}.es-viewer__vocab{max-height:none}}.es-locked__overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:2000}.es-locked{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;box-sizing:border-box;max-width:440px;padding:26px 24px 20px;position:relative;text-align:center;width:100%}.es-locked__close{background:none;border:none;color:#6b7280;cursor:pointer;font-size:22px;position:absolute;right:14px;top:10px}.es-locked__icon{font-size:34px}.es-locked__text{color:#111827;font-size:16px;font-weight:600;margin:8px 0 6px}.es-locked__hint{color:#6b7280;font-size:14px;margin:0 0 14px}.es-locked__actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:6px}.es-locked__btn{background:#2d8cff;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:10px 18px}.es-locked__btn--join{background:#fff;border:1.5px solid #00d564;color:#059669}.es-locked__btn--join:hover{background:#f0fdf4}.es-age{background:#dc2626;border-radius:999px;color:#fff;display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.02em;margin-left:8px;padding:1px 8px;vertical-align:middle}.es-age--card{bottom:8px;margin:0;position:absolute;right:8px}.es-sections--grid{margin-top:-2px;padding-top:0}.ct-hint{color:#6b7280}.ct-error{color:#b91c1c}.ct-filters{display:flex;flex-wrap:wrap;gap:10px 14px;margin:4px 0 18px}.ct-filter{color:#4b5563;display:flex;flex-direction:column;font-size:13px;gap:4px;min-width:150px}.ct-filter select{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:7px 10px}.ct-series-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.ct-series-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;cursor:pointer;display:flex;flex-direction:column;gap:6px;overflow:hidden;padding:0 0 12px;text-align:left;transition:box-shadow .15s,transform .15s}.ct-series-card:hover{box-shadow:0 8px 22px #00000014;transform:translateY(-2px)}.ct-series-card__cover{align-items:center;aspect-ratio:16/9;background:#f3f4f6;display:flex;justify-content:center}.ct-series-card__cover img{height:100%;object-fit:cover;width:100%}.ct-series-card__placeholder{font-size:40px}.ct-series-card__title{font-size:16px;font-weight:700;padding:0 12px}.ct-series-card__count{color:#6b7280;font-size:12px;padding:0 12px}.ct-meta{display:flex;flex-wrap:wrap;padding:0 12px}.ct-chip{background:#f3f4f6;border-radius:999px;color:#374151;font-size:11px;padding:2px 8px}.ct-page{margin:0 auto;max-width:1280px;padding:8px 16px 40px}.ct-back{background:none;border:none;color:#4f46e5;cursor:pointer;font-size:14px;margin-bottom:14px;padding:0}.ct-series-head{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:22px}.ct-series-head__cover{aspect-ratio:16/9;border-radius:12px;max-width:100%;object-fit:cover;width:260px}.ct-series-head__title{margin:0 0 8px}.ct-series-head .ct-meta{margin-bottom:8px;padding:0}.ct-series-head__desc{color:#4b5563;max-width:680px}.ct-episode-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.ct-episode-card{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:0;text-align:left}.ct-episode-card__frame{align-items:center;aspect-ratio:16/9;background:#111827;border-radius:12px;display:flex;justify-content:center;overflow:hidden;position:relative}.ct-episode-card__frame img{height:100%;object-fit:cover;width:100%}.ct-episode-card__placeholder{color:#fff;font-size:34px}.ct-episode-card--viewed .ct-episode-card__frame img,.ct-episode-card--viewed .ct-episode-card__placeholder{filter:blur(5px) brightness(.75);transform:scale(1.06)}.ct-episode-card__viewed{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:17px;font-weight:700;gap:2px;inset:0;justify-content:center;position:absolute;text-shadow:0 1px 6px #0009}.ct-episode-card__viewed span+span{font-size:14px;font-weight:500}.ct-episode-card__title{color:#111827;font-size:14px;font-weight:600}.ct-episode-card:hover .ct-episode-card__frame{box-shadow:0 6px 18px #0000002e}.ct-episode-title{margin:0 0 14px}.ct-watch{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr)}.ct-watch__video iframe,.ct-watch__video video{aspect-ratio:16/9;background:#000;border:0;border-radius:12px;display:block;width:100%}.ct-watch__bar{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin:10px 0}.ct-nav{background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:14px;padding:6px 12px}.ct-nav--next{margin-left:auto}.ct-viewed-note{color:#15803d;font-size:14px;font-weight:600}.ct-dialogue{background:#fff;border:1px solid #e5e7eb;border-radius:12px;max-height:70vh;overflow-y:auto;padding:12px 14px}.ct-dialogue__title{font-size:16px;margin:0 0 8px}.ct-lines{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.ct-line{align-items:baseline;border-radius:10px;display:flex;flex-wrap:wrap;gap:4px 6px;padding:8px 10px}.ct-line--jump{cursor:pointer}.ct-line--jump:hover{background:#f5f3ff}.ct-line--now{background:#ede9fe}.ct-line__speaker{color:#4f46e5;font-weight:700}.ct-line__text{color:#111827}.ct-line__tr{color:#6b7280;flex-basis:100%;font-size:13px}.ct-line__dict{background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;color:#4338ca;cursor:pointer;font-size:12px;margin-left:auto;padding:2px 8px;white-space:nowrap}.ct-line__dict--saved{background:#f0fdf4;border-color:#bbf7d0;color:#15803d;cursor:default}.ct-line__dict--error{background:#fef2f2;border-color:#fecaca;color:#b91c1c}@media (max-width:860px){.ct-watch{grid-template-columns:1fr}.ct-dialogue{max-height:none}}.ctm{margin:0 auto;max-width:1280px;padding:8px 16px 40px}.ctm-lead{color:#4b5563;max-width:900px}.ctm-layout{grid-gap:18px;align-items:start;display:grid;gap:18px;grid-template-columns:260px minmax(0,1fr)}.ctm-list{gap:8px}.ctm-list,.ctm-list__item{display:flex;flex-direction:column}.ctm-list__item{background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;gap:2px;padding:10px 12px;text-align:left}.ctm-list__item span{color:#6b7280;font-size:12px}.ctm-list__item.is-active{background:#eef2ff;border-color:#4f46e5}.ctm-main{gap:14px}.ctm-card,.ctm-main{display:flex;flex-direction:column}.ctm-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;gap:10px;padding:14px 16px}.ctm-card h3,.ctm-card h4{margin:0}.ctm-card--episode{background:#fafafa}.ctm-row{display:flex;flex-wrap:wrap;gap:12px}.ctm-row .ctm-field{flex:1 1 180px}.ctm-field{color:#374151;display:flex;flex-direction:column;font-size:13px;gap:4px}.ctm-field--narrow{flex:0 0 90px!important}.ctm-field input:not([type=file]),.ctm-field select,.ctm-field textarea{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:7px 10px}.ctm-check{font-size:14px;gap:6px}.ctm-actions,.ctm-check{align-items:center;display:flex}.ctm-actions{flex-wrap:wrap;gap:10px}.ctm-msg{color:#374151;font-size:13px}.ctm-thumb{border-radius:8px;width:200px}.ctm-video{background:#000;border-radius:8px;max-width:100%;width:360px}.ctm-dialogue{display:flex;flex-direction:column;gap:8px}.ctm-dialogue__head{align-items:center;display:flex;justify-content:space-between}.ctm-json{display:flex;flex-direction:column;gap:6px}.ctm-json textarea{border:1px solid #d1d5db;border-radius:8px;font-family:monospace;font-size:12px;padding:8px}.ctm-lines{display:flex;flex-direction:column;gap:4px;overflow-x:auto}.ctm-line{grid-gap:6px;display:grid;gap:6px;grid-template-columns:70px 110px minmax(180px,2fr) minmax(150px,1.5fr) minmax(150px,1.5fr) 30px}.ctm-line input{border:1px solid #d1d5db;border-radius:6px;font-size:13px;min-width:0;padding:6px 8px}.ctm-line--head span{color:#6b7280;font-size:12px;font-weight:600}.ctm-x{background:none;border:none;color:#b91c1c;cursor:pointer;font-size:16px}@media (max-width:860px){.ctm-layout{grid-template-columns:1fr}}.ctm-toggles{align-items:center;color:#374151;display:flex;flex-wrap:wrap;font-size:13px;gap:8px 10px}.ctm-seg{border:1px solid #c7d2fe;border-radius:999px;display:inline-flex;overflow:hidden}.ctm-seg button{background:#fff;border:none;color:#4338ca;cursor:pointer;font-size:13px;padding:5px 12px}.ctm-seg button+button{border-left:1px solid #c7d2fe}.ctm-seg button.is-on{background:#4f46e5;color:#fff}.ctm-hint{color:#6b7280;font-size:12px;margin:0}.ctm-dirty{color:#b45309;font-size:13px;font-weight:500}.ctm-line--view{align-items:center;border-bottom:1px solid #f1f5f9;font-size:13px;padding:6px 0}.ctm-line--view>span{overflow-wrap:anywhere}.ctm-line__speaker{color:#4f46e5;font-weight:600}.ctm-missing{color:#d1d5db;font-style:italic}.ctm-line__btns{display:flex;gap:2px}.ctm-icon{background:none;border:none;border-radius:6px;cursor:pointer;font-size:15px;padding:2px 4px}.ctm-icon:hover,.ctm-line--edit{background:#eef2ff}.ctm-line--edit{border-radius:8px;padding:6px}.ctm-line{grid-template-columns:70px 110px minmax(180px,2fr) minmax(150px,1.5fr) minmax(150px,1.5fr) 64px}.ctm-add-line{align-self:flex-start}.ct-episode-grid{grid-template-columns:repeat(auto-fill,minmax(170px,200px))}.ct-episode-card__frame{aspect-ratio:9/16}.ct-watch__video video{aspect-ratio:auto;margin:0 auto;max-height:78vh;max-width:100%;width:auto}.ct-watch--file{grid-template-columns:auto minmax(320px,1fr)}.ct-watch--file .ct-watch__video{max-width:min(100%,720px)}@media (max-width:860px){.ct-watch--file{grid-template-columns:1fr}}.ct-series-head__cover{aspect-ratio:4/5;width:240px}.ct-series-card__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;line-height:1.3;min-height:2.6em;overflow:hidden}.ct-meta{flex-direction:column;gap:4px}.ct-meta__row{display:flex;flex-wrap:wrap;gap:4px}.ct-chip{line-height:16px}.ct-meta--reserve .ct-meta__row{min-height:20px}.ct-meta--reserve .ct-meta__row--genres{align-content:flex-start;min-height:44px}.ct-meta__row:empty{display:none}.ct-meta--reserve .ct-meta__row:empty,.ctm-genres{display:flex}.ctm-genres{flex-wrap:wrap;gap:6px;margin-top:4px}.ctm-genre{align-items:center;border:1px solid #d1d5db;border-radius:999px;cursor:pointer;display:inline-flex;font-size:13px;gap:4px;padding:4px 10px}.ctm-genre.is-on{background:#eef2ff;border-color:#4f46e5;color:#3730a3}.ctm-genre input{margin:0}.ct-series-grid{grid-auto-rows:auto}.ct-series-card{grid-row-gap:6px;align-content:start;display:grid;grid-row:span 6;grid-template-rows:subgrid;row-gap:6px}.ct-series-card .ct-meta{display:contents}.ct-series-card .ct-meta__row{align-content:flex-start;padding:0 12px}.ct-justify,.ct-series-head__desc{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word;text-align:justify}.ct-filters-bar{align-items:center;display:flex;gap:10px;margin:4px 0 12px}.ct-filters-toggle{background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;color:#3730a3;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px}.ct-filters-toggle.is-open{background:#4f46e5;border-color:#4f46e5;color:#fff}.ct-filters-reset{background:none;border:none;color:#6b7280;cursor:pointer;font-size:13px;text-decoration:underline}.es-panel{position:relative}.es-panel .ct-filters-bar{flex-direction:row-reverse;margin:0;position:absolute;right:22px;top:20px}.es-panel:has(.ct-filters-bar) .es-panel__description,.es-panel:has(.ct-filters-bar) .es-panel__title{padding-right:300px}.es-panel .ct-filters{margin-top:12px}@media (max-width:700px){.es-panel .ct-filters-bar{flex-direction:row;margin:4px 0 12px;position:static}.es-panel:has(.ct-filters-bar) .es-panel__description,.es-panel:has(.ct-filters-bar) .es-panel__title{padding-right:0}}.ct-player{display:inline-block;max-width:100%;position:relative}.ct-player__play{align-items:center;background:#1118278c;border:none;border-radius:50%;box-shadow:0 4px 18px #00000059;cursor:pointer;display:flex;height:84px;justify-content:center;left:50%;margin:-42px 0 0 -42px;position:absolute;top:50%;transition:transform .15s,background .15s;width:84px}.ct-player__play:hover{background:#4f46e5d9;transform:scale(1.08)}.ct-player__triangle{border-color:#0000 #0000 #0000 #fff;border-style:solid;border-width:17px 0 17px 28px;height:0;margin-left:7px;width:0}.ct-lines{gap:0}.ct-line{border-radius:8px;display:block;line-height:1.55;padding:3px 8px}.ct-line__more{align-items:center;display:flex;flex-wrap:wrap;gap:6px 10px;margin:4px 0 6px}.ct-line__more .ct-line__tr{flex-basis:auto;font-size:14px;font-style:italic}.ct-line__more .ct-line__dict{margin-left:0}.ct-episode-card{position:relative}.ct-episode-card--locked .ct-episode-card__frame img,.ct-episode-card--locked .ct-episode-card__placeholder{filter:grayscale(.6) brightness(.6)}.ct-episode-card__lock{align-items:center;display:flex;font-size:44px;inset:0;justify-content:center;position:absolute;text-shadow:0 2px 10px #00000080}.ct-episode-card--locked{cursor:not-allowed}.ct-lock-tip{background:#111827;border-radius:10px;bottom:calc(100% - 40px);box-shadow:0 6px 20px #00000040;color:#fff;font-size:13px;left:50%;line-height:1.4;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;text-align:center;transform:translate(-50%,-100%);transition:opacity .15s;width:220px;z-index:5}.ct-episode-card--locked:focus-visible .ct-lock-tip,.ct-episode-card--locked:hover .ct-lock-tip,.ct-episode-card.is-tip .ct-lock-tip{opacity:1}.ct-nav--locked{color:#9ca3af;cursor:not-allowed}.ct-locked-note{background:#fff;border:1px solid #e5e7eb;border-radius:12px;color:#374151;font-size:18px;max-width:560px;padding:18px}.ct-exercises{background:#fff;border:1px solid #e5e7eb;border-radius:14px;margin-top:26px;padding:18px 20px}.ct-exercises__title{margin:0 0 6px}.ct-ex{margin-top:16px}.ct-ex__title{font-size:16px;margin:0 0 4px}.ct-ex__hint{color:#6b7280;font-size:13px;margin:0 0 10px}.ct-ex__ok{color:#15803d;font-weight:600;margin:0 0 10px}.ct-ex__bad{color:#b91c1c;font-size:13px}.ct-ex__row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.ct-ex__btn{background:#4f46e5;border:none;border-radius:999px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px}.ct-ex__btn:disabled{cursor:default;opacity:.5}.ct-ex__final{align-items:center;color:#15803d;display:flex;flex-wrap:wrap;font-weight:600;gap:14px;margin-top:18px}.ct-match{grid-gap:10px 16px;display:grid;gap:10px 16px;grid-template-columns:1fr 1fr}.ct-match__col{display:flex;flex-direction:column;gap:8px}.ct-match__item{background:#fff;border:1px solid #d1d5db;border-radius:10px;cursor:pointer;font-size:14px;line-height:1.4;padding:9px 12px;text-align:left;transition:background .12s,border-color .12s}.ct-match__item:hover:not(:disabled){border-color:#a5b4fc}.ct-match__item.is-picked{background:#eef2ff;border-color:#4f46e5}.ct-match__item.is-done{background:#f0fdf4;border-color:#bbf7d0;color:#166534;cursor:default}.ct-match__item.is-wrong{animation:ct-shake .3s;background:#fef2f2;border-color:#fca5a5}@keyframes ct-shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.ct-gaps{display:flex;flex-direction:column;gap:10px;line-height:2;margin:0;padding-left:20px}.ct-gap{background:#f5f3ff;border:none;border-bottom:2px solid #a5b4fc;border-radius:6px 6px 0 0;font-size:15px;margin:0 4px;padding:3px 8px}.ct-gap:focus{border-bottom-color:#4f46e5;outline:none}.ct-gap.is-right{background:#f0fdf4;border-bottom-color:#22c55e;color:#166534}.ct-gap.is-wrong{background:#fef2f2;border-bottom-color:#ef4444}@media (max-width:640px){.ct-match{grid-template-columns:1fr}}.ctm-exercises{background:#fff;border:1px dashed #c7d2fe;border-radius:10px;display:flex;flex-direction:column;gap:6px;padding:10px 12px}.ctm-exercises textarea{font-family:inherit}.ct-episode-card__lock--premium{flex-direction:column;gap:6px}.ct-premium-badge{background:#111827bf;border-radius:999px;color:#fde68a;font-size:12px;font-weight:700;padding:3px 10px;text-shadow:none}.exercises-page{margin:0 auto;max-width:1400px;padding:4px 0 0}.exercises-back{background:#0000;border:none;color:#6366f1;cursor:pointer;font:inherit;font-weight:600;margin-bottom:8px;padding:0}.exercises-section-title{margin:0}.exercises-section-desc{color:#4b5563;margin:4px 0 14px}.es-item__no-cover.es-item__no-cover--ted{background:linear-gradient(160deg,#111827,#b91c1c);color:#fff;font-size:2.2rem;font-weight:800}.exercises-filters{align-items:flex-end;background:#fff;border:1px solid #e5e7eb;border-radius:14px;display:flex;flex-wrap:wrap;gap:14px;margin-bottom:20px;padding:14px 16px}.exercises-filters label{color:#4b5563;display:flex;flex:1 1 170px;flex-direction:column;font-size:.8rem;font-weight:600;gap:4px}.exercises-filters input,.exercises-filters select{background:#fff;border:1px solid #cbd5e0;border-radius:8px;box-sizing:border-box;color:#111827;font:inherit;font-size:.9rem;font-weight:400;height:38px;padding:0 10px}.es-sections.es-sections--square{flex-wrap:nowrap;gap:18px;justify-content:center;padding-bottom:0}.es-sections.es-sections--square .es-section.es-section--square{flex:1 1;max-width:calc(100vh - 400px);min-width:0;width:auto}.es-section.es-section--square .es-section__cover{aspect-ratio:1/1}.es-section--square .es-section__placeholder--ted{font-size:2.2rem}.es-section--square .es-section__overlay{font-size:.85rem;padding:12px}@media (max-width:720px){.es-sections.es-sections--square{flex-wrap:wrap}.es-sections.es-sections--square .es-section.es-section--square{flex-basis:calc(50% - 9px);flex-grow:0;flex-shrink:0;max-width:none}}.exercises-code{background:#eef2ff;border-radius:5px;color:#4338ca;display:inline-block;font-size:.85em;font-weight:600;margin-right:2px;padding:0 6px}.exercises-no-access{background:#fff;border:1px solid #e5e7eb;border-radius:16px;color:#374151;margin:48px auto;max-width:560px;padding:28px 24px;text-align:center}.exercises-no-access__icon{font-size:2.2rem}.exercises-no-access p{line-height:1.5;margin:10px 0 16px}.gr-page{color:#1f2937;margin:0 auto;max-width:1100px;padding:16px}.gr-page h2{font-size:1.6rem;margin:8px 0 16px}.gr-back{background:none;border:none;color:#4f46e5;cursor:pointer;font-size:1rem;font-weight:600;padding:0}.gr-filters{grid-gap:16px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));padding:16px 18px}.gr-filters label{color:#4b5563;display:flex;flex-direction:column;font-size:.9rem;font-weight:600;gap:6px}.gr-filters select{background:#fff;border:1px solid #d1d5db;border-radius:10px;font-size:1rem;padding:10px 12px}.gr-hint{color:#6b7280;margin:16px 0}.gr-theory-btn{background:#f5f3ff;border:1px solid #c4b5fd;border-radius:999px;color:#5b21b6;cursor:pointer;font-size:1rem;font-weight:700;margin-top:18px;padding:10px 20px}.gr-theory-btn.--open{background:#7c3aed;border-color:#7c3aed;color:#fff}.gr-theory{background:#faf5ff;border:1px solid #ddd6fe;border-radius:12px;color:#4c1d95;margin-top:12px;padding:14px 18px}.gr-theory p{line-height:1.55;margin:6px 0 0;white-space:pre-line}.gr-clips-title{font-size:1.15rem;margin:26px 0 12px}.gr-carousel{position:relative}.gr-carousel__row{-webkit-overflow-scrolling:touch;display:flex;gap:14px;overflow-x:auto;padding:4px 2px 12px;scroll-behavior:smooth;scroll-snap-type:x mandatory}.gr-carousel__arrow{background:#fffffff2;border:none;border-radius:50%;box-shadow:0 2px 10px #0000002e;color:#374151;cursor:pointer;font-size:1.6rem;height:40px;line-height:1;position:absolute;top:38%;width:40px;z-index:2}.gr-carousel__arrow.--left{left:-12px}.gr-carousel__arrow.--right{right:-12px}.gr-clip{flex-basis:calc(33.33333% - 9.33333px);flex-grow:0;flex-shrink:0;margin:0;scroll-snap-align:start}.gr-clip__screen{aspect-ratio:16/9;background:#111827;border-radius:12px;overflow:hidden;position:relative}.gr-clip__screen iframe,.gr-clip__screen img,.gr-clip__screen video{border:0;display:block;height:100%;object-fit:cover;width:100%}.gr-clip__play{background:#0000002e;border:none;cursor:pointer;inset:0;position:absolute}.gr-clip__play,.gr-clip__play span{align-items:center;display:flex;justify-content:center}.gr-clip__play span{background:#ffffffeb;border-radius:50%;box-shadow:0 4px 16px #0000004d;color:#4f46e5;font-size:2.4rem;height:80px;padding-left:6px;transition:transform .15s ease;width:80px}.gr-clip__play:hover span{transform:scale(1.08)}.gr-clip figcaption{display:flex;flex-direction:column;gap:2px;padding:8px 2px 0}.gr-clip__line{color:#111827;font-weight:600}.gr-clip__line-row{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.gr-clip__plus{font-size:17px;height:26px;margin-left:0;margin-top:1px;width:26px}.gr-clip__plus:disabled{cursor:wait;opacity:.6}.gr-trainer-hint{align-items:center;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;color:#065f46;display:flex;flex-wrap:wrap;font-size:.92rem;gap:10px 16px;margin:0 0 12px;padding:10px 14px}.gr-trainer-hint p{flex:1 1 320px;line-height:1.45;margin:0}.gr-trainer-hint__plus{align-items:center;background:#fff;border:1.5px solid #00d564;border-radius:50%;color:#00a64e;display:inline-flex;font-size:13px;font-weight:700;height:18px;justify-content:center;line-height:1;vertical-align:1px;width:18px}.gr-trainer-hint__all{background:#fff;border:1.5px solid #00d564;border-radius:8px;color:#047857;cursor:pointer;font-weight:600;padding:7px 14px;white-space:nowrap}.gr-trainer-hint__all:hover{background:#00d564;color:#fff}.gr-trainer-hint__all:disabled{cursor:wait;opacity:.6}.gr-trainer-msg{color:#047857;font-size:.88rem;margin:-4px 0 10px}.gr-trainer-msg.--err{color:#b91c1c}.gr-clip__tr{color:#4b5563;font-size:.9rem}.gr-clip__source{color:#9ca3af;font-size:.78rem}@media (max-width:600px){.gr-clip{flex-basis:78vw}.gr-carousel__arrow{display:none}}.gr-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.gr-buttons .gr-theory-btn{margin-top:0}.gr-homework{background:#fffbeb;border:1.5px solid #fde68a;border-radius:12px;color:#78350f;font-size:14px;line-height:1.5;margin:0 0 14px;padding:10px 14px}.tml{grid-gap:8px;display:grid;gap:8px;list-style:none;margin:12px 0 0;padding:0}.tml-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:10px 14px;text-align:left;width:100%}.tml-item:hover{border-color:#a5b4fc;box-shadow:0 2px 10px #6366f11a}.tml-item__icon{align-items:center;background:#f3f4f6;border-radius:8px;display:flex;flex-shrink:0;font-size:1.5rem;height:48px;justify-content:center;overflow:hidden;width:48px}.tml-item__icon img{height:100%;object-fit:cover;width:100%}.tml-item__body{display:flex;flex-direction:column;gap:2px;min-width:0}.tml-item__title{color:#111827;font-weight:700}.tml-item__meta{color:#6b7280;font-size:.85rem}.gr-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 18px}.gr-tab{background:#fff;border:1.5px solid #e5e7eb;border-radius:999px;color:#374151;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px}.gr-tab:hover{background:#f9fafb}.gr-tab.--active{background:#00d564;border-color:#00d564;color:#fff}.ws-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.ws-card{align-items:flex-start;background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:16px;text-align:left;transition:border-color .15s,box-shadow .15s}.ws-card:hover{border-color:#00d564;box-shadow:0 4px 14px #0000000f}.ws-card__icon{font-size:28px}.ws-card__title{color:#111827;font-size:16px;font-weight:700}.ws-card__desc{color:#6b7280;flex:1 1;font-size:13px;line-height:1.45}.ws-card__count{color:#059669;font-size:12px;font-weight:600}.ws-set__title{font-size:20px;margin:6px 0 4px}.ws-set__desc{color:#6b7280;font-size:14px;margin:0 0 6px}.ws-set__progress{color:#059669;font-size:13px;font-weight:600;margin:0 0 10px}.ws-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 12px}.ws-toolbar input[type=search]{flex:1 1 200px;min-width:0;padding:8px 12px}.ws-btn,.ws-toolbar input[type=search]{border:1.5px solid #e5e7eb;border-radius:10px;font-size:14px}.ws-btn{background:#fff;color:#374151;cursor:pointer;font-weight:600;padding:8px 14px}.ws-btn:hover{background:#f9fafb}.ws-btn:disabled{cursor:default;opacity:.6}.ws-btn--primary{background:#00d564;border-color:#00d564;color:#fff}.ws-btn--primary:hover{background:#00b356}.ws-btn--teacher{border-color:#a78bfa;color:#6d28d9}.ws-table{border-collapse:collapse;font-size:15px;width:100%}.ws-table th{border-bottom:1.5px solid #e5e7eb;color:#9ca3af;font-size:12px;font-weight:600;padding:6px 8px;text-align:left}.ws-table td{border-bottom:1px solid #f3f4f6;padding:8px;vertical-align:top}.ws-table tbody tr{cursor:pointer}.ws-table tbody tr:hover{background:#f9fafb}.ws-table tbody tr.--picked{background:#f0fdf4}.ws-table td:first-child,.ws-table th:first-child{width:28px}.ws-table__word{color:#111827;font-weight:600}.ws-table__example{color:#6b7280;display:block;font-size:13px;font-weight:400;margin-top:2px}.ws-table__status{cursor:default;text-align:right;white-space:nowrap}.ws-learned{color:#16a34a;display:block;margin-bottom:3px}.ws-learned,.ws-row-btn{font-size:12px;font-weight:600}.ws-row-btn{background:#fff;border:1.5px solid #00d564;border-radius:8px;color:#059669;cursor:pointer;padding:4px 10px}.ws-row-btn:hover{background:#f0fdf4}.ws-row-btn.--remove{border-color:#e5e7eb;color:#6b7280}.ws-row-btn.--remove:hover{background:#fef2f2;border-color:#fca5a5;color:#dc2626}.ws-row-btn:disabled{cursor:default;opacity:.6}@media (max-width:560px){.ws-table{font-size:14px}.ws-row-btn{max-width:110px;white-space:normal}}.ws-example{display:block;font-weight:400;margin-top:3px}.ws-example__text{align-items:center;color:#374151;display:inline-flex;flex-wrap:wrap;font-size:13px;gap:8px}.ws-example__tr{color:#6b7280;display:block;font-size:12.5px;margin-top:1px}.ws-example__plus{align-items:center;background:#fff;border:1.5px solid #00d564;border-radius:50%;color:#00b356;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:15px;font-weight:800;height:22px;justify-content:center;line-height:1;width:22px}.ws-example__plus:hover{background:#00d564;color:#fff}.ws-example__plus.--saved{background:#dcfce7;border-color:#86efac;color:#16a34a;cursor:default}.ws-sound{background:none;border:none;cursor:pointer;font-size:15px;opacity:.75;padding:0 4px;vertical-align:middle}.ws-sound:hover{opacity:1}.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}.forum-intro{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;color:#166534}.forum-guidance,.forum-intro{font-size:14px;line-height:1.5;margin-bottom:16px;padding:12px 16px}.forum-guidance{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#334155}.forum-guidance p{margin:0 0 6px}.forum-guidance p:last-child{margin-bottom:0}.forum-badge{border-radius:999px;display:inline-block;font-size:11px;font-weight:600;margin-right:6px;padding:2px 8px;white-space:nowrap}.forum-badge--pending{background:#fef3c7;color:#92400e}.forum-badge--rejected{background:#fee2e2;color:#b91c1c}.forum-badge--lang{background:#e0f2fe;color:#075985;margin-bottom:8px}.forum-link{background:none;border:none;color:#059669;cursor:pointer;font-weight:600;font:inherit;padding:0;text-decoration:underline}.forum-form-note{color:#6b7280;font-size:12px;line-height:1.45;margin:8px 0}.forum-sent-note{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;color:#065f46;font-size:14px;margin:0 0 14px;padding:10px 14px}.forum-field{display:flex;flex-direction:column;gap:4px;margin:8px 0}.forum-field span{color:#374151;font-size:13px;font-weight:600}.forum-new-thread-form input[type=text]{box-sizing:border-box;width:100%}.forum-post--unpublished{border-style:dashed;opacity:.85}.forum-post__reason{color:#b91c1c;font-size:12px;margin:4px 0 0}.forum-pending-notice--rejected{background:#fef2f2;border-color:#fecaca;color:#991b1b}.forum-thread-detail__source{color:#475569;font-size:13px;margin:6px 0}.forum-rules__section h4{color:#111827;font-size:15px;margin:14px 0 6px}.forum-rules__section ul{margin:0;padding-left:20px}.forum-rules__section li{color:#374151;font-size:14px;line-height:1.5;margin-bottom:4px}.forum-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:10001}.forum-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;box-sizing:border-box;max-height:calc(100vh - 32px);max-width:640px;overflow-y:auto;padding:24px 26px 22px;position:relative;width:100%}.forum-modal h3{font-size:20px;margin:0 0 4px}.forum-modal__lead{color:#6b7280;font-size:14px;margin:0 0 6px}.forum-modal__close{background:none;border:none;color:#6b7280;cursor:pointer;font-size:22px;position:absolute;right:14px;top:10px}.forum-modal__agree{align-items:flex-start;display:flex;font-size:14px;gap:8px;margin:16px 0 12px}.forum-modal__agree input{flex-shrink:0;margin-top:3px}.forum-modal__btn{padding:10px 0;width:100%}.forum-mod-heading{font-size:15px;margin:18px 0 8px}.forum-mod-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:10px;padding:12px 14px}.forum-mod-item__meta{color:#6b7280;font-size:12px;margin-bottom:4px}.forum-mod-item__title{font-weight:700;margin:0 0 4px}.forum-mod-item__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.forum-owner-actions{align-items:center;display:inline-flex;flex-wrap:wrap;gap:6px;margin-left:auto}.forum-btn--muted{cursor:help;opacity:.5}.forum-owner-hint{color:#6b7280;flex-basis:100%;font-size:12px}.cag-layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:260px 320px minmax(0,1fr)}@media (max-width:1100px){.cag-layout{grid-template-columns:1fr}}.cag-voice-row{border-bottom:1px solid #f1f5f9;display:flex;flex-direction:column;gap:4px;padding:10px 0}.cag-voice-row__who{color:#1f2937;font-size:14px;font-weight:700}.cag-voice-row__hint{color:#b45309;font-size:12px}.cag-voice{display:flex;flex-direction:column;gap:4px}.cag-voice select{border:1.5px solid #d1d5db;border-radius:8px;font-size:13px;max-width:100%;padding:6px 8px}.cag-voice__sample{height:30px;width:100%}.cag-add{display:flex;gap:6px;margin-top:10px}.cag-add input{border:1.5px solid #d1d5db;border-radius:8px;flex:1 1;font-size:13px;min-width:0;padding:6px 8px}.cag-summary{color:#6b7280;font-size:13px;margin:8px 0}.cag-lines{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.cag-line{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px}.cag-line--done{background:#f7fef9;border-color:#bbf7d0}.cag-line__head{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.cag-line__panel{color:#6b7280;font-size:12px;font-weight:700}.cag-line__speaker{border:1.5px solid #d1d5db;border-radius:8px;flex:1 1;font-size:13px;min-width:160px;padding:4px 8px}.cag-line__ok{color:#16a34a;font-size:12px;font-weight:700}.cag-line__no{color:#9ca3af;font-size:12px}.cag-line__text{color:#374151;font-size:14px;margin:6px 0;white-space:pre-wrap}.cag-line textarea{border:1.5px solid #c4b5fd;border-radius:8px;box-sizing:border-box;font:inherit;font-size:14px;padding:6px 8px;resize:vertical;width:100%}.cag-line__tools{align-items:center;display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.cag-progress{background:#ede9fe;border-radius:999px;height:8px;overflow:hidden}.cag-progress>span{background:#7c3aed;display:block;height:100%;transition:width .3s}.cag-line__voice{color:#15803d;display:block;font-size:.82rem;margin:4px 0 2px}.cag-line__voice--none{color:#b45309;font-weight:600}.cag-line__stale{color:#b45309;font-size:.82rem;font-weight:700;white-space:nowrap}.mat-line{grid-column-gap:10px;align-items:start;column-gap:10px;display:grid;grid-template-columns:minmax(0,760px) 26px 26px;margin-bottom:4px}.mat-line--para{margin-top:.6em}.mat-line__text{min-width:0;overflow-wrap:anywhere}.mat-line__plus{display:flex;justify-content:center;padding-top:3px}.mat-line__plus .book-reader__phrase-plus{margin-left:0}.mat-comment-plus{align-items:center;background:#fde047;border:1.5px solid #facc15;border-radius:50%;box-shadow:0 0 0 2px #facc1540;color:#713f12;cursor:pointer;display:inline-flex;font-size:16px;font-weight:800;height:22px;justify-content:center;line-height:1;transition:background .12s,transform .12s;width:22px}.mat-comment-plus:hover{background:#facc15;transform:scale(1.06)}.mat-comment-plus--active{background:#eab308;border-color:#eab308;color:#fff}.mat-line__panel{border-radius:10px;font-size:15px;grid-column:1/-1;line-height:1.5;margin:6px 0 8px;max-width:760px;padding:10px 14px}.mat-line__panel p{margin:0 0 6px;white-space:pre-wrap}.mat-line__panel--trans{background:#f0fdf4;border:1px solid #bbf7d0;color:#14532d}.mat-line__panel--comment{background:#fefce8;border:1px solid #fde047;color:#713f12}.mat-line__panel--comment strong{display:block;font-size:12px;letter-spacing:.04em;margin-bottom:4px;text-transform:uppercase}.mat-audio-bar{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;max-width:760px;padding:8px 12px;position:sticky;top:0;top:var(--header-height,0);width:calc(100% - 72px);z-index:20}.mat-audio-bar .book-audio-bar__speed{margin-left:auto}.mat-audio-bar .book-audio-bar__speed-btn--active,.mat-audio-bar .book-audio-bar__speed-btn--active:hover{background:#00d564;border-color:#00d564;color:#fff}@media (max-width:720px){.mat-line{column-gap:6px;grid-template-columns:minmax(0,1fr) 24px 24px}.mat-audio-bar{width:calc(100% - 60px)}}.dw{margin:0 auto 32px}.dw-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px;margin-left:auto;margin-right:auto;width:80%}.dw-toolbar__hint{color:#6b7280;font-size:13px}.dw-btn{align-items:center;background:#7c3aed;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:8px 14px;text-decoration:none}.dw-btn:disabled{opacity:.5}.dw-btn--ghost{background:#fff;border:1.5px solid #c4b5fd;color:#5b21b6}.dw-btn--danger{background:#fff;border:1.5px solid #fca5a5;color:#b91c1c}.dw-error{color:#dc2626;font-size:14px}.dw-picture{aspect-ratio:16/10;background:#0b1d3a;border-radius:16px;margin:0 auto;overflow:hidden;position:relative;touch-action:none;-webkit-user-select:none;user-select:none;width:80%}.dw-picture img{height:100%;inset:0;object-fit:cover;object-position:50% 40%;pointer-events:none;position:absolute;width:100%}.dw-bubble{container-type:inline-size;cursor:pointer;outline:none;position:absolute}.dw-shape{filter:drop-shadow(0 4px 10px rgba(0,0,0,.35));height:100%;inset:0;overflow:visible;position:absolute;transition:filter .2s;width:100%}.dw-stroke{fill:#1f2937;stroke:#1f2937;stroke-width:6;vector-effect:non-scaling-stroke}.dw-fill{fill:#fffdf7;transition:fill .2s}.dw-bubble:focus-visible .dw-fill,.dw-bubble:hover .dw-fill{fill:#fde68a}.dw-bubble:focus-visible .dw-shape,.dw-bubble:hover .dw-shape{filter:drop-shadow(0 0 14px rgba(253,224,71,.95))}.dw-bubble__text{align-items:center;color:#1f2937;display:flex;font-size:clamp(9px,7cqw,24px);font-weight:700;height:64%;justify-content:center;left:12%;line-height:1.15;overflow:hidden;pointer-events:none;position:absolute;right:12%;text-align:center;top:6%;white-space:pre-line}.dw-bubble--speech .dw-bubble__text{height:58%;top:34%}.dw-bubble--editing{cursor:move}.dw-bubble--editing:hover .dw-fill{fill:#fffdf7}.dw-bubble--selected .dw-shape{filter:drop-shadow(0 0 0 #7c3aed) drop-shadow(0 0 8px #a78bfa)}.dw-bubble--editing:after{border:2px dashed #c4b5fde6;border-radius:10px;content:"";inset:-4px;pointer-events:none;position:absolute}.dw-bubble__resize{background:#7c3aed;border:2px solid #fff;border-radius:50%;bottom:-8px;cursor:nwse-resize;height:18px;position:absolute;right:-8px;width:18px;z-index:2}.dw-panel{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-sizing:border-box;gap:10px;margin:0 auto 12px;padding:12px 14px;width:80%}.dw-panel,.dw-panel__field{display:flex;flex-direction:column}.dw-panel__field{color:#374151;font-size:13px;font-weight:600;gap:4px}.dw-page__edit textarea,.dw-panel__field textarea{border:1.5px solid #d1d5db;border-radius:10px;font:inherit;font-size:15px;font-weight:400;padding:8px 10px;resize:vertical}.dw-panel__row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.dw-page{margin:0 auto;max-width:820px;padding:8px 0 40px}.dw-back{color:#4f46e5;font-size:14px;text-decoration:none}.dw-page__title{font-size:28px;margin:10px 0 14px}.dw-page__body{color:#1f2937;font-size:16px;line-height:1.6;margin-bottom:16px;white-space:pre-wrap}.dw-empty{color:#6b7280;font-style:italic;margin:0 0 16px}.dw-page__edit{display:flex;flex-direction:column;gap:10px}@media (max-width:760px){.dw-panel,.dw-picture,.dw-toolbar{width:100%}}.pg-hub,.pg-play,.pg-result,.pg-setup{margin:0 auto;max-width:1100px;padding:8px 0 32px}.pg-back{background:none;border:none;color:#4f46e5;cursor:pointer;font-size:14px;margin-bottom:8px;padding:0}.pg-title{font-size:26px;margin:4px 0 6px}.pg-lead{color:#6b7280;line-height:1.5;margin:0 0 16px;white-space:pre-line}.pg-hint{color:#6b7280;padding:18px 0;text-align:center}.pg-hint--warn{color:#b45309;padding:6px 0;text-align:left}.pg-error{color:#dc2626}.pg-ok{color:#16a34a;font-weight:600;text-align:center}.pg-h3{color:#374151;font-size:15px;letter-spacing:.03em;margin:18px 0 8px;text-transform:uppercase}.pg-hub__tiles>div{position:relative}.pg-hub__soon{opacity:.6}.pg-hub__soon .es-section__cover{cursor:default}.pg-soon-badge{background:#f59e0b;border-radius:999px;color:#fff;font-size:12px;font-weight:700;padding:2px 8px;position:absolute;right:10px;top:34px}.pg-grid{grid-gap:6px 24px;display:grid;gap:6px 24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.pg-grid h3{color:#374151;font-size:14px;letter-spacing:.03em;margin:0 0 8px;text-transform:uppercase}.pg-select{background:#fff;border:1.5px solid #d1d5db;border-radius:10px;font-size:14px;min-width:180px;padding:8px 10px}.pg-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.pg-chip{background:#fff;border:1.5px solid #d1d5db;border-radius:999px;cursor:pointer;font-size:13px;padding:6px 12px}.pg-chip--on{background:#db2777;border-color:#db2777;color:#fff}.pg-cards{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.pg-card{background:#fff;border:2px solid #e5e7eb;border-radius:14px;color:#111827;cursor:pointer;display:flex;flex-direction:column;font-size:14px;gap:4px;padding:12px 14px;text-align:left}.pg-card--on{background:#fdf2f8;border-color:#db2777}.pg-card--locked{opacity:.6}.pg-card:disabled{cursor:not-allowed;opacity:.35}.pg-card__meta{color:#6b7280;font-size:12px}.pg-card--picture{align-items:center;text-align:center}.pg-mystery{background:repeating-linear-gradient(45deg,#f3f4f6 0 8px,#fff 8px 16px);border:1.5px dashed #d1d5db;border-radius:12px;color:#9ca3af;font-size:34px;font-weight:800;height:64px;justify-content:center;width:64px}.pg-actions,.pg-mystery{align-items:center;display:flex}.pg-actions{flex-wrap:wrap;gap:12px;margin-top:18px}.pg-start{background:#db2777;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:17px;font-weight:700;padding:12px 28px}.pg-start:disabled{cursor:default;opacity:.45}.pg-btn{background:#db2777;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:8px 14px}.pg-btn:disabled{opacity:.5}.pg-btn--ghost{background:#fff;border:1.5px solid #f9a8d4;color:#9d174d}.pg-assign{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.pg-assign input,.pg-assign select{border:1.5px solid #d1d5db;border-radius:8px;padding:7px 9px}.pg-link{color:#4f46e5;font-weight:600}.pg-hud{align-items:center;display:flex;flex-wrap:wrap;font-size:15px;gap:16px;margin-bottom:10px}.pg-hud strong{flex:1 1}.pg-zoom button{background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:18px;height:30px;margin-left:4px;width:30px}.pg-board{grid-gap:18px;align-items:start;display:grid;gap:18px;grid-template-columns:minmax(0,1fr) 280px}.pg-canvas-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:14px;max-height:80vh;overflow:auto}.pg-canvas{margin:0 auto;position:relative}.pg-canvas canvas{display:block;height:auto;width:100%}.pg-reveal{animation:pg-reveal 1.6s ease-in .8s both;height:100%;inset:0;object-fit:cover;pointer-events:none;position:absolute;width:100%}@keyframes pg-reveal{0%{opacity:0}to{opacity:1}}.pg-label{color:#1f2937;font-weight:600;line-height:1.05;overflow-wrap:normal;pointer-events:none;position:absolute;text-align:center;text-shadow:0 0 3px #fff,0 0 3px #fff;transform:translate(-50%,-50%);transition:transform .45s;white-space:normal;width:max-content}.pg-label--flipped{animation:pg-flip .5s ease-out;color:#9d174d;font-style:italic}.pg-ask--shake,.pg-label--shake{animation:pg-shake .45s}@keyframes pg-flip{0%{transform:translate(-50%,-50%) rotateY(90deg)}to{transform:translate(-50%,-50%) rotateY(0)}}@keyframes pg-shake{0%,to{margin-left:0}20%{margin-left:-8px}40%{margin-left:8px}60%{margin-left:-6px}80%{margin-left:6px}}.pg-ask{align-items:center;background:#fff;border:2px solid #f9a8d4;border-radius:12px;box-shadow:0 8px 28px #11182740;display:flex;gap:6px;padding:8px 10px;position:absolute;transform:translate(-50%,-115%);z-index:3}.pg-ask--below{transform:translate(-50%,18px)}.pg-ask--from-left{transform:translate(-12px,-115%)}.pg-ask--from-right{transform:translate(calc(-100% + 12px),-115%)}.pg-ask--below.pg-ask--from-left{transform:translate(-12px,18px)}.pg-ask--below.pg-ask--from-right{transform:translate(calc(-100% + 12px),18px)}.pg-ask__word{font-weight:700;white-space:nowrap}.pg-ask input{border:1.5px solid #d1d5db;border-radius:8px;font-size:15px;padding:6px 8px;width:150px}.pg-ask button{background:#db2777;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:6px 10px}.pg-ask .pg-ask__close{background:none;color:#6b7280;font-size:18px;padding:0 4px}.pg-legend{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:12px;position:sticky;top:12px}.pg-legend h3{font-size:15px;margin:0 0 10px}.pg-legend__row{align-items:center;border-radius:10px;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.pg-legend__row--on{background:#fdf2f8;box-shadow:0 0 0 2px #db2777}.pg-brush{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex:1 1;gap:10px;padding:6px;text-align:left}.pg-swatch{border:2px solid #00000026;border-radius:50%;flex-shrink:0;height:30px;width:30px}.pg-legend__text{color:#111827;display:flex;flex-direction:column;font-size:13px}.pg-legend__text small,.pg-note-btn{color:#6b7280}.pg-note-btn{background:none;border:none;cursor:pointer;font-size:16px}.pg-note{background:#f9fafb;border-radius:8px;color:#374151;flex-basis:100%;font-size:12px;margin:0 6px 6px;padding:6px 8px}.pg-legend__help{color:#6b7280;font-size:12px;line-height:1.45;margin:10px 0 0}.pg-result h2{font-size:26px;margin:8px 0 4px}.pg-result .pg-lead,.pg-result h2{text-align:center}.pg-final{border-radius:14px;display:block;margin:12px auto;max-width:420px;width:100%}.pg-words{border:1px solid #e5e7eb;border-radius:12px;list-style:none;margin:0;overflow:hidden;padding:0}.pg-words li{align-items:center;display:flex;gap:8px;padding:6px 12px}.pg-words li+li{border-top:1px solid #f3f4f6}.pg-words label{grid-gap:10px;align-items:center;cursor:pointer;display:grid;flex:1 1;gap:10px;grid-template-columns:22px 1fr 1.3fr 1fr}.pg-words small{color:#9ca3af}.pg-play-audio{background:#fdf2f8;border:none;border-radius:8px;cursor:pointer;font-size:16px;padding:4px 10px}@media (max-width:760px){.pg-board{grid-template-columns:1fr}.pg-legend{position:static}.pg-words label{grid-template-columns:22px 1fr}.pg-words label small,.pg-words label span{grid-column:2}}.pg-study-btn{background:#fdf2f8;border:2px solid #f9a8d4;border-radius:12px;color:#9d174d;cursor:pointer;font-size:14px;font-weight:700;margin-bottom:12px;padding:10px 12px;width:100%}.pg-study__head{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:6px}.pg-study__head h3{font-size:22px;margin:0}.pg-words--study li{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr auto}.pg-study__native{color:#374151}.pg-canvas{container-type:inline-size}.pg-labels{inset:0;overflow:hidden;pointer-events:none;position:absolute}.pg-unfinished{margin-bottom:8px}.pg-card--resume{background:#fff7fb;border-color:#f9a8d4;cursor:default}.pg-progress{background:#fce7f3;height:8px;margin:4px 0 2px;overflow:hidden}.pg-progress,.pg-progress>span{border-radius:999px;display:block}.pg-progress>span{background:#db2777;height:100%}.pg-card__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.pg-resumed{align-items:center;background:#fdf2f8;border-radius:12px;color:#9d174d;display:flex;flex-wrap:wrap;font-size:14px;gap:12px;margin:0 0 10px;padding:8px 12px}.pg-chips--levels{flex-wrap:nowrap;gap:5px;margin-bottom:6px}.pg-chips--levels .pg-chip{padding:6px 10px}.pg-legend__help{white-space:pre-line}.mz-board{grid-gap:18px;align-items:start;display:grid;gap:18px;grid-template-columns:minmax(280px,360px) minmax(0,1fr)}.mz-tasks{background:#fff;border:1px solid #e5e7eb;border-radius:14px;max-height:calc(100vh - 230px);overflow:auto;padding:12px}.mz-tasks h3{font-size:15px;margin:0 0 6px}.mz-list{display:flex;flex-direction:column;gap:8px;margin:10px 0 0;padding-left:26px}.mz-task{color:#111827;font-size:14px}.mz-task__word{font-weight:600}.mz-task__rows{color:#9d174d;font-weight:700}.mz-task__form{display:flex;gap:6px;margin-top:4px}.mz-task__form input{border:1.5px solid #d1d5db;border-radius:8px;flex:1 1;font-size:14px;min-width:0;padding:5px 8px}.mz-task__form button{background:#db2777;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:5px 10px}.mz-task__form button:disabled{cursor:default;opacity:.45}.mz-task--ok .mz-task__word{color:#6b7280}.mz-task__answer{color:#16a34a;display:block;font-weight:700;margin-top:2px}.mz-grid-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:10px}.mz-grid{grid-gap:1px;background:#cbd5e1;border:1px solid #94a3b8;display:grid;gap:1px;margin:0 auto;width:min(100%,calc(115vh - 287.5px))}.mz-head{align-items:center;background:#f1f5f9;color:#334155;display:flex;font-size:clamp(9px,1.1vw,13px);font-weight:700;justify-content:center;padding:2px 4px}.mz-cell{aspect-ratio:1;background:#fff;border:none;cursor:pointer;padding:0;transition:background .15s}.mz-cell:hover:not(.mz-cell--on){background:#fde7d6}.mz-cell--wrong{animation:pg-shake .4s;background:#ef4444!important}@media (max-width:860px){.mz-board{grid-template-columns:1fr}.mz-tasks{max-height:none}.mz-grid{width:100%}}.pg-hub__ready{gap:28px}.pg-hub__ready .es-section{flex:0 1 340px;max-width:340px}.pg-hub__ready .es-section__label{font-size:1.25rem}.pg-hub__soon-row{display:flex;flex-wrap:wrap;gap:16px;margin-top:4px}.pg-hub__soon-tile{align-items:center;aspect-ratio:1;background:linear-gradient(135deg,#c7d2fe,#e9d5ff);border-radius:14px;display:flex;justify-content:center;opacity:.7;position:relative;width:140px}.pg-hub__soon-tile .pg-soon-badge{font-size:14px;padding:4px 12px;position:static}.info-page{margin:0 auto;max-width:860px;padding:8px 0 40px}.info-page h2{margin:0 0 20px}.info-page__placeholder{align-items:center;background:#f8fafc;background:var(--color-bg-secondary,#f8fafc);border:1px solid #e5e7eb;border:1px solid var(--color-border-light,#e5e7eb);border-radius:16px;color:#4b5563;color:var(--color-text-secondary,#4b5563);display:flex;flex-direction:column;font-size:1.05rem;gap:10px;padding:48px 24px;text-align:center}.info-page__icon{font-size:2.6rem}.info-page__group{margin-bottom:26px}.info-page__group h3{font-size:1.15rem;margin:0 0 10px}.info-page__qa{background:#fff;background:var(--color-bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border-light,#e5e7eb);border-radius:12px;margin-bottom:8px;padding:12px 16px}.info-page__qa summary{color:#111827;color:var(--color-text-primary,#111827);cursor:pointer;font-weight:600}.info-page__qa[open] summary{margin-bottom:8px}.info-page__qa p{color:#4b5563;color:var(--color-text-secondary,#4b5563);line-height:1.6;margin:0}.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}.xp-play,.xp-result,.xp-setup{margin:0 auto;max-width:920px;padding:8px 0 32px}.xp-back{background:none;border:none;color:#4f46e5;cursor:pointer;font-size:14px;margin-bottom:8px;padding:0}.xp-title{font-size:26px;margin:4px 0 6px}.xp-lead{color:#6b7280;line-height:1.5;margin:0 0 18px}.xp-error,.xp-hint{color:#6b7280;padding:24px 0;text-align:center}.xp-error{color:#dc2626}.xp-section{margin-bottom:16px}.xp-section h3{color:#374151;font-size:14px;letter-spacing:.03em;margin:0 0 8px;text-transform:uppercase}.xp-grid{grid-gap:4px 24px;display:grid;gap:4px 24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.xp-heroes,.xp-worlds{display:flex;flex-wrap:wrap;gap:10px}.xp-hero-card,.xp-world-card{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:14px;color:#111827;cursor:pointer;display:flex;flex-direction:column;font-size:14px;gap:6px;min-width:104px;padding:12px 14px}.xp-world-card{flex-direction:row;min-width:0;padding:10px 16px}.xp-hero-card--on,.xp-world-card--on{background:#f5f3ff;border-color:#7c3aed}.xp-world-card--locked{opacity:.6}.xp-hero-card__art{height:56px;object-fit:contain;width:56px}.xp-hero-card__art.xp-emoji{font-size:44px;line-height:56px}.xp-world-card__icon{font-size:22px}.xp-chips{display:flex;flex-wrap:wrap;gap:6px}.xp-chip{background:#fff;border:1.5px solid #d1d5db;border-radius:999px;cursor:pointer;font-size:13px;padding:6px 12px}.xp-chip--on{background:#7c3aed;border-color:#7c3aed;color:#fff}.xp-select{background:#fff;border:1.5px solid #d1d5db;border-radius:10px;font-size:14px;min-width:180px;padding:8px 10px}.xp-start{background:#00d564;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:17px;font-weight:700;margin-top:8px;padding:12px 28px}.xp-start:disabled{cursor:default;opacity:.5}.xp-hud{align-items:center;display:flex;font-size:15px;gap:16px;margin-bottom:10px}.xp-hud__place{flex:1 1;font-weight:600}.xp-hud__lives{font-size:20px;letter-spacing:2px}.xp-hud__quit{background:none;border:1.5px solid #e5e7eb;border-radius:8px;cursor:pointer;padding:4px 10px}.xp-scene{--sky:linear-gradient(#7dd3fc,#e0f2fe);--ground:#4ade80;--way:#c08a52;--lines:#fff0;border-radius:18px;height:420px;overflow:hidden;position:relative}.xp-scene--kitchen{--sky:linear-gradient(#fde68a,#fef3c7);--ground:#e7c79a;--way:#b8834f;--lines:#78482059}.xp-scene--street{--sky:linear-gradient(#93c5fd,#e0f2fe);--ground:#a3a3a3;--way:#4b5563;--lines:#ffffffe6}.xp-scene--park{--sky:linear-gradient(#7dd3fc,#e0f2fe);--ground:#4ade80;--way:#c9a36b;--lines:#fff0}.xp-sky{background:var(--sky);height:42%;left:0;overflow:hidden;position:absolute;right:0;top:0}.xp-scene__bg{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.xp-scene__bg.xp-emoji{display:none}.xp-ground{background:var(--ground);bottom:-10%;left:-60%;position:absolute;right:-60%;top:42%;transform:perspective(260px) rotateX(58deg);transform-origin:50% 0}.xp-ground:before{background:var(--way);bottom:0;content:"";left:41%;position:absolute;right:41%;top:0}.xp-ground__lines{animation:xp-lines .6s linear infinite;animation-play-state:paused;background:repeating-linear-gradient(to bottom,var(--lines) 0 40px,#0000 40px 90px);bottom:0;left:49.4%;position:absolute;right:49.4%;top:0}.xp-scene--kitchen .xp-ground__lines,.xp-scene--park .xp-ground__lines{background:repeating-linear-gradient(to bottom,var(--lines) 0 3px,#0000 3px 60px);left:0;right:0}@keyframes xp-lines{to{background-position:0 90px}}.xp-decor{animation:3.2s linear infinite;animation-play-state:paused;font-size:64px;left:50%;line-height:1;opacity:0;pointer-events:none;position:absolute;top:42%;transform-origin:50% 100%}.xp-decor--left{animation-name:xp-drift-left}.xp-decor--right{animation-name:xp-drift-right}@keyframes xp-drift-left{0%{opacity:0;transform:translate(-80%,-100%) scale(.12)}12%{opacity:1}to{opacity:1;transform:translate(-560%,10%) scale(2.4)}}@keyframes xp-drift-right{0%{opacity:0;transform:translate(-20%,-100%) scale(.12)}12%{opacity:1}to{opacity:1;transform:translate(460%,10%) scale(2.4)}}.xp-target{left:50%;position:absolute;top:42%;transform-origin:50% 100%}.xp-target--approach.xp-target--right{animation:xp-near-right 1.8s ease-in forwards}.xp-target--approach.xp-target--left{animation:xp-near-left 1.8s ease-in forwards}.xp-target--near.xp-target--right{transform:translate(90%,40%) scale(1.5)}.xp-target--near.xp-target--left{transform:translate(-190%,40%) scale(1.5)}.xp-target--pass.xp-target--right{animation:xp-past-right .9s ease-in forwards}.xp-target--pass.xp-target--left{animation:xp-past-left .9s ease-in forwards}@keyframes xp-near-right{0%{transform:translate(-20%,-100%) scale(.1)}to{transform:translate(90%,40%) scale(1.5)}}@keyframes xp-near-left{0%{transform:translate(-80%,-100%) scale(.1)}to{transform:translate(-190%,40%) scale(1.5)}}@keyframes xp-past-right{0%{transform:translate(90%,40%) scale(1.5)}to{opacity:0;transform:translate(420%,80%) scale(3)}}@keyframes xp-past-left{0%{transform:translate(-190%,40%) scale(1.5)}to{opacity:0;transform:translate(-520%,80%) scale(3)}}.xp-object{display:block;height:96px;object-fit:contain;width:96px}.xp-object.xp-emoji{font-size:76px;line-height:96px;text-align:center}.xp-hero{animation-play-state:paused;bottom:6%;height:130px;left:50%;margin-left:-65px;object-fit:contain;position:absolute;width:130px}.xp-hero.xp-emoji{font-size:104px;line-height:130px;text-align:center}.xp-hero--fly{animation:xp-bob .9s ease-in-out infinite;bottom:22%}.xp-hero--run{animation:xp-hop .4s ease-in-out infinite}.xp-hero--drive{animation:xp-rumble .25s linear infinite}.xp-scene--moving .xp-decor,.xp-scene--moving .xp-ground__lines,.xp-scene--moving .xp-hero{animation-play-state:running}@keyframes xp-bob{50%{transform:translateY(-14px)}}@keyframes xp-hop{50%{transform:translateY(-10px)}}@keyframes xp-rumble{50%{transform:translateY(-2px)}}.xp-card{background:#fff;border-radius:16px;box-shadow:0 10px 30px #1118272e;margin:12px auto 0;max-width:460px;padding:16px 18px 14px;position:relative;text-align:center}.xp-card--right{box-shadow:0 0 0 3px #22c55e,0 10px 30px #1118272e}.xp-card--wrong{box-shadow:0 0 0 3px #ef4444,0 10px 30px #1118272e}.xp-timer{background:#f3f4f6;border-radius:3px;height:6px;margin-bottom:10px;overflow:hidden}.xp-timer__bar{background:linear-gradient(90deg,#ef4444,#f59e0b 30%,#22c55e 60%);height:100%;transition:width .1s linear}.xp-card__prompt{color:#111827;font-size:28px;font-weight:800;margin:0}.xp-card__meta{color:#9ca3af;font-size:12px;margin:2px 0 10px}.xp-card__row{align-items:center;display:flex;gap:8px}.xp-input{border:2px solid #d1d5db;border-radius:10px;flex:1 1;font-size:18px;min-width:0;padding:10px 12px}.xp-input:focus{border-color:#7c3aed;outline:none}.xp-go{background:#7c3aed;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;padding:10px 16px}.xp-go:disabled{opacity:.5}.xp-seconds{color:#6b7280;font-size:18px;font-weight:700;min-width:28px}.xp-card__result{font-size:16px;margin:4px 0 0}.xp-fork{margin-top:16px;text-align:center}.xp-fork p{font-weight:600;margin:0 0 10px}.xp-fork__ways,.xp-result__actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:12px}.xp-way{align-items:center;background:#f5f3ff;border:2px solid #c4b5fd;border-radius:12px;color:#5b21b6;cursor:pointer;display:flex;flex-direction:column;font-size:15px;font-weight:700;gap:2px;padding:10px 18px}.xp-way small{color:#6b7280;font-weight:500}.xp-result h2{font-size:26px;margin:8px 0 4px}.xp-result .xp-lead,.xp-result h2{text-align:center}.xp-words{border:1px solid #e5e7eb;border-radius:12px;list-style:none;margin:0;overflow:hidden;padding:0}.xp-words li+li{border-top:1px solid #f3f4f6}.xp-words label{grid-gap:10px;align-items:center;cursor:pointer;display:grid;gap:10px;grid-template-columns:22px 1fr 1.4fr auto;padding:8px 12px}.xp-words__en{font-weight:700}.xp-words__tr{color:#374151}.xp-words__ok .xp-words__given{color:#16a34a}.xp-words__bad .xp-words__given{color:#dc2626}.xp-link{align-self:center;color:#4f46e5;font-weight:600}@media (max-width:600px){.xp-scene{height:320px}.xp-decor{font-size:44px}.xp-object{height:70px;width:70px}.xp-object.xp-emoji{font-size:56px;line-height:70px}.xp-hero{height:96px;margin-left:-48px;width:96px}.xp-hero.xp-emoji{font-size:76px;line-height:96px}.xp-words label{grid-template-columns:22px 1fr}.xp-words__given,.xp-words__tr{grid-column:2}}.xpw{margin:0 auto;max-width:1200px}.xpw-filters{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.xpw-filters input:not([type]),.xpw-filters input[type=text],.xpw-filters select{border:1.5px solid #d1d5db;border-radius:8px;padding:6px 10px}.xpw-table-wrap{border:1px solid #e5e7eb;border-radius:12px;overflow-x:auto}.xpw-table{border-collapse:collapse;font-size:14px;width:100%}.xpw-table th{background:#f9fafb;color:#6b7280;font-weight:600;padding:8px;text-align:left}.xpw-table td{border-top:1px solid #f3f4f6;padding:6px 8px;vertical-align:middle}.xpw-table input:not([type=checkbox]){border:1.5px solid #e5e7eb;border-radius:6px;min-width:160px;padding:5px 8px;width:100%}.xpw-table select{border:1.5px solid #e5e7eb;border-radius:6px;padding:4px 6px}.xpw-row--checked{background:#f0fdf4}.xpw-import{border:1.5px solid #d1d5db;border-radius:10px;font-family:monospace;font-size:13px;padding:10px;width:100%}.xpe{margin:0 auto;max-width:1200px;padding-bottom:120px}.xpe h2{margin:4px 0 10px}.xpe h3{margin:18px 0 8px}.xpe h4{color:#374151;font-size:14px;margin:14px 0 6px}.xpe-slug{color:#9ca3af;font-size:13px;font-weight:400}.xpe-card,.xpe-place{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px 16px}.xpe-place{margin-top:14px}.xpe-place__head{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.xpe-place__head h3{flex:1 1;margin:0}.xpe-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:10px 14px;margin-bottom:10px}.xpe-row>label{color:#6b7280;display:flex;flex-direction:column;font-size:12px;gap:3px}.xpe-row>label:has(>input[type=checkbox]),.xpe-row>label:has(>input[type=radio]){align-items:center;color:#111827;flex-direction:row;font-size:14px}.xpe-newword input,.xpe-newword select,.xpe-picker input,.xpe-row input:not([type=checkbox]):not([type=radio]),.xpe-row select{background:#fff;border:1.5px solid #d1d5db;border-radius:8px;color:#111827;font-size:14px;padding:6px 9px}.xpe-grow{flex:1 1;min-width:180px}.xpe-emoji{font-size:18px!important;text-align:center;width:60px}.xpe-label{color:#6b7280;font-size:14px}.xpe-exit{display:flex;gap:6px}.xpe-exit select{flex:1 1}.xpe-remove{background:none;border:1.5px solid #fecaca;border-radius:8px;color:#b91c1c;cursor:pointer;padding:4px 10px}.xpe-remove:disabled{cursor:default;opacity:.4}.xpe-map{display:flex;gap:14px;overflow-x:auto;padding:4px 2px 10px}.xpe-map__col{display:flex;flex-direction:column;gap:8px;min-width:190px}.xpe-map__col--lost{border-left:2px dashed #fca5a5;padding-left:12px}.xpe-map__step{color:#9ca3af;font-size:12px;text-transform:uppercase}.xpe-node{background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:3px;padding:8px 10px;text-align:left}.xpe-node small{color:#6b7280;font-size:11px;line-height:1.35}.xpe-node--on{background:#f5f3ff;border-color:#7c3aed}.xpe-node--finish{box-shadow:inset 4px 0 0 #22c55e}.xpe-slot{background:#fafafa;border:1px dashed #d1d5db;border-radius:12px;margin-bottom:10px;padding:10px 12px}.xpe-words{list-style:none;margin:0 0 8px;padding:0}.xpe-words li{grid-gap:8px;align-items:center;border-top:1px solid #f3f4f6;display:grid;font-size:14px;gap:8px;grid-template-columns:1.2fr 1.6fr auto auto;padding:4px 0}.xpe-words li select{border:1.5px solid #e5e7eb;border-radius:6px;font-size:12px;padding:3px 6px}.xpe-words__tr{color:#6b7280}.xpe-words--missing{color:#b91c1c}.xpe-picker{align-items:center;display:flex;flex-wrap:wrap;gap:8px;position:relative}.xpe-picker>input{flex:1 1;min-width:240px}.xpe-picker__list{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 24px #0000001f;left:0;list-style:none;margin:0;max-height:260px;overflow-y:auto;padding:4px;position:absolute;right:0;top:38px;z-index:5}.xpe-picker__list button{background:none;border:none;border-radius:6px;cursor:pointer;font-size:13px;padding:6px 8px;text-align:left;width:100%}.xpe-picker__list button:hover{background:#f5f3ff}.xpe-newword{align-items:center;display:flex;flex-wrap:wrap;gap:6px;width:100%}.xpe-bar{background:#fffffff5;border:1px solid #e5e7eb;border-radius:14px;bottom:0;box-shadow:0 -6px 18px #0000000f;margin-top:18px;padding:12px 14px;position:sticky}.xpe-bar__buttons{align-items:center;display:flex;gap:10px}.xpe-report{font-size:13px;margin-bottom:8px;max-height:160px;overflow-y:auto}.xpe-report p{margin:2px 0}.xpe-ok{color:#16a34a;font-weight:600}.xpe-err{color:#b91c1c}.xpe-warn{color:#b45309}.xpe-list td{vertical-align:middle}.xp-start-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.xp-ok{color:#16a34a;font-weight:600;text-align:center}.xp-scene--cockpit{aspect-ratio:1920/880;height:auto}.xp-cockpit{animation:xp-rumble .25s linear infinite;animation-play-state:paused;height:100%;inset:0;pointer-events:none;position:absolute;width:100%;z-index:3}.xp-scene--moving .xp-cockpit{animation-play-state:running}.xp-scene--cockpit .xp-sky{height:36%}.xp-scene--cockpit .xp-decor,.xp-scene--cockpit .xp-ground,.xp-scene--cockpit .xp-target{top:36%}.xp-scene--cockpit .xp-target--approach.xp-target--right{animation-name:xp-car-near-right}.xp-scene--cockpit .xp-target--approach.xp-target--left{animation-name:xp-car-near-left}.xp-scene--cockpit .xp-target--near.xp-target--right{transform:translate(110%,-30%) scale(1.3)}.xp-scene--cockpit .xp-target--near.xp-target--left{transform:translate(-210%,-30%) scale(1.3)}.xp-scene--cockpit .xp-target--pass.xp-target--right{animation-name:xp-car-past-right}.xp-scene--cockpit .xp-target--pass.xp-target--left{animation-name:xp-car-past-left}@keyframes xp-car-near-right{0%{transform:translate(-20%,-100%) scale(.1)}to{transform:translate(110%,-30%) scale(1.3)}}@keyframes xp-car-near-left{0%{transform:translate(-80%,-100%) scale(.1)}to{transform:translate(-210%,-30%) scale(1.3)}}@keyframes xp-car-past-right{0%{transform:translate(110%,-30%) scale(1.3)}to{opacity:0;transform:translate(560%,-10%) scale(2.4)}}@keyframes xp-car-past-left{0%{transform:translate(-210%,-30%) scale(1.3)}to{opacity:0;transform:translate(-660%,-10%) scale(2.4)}}.xp-scene--cockpit{margin:0 auto;max-width:calc(218.18182vh - 872.72727px);min-width:min(100%,480px)}.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}.activity-cal{align-items:center;display:flex;flex-direction:column;gap:6px;width:100%}.activity-cal__grid{grid-gap:3px;display:grid;gap:3px;grid-template-columns:repeat(7,22px);justify-content:center}.activity-cal__dow{color:#9ca3af;font-size:9px;line-height:12px;text-align:center}.activity-cal__day{align-items:center;border-radius:5px;cursor:default;display:flex;font-size:10px;height:22px;justify-content:center}.activity-cal__day.--active{background:#22c55e;color:#fff;font-weight:700}.activity-cal__day.--visited{background:#bbf7d0;color:#166534}.activity-cal__day.--none{background:#f3f4f6;color:#9ca3af}.activity-cal__label{color:#4b5563;font-size:.85rem}.activity-cal__legend{color:#6b7280;display:flex;flex-wrap:wrap;font-size:10px;gap:8px;justify-content:center}.activity-cal__legend i{border-radius:2px;display:inline-block;height:9px;margin-right:3px;vertical-align:middle;width:9px}.activity-cal__legend i.--active{background:#22c55e}.activity-cal__legend i.--visited{background:#bbf7d0}.activity-cal__legend i.--none{background:#e5e7eb}.quiz-taking{border:1.5px solid #e5e7eb;border-radius:10px;margin-top:8px;padding:16px}.quiz-taking__question{margin-bottom:16px}.quiz-taking__question-text{font-weight:600;margin-bottom:8px}.quiz-taking__options{display:flex;flex-direction:column;gap:6px}.quiz-taking__option{align-items:center;border:1.5px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 10px}.quiz-taking__option.selected{background:#f0fdf4;border-color:#00d564}.quiz-taking__result{text-align:center}.quiz-taking__score{font-size:20px;font-weight:700;margin:12px 0}.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,.form-group select{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,.form-group select: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)}.auth-submit--block{margin-top:8px;width:100%}.link-button--inline{font-size:inherit;margin-left:0;padding:0}.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:1200px;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:nowrap;gap:2px;overflow-x:auto;padding:0 var(--spacing-md);scrollbar-width:thin}.account-tab-button{background:none;border:none;border-bottom:3px solid #0000;color:var(--color-text-secondary);cursor:pointer;flex:1 0 auto;font-size:.95rem;font-weight:var(--font-weight-medium);padding:14px 8px;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.teacher{background:#e0f2fe;color:#0369a1}.user-status.student{background:#ccfbf1;color:#0f766e}.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{justify-content:flex-start}.account-tab-button{flex:0 0 auto;font-size:var(--font-size-sm);padding:12px 10px}.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}.my-materials-nav{grid-gap:8px;border-bottom:1px solid #e5e7eb;display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px;padding-bottom:14px}@media (max-width:760px){.my-materials-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}.my-materials-nav .subtab-big{background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;color:#374151;cursor:pointer;font-size:13.5px;font-weight:600;padding:10px 8px;white-space:nowrap}.my-materials-nav .subtab-big:hover{border-color:#93c5fd}.my-materials-nav .subtab-big.active{background:#2d8cff;border-color:#2d8cff;color:#fff}.my-materials-create{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.my-materials-create .btn-primary{font-size:16px;padding:18px 16px}.field-warn{display:block;margin-top:4px}.account-comic-row .acl-unpublish-badge,.field-warn{color:#b91c1c;font-weight:600}.account-container{max-width:1360px}.account-tabs{scrollbar-width:none}.account-tabs::-webkit-scrollbar{display:none}.reg-roles{display:flex;flex-direction:column;gap:10px;margin:14px 0 10px}.reg-role{grid-column-gap:12px;align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:14px;column-gap:12px;cursor:pointer;display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;padding:14px 16px;text-align:left;transition:border-color .15s,box-shadow .15s}.reg-role:hover{border-color:#6366f1;box-shadow:0 4px 14px #6366f126}.reg-role__icon{font-size:30px;grid-row:span 2;text-align:center}.reg-role__title{color:#111827;font-size:16px;font-weight:700}.reg-role__hint{color:#6b7280;font-size:13px}.reg-back{margin-top:10px}.reg-young{color:#374151;line-height:1.5}.reg-young__steps{color:#374151;line-height:1.6;margin:6px 0 4px;padding-left:20px}.reg-note{background:#eef2ff;border-radius:10px;color:#3730a3;font-size:14px;padding:8px 12px}.reg-label{display:block;font-weight:600;margin-bottom:6px}.reg-cookies{display:flex;flex-wrap:wrap;gap:6px}.reg-cookie{align-items:center;border:1px solid #d1d5db;border-radius:999px;cursor:pointer;display:inline-flex;font-size:14px;gap:6px;padding:6px 12px}.reg-cookie.is-on{background:#eef2ff;border-color:#4f46e5}.reg-cookie input{margin:0}.ns{max-width:860px}.ns-h{font-size:18px;font-weight:700;margin:0 0 16px}.ns-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;margin-bottom:16px;padding:16px 18px}.ns-card h4{color:#111827;font-size:15px;margin:0 0 12px}.ns-card--muted{background:#f9fafb}.ns-channels{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.ns-channel{align-items:flex-start;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:12px 14px}.ns-channel__head{align-items:center;color:#1f2937;display:flex;font-weight:600;gap:6px}.ns-channel__icon{font-size:18px}.ns-btn{background:#00d564;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 14px}.ns-btn:disabled{cursor:default;opacity:.55}.ns-btn--ghost{background:#fff;border:1px solid #d1d5db;color:#374151}.ns-muted{color:#6b7280;font-size:13px;line-height:1.45;margin:0}.ns-ok{color:#047857;font-size:14px;font-weight:600;margin:0}.ns-warn{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;color:#92400e;font-size:13px;margin:0 0 10px;padding:8px 12px}.ns-error{color:#b91c1c;font-size:14px}.ns-test{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.ns-test__result{color:#374151;font-size:13px}.ns-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.ns-row{align-items:center;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:10px 12px}.ns-row--on{background:#f0fdf4;border-color:#a7f3d0}.ns-row__main{align-items:flex-start;cursor:pointer;display:flex;flex:1 1 380px;gap:10px}.ns-row__main input{flex-shrink:0;height:16px;margin-top:3px;width:16px}.ns-row__title{color:#1f2937;display:block;font-size:14px;font-weight:600}.ns-row__hint{color:#6b7280;display:block;font-size:12px;margin-top:2px}.ns-row__time{align-items:center;color:#374151;display:flex;font-size:13px;gap:6px}.ns-row__time input{border:1px solid #d1d5db;border-radius:8px;font:inherit;padding:5px 8px}.ns-tz{margin-top:10px}.ns-saved{color:#047857;margin-left:6px}.mc-tab__title{margin:0 0 6px}.mc-tab__lead{color:#64748b;margin:0 0 16px}.mc-tab__hint{color:#64748b}.mc-tab__error{color:#b91c1c}.mc-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.mc-row{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:12px;padding:12px 14px}.mc-row--waiting{border-left:4px solid #6366f1}.mc-row--focus{box-shadow:0 0 0 3px #6366f140}.mc-row__main{flex:1 1;min-width:0}.mc-row__head{align-items:baseline;display:flex;flex-wrap:wrap;gap:8px}.mc-row__kind{color:#475569;font-size:.82rem}.mc-row__badge{background:#eef2ff;border-radius:999px;color:#4338ca;font-size:.75rem;padding:1px 8px}.mc-row__last{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#334155;display:-webkit-box;margin:4px 0 2px;overflow:hidden;text-overflow:ellipsis}.mc-row__meta{color:#94a3b8;font-size:.8rem}.mc-row__open{flex-shrink:0;white-space:nowrap}@media (max-width:600px){.mc-row{align-items:stretch;flex-direction:column}}.ch-tab{padding:8px 0 24px}.ch-hint{color:#6b7280;font-size:13px}.ch-head{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:14px}.ch-title{margin:0 0 4px}.ch-lead{color:#4b5563;line-height:1.5;margin:0;max-width:640px}.ch-btn{background:#fff;border:1px solid #d1d5db;border-radius:999px;color:#374151;cursor:pointer;font-size:14px;font-weight:600;padding:8px 14px;white-space:nowrap}.ch-btn--primary{background:#4f46e5;border-color:#4f46e5;color:#fff}.ch-btn:disabled{opacity:.6}.ch-switch{border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;padding-bottom:12px}.ch-switch__btn{background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;color:#3730a3;cursor:pointer;font-weight:600;padding:7px 14px}.ch-switch__btn.is-on{background:#4f46e5;border-color:#4f46e5;color:#fff}.ch-readonly{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;color:#92400e;font-size:14px;line-height:1.5;padding:10px 14px}.ch-view__tabs{display:flex;gap:8px;margin:10px 0 14px}.ch-view__tabs button{background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;font-weight:600;padding:7px 14px}.ch-view__tabs button.is-on{background:#111827;border-color:#111827;color:#fff}.ch-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.ch-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;padding:14px 16px}.ch-card__main{display:flex;flex-direction:column;gap:3px}.ch-card__meta{color:#6b7280;font-size:13px}.ch-card__btns{display:flex;flex-wrap:wrap;gap:8px}.ch-badge{align-self:flex-start;background:#f3f4f6;border-radius:999px;color:#374151;font-size:12px;font-weight:600;padding:2px 10px}.ch-created{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;color:#166534;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:14px;padding:12px 16px}.ch-created p{margin:0}.ch-form{background:#fafafa;border:1px solid #e5e7eb;border-radius:14px;display:flex;flex-direction:column;gap:10px;margin-bottom:16px;max-width:760px;padding:16px 18px}.ch-form h3{margin:0 0 4px}.ch-row{display:flex;flex-wrap:wrap;gap:12px}.ch-field{color:#374151;display:flex;flex:1 1 220px;flex-direction:column;font-size:14px;gap:4px}.ch-field--narrow{flex:0 0 110px}.ch-field input,.ch-field select{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:15px;padding:8px 10px}.ch-check{align-items:flex-start;color:#374151;display:flex;font-size:14px;gap:8px;line-height:1.45}.ch-check input{flex-shrink:0;margin-top:3px}.ch-error{color:#b91c1c;margin:0}.ch-actions{display:flex;gap:10px}.ch-dict{border-collapse:collapse;font-size:14px;width:100%}.ch-dict td,.ch-dict th{border-bottom:1px solid #f1f5f9;padding:7px 10px;text-align:left}.ch-dict th{color:#6b7280;font-size:12px;font-weight:600;text-transform:uppercase}.ch-lead{max-width:100%;width:fit-content}.ch-lead p{line-height:1.6;margin:0;text-align:justify;text-align-last:justify}.ch-lead p:last-child{text-align-last:left}@media (max-width:760px){.ch-lead p{text-align-last:left}}.ch-notify{background:#eef2ff;border-radius:10px;display:flex;flex-direction:column;gap:4px;padding:10px 12px}.ch-btn.is-on{background:#eef2ff;border-color:#6366f1;color:#3730a3}.chn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-basis:100%;flex-direction:column;gap:12px;padding:14px 16px}.chn-lead{color:#374151;font-size:14px;line-height:1.5;margin:0}.chn-modes,.chn-sec{display:flex;flex-direction:column;gap:6px}.chn-sec{border-top:1px solid #e5e7eb;padding-top:10px}.chn-sec h4{color:#111827;font-size:15px;margin:0}.chn-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.chn-row input{background:#fff;border:1px solid #d1d5db;border-radius:8px;flex:1 1 220px;font-size:15px;max-width:360px;padding:8px 10px}.chn-tg{align-items:flex-start;display:flex;flex-direction:column;gap:6px}.chn-link{color:#4f46e5;font-size:14px;word-break:break-all}.chn-ok{color:#15803d;font-weight:600;margin:0}.chn-warn{color:#b45309;font-size:13px;margin:0}.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}.sw-wrapper.sw-wrapper--moved{bottom:auto;right:auto}.sw-trigger{touch-action:none;user-select:none;-webkit-user-select:none}.sw-trigger:hover{transform:scale(1.06)}.sw-trigger__dog{border-radius:50%;inset:15%;overflow:hidden;pointer-events:none;position:absolute}.sw-trigger__dog .sw-dog-img{-webkit-user-drag:none}.sw-ring{height:100%;inset:0;overflow:visible;pointer-events:none;position:absolute;width:100%}.sw-ring__text{fill:#4f46e5;font-size:9px;font-weight:700;letter-spacing:0}.sw-panel--floating{margin:0;overflow:auto;pointer-events:auto;position:fixed;z-index:10000}@media (max-width:760px){.sw-wrapper{bottom:14px;right:14px}.sw-trigger{border-width:2px;height:88px;width:88px}.sw-bubble{display:none}}.fh-cookies{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:14px;bottom:16px;box-shadow:0 10px 30px #0000002e;display:flex;flex-wrap:wrap;gap:10px 16px;left:16px;margin:0 auto;max-width:760px;padding:14px 18px;position:fixed;right:16px;z-index:3000}.fh-cookies p{color:#374151;flex:1 1 280px;font-size:14px;line-height:1.45;margin:0}.fh-cookies__btns{display:flex;flex-wrap:wrap;gap:8px}.fh-btn{background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;color:#3730a3;cursor:pointer;font-size:14px;font-weight:600;padding:8px 14px}.fh-btn--primary{background:#4f46e5;border-color:#4f46e5;color:#fff}.fh-btn--ghost{background:#fff;border-color:#d1d5db;color:#4b5563}.fh-btn--wide{margin-top:8px;padding:11px;width:100%}.fh-btn:disabled{cursor:default;opacity:.6}.fh-overlay{align-items:center;background:#1118278c;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:3100}.fh-modal{background:#fff;border-radius:16px;box-shadow:0 20px 50px #00000040;max-height:92vh;max-width:480px;overflow-y:auto;padding:22px 24px;width:100%}.fh-modal h3{margin:0 0 8px}.fh-lead{color:#4b5563;line-height:1.5;margin:0 0 14px}.fh-field{color:#374151;display:flex;flex-direction:column;font-size:14px;gap:4px;margin-bottom:10px}.fh-field input{border:1px solid #d1d5db;border-radius:10px;font-size:15px;padding:9px 12px}.fh-hint{color:#6b7280;display:block;font-size:12px;margin:-4px 0 12px}.fh-radios{display:flex;flex-wrap:wrap;gap:6px}.fh-radio{align-items:center;border:1px solid #d1d5db;border-radius:999px;cursor:pointer;display:inline-flex;font-size:14px;gap:6px;padding:6px 12px}.fh-radio.is-on{background:#eef2ff;border-color:#4f46e5}.fh-check{align-items:flex-start;color:#374151;display:flex;font-size:14px;gap:8px;margin:6px 0}.fh-check input{flex-shrink:0;margin-top:3px}.fh-error{color:#b91c1c;font-size:14px;margin:6px 0}.fh-row{display:flex;flex-wrap:wrap;gap:10px}.fh-modal--fit{max-width:min(560px,100%);width:auto}.fh-justify{-webkit-hyphens:auto;hyphens:auto;text-align:justify}.fh-justify .fh-line{display:block;text-align:justify;text-align-last:justify}.fh-justify .fh-line:last-child,.fh-justify .fh-line:only-child{text-align-last:left}.onb-card{align-items:flex-start;animation:onb-pop-in .35s ease-out;display:flex;gap:24px;max-width:min(92vw,760px);pointer-events:none;position:fixed;z-index:2000}.onb-card>*{pointer-events:auto}.onb-card--top-left{left:16px}.onb-card--top-left,.onb-card--top-right{top:calc(env(safe-area-inset-top, 0px) + 84px)}.onb-card--top-right{flex-direction:row-reverse;right:16px}.onb-card--below-nav,.onb-card--reader{left:50%;transform:translateX(-50%)}.onb-card--reader{bottom:calc(env(safe-area-inset-bottom, 0px) + 24px)}.onb-dog{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:#ffffff80;border-radius:50%;box-shadow:0 4px 16px #6366f140,0 0 0 3px #e0e7ff99;flex-shrink:0;height:288px;object-fit:cover;opacity:.85;width:288px}.onb-bubble{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#eef2ff80;border:2px solid #a5b4fccc;border-radius:32px;box-shadow:0 8px 24px #1e1b4b2e;padding:28px 32px}.onb-bubble p{color:#1e1b4b;font-size:1.5rem;font-weight:600;line-height:1.5;margin:0 0 20px}.onb-bubble__line{align-items:center;display:flex;gap:14px}.onb-dot{border-radius:50%;display:inline-block;flex-shrink:0;height:22px;width:22px}.onb-dot--green{background:#00d564}.onb-dot--purple{background:#8b5cf6}.onb-actions{display:flex;gap:8px;justify-content:flex-end}.onb-btn{border:none;border-radius:999px;cursor:pointer;font-size:1.1rem;font-weight:700;padding:16px 32px}.onb-btn--primary{background:#6366f1;color:#fff}.onb-btn--primary:hover{background:#4f46e5}.onb-btn--ghost{background:#0000;border:1.5px solid #c7d2fe;color:#6366f1}.onb-btn--ghost:hover{background:#eef2ff}@keyframes onb-pop-in{0%{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.onb-card--below-nav{animation-name:onb-pop-in-below-nav}@keyframes onb-pop-in-below-nav{0%{opacity:0;transform:translateX(-50%) translateY(-8px) scale(.96)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.onb-card--reader{animation-name:onb-pop-in-reader}@keyframes onb-pop-in-reader{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.es-tour-highlight{animation:es-tour-pulse 1.4s ease-in-out infinite;border-radius:999px;box-shadow:0 0 0 8px #a5b4fc;position:relative;z-index:1500}@keyframes es-tour-pulse{0%,to{box-shadow:0 0 0 8px #a5b4fc}50%{box-shadow:0 0 0 14px #a5b4fce6}}@media (max-width:640px){.onb-card--top-left,.onb-card--top-right{left:12px;right:12px;top:calc(env(safe-area-inset-top, 0px) + 64px)}.onb-card--top-right{flex-direction:row}.onb-dog{height:192px;width:192px}.onb-bubble{padding:18px 20px}.onb-bubble p{font-size:1.15rem}}.es-tour-ring{animation:es-tour-ring 1.3s ease-in-out infinite;border:4px solid #facc15;border-radius:16px;box-shadow:0 0 0 6px #facc1573,0 0 24px 8px #facc158c;box-sizing:border-box;pointer-events:none;position:fixed;z-index:10050}@keyframes es-tour-ring{0%,to{box-shadow:0 0 0 6px #facc1573,0 0 24px 8px #facc158c}50%{box-shadow:0 0 0 14px #facc1540,0 0 36px 14px #facc15b3}}: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%)}.badge-teacher{background:linear-gradient(135deg,#0ea5e9,#38bdf8);color:#fff;color:var(--color-text-white)}.badge-student{background:linear-gradient(135deg,#14b8a6,#5eead4);color:#0f766e}.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;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{align-items:center;margin:0;max-width:740px}.header-center,.search-container{display:flex;flex:1 1;gap:var(--spacing-sm)}.search-container{min-width:0}.search-input{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;box-sizing:border-box;flex:1 1;font-size:var(--font-size-sm);height:38px;padding:var(--spacing-sm)}.search-input:focus{border-color:#00d564;outline:none}.search-input::placeholder{font-size:12px}.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);margin-left:calc(var(--spacing-sm) - var(--spacing-lg))}.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}.moderation-menu>.btn-sm,.user-actions>.btn-sm{align-items:center;box-sizing:border-box;display:inline-flex;height:38px;justify-content:center}.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:1 1 auto}.nav-item>.nav-link{display:block;text-align:center}.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 8px;text-decoration:none;transition:all var(--transition-base);white-space:nowrap}.nav-link--highlight{background-color:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.nav-link--game,.nav-link--highlight{font-weight:700;font-weight:var(--font-weight-bold,700)}.nav-link--game{background-color:#f1e9fd;border-color:#be9df6;color:#7c3aed}.nav-link:hover{background-color:#2d8cff;background-color:var(--color-primary,#2d8cff);border-color:#2d8cff;border-color:var(--color-primary,#2d8cff);color:#fff}.nav-link--game:hover{background-color:#7c3aed;border-color:#7c3aed;color:#fff}.nav-link--active,.nav-link--active:hover{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--game.nav-link--active,.nav-link--game.nav-link--active:hover{background-color:#7c3aed;border-color:#7c3aed}.main-content{flex:1 1;padding:var(--spacing-xl) 0}.main-content--tight{padding-top:var(--spacing-sm)}.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 20%;min-width:0;padding:0 6px}.carousel-item-compact .item-image{aspect-ratio:1/1;border-radius:var(--radius-lg);height:auto;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-panels-container{gap:20px}.comic-content,.comic-panels-container{align-items:center;display:flex;flex-direction:column}.comic-content{gap:var(--spacing-xl);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}.mcl-filters{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border:1px solid var(--color-border-light,#e5e7eb);border-radius:10px;display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;padding:10px 14px}.mcl-filters input[type=date],.mcl-filters select{background:#fff;border:1px solid #d1d5db;border:1px solid var(--color-border-light,#d1d5db);border-radius:6px;font-size:.85rem;padding:6px 8px}.mcl-filters__date-group{align-items:center;color:#4b5563;display:flex;font-size:.82rem;gap:6px}.mcl-filters__reset{background:none;border:none;color:#6b7280;cursor:pointer;font-size:.82rem;margin-left:auto;text-decoration:underline}.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}.carousel-kind{color:var(--color-text-primary);font-weight:600}.carousel-soon-hint{background:#111827e0;border-radius:10px;color:#fff;font-size:13px;left:10px;line-height:1.4;padding:10px 12px;position:absolute;right:10px;text-align:center;top:10px}.carousel-item-compact .item-image{overflow:hidden}.carousel-item-compact .item-image>img{inset:0;position:absolute}.item-image--framed{box-shadow:0 0 0 1px #0000000f,0 0 8px #00000029}.comic-section h2.main-heading--home{margin-bottom:-15px}.main-heading:empty{display:none}a.app-button{display:inline-block;text-decoration:none}a.app-button:hover{opacity:.9}.qr-code:has(.qr-image){background:none;flex-direction:column;gap:6px;height:auto;width:auto}.qr-image{background:#fff;border-radius:var(--radius-md);box-shadow:0 2px 10px #00000014;display:block;height:140px;padding:6px;width:140px}.qr-caption{color:var(--color-text-secondary);font-size:12px;max-width:160px;text-align:center}
/*# sourceMappingURL=main.75e6dc70.css.map*/