.colortext{font-size:var(--sayeng-font-size, 1rem);line-height:1.8;word-wrap:break-word}.colortext-word{cursor:pointer;border-radius:3px;padding:1px 2px;transition:background .15s;position:relative}.colortext-word:hover{background:#0000000f}.colortext-word--active{background:var(--sayeng-highlight, #fef08a)!important;border-radius:3px}.colortext-word--bold{font-weight:700}.colortext__phrase-btn{position:fixed;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--sayeng-primary, #2563eb);color:#fff;border:none;box-shadow:0 2px 8px #0003;font-size:1.1rem;z-index:100;cursor:pointer}.colortext__phrase-btn:hover{background:var(--sayeng-primary-hover, #1d4ed8)}.word-popup-overlay{position:fixed;inset:0;z-index:200}.word-popup{position:fixed;z-index:201;background:#fff;border:1px solid var(--sayeng-border);border-radius:var(--sayeng-radius);box-shadow:0 4px 20px #00000026;padding:16px;max-width:320px;min-width:160px}.word-popup--center{top:50%;left:50%;transform:translate(-50%,-50%)}.word-popup__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.word-popup__word{font-size:1.1rem;font-weight:600}.word-popup__close{background:none;border:none;font-size:1.2rem;color:var(--sayeng-muted);cursor:pointer;padding:2px 6px;line-height:1}.word-popup__image{max-width:100%;max-height:240px;display:block;margin:0 auto;border-radius:4px}.word-popup__gallery{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.word-popup__gallery-item{text-align:center}.word-popup__gallery-item img{max-width:120px;max-height:120px;border-radius:4px}.word-popup__gallery-label{font-size:.75rem;color:var(--sayeng-muted);margin-top:4px}.word-recognition{max-width:700px;margin:0 auto}.word-recognition__input-area{display:flex;gap:10px;margin-bottom:24px}.word-recognition__textarea{flex:1;padding:12px;border:1px solid var(--sayeng-border);border-radius:var(--sayeng-radius);font-size:1rem;resize:vertical;min-height:60px;outline:none}.word-recognition__textarea:focus{border-color:var(--sayeng-primary)}.word-recognition__result{padding:20px;border:1px solid var(--sayeng-border);border-radius:var(--sayeng-radius);background:var(--sayeng-surface);min-height:60px}.word-recognition__hint{color:var(--sayeng-muted);font-size:.85rem;margin-top:12px}.grammar-qa{max-width:700px;margin:0 auto}.grammar-qa__topic-select{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px;align-items:center}.grammar-qa__topic-select select{padding:8px 12px;border:1px solid var(--sayeng-border);border-radius:var(--sayeng-radius);font-size:.9rem;min-width:200px}.grammar-qa__mode-select{display:flex;gap:8px;align-items:center}.grammar-qa__mode-select label{font-size:.85rem;color:var(--sayeng-muted)}.grammar-qa__progress{font-size:.85rem;color:var(--sayeng-muted);margin-bottom:16px}.grammar-qa__memory-controls{margin-top:16px;display:flex;gap:8px}.question-card{margin-bottom:20px}.question-card__intro{padding:12px 16px;border-radius:var(--sayeng-radius);background:var(--sayeng-surface);color:var(--sayeng-text-muted, #666);font-style:italic;margin-bottom:8px}.question-card__text{padding:16px;border:1px solid var(--sayeng-border);border-radius:var(--sayeng-radius);background:var(--sayeng-surface);margin-bottom:16px}.question-card__options{display:flex;flex-wrap:wrap;gap:10px}.question-card__option{min-width:100px;padding:10px 20px;font-size:1rem}.question-card__option:hover{border-color:var(--sayeng-primary);color:var(--sayeng-primary)}.feedback-block{padding:16px;border:1px solid #bae6fd;border-radius:var(--sayeng-radius);background:#f0f9ff;margin-bottom:20px}.feedback-block__btn{margin-top:12px}.summary-card__title{font-size:1.2rem;margin-bottom:8px}.summary-card__score{font-size:1.1rem;font-weight:600;margin-bottom:4px}.summary-card__mastered{font-size:.9rem;color:var(--sayeng-muted);margin-bottom:16px}.summary-card__list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.summary-card__item{padding:12px;border-radius:var(--sayeng-radius);border-left:4px solid}.summary-card__item--correct{border-left-color:var(--sayeng-success);background:#f0fdf4}.summary-card__item--wrong{border-left-color:var(--sayeng-danger);background:#fef2f2}.summary-card__answer{font-size:.85rem;margin-top:6px}.summary-card__rule{font-size:.85rem;margin-top:6px;color:var(--sayeng-muted)}.summary-card__actions{display:flex;gap:10px}.admin-app{max-width:1100px;margin:0 auto;padding:20px}.admin-app__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.admin-app__title{font-size:1.3rem;font-weight:700}.admin-tabs{display:flex;gap:0;border-bottom:2px solid var(--sayeng-border);margin-bottom:24px}.admin-tabs button{padding:8px 20px;border:none;background:none;font-size:.85rem;font-weight:500;color:var(--sayeng-muted);border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer}.admin-tabs button.active{color:var(--sayeng-primary);border-bottom-color:var(--sayeng-primary)}.admin-login{max-width:380px;margin:80px auto}.admin-login__form{display:flex;flex-direction:column;gap:12px}.admin-login__error{color:var(--sayeng-danger);font-size:.85rem}.question-table{width:100%;border-collapse:collapse;font-size:.85rem}.question-table th,.question-table td{padding:8px 12px;border-bottom:1px solid var(--sayeng-border);text-align:left}.question-table th{background:var(--sayeng-surface);font-weight:600}.question-table tr:hover{background:#f8fafc}.question-table__actions{display:flex;gap:6px}.question-manager__toolbar{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap;align-items:center}.modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:300}.modal{background:var(--sayeng-bg);border-radius:var(--sayeng-radius);padding:24px;max-width:600px;width:90%;max-height:85vh;overflow-y:auto;box-shadow:0 8px 32px #0003}.modal__title{font-size:1.1rem;font-weight:600;margin-bottom:16px}.modal__form{display:flex;flex-direction:column;gap:12px}.modal__actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.form-group{display:flex;flex-direction:column;gap:4px}.form-group label{font-size:.8rem;font-weight:600;color:var(--sayeng-muted)}.feature-toggle{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border:1px solid var(--sayeng-border);border-radius:var(--sayeng-radius);margin-bottom:8px}.feature-toggle__label{font-weight:500}.feature-toggle__key{font-size:.75rem;color:var(--sayeng-muted)}.toggle-switch{position:relative;width:44px;height:24px;border:none;border-radius:12px;background:var(--sayeng-border);cursor:pointer;transition:background .2s}.toggle-switch--on{background:var(--sayeng-success)}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s}.toggle-switch--on:after{transform:translate(20px)}.import-export__section{margin-bottom:24px}.import-export__section h3{font-size:1rem;margin-bottom:12px}.import-export__preview{background:var(--sayeng-surface);border:1px solid var(--sayeng-border);border-radius:var(--sayeng-radius);padding:12px;font-size:.85rem;margin-bottom:12px}.book-manager__sections{margin-top:16px;padding:16px;border:1px solid var(--sayeng-border);border-radius:var(--sayeng-radius);background:var(--sayeng-surface)}.section-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--sayeng-border)}.section-item:last-child{border-bottom:none}.section-item__index{font-size:.8rem;font-weight:600;color:var(--sayeng-muted);width:30px}.section-item__type{font-size:.7rem;font-weight:600;padding:2px 6px;border-radius:4px;background:#e0e7ff;color:#4338ca}.section-item__title{flex:1;font-size:.85rem}.section-item__actions{display:flex;gap:6px}.section-preview{margin-top:16px;padding:16px;border:1px solid var(--sayeng-border);border-radius:var(--sayeng-radius);background:#fff}.section-preview h4{font-size:.85rem;color:var(--sayeng-muted);margin-bottom:8px}.im-tabs{display:flex;gap:0;border-bottom:2px solid var(--sayeng-border);margin-bottom:20px}.im-tabs button{padding:7px 18px;border:none;background:none;font-size:.82rem;font-weight:500;color:var(--sayeng-muted);border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer}.im-tabs button.active{color:var(--sayeng-primary);border-bottom-color:var(--sayeng-primary)}.image-manager__toolbar{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap;align-items:center}.im-error{color:var(--sayeng-danger);font-size:.85rem;margin-bottom:16px;padding:10px 14px;background:#fff5f5;border:1px solid #fed7d7;border-radius:var(--sayeng-radius)}.im-msg{margin-top:10px;font-size:.85rem;padding:8px 12px;border-radius:var(--sayeng-radius)}.im-msg--ok{background:#c6f6d5;color:#276749}.im-msg--err{background:#fff5f5;color:var(--sayeng-danger)}.im-hint{font-size:.8rem;color:var(--sayeng-muted)}.im-hint--gen{display:block;margin-top:8px;font-style:italic}.im-loading{padding:20px;color:var(--sayeng-muted);font-size:.9rem}.im-badge{font-size:.7rem;font-weight:600;padding:2px 7px;border-radius:10px;background:#e2e8f0;color:#4a5568;white-space:nowrap}.im-badge--new{background:#c6f6d5;color:#276749}.im-badge--active{background:#bee3f8;color:#2b6cb0}.im-badge--model{background:#e9d8fd;color:#553c9a}.im-badge--in-use{background:#fefcbf;color:#744210}.im-result{border:1px solid var(--sayeng-border);border-radius:var(--sayeng-radius);padding:20px;background:var(--sayeng-surface)}.im-result__header{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.im-result__phrase{font-size:1.05rem;font-weight:600;margin:0}.im-result__badges{display:flex;gap:6px}.im-images{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:16px}.im-image-block{display:flex;flex-direction:column;gap:6px}.im-image-label{font-size:.72rem;font-weight:600;color:var(--sayeng-muted);text-transform:uppercase;letter-spacing:.05em}.im-img{width:260px;height:260px;object-fit:contain;border:1px solid var(--sayeng-border);border-radius:var(--sayeng-radius);background:#fff}.im-actions-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.im-notfound{border:1px dashed var(--sayeng-border);border-radius:var(--sayeng-radius);padding:24px;background:var(--sayeng-surface)}.im-notfound__title{font-size:.95rem;margin-bottom:20px;color:var(--sayeng-muted)}.im-notfound__options{display:flex;gap:0;flex-direction:column}.im-option{padding:16px;border:1px solid var(--sayeng-border);border-radius:var(--sayeng-radius);background:var(--sayeng-bg);display:flex;flex-direction:column;gap:10px}.im-option__divider{text-align:center;padding:10px 0;font-size:.85rem;color:var(--sayeng-muted);font-weight:600}.im-option__label{font-size:.85rem;font-weight:600;color:var(--sayeng-text, #1a202c)}.im-option__desc{font-size:.82rem;color:var(--sayeng-muted)}.im-gen-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.im-model-select{flex:1;min-width:180px}.im-stats__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.im-stats__actions{display:flex;gap:8px;align-items:center}.im-count--exhausted{color:#c53030;font-weight:600}.im-stats__title{font-size:1rem;font-weight:600;margin:0}.im-table-wrap{overflow-x:auto;margin-bottom:24px;border:1px solid var(--sayeng-border);border-radius:var(--sayeng-radius)}.im-table{width:100%;border-collapse:collapse;font-size:.83rem}.im-table th,.im-table td{padding:8px 12px;border-bottom:1px solid var(--sayeng-border);text-align:left;white-space:nowrap}.im-table th{background:var(--sayeng-surface);font-weight:600;font-size:.78rem;color:var(--sayeng-muted);text-transform:uppercase;letter-spacing:.04em}.im-table td:last-child{border-right:none}.im-table__num{text-align:right}.im-table__desc{max-width:260px;white-space:normal;font-size:.8rem;color:var(--sayeng-muted)}.im-table__row--default{background:#f0f7ff}.im-table__total td{background:var(--sayeng-surface);border-top:2px solid var(--sayeng-border);border-bottom:none}.im-model-name{font-weight:500;margin-right:6px}.im-row-actions{display:flex;gap:4px}.im-add-model{border:1px solid var(--sayeng-border);border-radius:var(--sayeng-radius);padding:16px;background:var(--sayeng-surface)}.im-add-model__title{font-size:.9rem;font-weight:600;margin:0 0 12px}.im-add-model__form{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.im-price-input{width:120px}.btn--xs{font-size:.75rem;padding:3px 8px}.btn--danger{background:#fff5f5;color:var(--sayeng-danger);border:1px solid #fed7d7}.btn--danger:hover{background:#fed7d7}.settings-page{min-height:100dvh;background:var(--sayeng-bg);display:flex;flex-direction:column}.settings-page__header{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--sayeng-border);background:var(--sayeng-surface)}.settings-page__back{background:none;border:none;font-size:.95rem;color:var(--sayeng-primary);padding:6px 0;cursor:pointer}.settings-page__title{font-size:1.1rem;font-weight:700;color:var(--sayeng-text)}.settings-page__body{padding:24px 20px;max-width:480px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:24px}.settings-section{display:flex;flex-direction:column;gap:8px}.settings-section__title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--sayeng-muted);margin-bottom:4px}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border:1px solid var(--sayeng-border);border-radius:var(--sayeng-radius);background:var(--sayeng-bg)}.settings-row__label{font-size:.95rem;color:var(--sayeng-text)}.settings-toggle{position:relative;width:44px;height:24px;border:none;border-radius:12px;background:var(--sayeng-border);cursor:pointer;transition:background .2s;flex-shrink:0}.settings-toggle--on{background:var(--sayeng-success)}.settings-toggle:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s}.settings-toggle--on:after{transform:translate(20px)}.settings-font-control{display:flex;align-items:center;gap:10px}.settings-font-control__btn{background:none;border:1px solid var(--sayeng-border);border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:600;color:var(--sayeng-text);transition:background .15s}.settings-font-control__btn:disabled{opacity:.35;cursor:default}.settings-font-control__btn:not(:disabled):hover{background:var(--sayeng-surface)}.settings-font-control__label{font-size:.875rem;color:var(--sayeng-muted);min-width:24px;text-align:center}.settings-reset{padding:12px 20px;border:1px solid var(--sayeng-border);border-radius:var(--sayeng-radius);background:var(--sayeng-bg);color:var(--sayeng-muted);font-size:.9rem;cursor:pointer;transition:background .15s,color .15s;text-align:center}.settings-reset:hover{background:var(--sayeng-surface);color:var(--sayeng-text)}:root{--sayeng-font-size: 1rem;--sayeng-bg: #ffffff;--sayeng-text: #1a1a1a;--sayeng-border: #e0e0e0;--sayeng-primary: #2563eb;--sayeng-primary-hover: #1d4ed8;--sayeng-success: #16a34a;--sayeng-danger: #dc2626;--sayeng-warning: #f59e0b;--sayeng-muted: #6b7280;--sayeng-surface: #f9fafb;--sayeng-highlight: #fef08a;--sayeng-radius: 8px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--sayeng-text);background:var(--sayeng-bg);line-height:1.6}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}a{color:var(--sayeng-primary);text-decoration:none}.app-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--sayeng-border);background:var(--sayeng-surface)}.app-header__title{font-size:1.25rem;font-weight:700;color:var(--sayeng-primary)}.app-header__controls{display:flex;align-items:center;gap:12px}.app-header__settings-btn{background:none;border:1px solid var(--sayeng-border);border-radius:var(--sayeng-radius);width:36px;height:36px;font-size:1.1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--sayeng-muted);transition:color .15s,background .15s}.app-header__settings-btn:hover{color:var(--sayeng-text);background:var(--sayeng-surface)}.app-tabs{display:flex;border-bottom:2px solid var(--sayeng-border);background:var(--sayeng-surface);padding:0 20px;overflow-x:auto}.app-tabs__tab{padding:10px 20px;border:none;background:none;font-size:.9rem;font-weight:500;color:var(--sayeng-muted);border-bottom:2px solid transparent;margin-bottom:-2px;white-space:nowrap;transition:color .2s,border-color .2s}.app-tabs__tab:hover{color:var(--sayeng-text)}.app-tabs__tab--active{color:var(--sayeng-primary);border-bottom-color:var(--sayeng-primary)}.app-main{max-width:960px;margin:0 auto;padding:24px 20px}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--sayeng-border);border-radius:var(--sayeng-radius);font-size:.875rem;font-weight:500;background:var(--sayeng-bg);color:var(--sayeng-text);transition:background .15s,border-color .15s}.btn:hover{background:var(--sayeng-surface)}.btn--primary{background:var(--sayeng-primary);color:#fff;border-color:var(--sayeng-primary)}.btn--primary:hover{background:var(--sayeng-primary-hover)}.btn--danger{background:var(--sayeng-danger);color:#fff;border-color:var(--sayeng-danger)}.btn--sm{padding:4px 10px;font-size:.8rem}.card{border:1px solid var(--sayeng-border);border-radius:var(--sayeng-radius);padding:20px;background:var(--sayeng-bg)}.input{padding:8px 12px;border:1px solid var(--sayeng-border);border-radius:var(--sayeng-radius);font-size:.9rem;width:100%;outline:none;transition:border-color .15s}.input:focus{border-color:var(--sayeng-primary)}textarea.input{resize:vertical;min-height:80px}:root{--color-0: #2563eb;--color-1: #7c3aed;--color-2: #0891b2;--color-3: #059669;--color-4: #d97706;--color-5: #dc2626;--color-6: #9333ea;--color-7: #0d9488;--color-8: #c2410c;--color-9: #4f46e5;--color-function: #4b5563}.reading-home__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.book-card{border:1px solid var(--sayeng-border);border-radius:var(--sayeng-radius);overflow:hidden;cursor:pointer;transition:box-shadow .2s,transform .15s}.book-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.book-card__cover{height:160px;background:var(--sayeng-surface);display:flex;align-items:center;justify-content:center;overflow:hidden}.book-card__cover img{width:100%;height:100%;object-fit:cover}.book-card__placeholder{font-size:3rem;font-weight:700;color:var(--sayeng-primary);opacity:.3}.book-card__info{padding:12px}.book-card__title{font-size:.95rem;font-weight:600;margin-bottom:4px}.book-card__category{font-size:.75rem;color:var(--sayeng-muted);background:var(--sayeng-surface);padding:2px 8px;border-radius:12px}.book-reader{display:flex;flex-direction:column;height:calc(100vh - 120px)}.book-reader__header{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--sayeng-border);flex-shrink:0}.book-reader__title{flex:1;font-size:1.1rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-reader__header-controls{display:flex;gap:8px;align-items:center}.book-reader__body{display:flex;flex:1;overflow:hidden}.book-reader__sidebar{width:260px;border-right:1px solid var(--sayeng-border);overflow-y:auto;flex-shrink:0}.book-reader__content{flex:1;overflow-y:auto;padding:24px 20px}.toc__header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--sayeng-border)}.toc__title{font-size:.95rem;font-weight:600}.toc__close{background:none;border:none;font-size:1.2rem;color:var(--sayeng-muted);cursor:pointer}.toc__list{list-style:none;padding:0;margin:0}.toc__item{padding:10px 16px;font-size:.85rem;cursor:pointer;border-bottom:1px solid var(--sayeng-border);display:flex;gap:8px;align-items:center;transition:background .15s}.toc__item:hover{background:var(--sayeng-surface)}.toc__item--active{background:#eff6ff;color:var(--sayeng-primary);font-weight:600}.toc__badge{font-size:.65rem;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--sayeng-surface);color:var(--sayeng-muted)}.toc__badge--preface{background:#dbeafe;color:#2563eb}.toc__badge--appendix{background:#fef3c7;color:#d97706}.section-view__type-badge{font-size:.75rem;color:var(--sayeng-primary);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.section-view__title{font-size:1.3rem;font-weight:700;margin-bottom:20px;color:var(--sayeng-text)}.section-view__content{line-height:2}.audio-player{flex-shrink:0;border-top:1px solid var(--sayeng-border);padding:10px 20px;background:var(--sayeng-surface)}.audio-player__controls{display:flex;align-items:center;gap:10px}.audio-player__progress-bar{flex:1;height:6px;background:var(--sayeng-border);border-radius:3px;overflow:hidden}.audio-player__progress-fill{height:100%;background:var(--sayeng-primary);transition:width .3s;border-radius:3px}.audio-player__speed{padding:4px 8px;border:1px solid var(--sayeng-border);border-radius:4px;font-size:.8rem;background:var(--sayeng-bg)}.audio-player__info{font-size:.75rem;color:var(--sayeng-muted);margin-top:4px}@media(max-width:768px){.book-reader__sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;background:var(--sayeng-bg);z-index:150;box-shadow:4px 0 16px #0000001a}.reading-home__grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.book-card__cover{height:120px}}