:root{--bg: #f5f7fa;--text: #1e293b;--muted: #64748b;--primary: #2563eb;--primary-hover: #3b82f6;--card: #ffffff;--border: #e2e8f0;--block: #f1f5f9;--green: #22c55e;--red: #dc2626;--shadow: 0 1px 3px rgba(15, 23, 42, .08);--radius: 12px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}.app{max-width:960px;margin:0 auto;padding:16px}.app__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;flex-wrap:wrap}.app__title{font-size:1.4rem;margin:0;color:var(--text);text-decoration:none;font-weight:700}.app__title:hover{color:var(--primary)}.app__controls{display:flex;gap:8px}.lang-toggle{display:flex;gap:4px;background:var(--block);padding:4px;border-radius:999px}.lang-btn{border:none;background:transparent;color:var(--muted);padding:6px 14px;border-radius:999px;cursor:pointer;font-weight:600}.lang-btn--active{background:var(--primary);color:#fff}.topic-group__title{font-size:1.05rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:24px 0 12px}.topic-group__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.topic-card{display:flex;flex-direction:column;text-align:left;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;color:var(--text)}.topic-card__main{display:block;width:100%;padding:0;text-align:left;background:none;border:none;color:inherit;font:inherit;cursor:pointer}.topic-card:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:0 4px 10px #2563eb26}.topic-card__header{display:flex;align-items:center;justify-content:space-between;gap:8px}.topic-card__header h3{margin:0;font-size:1rem}.topic-card__desc{color:var(--muted);font-size:.85rem;margin:8px 0}.topic-card__tags{display:flex;flex-wrap:wrap;gap:6px}.tag{font-size:.72rem;background:var(--block);color:var(--muted);border-radius:999px;padding:2px 8px}.topic-card__count{display:inline-block;margin-top:10px;font-size:.75rem;color:var(--muted)}.topic-card__feedback{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid var(--border)}.fb-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid var(--border);border-radius:999px;background:var(--block);color:var(--text);font-size:.85rem;cursor:pointer;transition:border-color .12s ease,background .12s ease}.fb-btn:disabled{opacity:.5;cursor:not-allowed}.fb-btn--active-like{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 14%,var(--block));color:var(--primary)}.fb-btn--active-dislike{border-color:#dc2626;background:color-mix(in srgb,#dc2626 12%,var(--block));color:#dc2626}.fb-error{margin-left:auto;font-size:.75rem;color:#dc2626}.badge--level{background:var(--primary);color:#fff;border-radius:999px;font-size:.7rem;padding:2px 8px;white-space:nowrap}.topic-picker{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px;margin-bottom:16px}.topic-picker__hint{margin:0 0 10px}.level-selector{display:flex;gap:8px;margin-bottom:12px;background:var(--block);padding:6px;border-radius:var(--radius)}.level-btn{border:none;background:transparent;color:var(--text);padding:8px 18px;border-radius:8px;cursor:pointer;font-weight:700}.level-btn--active{background:var(--primary);color:#fff}.level-btn--disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed;opacity:1}.level-btn--disabled:hover{background:#e2e8f0;color:#94a3b8}.task-section{display:flex;flex-direction:column;gap:16px}.task-view{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.task-view__question{font-size:1.3rem;margin:0 0 16px}.task-view__options{display:grid;grid-template-columns:1fr;gap:10px}.option-btn{background:var(--card);border:1px solid var(--border);color:var(--text);padding:14px;border-radius:var(--radius);cursor:pointer;font-size:1rem;text-align:left}.option-btn:hover:not(:disabled){border-color:var(--primary);background:var(--block)}.option-btn--selected{border-color:var(--primary);background:#2563eb14}.task-view--song .task-view__hint{color:var(--muted);font-size:.95rem;margin:8px 0 14px}.task-view__actions{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.song-lyric{font-size:1.2rem;line-height:2.2}.task-view__instruction{margin:0 0 12px;font-size:.95rem;color:var(--muted)}.song-lyric__gap{width:220px;padding:6px 10px;font-size:1.1rem;border:2px dashed var(--primary);border-radius:8px;background:#2563eb0f;color:var(--text);text-align:center;transition:border-color .15s ease,box-shadow .15s ease}.song-lyric__gap::placeholder{color:var(--muted);font-size:.85rem}.song-lyric__gap:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb26}.song-lyric__gap:focus{border-color:var(--primary);outline:none}.song-verse__order h3{margin:0 0 8px;font-size:1rem}.song-verse__order ol{margin:0 0 14px;padding-left:22px}.song-verse__lines{display:flex;flex-direction:column;gap:10px}.verse-line{background:var(--card);border:1px solid var(--border);color:var(--text);padding:12px 14px;border-radius:var(--radius);cursor:pointer;font-size:1rem;text-align:left}.verse-line:hover:not(:disabled){border-color:var(--primary);background:var(--block)}.verse-line--picked{border-color:var(--primary);background:#2563eb1f}.verse-line:disabled{cursor:not-allowed;opacity:.7}.topic-type-filter{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 16px}.topic-type-filter__chip{background:var(--card);border:1px solid var(--border);color:var(--text);padding:6px 14px;border-radius:999px;cursor:pointer;font-size:.9rem}.topic-type-filter__chip:hover{border-color:var(--primary)}.topic-type-filter__chip--active{border-color:var(--primary);background:var(--primary);color:#fff}.badge--song{background:#ec489926;color:#db2777;border:1px solid rgba(236,72,153,.35)}.answer-result{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.answer-result.is-correct{border-color:var(--green)}.answer-result.is-wrong{border-color:var(--red)}.answer-result__verdict{margin:0 0 10px}.answer-result__meta{color:var(--muted);font-size:.85rem;display:flex;gap:16px;flex-wrap:wrap;margin:10px 0}.answer-result__actions{display:flex;gap:10px;flex-wrap:wrap}.btn{border:none;border-radius:8px;padding:10px 18px;cursor:pointer;font-weight:600}.btn--sm{padding:6px 12px;font-size:.85rem}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--primary);color:#fff}.btn--primary:hover:not(:disabled){background:var(--primary-hover)}.btn--ghost{background:transparent;border:1px solid var(--border);color:var(--text)}.error{color:var(--red)}.auth-page{max-width:420px;margin:24px auto;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.auth-page__title{margin:0 0 16px;font-size:1.3rem}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-form__field{display:flex;flex-direction:column;gap:6px;font-size:.9rem;color:var(--muted)}.auth-form__field input{padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:1rem;background:var(--card);color:var(--text)}.auth-form__field input:focus{outline:none;border-color:var(--primary)}.auth-form__checkbox{display:flex;align-items:flex-start;gap:8px;font-size:.85rem;color:var(--text);cursor:pointer}.auth-form__checkbox input{margin-top:3px}.auth-form__error{margin:0;color:var(--red);font-size:.9rem}.auth-page__switch{margin:14px 0 0;font-size:.9rem;color:var(--muted)}.link-btn{border:none;background:none;color:var(--primary);cursor:pointer;font-weight:600;text-decoration:underline}.auth-loading{padding:40px;text-align:center;color:var(--muted)}.profile-page{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.profile-page__title{margin:0 0 16px;font-size:1.3rem}.profile-page__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:0 0 18px}.profile-page__grid div{background:var(--block);border-radius:8px;padding:10px 12px}.profile-page__grid dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:2px}.profile-page__grid dd{margin:0;font-weight:600}.profile-page__actions{display:flex;gap:10px;flex-wrap:wrap}.topic-picker__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.topic-progress{margin-bottom:14px}.topic-progress__bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;background:var(--block);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;cursor:pointer;text-align:left;color:var(--text);transition:border-color .12s ease,background .12s ease}.topic-progress__bar:hover{border-color:var(--primary);background:#eef2ff}.topic-progress__label{font-weight:600;white-space:nowrap}.topic-progress__track{display:block;height:8px;background:var(--border);border-radius:999px;overflow:hidden}.topic-progress__fill{display:block;height:100%;background:var(--primary);border-radius:999px;transition:width .4s ease}.topic-progress__accuracy{font-size:.85rem;font-weight:600;white-space:nowrap;color:var(--muted)}.topic-progress__details{margin-top:8px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px}.topic-progress__details-hint{margin:0 0 8px;color:var(--muted);font-size:.85rem}.topic-progress__stats{margin:0;padding:0;list-style:none;display:grid;gap:4px;font-size:.9rem}.task-progress{display:flex;flex-direction:column;gap:6px}.task-progress__label{font-size:.8rem;color:var(--muted);font-weight:600}.task-progress__track{height:4px;background:var(--border);border-radius:999px;overflow:hidden}.task-progress__fill{height:100%;background:var(--primary);border-radius:999px;transition:width .4s ease}.overall-progress{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;margin-bottom:16px}.overall-progress__top{display:flex;align-items:center;gap:16px}.overall-progress__donut{position:relative;width:80px;height:80px;flex-shrink:0}.overall-progress__donut-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;color:var(--text)}.overall-progress__title{display:flex;flex-direction:column;gap:2px}.overall-progress__heading{margin:0;font-size:1.1rem}.overall-progress__subtitle,.overall-progress__streak{margin:0;color:var(--muted);font-size:.9rem}.overall-progress__week{margin-top:12px}.overall-progress__week-label{display:block;font-size:.8rem;color:var(--muted);font-weight:600;margin-bottom:4px}.overall-progress .btn{margin-top:12px;width:100%}.statistics-page{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.statistics-page__title{margin:0 0 8px;font-size:1.3rem}.statistics-page__hint{margin:0 0 16px;color:var(--muted)}.statistics-page__summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:14px 0 18px}.stat-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;display:flex;flex-direction:column;gap:4px}.stat-card--highlight{border-color:var(--primary, #2563eb);background:color-mix(in srgb,var(--primary, #2563eb) 8%,var(--bg))}.stat-card__label{font-size:.8rem;color:var(--muted)}.stat-card__value{font-size:1.35rem;font-weight:700}.stat-card__sub{font-size:.8rem;color:var(--muted)}.statistics-page__block{margin:16px 0}.statistics-page__block-title{margin:0 0 8px;font-size:1.05rem}.statistics-page__table{width:100%;border-collapse:collapse;font-size:.9rem}.statistics-page__table th,.statistics-page__table td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border)}.statistics-page__table th{color:var(--muted);font-weight:600}.mastery-cell{display:flex;align-items:center;gap:8px}.mastery-cell__bar{height:8px;min-width:24px;border-radius:4px;background:var(--primary, #2563eb)}.mastery-cell__value{white-space:nowrap}.statistics-page__error{margin:12px 0}.statistics-page__skeleton{display:flex;flex-direction:column;gap:12px;margin:14px 0}.skeleton{display:block;border-radius:6px;background:linear-gradient(90deg,var(--border) 25%,var(--bg) 50%,var(--border) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.2s infinite}.skeleton--block{height:56px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.review-panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;margin-top:12px}.review-panel__header h3{margin:0 0 4px}.review-panel__options{display:flex;flex-direction:column;gap:10px;margin-top:12px}.review-panel__hint{margin:0;font-size:.85rem;color:var(--muted)}.review-panel__warn{font-size:.8rem;color:#b45309}.review-panel__result{margin-top:12px}.task-options{display:flex;flex-direction:column;gap:8px;margin:12px 0}.btn--active{border-color:var(--primary)!important;background:#eff6ff!important}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}.modal__body{background:var(--card);border-radius:var(--radius);box-shadow:0 10px 30px #0f172a40;padding:20px;max-width:460px;width:100%}.modal__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.smart-redirect{margin-top:18px}.smart-redirect h3{margin:0 0 8px}.smart-redirect__card{background:#fffbeb;border:1px solid #fde68a;border-radius:var(--radius);padding:12px;margin-bottom:10px}.smart-redirect__card p{margin:0 0 8px}.smart-redirect__related{color:var(--muted);font-size:.9rem}.wallet-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border:1px solid var(--border);border-radius:999px;background:var(--card);color:var(--text);font-weight:600;cursor:pointer;font-size:.85rem}.wallet-badge:hover{border-color:var(--primary)}.wallet-badge__coin{color:#f59e0b}.wallet-badge__premium{color:#d4af37}.shop-page{max-width:960px;margin:0 auto;padding:16px}.shop-page__head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.shop-page__title{margin:0}.shop-page__subtitle{margin:4px 0 0;color:var(--muted);font-size:.9rem}.shop-page__wallet{text-align:right;display:flex;flex-direction:column;gap:2px}.shop-page__wallet-label{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}.shop-page__wallet-value{font-size:1.3rem;color:#f59e0b}.shop-page__premium{color:#d4af37;font-size:.8rem}.shop-page__status,.shop-page__error{padding:12px;text-align:center}.shop-page__error{color:#dc2626}.shop-group{margin-bottom:22px}.shop-group__title{margin:0 0 10px;font-size:1.05rem;border-bottom:1px solid var(--border);padding-bottom:6px}.shop-group__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.shop-card{position:relative;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;gap:8px}.shop-card__badge{position:absolute;top:-8px;right:10px;background:var(--primary);color:#fff;font-size:.68rem;padding:2px 8px;border-radius:999px}.shop-card__name{margin:0;font-size:1rem}.shop-card__desc{margin:0;color:var(--muted);font-size:.85rem;flex:1}.shop-card__price{font-weight:700;color:#f59e0b}.shop-card__cash-note{color:var(--muted);font-weight:400}.shop-card__disabled{margin:0;color:#b45309;font-size:.78rem}.shop-card__buy{width:100%}.shop-card__buy:disabled{opacity:.55;cursor:not-allowed}.shop-card__discount{position:absolute;top:40px;right:10px;background:#16a34a;color:#fff;font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:999px}.shop-card__price{display:flex;align-items:baseline;gap:8px}.shop-card__price-old{text-decoration:line-through;color:var(--muted);font-weight:500;font-size:.85rem}.shop-card__price-current{font-weight:700}.shop-card__limit{margin:6px 0 0;font-size:.78rem;color:var(--muted)}.shop-card__disabled{margin:6px 0 0;color:#dc2626;font-size:.78rem}.shop-earn{margin-top:26px;padding:18px 20px;background:var(--card);border:1px solid var(--border, rgba(148, 163, 184, .3));border-radius:var(--radius)}.shop-earn__title{margin:0 0 4px}.shop-earn__subtitle{margin:0 0 12px;color:var(--muted)}.shop-earn__list{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px}.shop-earn__list li{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:8px;background:var(--bg, #f8fafc)}.shop-earn__list b{color:#16a34a}.shop-earn__topup-title{margin:0 0 4px}.shop-earn__topup-min{margin:0 0 10px;color:var(--muted);font-size:.8rem}.shop-earn__topup-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.shop-earn__topup-row input{padding:8px 10px;border:1px solid var(--border, rgba(148, 163, 184, .4));border-radius:8px;width:160px}.shop-earn__topup-notice{margin:8px 0 0;color:var(--muted);font-size:.78rem}.shop-earn__topup-result{margin:8px 0 0;font-size:.8rem;word-break:break-all}.shop-earn__topup-result a{color:#2563eb}.shop-toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#14532d;color:#fff;padding:10px 16px;border-radius:var(--radius);box-shadow:0 8px 24px #0f172a4d;display:flex;align-items:center;gap:12px;z-index:60}.shop-toast__close{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;line-height:1}.shop-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;z-index:55;padding:16px}.shop-modal__box{background:var(--card);border-radius:var(--radius);box-shadow:0 10px 30px #0f172a40;padding:20px;max-width:420px;width:100%}.shop-modal__box h3{margin:0 0 10px}.shop-modal__box p{margin:0 0 14px;color:var(--muted)}.shop-modal__actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.app-splash{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--muted)}.spinner{width:34px;height:34px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.error-boundary{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px;text-align:center}.error-boundary p{color:var(--muted)}.topic-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.topic-tabs__btn{padding:6px 14px;border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:999px;cursor:pointer;font-size:.85rem}.topic-tabs__btn--active{background:var(--primary);border-color:var(--primary);color:#fff}.topic-tabs__hint{margin:0 0 12px;color:var(--muted);font-size:.85rem}.topic-list__empty{color:var(--muted);padding:16px 0}.badge--done{background:#16a34a;color:#fff}.topic-card__mastery{font-size:.78rem;color:var(--muted)}.icon-link{background:none;border:none;font-size:1.15rem;cursor:pointer;line-height:1;padding:2px 6px;opacity:.85}.icon-link:hover{opacity:1}.inventory-page{max-width:760px;margin:0 auto;padding:16px}.inventory-page__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.inventory-page__title{margin:0}.inventory-page__status,.inventory-page__error{padding:12px;text-align:center}.inventory-page__error{color:#dc2626}.inventory-group{margin-bottom:20px}.inventory-group__title{margin:0 0 8px;font-size:1rem;border-bottom:1px solid var(--border);padding-bottom:6px}.inventory-group__empty{color:var(--muted)}.inventory-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.inventory-card{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px}.inventory-card__info{display:flex;flex-direction:column;gap:2px}.inventory-card__name{font-weight:600}.inventory-card__desc{color:var(--muted);font-size:.82rem}.inventory-card__meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:.82rem;color:var(--muted)}.tag{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--border);color:var(--muted);font-size:.72rem}.tag--ok{background:#dcfce7;color:#166534}.tag--done{background:#e2e8f0;color:#475569}.shop-modal__notice{font-size:.8rem;color:#b45309}.shop-toast .btn--sm{margin-left:6px}:root{--pf-header: #2c324a;--pf-header-border: #475569;--pf-primary: #2563eb;--pf-metrics-bg: #f8fafc;--pf-border: #e2e8f0;--pf-slot-bg: #f8fafc;--pf-amber: #f59e0b;--pf-card: #ffffff}html,body{background:#f4f6f9}html{font-size:17.6px!important}body{font-size:17.6px!important;line-height:1.5}h1,.shop-page__title,.auth-page__title{font-size:26.4px!important;line-height:1.25}h2,.catalog-section h2,.task-view__question{font-size:24.2px!important;line-height:1.3}h3{font-size:22px!important;line-height:1.3}.app{max-width:1200px;margin:0 auto;padding:0 0 70px!important}.app__header{display:flex;align-items:center;justify-content:space-between;gap:8px!important;flex-wrap:wrap;margin:0!important;padding:10px 16px 8px!important;background:var(--pf-header);border-bottom:1px solid var(--pf-header-border)}.app__title{font-size:19.8px!important;font-weight:700;color:#fff;text-decoration:none}.app__title:hover{color:#fff;opacity:.9}.app__controls{display:flex;align-items:center;gap:8px!important}.level-badge{background:#eff6ff;color:#2563eb;padding:2px 10px!important;border-radius:12px;font-size:17.6px!important;font-weight:700;white-space:nowrap}.mode-toggle{position:relative;background:#475569;color:#fff;padding:2px 10px!important;border-radius:12px;font-size:17.6px!important;font-weight:600;border:none;cursor:default;display:inline-flex;align-items:center;gap:4px!important;min-height:44px!important}.mode-toggle .arrow{font-size:13.2px!important;color:#94a3b8}.mode-toggle__menu{position:absolute;right:0;top:calc(100% + 4px);background:#fff;border:1px solid var(--pf-border);border-radius:10px;box-shadow:0 8px 24px #0f172a26;padding:4px!important;z-index:50;min-width:180px!important}.mode-toggle__item{display:block;width:100%;text-align:left;padding:8px 10px!important;border:none;background:transparent;border-radius:8px;font-size:16.5px!important;color:#1e293b;cursor:pointer}.mode-toggle__item--active{background:#eff6ff;color:#2563eb;font-weight:600}.mode-toggle__item:disabled{opacity:.45;cursor:not-allowed}.wallet-badge{display:inline-flex;align-items:center;gap:2px!important;background:transparent;border:none;padding:2px 4px!important;border-radius:12px;color:#fff;font-size:17.6px!important;font-weight:700;cursor:pointer;min-height:44px!important}.wallet-badge:hover{background:#ffffff1a}.wallet-badge__coin{font-size:16.5px!important;line-height:1}.wallet-badge__value{color:#fff}.wallet-badge__premium{color:#d4af37;font-size:17.6px!important}.app__header .icon-link{color:#fff;font-size:19.8px!important;background:none;border:none;cursor:pointer;min-width:44px!important;min-height:44px!important;border-radius:8px}.app__header .icon-link:hover{background:#ffffff1a}.app__header .btn--ghost{color:#fff;background:#ffffff1f;border:none}.app__header .btn--ghost:hover{background:#fff3}.app__header .lang-toggle{background:#ffffff1f}.app__header .lang-btn{color:#e2e8f0}.app__header .lang-btn--active{background:var(--pf-primary);color:#fff}.metrics-block{background:var(--pf-metrics-bg);padding:10px 16px!important;border-bottom:1px solid var(--pf-border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 16px!important;font-size:17.6px!important;color:#1e293b}.metrics-block .item{display:flex;align-items:center;gap:4px!important;white-space:nowrap}.metrics-block .item .icon{font-size:17.6px!important}.metrics-block .item .highlight{font-weight:700;color:#2563eb}.metrics-block .item .streak{font-weight:600;color:#f59e0b}.topic-of-day{background:var(--pf-primary);color:#fff;padding:10px 16px!important;border-radius:10px;margin:12px 16px 14px!important;display:flex;justify-content:space-between;align-items:center;gap:12px!important}.topic-of-day__label{font-size:17.6px!important;opacity:.85}.topic-of-day__name{font-size:18.7px!important;font-weight:700}.topic-of-day__btn{background:#fff3;border:none;color:#fff;padding:4px 16px!important;border-radius:16px;font-size:17.6px!important;font-weight:600;cursor:pointer;min-height:48px!important}.topic-list{padding:0 16px!important}.topic-group{background:var(--pf-slot-bg);border-radius:10px;padding:10px 14px!important;border-left:4px solid var(--pf-primary);margin-bottom:16px!important}.topic-group__title{font-size:19.8px!important;font-weight:700;color:#1e293b;margin:0 0 6px!important;text-transform:uppercase;letter-spacing:.02em}.topic-group__grid{display:flex;flex-direction:column;gap:14px!important}.topic-card{flex-direction:row;align-items:center;justify-content:space-between;background:var(--pf-card);border:1px solid var(--pf-border);border-radius:8px;padding:16px!important;min-height:120px!important;box-shadow:none;transition:border-color .2s,box-shadow .2s;overflow-wrap:break-word;word-break:break-word}.topic-card:hover{transform:none;border-color:var(--pf-primary);box-shadow:0 2px 8px #2563eb1a}.topic-card__main{flex:1 1 60%;min-width:0}.topic-card__header{display:flex;align-items:center;gap:8px!important;flex-wrap:wrap}.topic-card__header h3{font-size:21px!important;margin:0!important;color:#1e293b}.topic-card__desc,.topic-card__tags{font-size:17.6px!important;color:#94a3b8}.topic-group .topic-card:first-child{border-color:var(--pf-amber);box-shadow:0 0 0 2px #f59e0b33}.topic-group .topic-card:first-child .topic-card__header h3:after{content:" ⭐ Старт сегодня";display:inline-block;background:var(--pf-amber);color:#fff;font-size:15px!important;font-weight:700;padding:1px 8px!important;border-radius:8px;margin-left:6px!important;vertical-align:middle;white-space:nowrap}.fb-btn{padding:4px 10px!important;font-size:16px!important;white-space:nowrap;overflow-wrap:break-word}.recall-box{background:#fffbeb;border:2px solid var(--pf-amber);border-radius:10px;padding:10px 14px!important;margin:8px 16px 12px!important;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px!important}.recall-box__text{font-size:17.6px!important;color:#92400e}.recall-box__text .highlight{font-weight:700}.recall-box__btn{background:var(--pf-amber);color:#fff;padding:4px 16px!important;border-radius:16px;font-weight:600;font-size:17.6px!important;border:none;cursor:pointer;min-height:48px!important}.bottom-nav{border-top:1px solid var(--pf-border);padding:10px 0 8px!important;display:flex;justify-content:space-around;align-items:stretch;flex-wrap:wrap;gap:4px!important;margin-top:auto;background:#fff;position:sticky;bottom:0;z-index:40;max-width:100%;overflow:hidden}.bottom-nav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px!important;min-width:44px!important;min-height:48px!important;flex:1 1 auto;max-width:96px;padding:4px 8px!important;border-radius:8px;font-weight:600;color:#94a3b8;font-size:17.6px!important;text-decoration:none;background:none;border:none;cursor:pointer;transition:background .2s,color .2s}.bottom-nav__item:hover{background:#f1f5f9}.bottom-nav__item .icon{font-size:24.2px!important;line-height:1}.bottom-nav__item .label{font-size:17.6px!important}.bottom-nav__item--active{color:#2563eb}.task-section{max-width:640px;margin:0 auto;padding:12px 16px 20px!important;display:flex;flex-direction:column}.task-view{padding:20px!important}.task-header{display:flex;justify-content:space-between;align-items:center;gap:8px!important;font-size:17.6px!important;color:#64748b;margin:0 0 16px!important;flex-wrap:wrap}.task-header__back{background:none;border:none;padding:0!important;color:#2563eb;font-weight:600;cursor:pointer;min-height:44px!important;font-size:17.6px!important}.task-header__counter{font-weight:500;font-size:17.6px!important}.task-view__question{font-weight:700;color:#1e293b;margin:0 0 20px!important;overflow-wrap:break-word;word-break:break-word}.option-btn{display:flex;align-items:center;width:100%;min-height:52px!important;padding:14px 18px!important;margin-bottom:8px!important;border:2px solid var(--pf-border);border-radius:10px;background:var(--pf-card);font-size:17.6px!important;font-weight:500;color:#1e293b;text-align:left;cursor:pointer;transition:.2s;word-break:break-word!important;overflow-wrap:break-word;white-space:normal}.option-btn:hover:not(:disabled){border-color:var(--pf-primary);background:#f8fafc}.option-btn:disabled{cursor:not-allowed;opacity:.7}.btn,.option-btn{min-height:52px!important}.btn{padding:12px 20px!important}.task-hint__btn,.slot-show-more,.topic-of-day__btn,.recall-box__btn{min-height:48px!important}.task-hint{display:flex;align-items:center;justify-content:space-between;gap:8px!important;padding:10px 14px!important;background:#f8fafc;border-radius:8px;font-size:17.6px!important;color:var(--pf-primary);margin:0 0 16px!important}.task-hint__balance{font-size:17.6px!important;color:#94a3b8}.task-hint__btn{background:none;border:none;color:var(--pf-primary);font-weight:600;cursor:pointer;font-size:17.6px!important;min-height:48px!important}.task-hint__btn:disabled{color:#cbd5e1;cursor:not-allowed}.progress-topic{display:block;width:100%;margin-top:12px!important;font-size:17.6px!important;color:#64748b;text-align:center;cursor:pointer;background:none;border:none}.progress-topic .bar-mini{width:100%;height:4px;background:var(--pf-border);border-radius:2px;margin-top:4px!important;overflow:hidden}.progress-topic .bar-mini .fill{height:100%;background:var(--pf-primary);border-radius:2px}.progress-topic__sub{font-size:17.6px!important;color:#94a3b8}.slot-more{border:none;background:none;color:#2563eb;font-size:17.6px!important;font-weight:400;cursor:pointer}.slot-show-more{display:block;width:100%;margin-top:6px!important;padding:8px 12px!important;border:1px solid var(--pf-border);border-radius:8px;background:var(--pf-card);color:#2563eb;font-size:17.6px!important;font-weight:600;cursor:pointer;min-height:48px!important}.slot-show-more:hover{border-color:#2563eb}.learn-block{background:#f1f5f9;border-radius:10px;padding:10px 14px!important;margin:10px 0!important}.learn-block__toggle{width:100%;text-align:left;background:none;border:none;font-weight:700;font-size:17.6px!important;color:#1e293b;cursor:pointer;min-height:44px!important;display:flex;justify-content:space-between;align-items:center}.learn-block__caret{color:#94a3b8}.learn-block__body{margin-top:6px!important}.learn-block__item{font-size:17.6px!important;padding:4px 0!important;border-bottom:1px solid var(--pf-border);display:flex;gap:8px!important;align-items:baseline;flex-wrap:wrap;overflow-wrap:break-word;word-break:break-word}.learn-block__item:last-child{border-bottom:none}.learn-block__word{background:none;border:none;padding:0!important;font-weight:700;color:#2563eb;text-decoration:underline;cursor:pointer;font-size:17.6px!important;min-height:44px!important}.learn-block__meaning{color:#475569}.learn-block__example{width:100%;font-size:17.6px!important;color:#334155;background:#fff;border-radius:6px;padding:6px 8px!important;margin:2px 0 0!important;overflow-wrap:break-word;word-break:break-word}.learn-block__note{font-size:17.6px!important;color:#94a3b8;margin-top:6px!important}.shop-card{padding:16px!important}.shop-group__grid{display:flex;flex-direction:column;gap:14px!important}.shop-card__desc{font-size:17.6px!important}.stat-card,.inventory-card{padding:14px 16px!important}.overall-progress{padding:18px!important}.profile-page{padding:20px!important}.tag,.badge--level,.badge--song,.tag--ok,.tag--done,.topic-card__tags .tag,.shop-card__badge,.level-badge,.topic-card__desc,.topic-card__count,.inventory-card__desc,.inventory-card__meta,.shop-card__desc,.shop-card__limit,.shop-card__disabled,.shop-modal__notice,.shop-earn__list li,.stat-card__label,.statistics-page__table,.overall-progress__subtitle,.overall-progress__week-label,.task-progress__label,.topic-tabs__btn,.topic-tabs__hint,.topic-card__mastery,.progress-topic__sub,.task-hint__balance,.metrics-block .item .icon,.metrics-block .item,.shop-modal__box p,.shop-modal__box .shop-modal__notice{font-size:17.6px!important}.bottom-nav__item .label,.tag,.badge--level,.badge--song,.tag--ok,.tag--done,.topic-card__tags .tag,.shop-card__badge,.level-badge{font-size:17.6px!important}.topic-card__desc,.topic-card__count,.inventory-card__desc,.inventory-card__meta,.shop-card__desc,.shop-card__limit,.shop-card__disabled,.shop-modal__notice,.shop-earn__list li,.stat-card__label,.statistics-page__table,.overall-progress__subtitle,.overall-progress__week-label,.task-progress__label,.fb-btn,.topic-tabs__btn,.topic-tabs__hint,.topic-card__mastery,.progress-topic__sub,.task-hint__balance,.metrics-block .item .icon,.metrics-block .item,.slot-more,.slot-show-more{font-size:19.8px!important}.learn-block__example,.learn-block__note{font-size:17.6px!important}@media (max-width: 768px){.metrics-block{flex-direction:column;align-items:flex-start;gap:4px!important}.topic-group__title{font-size:18.7px!important}.app{padding:0 0 70px!important}}@media (max-width: 480px){.app{padding:12px 12px 70px!important}.topic-card{padding:12px!important}.topic-group__grid{gap:10px!important}.topic-card__header h3{font-size:21px!important}.option-btn{padding:14px 18px!important;font-size:17.6px!important;min-height:52px!important}.bottom-nav{padding:8px 0!important}.bottom-nav__item .label{font-size:17.6px!important}.bottom-nav__item .icon{font-size:22px!important}.tag,.badge--level,.badge--song,.tag--ok,.tag--done,.topic-card__tags .tag,.shop-card__badge,.level-badge{font-size:17.6px!important}.topic-card__desc,.topic-card__count,.inventory-card__desc,.inventory-card__meta,.shop-card__desc,.shop-card__limit,.shop-card__disabled,.shop-modal__notice,.shop-earn__list li,.stat-card__label,.statistics-page__table,.overall-progress__subtitle,.overall-progress__week-label,.task-progress__label,.fb-btn,.topic-tabs__btn,.topic-tabs__hint,.topic-card__mastery,.progress-topic__sub,.task-hint__balance,.metrics-block .item .icon,.metrics-block .item,.slot-more,.slot-show-more{font-size:19.8px!important}.learn-block__example,.learn-block__note{font-size:17.6px!important}}@media (min-width: 481px){.topic-card{padding:18px 20px!important;border-radius:14px;box-shadow:0 2px 8px #0000000a!important}.topic-card__header h3{font-weight:700!important;margin-bottom:4px!important}.badge--level{font-size:13px!important;color:#94a3b8!important}.topic-card__desc{line-height:1.6!important;margin:8px 0 10px!important;color:#475569!important}.topic-card__mastery{font-weight:700!important;color:#16a34a!important}.tag,.topic-card__tags .tag{font-size:14px!important;padding:2px 10px!important;background:#f1f5f9!important;color:#64748b!important}.topic-group .topic-card:first-child .topic-card__header h3:after{background:#f59e0b!important;color:#fff!important;padding:2px 10px!important;border-radius:12px!important}.topic-group{margin-bottom:18px!important}.topic-group__grid{gap:16px!important}}.topic-card__header h3{font-size:21px!important}.option-btn{font-size:17.6px!important;min-height:52px!important;padding:14px 18px!important}.tag,.badge--level,.badge--song,.tag--ok,.tag--done,.topic-card__tags .tag,.shop-card__badge,.level-badge,.bottom-nav__item .label{font-size:17.6px!important}.topic-card__desc,.topic-card__count,.fb-btn,.topic-card__feedback,.badge--level{display:none!important}.topic-card__tags .tag{font-size:15px!important;color:#94a3b8!important;background:transparent!important;padding:0 4px 0 0!important}.topic-card__tags{display:flex!important;flex-wrap:nowrap!important;overflow:hidden!important;gap:4px!important;margin:2px 0 4px!important}.topic-card__header h3{font-size:21px!important;font-weight:700!important;margin:0!important}.topic-card__mastery{display:block!important;font-size:16px!important;font-weight:700!important;color:#16a34a!important}.topic-card{padding:10px 14px!important;min-height:unset!important;flex-direction:column!important;gap:2px!important}.topic-card__main{display:block!important;width:100%!important}.topic-card__header{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap!important;gap:4px 8px!important}:root{--accent: #2563eb;--accent-hover: #1d4ed8;--text-dark: #1e293b;--text-soft: #475569;--border-light: #e2e8f0;--success: #16a34a;--error: #dc2626;--warning: #f59e0b;--bg-card: #ffffff}.app{max-width:1200px;width:100%;margin:0 auto;background:#f8fafc;border-radius:32px;box-shadow:0 20px 60px #00000014;overflow:hidden;padding:16px 20px 80px!important}.screen{display:block}.header{background:#3d4f6a;padding:14px 24px;border-radius:16px;box-shadow:0 2px 8px #00000014;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;border:1px solid #2c3e50}.header .logo{font-size:22px;font-weight:700;color:#fff;letter-spacing:-.3px;cursor:pointer;background:none;border:none}.header .logo span{color:#94a3b8}.header .level-tag{background:#ffffff26;color:#fff;padding:4px 16px;border-radius:30px;font-size:14px;font-weight:600;border:1px solid rgba(255,255,255,.2)}.header .balance{display:flex;align-items:center;gap:6px;background:#ffffff1f;padding:4px 14px;border-radius:30px;font-size:14px;color:#fff;border:1px solid rgba(255,255,255,.15);cursor:pointer}.header .balance .coin{font-size:18px}.header .mode{background:var(--accent);color:#fff;padding:4px 16px;border-radius:30px;font-size:13px;font-weight:600;border:none;cursor:pointer}.header .mode:hover{background:var(--accent-hover)}.bottom-nav{background:#fff;border-top:1px solid var(--border-light);padding:12px 20px;display:flex;justify-content:center;gap:40px;flex-wrap:wrap;margin-top:24px;border-radius:0 0 32px 32px}.bottom-nav .item{display:flex;flex-direction:column;align-items:center;font-weight:600;color:var(--text-soft);font-size:14px;cursor:pointer;padding:6px 12px;border-radius:20px;transition:.2s;background:none;border:none;min-width:48px}.bottom-nav .item .icon{font-size:20px}.bottom-nav .item .label{font-size:11px;margin-top:2px}.bottom-nav .item:hover{background:#eff6ff}.bottom-nav .item.active{color:var(--accent);background:#eff6ff}.onboarding-slide{background:#fff;border-radius:24px;padding:40px 48px;max-width:640px;margin:0 auto;text-align:center;border:1px solid var(--border-light);box-shadow:0 8px 30px #0000000f}.onboarding-slide .icon{font-size:64px;margin-bottom:16px}.onboarding-slide .title{font-size:28px;font-weight:700;color:var(--text-dark);margin-bottom:12px}.onboarding-slide .desc{font-size:18px;color:var(--text-soft);line-height:1.6;margin-bottom:24px}.onboarding-slide .dots{display:flex;gap:8px;justify-content:center;margin-bottom:24px}.onboarding-slide .dots .dot{width:12px;height:12px;border-radius:50%;background:var(--border-light);cursor:pointer;transition:.2s;border:none;padding:0}.onboarding-slide .dots .dot.active{background:var(--accent);width:32px;border-radius:6px}.onboarding-slide .actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.onboarding-slide .actions .btn{padding:10px 32px;border-radius:40px;font-weight:600;font-size:16px;border:none;cursor:pointer;transition:.2s}.onboarding-slide .actions .btn-primary{background:var(--accent);color:#fff}.onboarding-slide .actions .btn-primary:hover{background:var(--accent-hover)}.onboarding-slide .actions .btn-secondary{background:var(--border-light);color:var(--text-dark)}.onboarding-slide .actions .btn-secondary:hover{background:#cbd5e1}.featured-block{background:var(--bg-card);border:2px solid var(--accent);border-radius:16px;padding:16px 20px!important;margin-bottom:20px!important;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.featured-block .info{display:flex;flex-direction:column;gap:4px}.featured-block .info .title{font-weight:700;font-size:18px;color:var(--text-dark)}.featured-block .info .desc{font-size:14px;color:var(--text-soft)}.featured-block .action{background:var(--accent);color:#fff;padding:8px 24px;border-radius:40px;font-weight:600;font-size:14px;cursor:pointer;border:none}.featured-block .action:hover{background:var(--accent-hover)}.featured-block.srs{border-color:var(--warning)}.featured-block.srs .action{background:var(--warning)}.featured-block.srs .action:hover{background:#d97706}.slot-section{margin-bottom:24px!important}.slot-title{font-size:20px;font-weight:700;color:var(--text-dark);margin-bottom:10px!important;display:flex;align-items:center;gap:8px}.slot-title .badge{font-size:12px;font-weight:500;background:var(--border-light);color:var(--text-soft);padding:2px 12px;border-radius:30px}.slot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px!important}.exercise-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;padding:16px 18px!important;transition:.2s;cursor:pointer;box-shadow:0 2px 8px #00000005;display:flex;flex-direction:column;gap:8px!important;text-align:left}.exercise-card:hover{border-color:var(--accent);box-shadow:0 6px 16px #2563eb14}.exercise-card .top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px!important}.exercise-card .name{font-weight:600;font-size:16px;color:var(--text-dark)}.exercise-card .type-icon{font-size:22px}.exercise-card .meta{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--text-soft);margin-top:4px!important;margin-bottom:6px!important}.exercise-card .meta .srs{background:#dbeafe;color:var(--accent);padding:0 10px;border-radius:20px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:4px}.exercise-card .mastery{display:flex;align-items:center;gap:10px;margin-top:4px!important}.exercise-card .mastery .bar{flex:1;height:6px;background:var(--border-light);border-radius:10px;overflow:hidden}.exercise-card .mastery .bar .fill{height:100%;background:var(--accent);border-radius:10px;width:0%}.exercise-card .mastery .label{font-size:13px;font-weight:600;color:var(--text-dark);white-space:nowrap}.exercise-card .task-count{font-size:12px;color:var(--text-soft);margin-top:2px}.exercise-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.exercise-header .back{color:var(--accent);font-weight:600;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:4px;background:none;border:none}.exercise-header .title{font-weight:700;font-size:20px;color:var(--text-dark)}.exercise-header .counter{font-size:14px;color:var(--text-soft)}.metrics{display:flex;gap:24px;background:#fff;padding:8px 18px;border-radius:40px;border:1px solid var(--border-light);margin-bottom:16px;flex-wrap:wrap}.metrics .item{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--text-dark)}.metrics .item .value{font-weight:700}.progress-bar-wrap{background:var(--border-light);height:8px;border-radius:10px;margin-bottom:20px;overflow:hidden;position:relative}.progress-bar-wrap .fill{height:100%;background:var(--accent);border-radius:10px;width:0%;transition:width .3s}.question-block{background:#fff;border-radius:16px;padding:20px;border:1px solid var(--border-light);margin-bottom:16px}.question-block .question-text{font-size:18px;font-weight:600;color:var(--text-dark);margin-bottom:16px}.options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.options .option{background:var(--bg-card);border:2px solid var(--border-light);border-radius:12px;padding:12px 16px;font-size:16px;font-weight:500;color:var(--text-dark);cursor:pointer;transition:.15s;text-align:left}.options .option:hover:not(.disabled){border-color:var(--accent);background:#eff6ff}.options .option.correct{border-color:var(--success);background:#dcfce7}.options .option.wrong{border-color:var(--error);background:#fee2e2}.options .option.disabled{cursor:default;opacity:.6}.hint-block{background:#fffbeb;border:1px solid var(--warning);border-radius:12px;padding:12px 16px;margin-top:16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hint-block .hint-text{flex:1;font-size:14px;color:#7d6608}.hint-block .hint-btn{background:var(--warning);color:#fff;border:none;padding:6px 20px;border-radius:30px;font-weight:600;font-size:13px;cursor:pointer}.hint-block .hint-btn:hover{background:#d97706}.result-block{margin-top:16px;padding:12px 16px;border-radius:12px;font-weight:600;font-size:16px;display:none}.result-block.show{display:block}.result-block.correct{background:#dcfce7;color:#166534}.result-block.wrong{background:#fee2e2;color:#991b1b}.learn-block{background:#f4f0ff;border:2px solid #8e44ad;border-radius:16px;padding:16px 20px;margin-top:16px;animation:learnFadeIn .35s ease}@keyframes learnFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.learn-block .title{font-weight:700;font-size:16px;color:#6c3483;margin-bottom:8px}.learn-block .word-item{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:14px;padding:4px 0;border-bottom:1px solid #e9d9ff}.learn-block .word-item:last-child{border-bottom:none}.learn-block .word-item .en{font-weight:700;color:#2c324a}.learn-block .word-item .ru{color:#4a4a6a}.learn-block .word-item .example{color:#6b6b8a;font-style:italic;font-size:13px}.next-btn{background:var(--accent);color:#fff;border:none;padding:12px 32px;border-radius:40px;font-weight:600;font-size:16px;cursor:pointer;margin-top:14px}.next-btn:hover{background:var(--accent-hover)}.task-view__options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.task-view__options .option-btn{background:var(--bg-card);border:2px solid var(--border-light);border-radius:12px;padding:12px 16px;font-size:16px;font-weight:500;color:var(--text-dark);cursor:pointer;transition:.15s;text-align:left}.task-view__options .option-btn:hover:not(:disabled){border-color:var(--accent);background:#eff6ff}.task-view__options .option-btn:disabled{cursor:default;opacity:.6}.complete-box{background:#fff;border-radius:24px;padding:32px 28px;text-align:center;border:1px solid var(--border-light);max-width:640px;margin:0 auto}.complete-box .emoji-big{font-size:56px;margin-bottom:8px}.complete-box .title{font-size:28px;font-weight:700;color:var(--text-dark);margin-bottom:4px}.complete-box .sub{font-size:16px;color:var(--text-soft);margin-bottom:20px}.complete-box .mastery-score{font-size:48px;font-weight:700;color:var(--accent);margin-bottom:6px}.complete-box .mastery-label{font-size:14px;color:var(--text-soft);margin-bottom:24px}.complete-options{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.complete-options .opt{padding:14px 20px;border-radius:16px;border:2px solid var(--border-light);background:var(--bg-card);font-weight:600;font-size:16px;color:var(--text-dark);cursor:pointer;transition:.15s;text-align:left;display:flex;align-items:center;gap:12px}.complete-options .opt .cost{font-weight:400;color:var(--text-soft);font-size:14px;margin-left:auto}.complete-options .opt.recommended{border-color:var(--accent);background:#eff6ff;position:relative}.complete-options .opt.recommended:after{content:"Рекомендуем";position:absolute;right:16px;top:-10px;background:var(--accent);color:#fff;font-size:11px;padding:2px 12px;border-radius:30px;font-weight:600}.complete-options .opt:hover:not(.disabled){border-color:var(--accent);background:#eff6ff}.complete-options .opt.disabled{opacity:.5;cursor:not-allowed}.btn-home{background:var(--border-light);color:var(--text-dark);border:none;padding:12px 40px;border-radius:40px;font-weight:600;font-size:16px;cursor:pointer;transition:.15s}.btn-home:hover{background:#cbd5e1}.catalog-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.catalog-header .back{color:var(--accent);font-weight:600;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:4px;background:none;border:none}.catalog-header .title{font-size:24px;font-weight:700;color:var(--text-dark)}.catalog-header .sub{font-size:14px;color:var(--text-soft);margin-left:8px}.topics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.topic-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;padding:20px 18px;cursor:pointer;transition:.2s;text-align:center}.topic-card:hover{border-color:var(--accent);box-shadow:0 6px 16px #2563eb14}.topic-card .icon{font-size:36px;margin-bottom:8px}.topic-card .name{font-weight:600;font-size:16px;color:var(--text-dark)}.topic-card .count{font-size:13px;color:var(--text-soft);margin-top:4px}.catalog-exercise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px}.catalog-exercise-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;padding:16px 18px!important;transition:.2s;cursor:pointer;box-shadow:0 2px 8px #00000005;display:flex;flex-direction:column;gap:8px!important;text-align:left}.catalog-exercise-card:hover{border-color:var(--accent);box-shadow:0 6px 16px #2563eb14}.catalog-exercise-card .top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px!important}.catalog-exercise-card .name{font-weight:600;font-size:16px;color:var(--text-dark)}.catalog-exercise-card .type-icon{font-size:22px}.catalog-exercise-card .meta{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--text-soft);margin-top:4px!important;margin-bottom:6px!important}.catalog-exercise-card .meta .srs{background:#dbeafe;color:var(--accent);padding:0 10px;border-radius:20px;font-size:12px;font-weight:600}.catalog-exercise-card .mastery{display:flex;align-items:center;gap:10px;margin-top:4px!important}.catalog-exercise-card .mastery .bar{flex:1;height:6px;background:var(--border-light);border-radius:10px;overflow:hidden}.catalog-exercise-card .mastery .bar .fill{height:100%;background:var(--accent);border-radius:10px}.catalog-exercise-card .mastery .label{font-size:13px;font-weight:600;color:var(--text-dark);white-space:nowrap}.catalog-exercise-card .task-count{font-size:12px;color:var(--text-soft);margin-top:2px}.shop-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.shop-header .title{font-size:24px;font-weight:700;color:var(--text-dark)}.shop-header .balance-short{display:flex;align-items:center;gap:6px;background:#fff;padding:6px 16px;border-radius:30px;border:1px solid var(--border-light);font-weight:600;color:var(--text-dark)}.shop-header .balance-short .coin{font-size:20px}.shop-tabs{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.shop-tabs .tab{padding:8px 20px;border-radius:30px;background:#fff;border:1px solid var(--border-light);font-weight:600;font-size:14px;color:var(--text-soft);cursor:pointer;transition:.2s}.shop-tabs .tab:hover{border-color:var(--accent);color:var(--accent)}.shop-tabs .tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.shop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.shop-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;padding:16px 18px;display:flex;flex-direction:column;gap:6px;transition:.2s;position:relative}.shop-card:hover{border-color:var(--accent);box-shadow:0 6px 16px #2563eb14}.shop-card .badge{position:absolute;top:10px;right:10px;background:var(--warning);color:#fff;font-size:10px;font-weight:700;padding:2px 10px;border-radius:30px;text-transform:uppercase}.shop-card .badge-premium{background:#8b5cf6}.shop-card .badge-exclusive{background:#ec4899}.shop-card .icon{font-size:32px;margin-bottom:4px}.shop-card .name{font-weight:600;font-size:16px;color:var(--text-dark)}.shop-card .desc{font-size:13px;color:var(--text-soft);flex:1}.shop-card .price{display:flex;align-items:center;gap:6px;font-weight:700;font-size:18px;color:var(--accent);margin-top:4px}.shop-card .price .coin-small{font-size:16px}.shop-card .limit{font-size:12px;color:var(--text-soft)}.shop-card .buy-btn{background:var(--accent);color:#fff;border:none;padding:8px 0;border-radius:40px;font-weight:600;font-size:14px;cursor:pointer;transition:.2s;margin-top:8px;width:100%}.shop-card .buy-btn:hover{background:var(--accent-hover)}.shop-card .buy-btn:disabled{opacity:.5;cursor:not-allowed}.profile-header{display:flex;flex-wrap:wrap;gap:24px;background:#fff;border-radius:16px;padding:24px 28px;border:1px solid var(--border-light);margin-bottom:24px;align-items:center}.profile-avatar{font-size:64px;background:#eff6ff;border-radius:50%;width:80px;height:80px;display:flex;align-items:center;justify-content:center;border:3px solid var(--accent)}.profile-info{flex:1}.profile-info .name{font-size:24px;font-weight:700;color:var(--text-dark)}.profile-info .level{font-size:16px;font-weight:600;color:var(--accent);background:#eff6ff;padding:2px 14px;border-radius:30px;display:inline-block;margin-top:4px}.profile-info .balance-big{font-size:20px;font-weight:700;color:var(--text-dark);margin-top:8px}.profile-info .balance-big .coin{font-size:24px}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card{background:#fff;border-radius:16px;padding:16px 18px;border:1px solid var(--border-light);text-align:center}.stat-card .number{font-size:28px;font-weight:700;color:var(--text-dark)}.stat-card .label{font-size:14px;color:var(--text-soft);margin-top:4px}.transactions{background:#fff;border-radius:16px;padding:20px 24px;border:1px solid var(--border-light)}.transactions .title{font-weight:700;font-size:18px;color:var(--text-dark);margin-bottom:12px}.transaction-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border-light);font-size:14px}.transaction-item:last-child{border-bottom:none}.transaction-item .date{color:var(--text-soft)}.transaction-item .amount.positive{color:var(--success);font-weight:600}.transaction-item .amount.negative{color:var(--error);font-weight:600}.achievements-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:20px}.achievements-header .title{font-size:24px;font-weight:700;color:var(--text-dark)}.achievements-header .stats{font-size:14px;color:var(--text-soft)}.ach-tabs{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.ach-tabs .tab{padding:8px 20px;border-radius:30px;background:#fff;border:1px solid var(--border-light);font-weight:600;font-size:14px;color:var(--text-soft);cursor:pointer;transition:.2s}.ach-tabs .tab:hover{border-color:var(--accent);color:var(--accent)}.ach-tabs .tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.ach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ach-card{background:#fff;border-radius:16px;padding:16px 18px;border:1px solid var(--border-light);display:flex;flex-direction:column;gap:6px;transition:.2s}.ach-card:hover{border-color:var(--accent);box-shadow:0 6px 16px #2563eb14}.ach-card .top{display:flex;justify-content:space-between;align-items:center}.ach-card .icon{font-size:32px}.ach-card .status{font-size:12px;font-weight:600;padding:2px 12px;border-radius:30px}.ach-card .status.done{background:#dcfce7;color:#15803d}.ach-card .status.in-progress{background:#dbeafe;color:var(--accent)}.ach-card .status.locked{background:#f1f5f9;color:var(--text-soft)}.ach-card .name{font-weight:600;font-size:16px;color:var(--text-dark)}.ach-card .desc{font-size:13px;color:var(--text-soft)}.ach-card .progress-bar{width:100%;height:6px;background:var(--border-light);border-radius:10px;margin-top:4px;overflow:hidden}.ach-card .progress-bar .fill{height:100%;background:var(--accent);border-radius:10px;width:0%}.ach-card .progress-text{font-size:12px;color:var(--text-soft);margin-top:2px}.spinner{width:32px;height:32px;border:4px solid var(--border-light);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 12px}@keyframes spin{to{transform:rotate(360deg)}}.app-splash{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:var(--text-soft);gap:8px}.error{color:var(--error);font-size:14px;margin:8px 0}.muted{color:var(--text-soft)}@media (max-width: 768px){.app{padding:16px!important;border-radius:24px}.slot-grid{grid-template-columns:1fr}.topics-grid{grid-template-columns:1fr 1fr}.catalog-exercise-grid{grid-template-columns:1fr}.shop-grid,.profile-stats,.ach-grid{grid-template-columns:1fr 1fr}.options,.task-view__options{grid-template-columns:1fr}.bottom-nav{gap:8px;padding:10px 6px}.bottom-nav .item{padding:4px 8px}.onboarding-slide{padding:24px 20px}.metrics{gap:12px;justify-content:space-around}}@media (max-width: 480px){.shop-grid,.profile-stats,.ach-grid,.topics-grid{grid-template-columns:1fr}.header{padding:6px 12px;gap:6px;margin-bottom:6px;font-size:14px}.header .logo{font-size:15px}.header .logo span{display:inline}.header .level-tag,.header .balance,.header .mode{padding:1px 8px;font-size:13px}.header .mode--logout,.header .lang-toggle{display:none!important}.metrics{background:transparent;border:none;gap:10px;padding:4px 0;margin-bottom:4px;font-size:13px;box-shadow:none;justify-content:space-between}.metrics .item{font-size:13px}.metrics .item:first-child{margin-right:auto}.exercise-header{flex-direction:row;align-items:center;gap:6px;margin-bottom:4px;flex-wrap:nowrap}.exercise-header .back{font-size:0;padding:0}.exercise-header .back:before{content:"←";font-size:18px;line-height:1}.exercise-header .title{font-size:16px;font-weight:700;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.exercise-header .counter{font-size:13px;white-space:nowrap}.progress-bar-wrap{height:4px;margin-bottom:6px}.task-view{padding:12px;position:relative}.hint-block{display:inline-flex!important;align-items:center;gap:4px;width:auto!important;max-width:50%!important;flex:0 0 auto;flex-wrap:nowrap;white-space:nowrap;padding:4px 10px!important;margin:4px 0!important;font-size:12px!important;border-radius:16px!important}.hint-block .hint-text{font-size:12px!important;flex:0 1 auto;white-space:nowrap}.hint-block .hint-btn{padding:2px 8px!important;font-size:11px!important}.task-hint{display:inline-flex!important;align-items:center;position:absolute!important;top:4px!important;right:8px!important;width:auto!important;padding:2px 8px!important;margin:0!important;font-size:0!important;border-radius:16px!important;justify-content:flex-start!important;background:#fffbeb;border:1px solid #f59e0b;z-index:2}.task-hint:before{content:"💡 3 LC";font-size:11px!important;color:#94a3b8;white-space:nowrap}.task-hint__btn,.task-hint__balance{display:none!important}.question-block{padding:10px 14px!important;margin-bottom:8px}.task-view__question,.question-block .question-text{font-size:16px;margin:6px 0 8px;padding-right:64px}.task-view__options{gap:6px;margin-bottom:6px}.task-view__options .option-btn{padding:8px 14px;font-size:14px;min-height:40px}.result-block{margin-top:6px;padding:6px 12px;margin-bottom:6px;font-size:14px}.learn-block{margin-top:8px;padding:8px 10px;margin-bottom:8px}.learn-block .title{font-size:15px;margin-bottom:6px}.learn-block .word-item{font-size:14px;line-height:1.4;padding:2px 0;margin-bottom:4px}.learn-block .word-item .example{font-size:13px;line-height:1.3;display:block;margin-left:12px}.next-btn{width:100%;margin-top:6px;margin-bottom:8px;min-height:48px;font-size:16px;padding:10px 0}.bottom-nav{padding:0 4px;min-height:44px}.bottom-nav .item{padding:2px 6px}.bottom-nav .icon{font-size:22px}.bottom-nav .label{font-size:10px}.app{padding:6px 10px 70px!important}}