@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";.header{position:fixed;bottom:0;left:0;right:0;height:72px;background-color:#fff;border-top:1.5px solid #f0f2f4;box-shadow:0 -2px 16px #1e325012;display:flex;align-items:center;justify-content:center;padding:0 8px;z-index:100;transition:transform .3s ease}@media(max-width:768px){.header{justify-content:space-evenly;padding:0}.header-item{flex:1;padding:8px 4px;min-width:0}}.header--hidden{transform:translateY(100%)}.header-streak{position:absolute;top:-14px;right:16px;background:#fff3e0;border:1.5px solid #ffb347;color:#e65c00;font-size:13px;font-weight:700;padding:2px 10px;border-radius:20px;box-shadow:0 2px 8px #e65c0026;pointer-events:none;z-index:101}.header-streak--active{background:#fff3e0;border-color:#ff6b00;animation:streak-pulse 2s ease-in-out infinite}@keyframes streak-pulse{0%,to{box-shadow:0 2px 8px #e65c0033}50%{box-shadow:0 2px 16px #e65c0073}}html[data-theme=dark] .header{background-color:var(--header-bg);border-top-color:var(--header-border)}html[data-theme=dark] .header-item{color:var(--text-secondary)}html[data-theme=dark] .header-item:hover,html[data-theme=dark] .header-item--active{color:var(--primary);background-color:var(--primary-bg)}html[data-theme=dark] .header-streak{background:#2d1f0a;border-color:#c17a1a;color:#fa4}.header-logo{display:flex;align-items:center;justify-content:center;padding:8px 10px 8px 16px;text-decoration:none;flex-shrink:0;opacity:.92;transition:opacity .2s,transform .2s}.header-logo:hover{opacity:1;transform:scale(1.06)}.header-logo svg{display:block}@media(max-width:768px){.header-logo{padding:8px 6px}}@media(max-width:400px){.header-logo{display:none}}.header-item{background-color:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 20px;border-radius:14px;text-decoration:none;color:#8fa0ad;font-size:.78rem;font-family:DM Sans,Segoe UI,Arial,sans-serif;font-weight:400;min-width:56px;transition:color .2s,background-color .2s}.header-item:hover{color:#1cc6b6;background-color:#f4fefe}.header-item--active{color:#1cc6b6;background-color:#eafcfc;font-weight:600}.header svg{background-color:inherit;color:inherit}.header span{background-color:inherit;color:inherit}.header-item--admin{color:#7c3aed}.header-item--admin:hover{color:#7c3aed;background-color:#f5f3ff}.header-item--admin.header-item--active{color:#7c3aed;background-color:#ede9fe}@media(max-width:400px){.header-item{font-size:.7rem}}@media(max-width:340px){.header-item{font-size:.65rem}.header-item span{display:none}}.voc-page{max-width:1200px;margin:0 auto;padding:28px 20px 100px;font-family:DM Sans,Segoe UI,Arial,sans-serif}.voc-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.voc-title{font-size:22px;font-weight:700;color:#111;margin:0 0 4px}.voc-subtitle{font-size:13px;color:#8fa0ad;margin:0}.voc-add-btn{display:flex;align-items:center;gap:6px;background:#1cc6b6;color:#fff;border:none;border-radius:12px;padding:9px 18px;font-size:14px;font-weight:600;cursor:pointer;transition:background .18s,transform .12s;white-space:nowrap}.voc-add-btn:hover{background:#17b3a4;transform:translateY(-1px)}.voc-add-btn svg{color:inherit;background:transparent}.voc-search-wrap{position:relative;margin-bottom:14px}.voc-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:#b0bec5;pointer-events:none;fill:#b0bec5}.voc-search-input{width:100%;height:44px;padding:0 14px 0 42px;border:1.5px solid #e8edf0;border-radius:12px;font-size:14px;color:#222;background:#fff;outline:none;box-sizing:border-box;transition:border-color .2s}.voc-search-input::placeholder{color:#b0bec5}.voc-search-input:focus{border-color:#1cc6b6}.voc-tabs-wrap{display:grid;grid-template-columns:repeat(3,1fr);background:#eef2f5;border-radius:14px;padding:4px;margin-bottom:16px}.voc-tab{border:none;background:transparent;padding:9px 0;border-radius:11px;font-size:14px;font-weight:500;color:#8fa0ad;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s}.voc-tab--active{background:#fff;color:#111;font-weight:600;box-shadow:0 1px 6px #1e32501a}.voc-meta-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;flex-wrap:wrap;gap:10px}.voc-dots{display:flex;align-items:center;gap:5px}.voc-dot{display:inline-block;width:9px;height:9px;border-radius:50%}.voc-dot--green{background:#22c55e}.voc-dot--orange,.voc-dot--yellow{background:#f59e0b}.voc-dot--gray{background:#cbd5e1}.voc-dot-count{font-size:13px;color:#8fa0ad;margin-right:6px}.voc-chips{display:flex;gap:6px}.voc-chip{border:1.5px solid #e8edf0;background:#fff;color:#5a6a75;padding:5px 14px;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;transition:background .16s,color .16s,border-color .16s}.voc-chip:hover{border-color:#1cc6b6;color:#1cc6b6}.voc-chip--active{background:#1cc6b6;color:#fff;border-color:#1cc6b6;font-weight:600}.voc-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:4px}@media(min-width:900px){.voc-list{grid-template-columns:repeat(3,1fr)}}.voc-empty{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#b0bec5;font-size:14px;padding:56px 20px;margin:0}.voc-loading{width:100%;display:flex;align-items:center;justify-content:center;padding:56px 20px}.voc-spinner{width:36px;height:36px;border:3px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;animation:voc-spin .7s linear infinite}@keyframes voc-spin{to{transform:rotate(360deg)}}html[data-theme=dark] .voc-spinner{border-color:#2d2d44;border-top-color:#818cf8}@media(max-width:560px){.voc-list,.grammar-grid{grid-template-columns:1fr}}@media(max-width:480px){.voc-page{padding:20px 14px 90px}.voc-header{flex-direction:column;align-items:flex-start;gap:10px}.voc-add-btn{width:100%;justify-content:center}.voc-meta-row{flex-direction:column;align-items:flex-start;gap:8px}.voc-lang-switcher{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:4px}.voc-lang-switcher::-webkit-scrollbar{display:none}.voc-lang-pill{flex-shrink:0}.voc-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.voc-chips::-webkit-scrollbar{display:none}.voc-chip{flex-shrink:0}.voc-title{font-size:20px}}.voc-floating-btn{position:fixed;bottom:40px;right:40px;width:64px;height:64px;border-radius:50%;background-color:#1cc6b6;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 25px #1cc6b666;z-index:1000;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),background-color .2s}.voc-floating-btn:hover{transform:scale(1.1) rotate(90deg);background-color:#17b3a4}.voc-floating-btn:active{transform:scale(.95)}@media(max-width:560px){.voc-floating-btn{bottom:84px;right:20px;width:56px;height:56px}}.grammar-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:4px}@media(min-width:900px){.grammar-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.grammar-grid{grid-template-columns:1fr}}.gr-filters{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.gr-state-chips{flex-wrap:nowrap}.gr-progress{background:#fff;border:1.5px solid #edf0f3;border-radius:16px;padding:14px 18px;margin-bottom:16px}.gr-progress__stats{display:flex;gap:16px;margin-bottom:10px;flex-wrap:wrap}.gr-progress__stat{font-size:13px;font-weight:600}.gr-progress__bar{position:relative;height:8px;background:#f1f5f9;border-radius:8px;overflow:hidden}.gr-progress__fill{position:absolute;top:0;height:100%;border-radius:8px;transition:width .6s ease}.gr-progress__fill--learned{background:#22c55e;left:0;z-index:2}.gr-progress__fill--reviewing{background:#f59e0b;z-index:1}.gc{background:#fff;border-radius:18px;padding:16px 18px;display:flex;flex-direction:column;gap:10px;font-family:DM Sans,Segoe UI,Arial,sans-serif;transition:box-shadow .18s,transform .15s;border:1.5px solid #edf0f3;border-left:4px solid #94a3b8}.gc--s0{border-left-color:#94a3b8}.gc--s1{border-left-color:#f59e0b}.gc--s2{border-left-color:#22c55e}.gc:hover{box-shadow:0 4px 20px #1e325014;transform:translateY(-2px)}.gc__top{display:flex;justify-content:space-between;align-items:center;gap:8px}.gc__badges{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.gc__level{font-size:11px;font-weight:700;color:#fff;padding:3px 9px;border-radius:20px;letter-spacing:.4px;flex-shrink:0}.gc__category{font-size:12px;color:#8fa0ad;background:#f4f7f9;padding:3px 10px;border-radius:20px;font-weight:500}.gc__state-btn{display:flex;align-items:center;gap:5px;border:none;border-radius:20px;padding:5px 12px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;font-family:inherit;transition:opacity .15s,transform .12s;flex-shrink:0}.gc__state-btn:hover{opacity:.8;transform:scale(1.04)}.gc__state-icon{font-size:13px}.gc__title{font-size:16px;font-weight:700;color:#111827;margin:0;line-height:1.3}.gc__explanation{font-size:13.5px;color:#5a6a75;margin:0;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.gc__explanation--full{display:block;-webkit-line-clamp:unset;overflow:visible}.gc__expand-btn{background:none;border:none;color:#1cc6b6;font-size:12px;font-weight:600;padding:0;cursor:pointer;font-family:inherit;align-self:flex-start}.gc__example{background:#f8fafb;border-radius:10px;padding:10px 14px;border-left:3px solid #1cc6b6}.gc__example-label{font-size:10px;font-weight:700;color:#1cc6b6;text-transform:uppercase;letter-spacing:.6px;display:block;margin-bottom:4px}.gc__example-text{font-size:13.5px;color:#1a2332;margin:0;font-style:italic;line-height:1.4}.gc__explain-btn{border:none;background:none;color:#94a3b8;font-size:12px;font-weight:500;padding:0;cursor:pointer;font-family:inherit;align-self:flex-start;transition:color .15s}.gc__explain-btn:hover{color:#1cc6b6}.voc-lang-switcher{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px;align-items:center}.voc-lang-pill{display:flex;align-items:center;gap:7px;padding:8px 16px;border-radius:40px;border:2px solid #f0f4f8;background:#fff;cursor:pointer;font-family:inherit;transition:border-color .15s,background .15s,box-shadow .15s}.voc-lang-pill:hover:not(.active){border-color:#b2ede8;background:#f8fffe}.vlp-flag{font-size:18px;line-height:1}.vlp-name{font-size:13px;font-weight:700;color:#1a2332}.vlp-role{font-size:10px;font-weight:500;color:#bcc5d0;text-transform:uppercase;letter-spacing:.4px;padding:1px 6px;border-radius:6px;background:#f0f4f8}.voc-lang-pill--primary.active{border-color:#1cc6b6;background:#eafcfc;box-shadow:0 2px 10px #1cc6b626}.voc-lang-pill--primary.active .vlp-name{color:#1cc6b6}.voc-lang-pill--primary.active .vlp-role{background:#1cc6b61f;color:#1cc6b6}.voc-lang-pill--secondary.active{border-color:#7c6dfc;background:#f0eeff;box-shadow:0 2px 10px #7c6dfc1f}.voc-lang-pill--secondary.active .vlp-name{color:#7c6dfc}.voc-lang-pill--secondary.active .vlp-role{background:#7c6dfc1f;color:#7c6dfc}.voc-lang-pill--all{padding:8px 14px;font-size:12px;font-weight:500;color:#8fa0ad}.voc-lang-pill--all.active{border-color:#1a2332;background:#1a2332;color:#fff}.voc-lang-pill--all.active .vlp-role{display:none}.vNew-page{padding:0;max-width:100%;display:flex;flex-direction:column;height:100%}.vNew__header{display:flex;align-items:flex-end;justify-content:space-between;padding:20px 28px 16px;border-bottom:1px solid #e9eef3;background:#fff;flex-shrink:0}.vNew__h1{font-size:22px;font-weight:700;margin:0;letter-spacing:-.01em;color:#111827}.vNew__sub{font-size:13px;color:#64748b;margin-top:4px}.vNew__count{font-weight:700;color:#111827}.vNew__dot{margin:0 7px;color:#cbd5e1}.vNew__addBtn{padding:8px 16px;background:#111827;color:#fff;font-size:13px;font-weight:600;border:none;border-radius:10px;cursor:pointer;font-family:inherit;white-space:nowrap}.vNew__addBtn:hover{background:#1e293b}.vNew__fillBtn{padding:8px 12px;background:transparent;color:#1cc6b6;font-size:13px;font-weight:600;border:1.5px solid #1cc6b6;border-radius:10px;cursor:pointer;font-family:inherit;white-space:nowrap;display:flex;align-items:center;gap:5px;transition:background .15s,color .15s}.vNew__fillBtn:hover{background:#1cc6b6;color:#fff}.vNew__fillBtn--running{opacity:.8;cursor:pointer}.voc-spinner--sm{width:12px;height:12px;border-width:2px;flex-shrink:0}html[data-theme=dark] .vNew__fillBtn{color:#1cc6b6;border-color:#1cc6b6}html[data-theme=dark] .vNew__fillBtn:hover{background:#1cc6b6;color:#fff}.vNew__filters{display:flex;align-items:center;gap:8px;padding:10px 28px;background:#fff;border-bottom:1px solid #e9eef3;flex-wrap:wrap;flex-shrink:0}.vNew__search{display:flex;align-items:center;gap:8px;padding:7px 12px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0;flex:1;min-width:180px}.vNew__search input{flex:1;border:none;outline:none;background:transparent;font-size:13px;color:#374151;font-family:inherit}.vNew__langPicker,.vNew__statusPicker{display:flex;gap:3px;padding:4px;background:#f1f5f9;border-radius:11px;flex-shrink:0}.vNew__chip{padding:7px 13px;font-size:13px;font-weight:600;border-radius:8px;background:transparent;color:#64748b;border:none;cursor:pointer;font-family:inherit;white-space:nowrap;transition:background .15s,color .15s,box-shadow .15s;min-height:34px}.vNew__chip:hover:not(.vNew__chip--on){background:#fff9;color:#374151}.vNew__chip--on{background:#1cc6b6;color:#fff;box-shadow:0 2px 8px #1cc6b647}.vNew__seg{padding:7px 13px;font-size:13px;font-weight:600;border-radius:8px;background:transparent;color:#64748b;border:none;cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:6px;white-space:nowrap;transition:background .15s,color .15s,box-shadow .15s;min-height:34px}.vNew__seg:hover:not(.vNew__seg--on){background:#fff9;color:#374151}.vNew__seg em{font-style:normal;font-size:11px;padding:1px 6px;border-radius:5px;background:#e2e8f0;color:#64748b;font-weight:700;min-width:20px;text-align:center;transition:background .15s,color .15s}.vNew__seg--on{background:#1cc6b6;color:#fff;box-shadow:0 2px 8px #1cc6b647}.vNew__seg--on em{background:#ffffff47;color:#fff}.vNew__list{flex:1;overflow-y:auto;background:#fff;padding-bottom:80px}.vNew__listHead{display:grid;grid-template-columns:200px 180px 1fr 130px 40px;gap:14px;padding:9px 28px;font-size:10px;font-weight:700;letter-spacing:.07em;color:#94a3b8;background:#f8fafc;border-bottom:1px solid #e9eef3;position:sticky;top:0;z-index:1}.vNew__row{display:grid;grid-template-columns:200px 180px 1fr 130px 40px;gap:14px;padding:11px 28px;align-items:center;border-bottom:1px solid #f1f5f9;transition:background .1s}.vNew__row:hover{background:#f0fdf9}.vNew__wordCell{display:flex;align-items:center;gap:8px;min-width:0}.vNew__wordTop{display:flex;flex-direction:column;gap:2px;min-width:0}.vNew__word{font-size:15px;font-weight:600;color:#111827;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vNew__audio{width:32px;height:32px;border-radius:9px;background:#f1f5f9;border:none;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,color .15s}.vNew__audio:hover{background:#e2e8f0;color:#374151}.vNew__transCell{font-size:13px;color:#374151;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vNew__exCell{font-size:12px;color:#94a3b8;font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vNew__statusCell{display:flex;justify-content:flex-end}.vNew__statusChip{font-size:11px;font-weight:600;padding:4px 10px;border-radius:12px;border:none;cursor:pointer;font-family:inherit;transition:opacity .12s,transform .1s;white-space:nowrap}.vNew__statusChip:hover{opacity:.8;transform:scale(.97)}.vNew__statusChip--learned{background:#d1fae5;color:#065f46}.vNew__statusChip--learning{background:#fff3cd;color:#92400e}.vNew__rowActions{display:flex;justify-content:center}.vNew__rowActions button{width:32px;height:32px;border-radius:8px;background:transparent;border:none;color:#cbd5e1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.vNew__rowActions button:hover{background:#fee2e2;color:#dc2626}.vNew__row--tap{cursor:pointer}.vNew__row--tap:active{background:#f0fdf8}.vNew__deleteBtn{width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:#cbd5e1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s}.vNew__deleteBtn:hover{background:#fee2e2;color:#ef4444}.vNew__topicBar{display:flex;gap:20px;padding:12px 28px;background:#fff;border-bottom:1px solid #e9eef3;align-items:center;flex-wrap:wrap;flex-shrink:0}.vNew__topicGroup{display:flex;align-items:center;gap:8px}.vNew__topicLab{font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:#94a3b8;font-weight:700;white-space:nowrap}.vNew__topicChips{display:flex;gap:4px}.vNew__levelChip{padding:4px 9px;font-size:11px;font-weight:700;border-radius:7px;background:#f1f5f9;border:none;color:#374151;cursor:pointer;font-family:inherit;transition:background .1s,color .1s}.vNew__levelChip--on{background:#1e293b!important;color:#fff!important}.vNew__topicSelect{padding:5px 10px;font-size:12px;font-weight:600;border-radius:8px;background:#f8fafc;border:1px solid #e2e8f0;color:#374151;font-family:inherit;cursor:pointer}.vNew__ruleGrid{flex:1;overflow-y:auto;padding:18px 28px;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-content:start}.vNew__rule{background:#fff;border:1px solid #e9eef3;border-radius:14px;padding:16px 18px;transition:border-color .12s}.vNew__rule:hover{border-color:#99f6e4}.vNew__rule--learned{border-left:3px solid #10b981}.vNew__rule--review{border-left:3px solid #f59e0b}.vNew__rule--new{border-left:3px solid #e2e8f0}.vNew__ruleHead{display:flex;align-items:center;gap:8px;margin-bottom:8px}.vNew__lvl{font-size:10px;font-weight:700;padding:3px 8px;border-radius:6px;letter-spacing:.04em}.vNew__lvl--a{background:#d1fae5;color:#065f46}.vNew__lvl--b{background:#fff3cd;color:#92400e}.vNew__lvl--c{background:#ede9fe;color:#5b21b6}.vNew__ruleCat{font-size:11px;font-weight:600;color:#64748b}.vNew__statusChip--new.gc-chip{background:#f1f5f9;color:#475569}.vNew__statusChip--learned.gc-chip{background:#d1fae5;color:#065f46}.vNew__statusChip--review.gc-chip{background:#fff3cd;color:#92400e}.vNew__ruleTitle{font-size:16px;font-weight:600;margin:6px 0 7px;color:#111827;letter-spacing:-.01em}.vNew__ruleDesc{font-size:13px;line-height:1.55;color:#4b5563;margin:0 0 10px}.vNew__ruleDesc--clamp{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.vNew__expandBtn{font-size:11px;color:#0d9488;background:none;border:none;cursor:pointer;padding:0;margin-bottom:8px;font-family:inherit;font-weight:600}.vNew__ruleEx{display:flex;gap:10px;padding:9px 11px;background:#f0fdf9;border-radius:8px;margin-bottom:10px}.vNew__ruleExBar{width:2px;background:#5eead4;border-radius:1px;flex-shrink:0}.vNew__ruleExText{font-size:12px;font-style:italic;color:#0f766e}.vNew__ruleFoot{display:flex;gap:8px}.vNew__ruleAction{padding:5px 11px;font-size:12px;font-weight:600;border-radius:8px;background:#f0fdf9;color:#0d9488;border:none;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:5px}.vNew__ruleAction:hover{background:#ccfbf1}.vNew__statusChip--new{background:#f1f5f9;color:#475569}.vNew__statusChip--review{background:#fff3cd;color:#92400e}html[data-theme=dark] .vNew__header,html[data-theme=dark] .vNew__filters{background:var(--bg-card);border-color:var(--border)}html[data-theme=dark] .vNew__h1,html[data-theme=dark] .vNew__word,html[data-theme=dark] .vNew__count{color:var(--text-primary)}html[data-theme=dark] .vNew__learnedTxt{color:#34d399!important}html[data-theme=dark] .vNew__reviewingTxt{color:#fb923c!important}html[data-theme=dark] .vNew__sub,html[data-theme=dark] .vNew__transCell{color:var(--text-secondary)}html[data-theme=dark] .vNew__search{background:var(--bg-input);border-color:var(--border-input)}html[data-theme=dark] .vNew__search input{color:var(--text-primary)}html[data-theme=dark] .vNew__langPicker,html[data-theme=dark] .vNew__statusPicker{background:var(--bg-muted)}html[data-theme=dark] .vNew__chip,html[data-theme=dark] .vNew__seg{color:var(--text-secondary)}html[data-theme=dark] .vNew__chip--on,html[data-theme=dark] .vNew__seg--on{background:var(--primary);color:#fff;box-shadow:0 2px 8px #1cc6b64d}html[data-theme=dark] .vNew__chip:not(.vNew__chip--on):hover,html[data-theme=dark] .vNew__seg:not(.vNew__seg--on):hover{background:#ffffff14;color:var(--text-primary)}html[data-theme=dark] .vNew__list,html[data-theme=dark] .vNew__rule{background:var(--bg-card);border-color:var(--border)}html[data-theme=dark] .vNew__listHead{background:var(--bg-muted);color:var(--text-muted)}html[data-theme=dark] .vNew__row{border-color:var(--border)}html[data-theme=dark] .vNew__row:hover{background:var(--bg-muted)}html[data-theme=dark] .vNew__topicBar{background:var(--bg-card);border-color:var(--border)}html[data-theme=dark] .vNew__topicSelect{background:var(--bg-muted);border-color:var(--border);color:var(--text-primary)}html[data-theme=dark] .vNew__ruleGrid{background:var(--bg-muted)}html[data-theme=dark] .vNew__ruleTitle{color:var(--text-primary)}html[data-theme=dark] .vNew__ruleDesc{color:var(--text-secondary)}html[data-theme=dark] .vNew__ruleEx,html[data-theme=dark] .vNew__addBtn{background:var(--bg-muted)}html[data-theme=dark] .vNew__audio{background:var(--bg-muted);color:var(--text-secondary)}html[data-theme=dark] .vNew__search input::placeholder{color:var(--text-muted)}html[data-theme=dark] .vNew__seg em{background:var(--bg-muted);color:var(--text-secondary)}html[data-theme=dark] .vNew__statusChip--learned{background:#064e3b;color:#6ee7b7}html[data-theme=dark] .vNew__statusChip--learning{background:#451a03;color:#fcd34d}html[data-theme=dark] .vNew__statusChip--new{background:var(--bg-muted);color:var(--text-secondary)}html[data-theme=dark] .vNew__exCell{color:var(--text-muted)}html[data-theme=dark] .voc-empty{color:var(--text-secondary)}@media(max-width:900px){.vNew__listHead,.vNew__row{grid-template-columns:minmax(120px,180px) minmax(100px,160px) 1fr 110px 36px;gap:10px;padding:10px 16px}.vNew__ruleGrid{grid-template-columns:1fr}.vNew__filters{padding:10px 16px}.vNew__header{padding:16px 16px 12px}.vNew__topicBar{padding:10px 16px}}@media(max-width:640px){.vNew__header{padding:14px 14px 10px}.vNew__h1{font-size:20px}.vNew__addBtn{display:none}.vNew__filters{padding:8px 12px;gap:8px;flex-wrap:wrap}.vNew__search{min-width:unset}.vNew__chip,.vNew__seg{padding:7px 11px;font-size:12px;min-height:36px}.vNew__listHead{display:none}.vNew__row{grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:4px 10px;padding:10px 14px}.vNew__wordCell{grid-column:1;grid-row:1;font-size:15px}.vNew__transCell{grid-column:1;grid-row:2;font-size:12px;color:#64748b}.vNew__exCell{display:none}.vNew__statusCell{grid-column:2;grid-row:1}.vNew__rowActions{grid-column:2;grid-row:2;justify-content:flex-end}.vNew__statusBar{gap:6px;padding:6px 12px 8px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.vNew__statusBar::-webkit-scrollbar{display:none}.vNew__statusBtn{padding:5px 10px;font-size:12px;white-space:nowrap}.vNew__ruleCard{padding:14px 14px 12px}.vNew__topicBar{padding:8px 12px;gap:6px;overflow-x:auto;flex-wrap:nowrap}.vNew__levelChip{padding:4px 8px;font-size:11px}.vNew__audio{width:40px;height:40px;border-radius:10px}.vNew__deleteBtn{width:44px;height:44px;border-radius:10px;background:#f8fafc;color:#94a3b8}.vNew__rowActions button{width:44px;height:44px;border-radius:10px}.vNew__row--tap:active{background:#f0fdf8}}.awf-overlay{position:fixed;inset:0;background:#0000004d;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:999;padding:16px}.awf-modal{width:100%;max-width:460px;background:#fff;border-radius:22px;padding:26px 26px 28px;box-shadow:0 20px 60px #0000002e;display:flex;flex-direction:column;gap:14px;animation:awf-in .22s ease}@keyframes awf-in{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.awf-header{display:flex;justify-content:space-between;align-items:center}.awf-title{font-size:18px;font-weight:700;color:#111;margin:0;font-family:DM Sans,Segoe UI,Arial,sans-serif}.awf-close{background:#f2f4f6;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#5a6a75;transition:background .15s,color .15s}.awf-close:hover{background:#ffe5e5;color:#e53e3e}.awf-lang-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px}.awf-lang-switch-btn{padding:8px 0;border:1.5px solid #d0f0ee;border-radius:10px;background:transparent;font-size:13px;font-weight:500;color:#1cc6b6;cursor:pointer;font-family:DM Sans,Segoe UI,Arial,sans-serif;transition:background .15s,color .15s,border-color .15s}.awf-lang-switch-btn.active{background:#1cc6b6;color:#fff;border-color:#1cc6b6;font-weight:600}.awf-tabs{display:grid;grid-template-columns:1fr 1fr;background:#eafcfc;border-radius:14px;padding:4px;gap:4px}.awf-tab{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 0;border:none;border-radius:11px;font-size:14px;font-weight:500;color:#1cc6b6;background:transparent;cursor:pointer;font-family:DM Sans,Segoe UI,Arial,sans-serif;transition:background .16s,color .16s,box-shadow .16s}.awf-tab svg{color:inherit;background:transparent}.awf-tab--active{background:#fff;color:#111;font-weight:600;box-shadow:0 1px 6px #1e32501a}.awf-group{display:flex;flex-direction:column;gap:6px;background:transparent}.awf-label{font-size:13px;font-weight:500;color:#5a6a75;background:transparent;font-family:DM Sans,Segoe UI,Arial,sans-serif}.awf-input{background:#eafcfc;border:1.5px solid transparent;border-radius:12px;padding:11px 14px;font-size:14px;color:#222;outline:none;font-family:DM Sans,Segoe UI,Arial,sans-serif;transition:border-color .18s,background .18s;resize:none}.awf-input::placeholder{color:#8dc8c4}.awf-input:focus{border-color:#1cc6b6;background:#f0fffe}.awf-textarea{min-height:80px;line-height:1.5}.awf-lang-hint{font-size:12px;color:#1cc6b6;font-weight:500;margin:-4px 0 0;font-family:DM Sans,Segoe UI,Arial,sans-serif}.awf-label-row{display:flex;align-items:center;justify-content:space-between}.awf-translate-btn{display:flex;align-items:center;gap:5px;padding:4px 10px;background:#eafcfc;border:1.5px solid #1cc6b6;border-radius:8px;color:#1cc6b6;font-size:12px;font-weight:600;cursor:pointer;font-family:DM Sans,Segoe UI,Arial,sans-serif;transition:background .15s,color .15s;white-space:nowrap}.awf-translate-btn:hover:not(.disabled){background:#1cc6b6;color:#fff}.awf-translate-btn.disabled,.awf-translate-btn:disabled{opacity:.4;cursor:not-allowed}.awf-translate-spinner{width:12px;height:12px;border:2px solid #1cc6b6;border-top-color:transparent;border-radius:50%;animation:awf-spin .7s linear infinite;display:inline-block}@keyframes awf-spin{to{transform:rotate(360deg)}}.awf-translate-error{font-size:12px;color:#e53e3e;font-family:DM Sans,Segoe UI,Arial,sans-serif}.awf-submit{margin-top:4px;padding:14px;background:#1cc6b6;color:#fff;border:none;border-radius:14px;font-size:15px;font-weight:700;cursor:pointer;font-family:DM Sans,Segoe UI,Arial,sans-serif;transition:background .18s,transform .1s;letter-spacing:.01em}.awf-submit:hover{background:#17b3a4}.awf-submit:active{transform:scale(.98)}@media(max-width:480px){.awf-overlay{padding:0;align-items:flex-end}.awf-modal{border-radius:22px 22px 0 0;padding:20px 18px 28px;max-height:90vh;overflow-y:auto}}html[data-theme=dark] .awf-modal{background:#1a2332;box-shadow:0 20px 60px #00000073}html[data-theme=dark] .awf-title{color:#e2e8f0}html[data-theme=dark] .awf-close{background:#243044;color:#64748b}html[data-theme=dark] .awf-close:hover{background:#3a1f1f;color:#f87171}html[data-theme=dark] .awf-lang-switch-btn{border-color:#1e4a48;color:#1cc6b6}html[data-theme=dark] .awf-tabs{background:#111e2d}html[data-theme=dark] .awf-tab{color:#4db8b0}html[data-theme=dark] .awf-tab--active{background:#1a2d40;color:#e2e8f0;box-shadow:0 1px 6px #0000004d}html[data-theme=dark] .awf-label{color:#64748b}html[data-theme=dark] .awf-input{background:#111e2d;color:#e2e8f0;border-color:transparent}html[data-theme=dark] .awf-input::placeholder{color:#2d5a56}html[data-theme=dark] .awf-input:focus{border-color:#1cc6b6;background:#0f1e2e}html[data-theme=dark] .awf-translate-btn{background:#111e2d;border-color:#1cc6b6;color:#1cc6b6}html[data-theme=dark] .awf-translate-btn:hover:not(.disabled){background:#1cc6b6;color:#fff}.toast-container{position:fixed;bottom:24px;right:24px;z-index:99999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:12px 14px 12px 16px;border-radius:12px;min-width:260px;max-width:360px;background:#1e1e2e;box-shadow:0 4px 24px #00000059;border-left:4px solid transparent;pointer-events:all;animation:toast-in .28s cubic-bezier(.34,1.56,.64,1) both}.toast--leaving{animation:toast-out .25s ease-in both}[data-theme=light] .toast{background:#fff;box-shadow:0 4px 24px #00000024}.toast--success{border-left-color:#22c55e}.toast--error{border-left-color:#ef4444}.toast--warning{border-left-color:#f59e0b}.toast--info{border-left-color:#3b82f6}.toast-icon{flex-shrink:0;display:flex;align-items:center}.toast--success .toast-icon{color:#22c55e}.toast--error .toast-icon{color:#ef4444}.toast--warning .toast-icon{color:#f59e0b}.toast--info .toast-icon{color:#3b82f6}.toast-message{flex:1;font-size:14px;font-weight:500;line-height:1.4;color:#e2e8f0}[data-theme=light] .toast-message{color:#1e293b}.toast-close{flex-shrink:0;background:none;border:none;cursor:pointer;font-size:18px;line-height:1;color:#64748b;padding:0 2px;transition:color .15s}.toast-close:hover{color:#e2e8f0}[data-theme=light] .toast-close:hover{color:#1e293b}@keyframes toast-in{0%{opacity:0;transform:translate(60px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(60px)}}@media(max-width:480px){.toast-container{bottom:16px;right:12px;left:12px}.toast{min-width:unset;max-width:unset;width:100%}}.fc-overlay{position:fixed;inset:0;z-index:2000;background:#1a233273;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:20px}.fc-sheet{background:#fff;border-radius:32px;padding:32px;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;position:relative;box-shadow:0 25px 70px #00000026;animation:fc-appear .24s cubic-bezier(.175,.885,.32,1.1);overflow:hidden}@keyframes fc-appear{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.fc-close{position:absolute;top:14px;right:16px;background:var(--bg-tertiary, #f1f5f9);border:none;border-radius:50%;width:32px;height:32px;font-size:.9rem;cursor:pointer;color:var(--text-secondary, #6b7280);display:flex;align-items:center;justify-content:center;z-index:5}.fc-close:hover{background:var(--border-color, #e2e8f0)}.fc-header{display:flex;align-items:center;justify-content:space-between;padding:18px 52px 10px 20px}.fc-title{font-size:1.1rem;font-weight:700;color:var(--text-primary, #1a2332)}.fc-counter{font-size:.82rem;color:var(--text-secondary, #8fa0ad);font-weight:500}.fc-progress{height:4px;background:var(--bg-tertiary, #e2e8f0);margin:0 20px;border-radius:2px;overflow:hidden}.fc-progress-fill{height:100%;background:#1cc6b6;border-radius:2px;transition:width .3s ease}.fc-session-stats{display:flex;gap:10px;justify-content:flex-end;padding:6px 20px 0;font-size:.8rem;font-weight:600}.fc-ss-good{color:#22c55e}.fc-ss-bad{color:#ef4444}.fc-card-area{flex:1;display:flex;align-items:center;justify-content:center;padding:20px 20px 10px;perspective:1000px;min-height:220px}.fc-card{width:100%;max-width:420px;height:220px;position:relative;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform .45s cubic-bezier(.4,0,.2,1);cursor:pointer}.fc-card--flipped{transform:rotateY(180deg);-webkit-transform:rotateY(180deg)}.fc-card-face{position:absolute;inset:0;border-radius:20px;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:10px;box-shadow:0 8px 32px #0000001f;overflow:hidden}.fc-card-front{background:linear-gradient(135deg,#1cc6b6,#0ea899);color:#fff}.fc-lang{font-size:.75rem;font-weight:700;letter-spacing:1px;opacity:.8;text-transform:uppercase}.fc-word{font-size:2.2rem;font-weight:800;text-align:center;line-height:1.2;letter-spacing:-.5px}.fc-tap-hint{font-size:.72rem;opacity:.6;margin-top:6px}.fc-card-back{background:#fff;color:#1a2332;transform:rotateY(180deg);-webkit-transform:rotateY(180deg);gap:12px;border:2px solid #e8ecf0}.fc-translation{font-size:1.8rem;font-weight:700;color:#1cc6b6;text-align:center}.fc-example{display:flex;flex-direction:column;gap:2px;text-align:center;max-width:90%}.fc-example-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary, #8fa0ad)}.fc-example-text{font-size:.88rem;color:var(--text-secondary, #64748b);font-style:italic;line-height:1.4}.fc-meta{display:flex;gap:14px;margin-top:6px;flex-wrap:wrap;justify-content:center}.fc-meta-item{font-size:.72rem;color:var(--text-secondary, #94a3b8)}.fc-actions{display:flex;gap:12px;padding:0 20px 12px;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .2s,transform .2s}.fc-actions--visible{opacity:1;pointer-events:auto;transform:translateY(0)}.fc-btn{flex:1;border:none;border-radius:16px;padding:14px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .1s,filter .1s}.fc-btn:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.fc-btn:active:not(:disabled){transform:scale(.97)}.fc-btn:disabled{opacity:.45;cursor:not-allowed}.fc-btn--wrong{background:#ffeaea;color:#dc2626}.fc-btn--right{background:#dcfce7;color:#16a34a}.fc-skip{text-align:center;font-size:.78rem;color:var(--text-secondary, #94a3b8);padding:0 20px 18px;cursor:pointer;margin:0;min-height:28px}.fc-skip:hover{color:var(--text-primary, #1a2332)}.fc-done{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 28px 36px;gap:12px;text-align:center}.fc-done-icon{font-size:3.5rem}.fc-done-title{font-size:1.3rem;font-weight:800;color:var(--text-primary, #1a2332);margin:0}.fc-done-stats{display:flex;gap:20px;font-size:1rem;font-weight:700}.fc-done-stat--good{color:#22c55e}.fc-done-stat--bad{color:#ef4444}.fc-done-next{font-size:.88rem;color:var(--text-secondary, #64748b);margin:0}.fc-done-hint{font-size:.88rem;color:var(--text-secondary, #94a3b8);max-width:280px;margin:0;line-height:1.5}.fc-done-btn{background:#1cc6b6;color:#fff;border:none;border-radius:14px;padding:12px 32px;font-size:1rem;font-weight:700;cursor:pointer;margin-top:8px}.fc-done-btn:hover{background:#0ea899}.fc-loading{flex:1;display:flex;align-items:center;justify-content:center;padding:60px}.fc-spinner{width:36px;height:36px;border:3px solid var(--border-color, #e2e8f0);border-top-color:#1cc6b6;border-radius:50%;animation:fc-spin .7s linear infinite}@keyframes fc-spin{to{transform:rotate(360deg)}}html[data-theme=dark] .fc-sheet{background:var(--bg-card)}html[data-theme=dark] .fc-title{color:var(--text-primary)}html[data-theme=dark] .fc-card-back{background:var(--bg-card);color:var(--text-primary);border-color:var(--border)}html[data-theme=dark] .fc-translation{color:var(--primary)}html[data-theme=dark] .fc-done-title{color:var(--text-primary)}html[data-theme=dark] .fc-btn--wrong{background:#3b1a1a;color:#f87171}html[data-theme=dark] .fc-btn--right{background:#14291e;color:#4ade80}@media(max-width:640px){.fc-overlay{padding:12px;align-items:flex-end}.fc-sheet{padding:20px 16px 24px;border-radius:28px 28px 20px 20px;max-height:92vh}.fc-header{padding:12px 40px 8px 14px}}.librari-backdrop{position:fixed;inset:0;background:#1a233266;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:2000;padding:20px}.librari-modal{width:100%;max-width:800px;background:#fff;border-radius:32px;padding:32px;box-shadow:0 25px 70px #00000026;display:flex;flex-direction:column;max-height:90vh;position:relative}.librari-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.header-info{display:flex;align-items:center;gap:16px}.type-icon-circle{width:44px;height:44px;background:#f1f7f6;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:20px}.librari-title{font-size:22px;font-weight:800;color:#1a2332;margin:0}.librari-date{font-size:13px;color:#8fa0ad;margin:4px 0 0}.action-btn{width:40px;height:40px;border-radius:12px;border:none;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.librari-actions{flex-shrink:0}.close-btn{background:#f1f7f6;color:#8fa0ad;font-size:18px}.delete-btn{background:#fff1f1;color:#ff5c5c}.close-btn:hover{background:#1a2332;color:#fff}.lco-preview-toggle{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:4px 0 10px;border:none;background:none;color:#b0bfc7;font-size:12px;font-weight:600;cursor:pointer;transition:color .15s;letter-spacing:.02em;margin-bottom:2px}.lco-preview-toggle:hover{color:#1cc6b6}.lco-toggle-chevron{transition:transform .25s ease;flex-shrink:0;transform:rotate(180deg)}.lco-preview-toggle--collapsed .lco-toggle-chevron{transform:rotate(0)}.librari-top-section{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.video-container{border-radius:16px;overflow:hidden;background:#000;aspect-ratio:16/9;max-height:160px;position:relative}.video-placeholder img{width:100%;height:100%;object-fit:cover;opacity:.8;cursor:pointer}.play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0003}.play-icon-big{width:60px;height:60px;background:#1cc6b6;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;padding-left:5px;box-shadow:0 0 20px #1cc6b680}.video-iframe{width:100%;height:100%;border:none}.lco-spotify-hero{border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#191414,#1a3a1a);aspect-ratio:16/9;max-height:160px;position:relative;display:flex;align-items:center;justify-content:center}.lco-spotify-art{width:100%;height:100%;object-fit:cover;opacity:.75}.lco-spotify-art-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.lco-spotify-info{position:absolute;bottom:10px;left:12px;display:flex;align-items:center;gap:6px}.lco-spotify-link{color:#1db954;font-size:12px;font-weight:600;text-decoration:none}.lco-spotify-link:hover{text-decoration:underline}.lco-article-hero{border-radius:16px;background:var(--bg-muted, #f1f5f9);aspect-ratio:16/9;max-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-secondary, #64748b);font-size:13px;font-weight:500}.lco-article-link{color:#1cc6b6;font-size:12px;font-weight:600;text-decoration:none}.lco-article-link:hover{text-decoration:underline}html[data-theme=dark] .lco-article-hero{background:#1a2535}.modal-stats-grid{display:flex;flex-direction:row;gap:10px}.modal-stat-card{flex:1;padding:10px 16px;border-radius:14px;display:flex;flex-direction:row;align-items:center;gap:10px}.modal-stat-card.known{background:#eafcfc;color:#1cc6b6}.modal-stat-card.unknown{background:#fff6f2;color:#ff7e4d}.stat-num{font-size:20px;font-weight:800;line-height:1}.stat-desc{font-size:12px;font-weight:600;opacity:.8}.modal-tabs-container{display:flex;background:#f1f7f6;padding:6px;border-radius:16px;margin-bottom:20px}.modal-tab{flex:1;padding:12px;border:none;background:transparent;border-radius:12px;font-weight:700;color:#8fa0ad;cursor:pointer;transition:all .2s}.modal-tab.active{background:#fff;color:#1cc6b6;box-shadow:0 4px 12px #0000000d}.modal-scroll-content{flex:1;overflow-y:auto;padding-right:8px;margin-bottom:20px}.words-tab-content{display:flex;flex-direction:column;gap:24px}.words-flex-list{display:flex;flex-wrap:wrap;gap:10px}.lco-translating-banner{display:flex;flex-direction:column;gap:8px;padding:10px 16px;margin-bottom:12px;border-radius:12px;background:#eafcfc;border:1.5px solid #1cc6b6;color:#0fa89a;font-size:.85rem;font-weight:600}.lco-banner-row{display:flex;align-items:center;gap:8px}.lco-progress-bar{height:4px;background:#b2ede8;border-radius:4px;overflow:hidden}.lco-progress-fill{height:100%;background:#1cc6b6;border-radius:4px;transition:width .35s ease;min-width:0}.lco-scan-spin--dark{border-color:#0fa89a40;border-top-color:#0fa89a}.lco-fill-trans-wrap{display:flex;justify-content:center}.lco-fill-trans-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 20px;border-radius:14px;border:1.5px dashed #1cc6b6;background:#eafcfc;color:#0fa89a;font-size:.85rem;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s}.lco-fill-trans-btn:hover:not(:disabled){background:#d0f5f2}.lco-fill-trans-btn:disabled{opacity:.6;cursor:wait}.lco-inline-scan{border-top:1.5px solid #f0f4f8;padding-top:20px;display:flex;flex-direction:column;gap:12px}.lco-inline-scan-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.modern-word-chip{background:#fff;border:1.5px solid #f1f7f6;padding:14px 16px;border-radius:14px;display:flex;flex-direction:column}.word-orig{font-weight:700;color:#1a2332;font-size:15px}.word-trans{font-size:13px;color:#8fa0ad}.modern-text-view{line-height:1.8;color:#4a5568;font-size:16px}.continue-learning-btn{width:100%;padding:18px;background:#1a2332;color:#fff;border:none;border-radius:20px;font-size:16px;font-weight:700;cursor:pointer;transition:background .2s}.continue-learning-btn:hover{background:#1cc6b6}.modal-footer{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:16px;border-top:1px solid #f1f7f6;transition:padding-top .3s ease,padding-bottom .3s ease}.modal-footer--compact{padding-top:8px;padding-bottom:2px}.footer-delete-btn{width:56px;height:56px;border-radius:20px;border:none;background:#fff1f1;color:#ff5c5c;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.footer-delete-btn:hover{background:#ff5c5c;color:#fff;transform:translateY(-2px)}.modal-footer--compact .footer-delete-btn{width:40px;height:40px;border-radius:14px}.modal-footer--compact .footer-delete-btn svg{width:14px;height:14px}.continue-learning-btn{flex:1;padding:18px;background:#1a2332;color:#fff;border:none;border-radius:20px;font-size:16px;font-weight:700;cursor:pointer;transition:padding .3s cubic-bezier(.4,0,.2,1),font-size .3s cubic-bezier(.4,0,.2,1),border-radius .3s cubic-bezier(.4,0,.2,1),background .2s}.modal-footer--compact .continue-learning-btn{padding:10px 18px;font-size:14px;border-radius:14px}.confirm-modal-overlay{position:absolute;inset:0;background:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;border-radius:32px;padding:40px}.confirm-modal-content{text-align:center;max-width:300px}.confirm-modal-content h3{font-size:20px;color:#1a2332;margin-bottom:12px}.confirm-modal-content p{font-size:14px;color:#8fa0ad;margin-bottom:24px}.confirm-actions{display:flex;flex-direction:column;gap:10px}.confirm-del{width:100%;padding:14px;background:#ff5c5c;color:#fff;border:none;border-radius:14px;font-weight:700;cursor:pointer}.cancel-del{width:100%;padding:14px;background:#f1f7f6;color:#8fa0ad;border:none;border-radius:14px;font-weight:600;cursor:pointer}.type-icon-circle svg,.type-badge svg,.footer-delete-btn svg{background:transparent!important;background-color:transparent!important}.type-icon-circle{background:#f1f7f6cc!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.type-badge{background:#ffffffb3!important;border:none!important}.librari-modal{width:100%;max-width:850px;background:#fff;border-radius:32px;padding:24px 28px;box-shadow:0 25px 70px #00000026;display:flex;flex-direction:column;height:90vh;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.librari-top-section{transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;max-height:300px;opacity:1}.librari-top-section.collapsed{max-height:0;margin-bottom:0;opacity:0;transform:translateY(-20px);pointer-events:none}.modal-scroll-content{flex:1;overflow-y:auto;padding-right:12px;scrollbar-width:thin;scrollbar-color:#1cc6b6 #f1f7f6}.modal-scroll-content::-webkit-scrollbar{width:6px}.modal-scroll-content::-webkit-scrollbar-track{background:#f1f7f6;border-radius:10px}.modal-scroll-content::-webkit-scrollbar-thumb{background:#1cc6b6;border-radius:10px}.modal-tabs-container{display:flex;background:#f1f7f6;padding:6px;border-radius:16px;margin-bottom:20px;position:sticky;top:0;z-index:10}.video-container{border-radius:20px;overflow:hidden;background:#000;aspect-ratio:16/9;position:relative;transition:transform .3s ease}.modern-word-chip{background:#fff;border:1.5px solid #f1f7f6;padding:14px 16px;border-radius:14px;display:flex;flex-direction:column;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;-webkit-user-select:none;user-select:none}.modern-word-chip:hover{border-color:#1cc6b6;transform:translateY(-2px);box-shadow:0 4px 12px #1cc6b61a}.modern-word-chip.learned{background:#eafcfc;border-color:#1cc6b6}.modern-word-chip.learned .word-orig{color:#128a7e}.modern-word-chip.learned .word-trans{color:#1cc6b6;opacity:.8}.word-status-line{height:2px;width:12px;background:#cbd5e0;border-radius:2px;margin-top:6px;transition:all .3s ease}.modern-word-chip.learned .word-status-line{width:100%;background:#1cc6b6}@keyframes chipPop{0%{transform:scale(.95)}50%{transform:scale(1.05)}to{transform:scale(1)}}.modern-word-chip.learned{animation:chipPop .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modern-word-chip.learning{background:#fff8ec;border-color:#f59e0b}.modern-word-chip.learning .word-orig{color:#b45309}.modern-word-chip.learning .word-trans{color:#d97706;opacity:.85}.modern-word-chip.learning .word-status-line{width:55%;background:#f59e0b}html[data-theme=dark] .modern-word-chip.learning{background:#2d2200;border-color:#ca8a04}html[data-theme=dark] .modern-word-chip.learning .word-orig{color:#fcd34d}html[data-theme=dark] .modern-word-chip.learning .word-trans{color:#fbbf24}.modern-word-chip.is-phrase{border-color:#f59e0b}.chip-phrase-badge{font-size:.75rem;flex-shrink:0}.phrase-text-view{padding:4px 0 16px;font-size:1rem;line-height:2.2;color:var(--text-primary, #1a2332)}.phrase-paragraph{margin:0;white-space:pre-wrap;word-break:break-word}.phrase-legend{display:flex;align-items:center;gap:6px;font-size:.78rem;color:#64748b;margin-bottom:12px;padding:6px 10px;background:#f8fafb;border-radius:8px}.phrase-legend-dot{width:10px;height:10px;border-radius:2px;background:#fbbf24;display:inline-block;flex-shrink:0}.phrase-mark{display:inline-block;position:relative;margin-bottom:18px;vertical-align:baseline}.phrase-mark__text{background:#fef3c7;border-bottom:2px solid #f59e0b;border-radius:3px;padding:1px 2px;cursor:default}.phrase-mark--phrasal_verb .phrase-mark__text{background:#ede9fe;border-color:#8b5cf6}.phrase-mark--fixed_expression .phrase-mark__text{background:#dbeafe;border-color:#3b82f6}.phrase-mark__translation{position:absolute;left:0;top:calc(100% + 2px);white-space:nowrap;font-size:.72rem;font-weight:600;color:#92400e;background:#fef3c7;border-radius:4px;padding:1px 6px;pointer-events:none;z-index:1}.phrase-mark--phrasal_verb .phrase-mark__translation{color:#5b21b6;background:#ede9fe}.phrase-mark--fixed_expression .phrase-mark__translation{color:#1d4ed8;background:#dbeafe}.phrase-analyzing{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 0;color:#64748b;font-size:.9rem}.phrase-spinner{width:30px;height:30px;border:3px solid #e2e8f0;border-top-color:#f59e0b;border-radius:50%;animation:phrase-spin .7s linear infinite}@keyframes phrase-spin{to{transform:rotate(360deg)}}.phrase-none{color:#94a3b8;font-size:.88rem;text-align:center;padding:20px 0;font-style:italic;margin:0}.lco-text-hint{font-size:.78rem;color:#94a3b8;margin-bottom:10px}.lco-word{cursor:pointer;border-radius:3px;padding:1px 2px;transition:background .12s}.lco-word:hover{background:#eafcfc;color:#0fa89a}.lco-word--active{background:#1cc6b6;color:#fff;border-radius:4px}.lco-word--saved{color:#1cc6b6;font-weight:600}.lco-popup{position:sticky;bottom:0;background:#fff;border-radius:20px;padding:18px 20px;box-shadow:0 -4px 32px #0000001f;border:1.5px solid #e2e8f0;margin-top:16px;z-index:20}.lco-popup-word{font-size:1.2rem;font-weight:800;color:#1a2332;margin-bottom:6px;display:flex;align-items:center;gap:8px}.lco-phrase-badge{font-size:.72rem;background:#fff7ed;color:#f59e0b;border-radius:8px;padding:2px 8px;font-weight:600}.lco-lookup-spin{display:inline-block;width:16px;height:16px;border:2px solid #e2e8f0;border-top-color:#1cc6b6;border-radius:50%;animation:phrase-spin .6s linear infinite;flex-shrink:0}.lco-popup-note{font-size:.82rem;color:#64748b;background:#f8fafc;border-radius:8px;padding:6px 10px;margin-bottom:8px;font-style:italic}.lco-popup-example{font-size:.82rem;color:#64748b;margin-bottom:8px}.lco-popup-input{width:100%;padding:10px 14px;border:1.5px solid #e2e8f0;border-radius:12px;font-size:.9rem;color:#1a2332;font-family:inherit;outline:none;box-sizing:border-box;margin-bottom:12px;transition:border-color .12s}.lco-popup-input:focus{border-color:#1cc6b6}.lco-popup-input[readonly]{background:#f8fafb;color:#94a3b8;cursor:wait}.lco-popup-actions{display:flex;gap:10px;justify-content:flex-end}.lco-popup-cancel{padding:9px 18px;border-radius:10px;border:none;background:#f1f5f9;color:#64748b;font-weight:600;font-size:.85rem;cursor:pointer}.lco-popup-save{padding:9px 18px;border-radius:10px;border:none;background:#1a2332;color:#fff;font-weight:700;font-size:.85rem;cursor:pointer;transition:background .15s}.lco-popup-save:hover:not(:disabled){background:#1cc6b6}.lco-popup-save:disabled{opacity:.5;cursor:wait}.lco-scan-panel{padding:4px 0 16px}.lco-scan-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.lco-scan-title{font-size:1rem;font-weight:800;color:#1a2332;margin:0 0 4px}.lco-scan-sub{font-size:.82rem;color:#8fa0ad;margin:0;max-width:340px}.lco-scan-btn{display:flex;align-items:center;gap:8px;padding:11px 22px;border-radius:14px;border:none;background:#1a2332;color:#fff;font-size:.88rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .15s;flex-shrink:0}.lco-scan-btn:hover:not(:disabled){background:#1cc6b6}.lco-scan-btn:disabled{opacity:.5;cursor:wait}.lco-scan-spin{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:phrase-spin .6s linear infinite}.lco-scan-empty{text-align:center;padding:40px 20px;color:#94a3b8;font-size:.9rem}.lco-scan-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.lco-scan-count{font-size:.82rem;color:#8fa0ad;font-weight:600}.lco-add-all-btn{padding:8px 16px;border-radius:10px;border:none;background:#eafcfc;color:#1cc6b6;font-size:.82rem;font-weight:700;cursor:pointer;transition:background .15s}.lco-add-all-btn:hover:not(:disabled){background:#1cc6b6;color:#fff}.lco-add-all-btn:disabled{opacity:.5;cursor:wait}.lco-scan-list{display:flex;flex-direction:column;gap:8px}.lco-scan-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:14px;border:1.5px solid #e2e8f0;background:#fff;transition:border-color .12s}.lco-scan-item:hover{border-color:#1cc6b6}.lco-scan-item--saved{border-color:#1cc6b6;background:#eafcfc}.lco-scan-item-info{flex:1;display:flex;flex-direction:column;gap:2px}.lco-scan-word{font-weight:700;font-size:.95rem;color:#1a2332}.lco-scan-trans{font-size:.82rem;color:#1cc6b6;font-weight:600}.lco-scan-example{font-size:.78rem;color:#8fa0ad;font-style:italic}.lco-scan-add{width:32px;height:32px;border-radius:10px;border:none;background:#1a2332;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.lco-scan-add:hover:not(:disabled){background:#1cc6b6}.lco-scan-add:disabled{background:#1cc6b6;cursor:default}@keyframes lco-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.lco-word-skeleton{pointer-events:none;gap:10px;align-items:center}.lco-skel-orig,.lco-skel-trans{border-radius:8px;background:linear-gradient(90deg,#f0f2f4 25%,#e4e8ec,#f0f2f4 75%);background-size:800px 100%;animation:lco-shimmer 1.3s infinite linear}.lco-skel-orig{height:16px;width:35%;flex-shrink:0}.lco-skel-trans{height:14px;width:50%;flex-shrink:0}.lco-text-skeleton{display:flex;flex-direction:column;gap:10px;padding:16px 0}.lco-text-skel-line{height:14px;border-radius:7px;background:linear-gradient(90deg,#f0f2f4 25%,#e4e8ec,#f0f2f4 75%);background-size:800px 100%;animation:lco-shimmer 1.3s infinite linear}.ct-wrap{margin-bottom:20px;user-select:none;-webkit-user-select:none;padding:0 2px}.ct-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.ct-pos{font-size:13px;font-weight:700;color:#1a2332;font-variant-numeric:tabular-nums;min-width:36px}.ct-count{font-size:12px;color:#8fa0ad;font-weight:500}.ct-track{position:relative;height:6px;background:#eef2f5;border-radius:6px;cursor:pointer;overflow:hidden;touch-action:none}.ct-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#1cc6b6cc,#5be2d7aa);pointer-events:none;will-change:width}.ct-dot{position:absolute;top:0;width:3px;height:100%;border-radius:0;transform:translate(-50%);pointer-events:none;transition:background-color .35s ease,opacity .2s ease;z-index:2}.ct-dot--new{background:#f97316bf}.ct-dot--learned{background:#22c55ed9}.ct-dot--dim{opacity:.18}.ct-thumb{position:absolute;top:0;width:3px;height:100%;background:#1a2332;transform:translate(-50%);z-index:4;pointer-events:none;will-change:left}.ct-thumb:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;background:#fff;border:2.5px solid #1cc6b6;border-radius:50%;box-shadow:0 2px 8px #1cc6b673;transform:translate(-50%,-50%)}.ct-track:active{cursor:grabbing}.ct-labels{display:flex;justify-content:space-between;margin-top:6px;font-size:10px;color:#b0bfc7;font-weight:500;font-variant-numeric:tabular-nums}@media(max-width:640px){.librari-backdrop{padding:0;align-items:flex-end}.librari-modal{max-width:100%;border-radius:24px 24px 0 0;padding:20px 16px 24px;max-height:92vh}.librari-header{margin-bottom:16px}.librari-title{font-size:18px}}.add-content-backdrop{position:fixed;inset:0;background:#0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center;z-index:2000}.add-content-modal{background:#fff;padding:32px;border-radius:24px;width:480px;max-width:95%;box-shadow:0 20px 60px #0000001a;position:relative}.modal-title{font-size:20px;font-weight:700;margin-bottom:24px;color:#1a2332}.content-type-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.type-option{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;border-radius:16px;background:#f1f7f6;border:2px solid transparent;cursor:pointer;transition:all .2s;color:#555;font-weight:500;font-size:14px}.type-icon{width:24px;height:24px;margin-bottom:6px;display:flex;align-items:center;justify-content:center;background:transparent!important}.type-icon svg{width:100%;height:100%;fill:currentColor;display:block;background:none!important}.type-option.active{background:#fff;border-color:#1cc6b6;color:#1cc6b6;box-shadow:0 4px 12px #1cc6b61a}.input-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.input-group label{font-size:14px;font-weight:600;color:#8fa0ad}.add-content-form input,.add-content-form textarea{background:#eaf3f2;border:none;border-radius:12px;padding:14px 16px;font-size:15px;outline:none;width:100%;color:#1a2332}.url-input-wrapper{position:relative;display:flex;align-items:center}.link-icon{position:absolute;left:14px;width:18px;height:18px;color:#8fa0ad;display:flex;align-items:center;justify-content:center;background:transparent}.link-icon svg{width:100%;height:100%;fill:currentColor;background:none!important}.url-input-wrapper input{padding-left:42px}.submit-btn{margin-top:8px;width:100%;padding:16px;background:#a6e3db;color:#1cc6b6;border:none;border-radius:16px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s}.submit-btn:hover{background:#1cc6b6;color:#fff}.close-btn{position:absolute;top:20px;right:20px;background:#f1f7f6;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#8fa0ad}.acw-lang-btns{display:flex;gap:10px;flex-wrap:wrap}.acw-lang-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 20px;border:2px solid #eef2f7;border-radius:16px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s;font-family:inherit}.acw-lang-btn:hover:not(.active){border-color:#b2ede8;background:#f8fffe}.acw-lang-flag{font-size:24px;line-height:1}.acw-lang-name{font-size:13px;font-weight:700;color:#1a2332}.acw-lang-role{font-size:10px;font-weight:500;color:#aab0bc;text-transform:uppercase;letter-spacing:.4px}.acw-lang-btn.active{border-color:#1cc6b6;background:linear-gradient(135deg,#eafcfc,#f4fffe);box-shadow:0 3px 12px #1cc6b62e}.acw-lang-btn.active .acw-lang-name,.acw-lang-btn.active .acw-lang-role{color:#1cc6b6}.spotify-search-panel{display:flex;flex-direction:column;gap:0}.spotify-search-input-wrap{position:relative;display:flex;align-items:center}.spotify-search-icon{position:absolute;left:14px;color:#1db954;display:flex;align-items:center}.spotify-search-input-wrap input{padding-left:42px!important;padding-right:40px;background:#eaf3f2;border:none;border-radius:12px;padding-top:14px;padding-bottom:14px;font-size:15px;outline:none;width:100%;color:#1a2332}.spotify-spinner{position:absolute;right:14px;width:18px;height:18px;border:2px solid #1DB954;border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite}.spotify-results{margin-top:10px;display:flex;flex-direction:column;gap:4px;max-height:260px;overflow-y:auto;border-radius:14px;border:1.5px solid #e8f0ee;padding:6px;background:#fafffe}.spotify-result-item{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:10px;border:none;background:transparent;cursor:pointer;text-align:left;width:100%;transition:background .15s;font-family:inherit}.spotify-result-item:hover{background:#eaf3f2}.spotify-result-thumb{width:46px;height:46px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#191414}.spotify-result-thumb img{width:100%;height:100%;object-fit:cover;display:block}.spotify-result-thumb-placeholder{width:100%;height:100%;background:#191414;display:flex;align-items:center;justify-content:center}.spotify-result-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.spotify-result-title{font-size:14px;font-weight:600;color:#1a2332;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spotify-result-sub{font-size:12px;color:#8fa0ad;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:5px}.spotify-type-badge{font-size:10px;font-weight:700;padding:1px 6px;border-radius:6px;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0}.spotify-type-badge.track{background:#e8f8e8;color:#1db954}.spotify-type-badge.episode{background:#fef3e2;color:#f59e0b}.spotify-result-dur{color:#b0bec5}.spotify-result-add{width:28px;height:28px;border-radius:50%;background:#eaf3f2;color:#1cc6b6;font-size:20px;line-height:28px;text-align:center;flex-shrink:0;font-weight:400}.spotify-result-item:hover .spotify-result-add{background:#1cc6b6;color:#fff}.spotify-no-results{text-align:center;color:#8fa0ad;font-size:14px;padding:16px 0;margin:0}.spotify-url-divider{display:flex;align-items:center;gap:10px;margin:14px 0 10px;color:#b0bec5;font-size:12px}.spotify-url-divider:before,.spotify-url-divider:after{content:"";flex:1;height:1px;background:#e8f0ee}@media(max-width:480px){.add-content-backdrop{align-items:flex-end}.add-content-modal{width:100%;border-radius:22px 22px 0 0;padding:22px 18px 28px}.content-type-selector{gap:8px}}html[data-theme=dark] .add-content-modal{background:#1a2332;box-shadow:0 20px 60px #0006}html[data-theme=dark] .modal-title{color:#e2e8f0}html[data-theme=dark] .type-option{background:#243044;color:#94a3b8}html[data-theme=dark] .type-option.active{background:#1e3a3a;border-color:#1cc6b6;color:#1cc6b6}html[data-theme=dark] .add-content-form input,html[data-theme=dark] .add-content-form textarea{background:#243044;color:#e2e8f0}html[data-theme=dark] .add-content-form input::placeholder,html[data-theme=dark] .add-content-form textarea::placeholder{color:#4a6080}html[data-theme=dark] .input-group label{color:#64748b}html[data-theme=dark] .close-btn{background:#243044;color:#64748b}html[data-theme=dark] .close-btn:hover{background:#2d3a50;color:#e2e8f0}html[data-theme=dark] .acw-lang-btn{background:#243044;border-color:#2d3a50}html[data-theme=dark] .acw-lang-name{color:#e2e8f0}html[data-theme=dark] .acw-lang-btn:hover:not(.active){border-color:#1cc6b6;background:#1e3a3a}html[data-theme=dark] .spotify-search-input-wrap input{background:#243044;color:#e2e8f0}html[data-theme=dark] .spotify-results{background:#1e2d3f;border-color:#2d3a50}html[data-theme=dark] .spotify-result-item:hover{background:#243044}html[data-theme=dark] .spotify-result-title{color:#e2e8f0}html[data-theme=dark] .spotify-result-add{background:#1e3a3a}html[data-theme=dark] .spotify-url-divider:before,html[data-theme=dark] .spotify-url-divider:after{background:#2d3a50}html[data-theme=dark] .spotify-type-badge.track{background:#1a3a1a}html[data-theme=dark] .spotify-type-badge.episode{background:#3a2a0a}.lib2{--font-display: "DM Sans", system-ui, sans-serif;--teal-50: #f0fdfa;--teal-100: #ccfbf1;--teal-200: #99f6e4;--teal-300: #5eead4;--teal-400: #2dd4bf;--teal-500: #1cc6b6;--teal-600: #0d9488;--teal-700: #0f766e;--ink-50: #f8fafc;--ink-100: #f1f5f9;--ink-200: #e2e8f0;--ink-400: #94a3b8;--ink-500: #64748b;--ink-600: #475569;--ink-700: #334155;--ink-800: #1e293b;--ink-900: #0f172a;--ink-950: #020617;--warm-100: #fef3c7;--warm-700: #b45309;--good-500: #22c55e;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-pill: 999px;--sh-1: 0 1px 3px rgba(0,0,0,.08);--sh-2: 0 4px 12px rgba(0,0,0,.1);--sh-3: 0 8px 28px rgba(0,0,0,.14)}.lib2{font-family:var(--font-display);background:var(--bg-page, #f8fafb);padding:32px 32px 100px;min-height:100%;max-width:1280px;margin:0 auto}.lib2__top{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}.lib2__brandRow{display:flex;align-items:center;gap:14px}.lib2__avatar{width:52px;height:52px;background:linear-gradient(135deg,#2dd4bf,#0f766e);color:#fff;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:22px;flex-shrink:0}.lib2__greet{font-size:22px;font-weight:700;letter-spacing:-.01em;color:var(--ink-950)}.lib2__sub{font-size:13px;color:var(--ink-500);margin-top:2px}.lib2__topRight{display:flex;align-items:center;gap:12px}.lib2__search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--ink-200);border-radius:var(--r-pill);padding:8px 16px;min-width:260px}.lib2__search span{color:var(--ink-400);font-size:15px}.lib2__search input{border:none;outline:none;background:transparent;font-size:14px;color:var(--ink-800);flex:1}.lib2__addBtn{background:var(--ink-950);color:#fff;padding:10px 18px;border-radius:var(--r-pill);font-weight:600;font-size:14px;border:none;cursor:pointer;transition:background .15s;white-space:nowrap}.lib2__addBtn:hover{background:var(--teal-600)}.lib2__heroRow{display:grid;grid-template-columns:1.1fr 1fr 1fr .85fr;gap:14px;margin-bottom:24px}.lib2__streakHero{background:linear-gradient(140deg,#ffb98a,#f48a4a);border-radius:var(--r-xl);padding:20px;color:#fff;overflow:hidden}.lib2__streakNum{font-size:56px;font-weight:700;line-height:1;letter-spacing:-.03em}.lib2__streakLbl{font-size:13px;font-weight:600;opacity:.95;margin-top:4px}.lib2__weekDots{display:flex;gap:6px;margin-top:12px}.lib2__weekDot{width:26px;height:26px;border-radius:50%;background:#ffffff38;color:#ffffffb3;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.lib2__weekDot--on{background:#ffffffd9;color:#b45309}.lib2__weekDot--today{background:#fff;color:#b45309;box-shadow:0 0 0 3px #fff6}.lib2__statBig{border-radius:var(--r-xl);padding:20px;color:#fff;display:flex;flex-direction:column;position:relative;overflow:hidden}.lib2__statBig--words{background:linear-gradient(140deg,#2dd4bf,#0f766e)}.lib2__statBig--time{background:linear-gradient(140deg,#334155,#020617)}.lib2__statNum{font-size:38px;font-weight:700;line-height:1;letter-spacing:-.02em}.lib2__statNum span{opacity:.6;font-weight:500}.lib2__statLbl{font-size:13px;font-weight:500;opacity:.85;margin-top:4px}.lib2__sparkline{width:100%;height:30px;color:#ffffffb3;margin-top:auto}.lib2__progRing{position:absolute;top:16px;right:16px;width:50px;height:50px}.lib2__progRing svg{width:100%;height:100%}.lib2__progRing span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff}.lib2__langSwitcher{background:#fff;border:1px solid var(--ink-200);border-radius:var(--r-xl);padding:16px;display:flex;flex-direction:column;gap:6px}.lib2__langSubLbl{font-size:11px;color:var(--ink-500);letter-spacing:.05em;text-transform:uppercase;font-weight:600;margin-bottom:2px}.lib2__langPill{display:flex;align-items:center;gap:6px;padding:8px 10px;background:var(--ink-50);border-radius:var(--r-md);font-size:13px;font-weight:600;color:var(--ink-700);text-align:left;border:1px solid transparent;transition:all .15s;cursor:pointer}.lib2__langPill--on{background:var(--teal-100);color:var(--teal-700);border-color:var(--teal-300)}.lib2__langPill--all{justify-content:center;color:var(--ink-500);background:transparent;border:1px dashed var(--ink-200)}.lib2__langPill--all:hover{color:var(--teal-500);border-color:var(--teal-300)}.lib2__langCount{margin-left:auto;font-size:12px;opacity:.6}.lib2__pickup{margin-bottom:32px}.lib2__pickupLbl{font-size:12px;font-weight:600;color:var(--ink-500);letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px}.lib2__pickupCard{background:#fff;border:1px solid var(--ink-100);border-radius:var(--r-xl);padding:14px;display:grid;grid-template-columns:220px 1fr auto;gap:20px;align-items:center;cursor:pointer;transition:box-shadow .2s}.lib2__pickupCard:hover{box-shadow:var(--sh-2)}.lib2__pickupThumb{width:220px;height:124px;border-radius:var(--r-md);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.lib2__pickupEmoji{font-size:50px;opacity:.45;position:absolute;bottom:-6px;right:8px}.lib2__pickupPlay{width:44px;height:44px;background:#fffffff2;color:var(--teal-600);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;padding-left:3px;box-shadow:var(--sh-2);position:relative;z-index:1}.lib2__pickupBody{padding:0 4px;min-width:0}.lib2__pickupTitle{font-size:20px;font-weight:700;color:var(--ink-950);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib2__pickupMeta{font-size:13px;color:var(--ink-500);margin-top:4px}.lib2__pickupBar{height:6px;background:var(--ink-100);border-radius:3px;overflow:hidden;margin:12px 0 8px}.lib2__pickupBar>div{height:100%;background:linear-gradient(90deg,#2dd4bf,#0d9488);border-radius:3px}.lib2__pickupSplit{display:flex;gap:16px;font-size:13px;color:var(--ink-600);flex-wrap:wrap}.lib2__pickupCTA{display:flex;flex-direction:column;gap:8px;padding-right:12px;flex-shrink:0}.lib2__pickupBtnP{background:var(--teal-500);color:#fff;padding:10px 22px;border-radius:var(--r-pill);font-weight:600;font-size:14px;border:none;cursor:pointer;white-space:nowrap;transition:background .15s}.lib2__pickupBtnP:hover{background:var(--teal-600)}.lib2__pickupBtnG{background:var(--ink-50);color:var(--ink-800);padding:10px 22px;border-radius:var(--r-pill);font-weight:600;font-size:14px;border:none;cursor:pointer;transition:background .15s}.lib2__pickupBtnG:hover{background:var(--ink-100)}.lib2__tabsRow{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:12px}.lib2__h3{font-size:22px;font-weight:700;letter-spacing:-.01em;margin:0;color:var(--ink-950)}.lib2__tabs{display:flex;gap:4px;background:var(--ink-50);padding:4px;border-radius:var(--r-pill)}.lib2__tab{padding:8px 16px;border-radius:var(--r-pill);font-size:13px;font-weight:600;color:var(--ink-500);border:none;cursor:pointer;background:transparent;transition:all .15s}.lib2__tab--on{background:#fff;color:var(--ink-900);box-shadow:var(--sh-1)}.lib2__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.lib2__empty{grid-column:1/-1;text-align:center;color:var(--ink-400);font-size:14px;margin-top:40px}.cc{background:#fff;border-radius:var(--r-lg);border:1px solid var(--ink-100);overflow:hidden;cursor:pointer;transition:all .2s}.cc:hover{transform:translateY(-2px);box-shadow:var(--sh-2);border-color:var(--teal-200)}.cc:hover .cc__playOverlay{opacity:1}.cc__thumb{aspect-ratio:16/9;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.cc__thumbImg{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}.cc:hover .cc__thumbImg{transform:scale(1.03)}.cc__dur{position:absolute;bottom:8px;right:8px;background:#000000b8;color:#fff;padding:2px 8px;border-radius:4px;font-size:11px;font-family:ui-monospace,monospace;font-weight:600}.cc__doneBadge{position:absolute;top:8px;left:8px;background:var(--good-500);color:#fff;padding:2px 8px;border-radius:var(--r-pill);font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.cc__langBadge{position:absolute;bottom:8px;left:8px;background:#ffffffe6;border-radius:6px;padding:2px 6px;font-size:16px;line-height:1;box-shadow:0 1px 4px #0000001a}.cc__srcBadge{position:absolute;top:8px;right:8px;width:28px;height:28px;background:#ffffffeb;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 6px #0000001f}.cc__playOverlay{position:absolute;inset:0;background:#00000047;display:flex;align-items:center;justify-content:center;font-size:34px;color:#fff;opacity:0;transition:opacity .15s}.cc__thumbPlaceholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.cc__thumbPlaceholder--generic{background:#eef0f3;color:#aab0bc}.cc__thumbPlaceholder--spotify{background:linear-gradient(135deg,#191414,#1a3a1a);color:#1db954}.cc__body{padding:14px 16px 16px}.cc__title{font-weight:600;font-size:15px;color:var(--ink-950);line-height:1.3;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cc__meta{font-size:12px;color:var(--ink-500);margin-bottom:10px}.cc__statsRow{display:flex;gap:8px;align-items:center;font-size:12px;flex-wrap:wrap}.cc__stat{color:var(--ink-600);display:flex;align-items:center;gap:4px}.cc__stat--prog{background:var(--teal-50);color:var(--teal-700);padding:2px 8px;border-radius:var(--r-pill);font-weight:600;display:flex;align-items:center;gap:5px}.cc__progBar{width:32px;height:4px;background:var(--teal-100);border-radius:2px;overflow:hidden}.cc__progBar span{display:block;height:100%;background:var(--teal-500);border-radius:2px}.cc__newBadge{background:var(--warm-100);color:var(--warm-700);padding:2px 10px;border-radius:var(--r-pill);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}@keyframes cc-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.cc__thumb--skel{width:100%;aspect-ratio:16/9;background:linear-gradient(90deg,#f0f2f4 25%,#e4e8ec,#f0f2f4 75%);background-size:800px 100%;animation:cc-shimmer 1.4s infinite linear}.cc-skel{border-radius:6px;background:linear-gradient(90deg,#f0f2f4 25%,#e4e8ec,#f0f2f4 75%);background-size:800px 100%;animation:cc-shimmer 1.4s infinite linear}.cc-skel--title{height:16px;width:80%;margin-bottom:8px}.cc-skel--sub{height:13px;width:45%;margin-bottom:10px}.cc-skel--badge{height:26px;width:80px;border-radius:12px}.cc--pending{border:1.5px dashed var(--teal-500)!important;background:#f8fffe!important}.cc__thumb--pending{width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,#eafcfc,#d0f5f2);display:flex;align-items:center;justify-content:center}.cc-pend-spinner{width:32px;height:32px;border:3px solid rgba(28,198,182,.2);border-top-color:#1cc6b6;border-radius:50%;animation:cc-spin .9s linear infinite}@keyframes cc-spin{to{transform:rotate(360deg)}}.cc-pend-hint{margin:4px 0 6px;font-size:12px;color:#1cc6b6;font-weight:500}.cc-pend-bar{height:3px;background:#e8ecf0;border-radius:2px;overflow:hidden}.cc-pend-bar-fill{height:100%;background:linear-gradient(90deg,#1cc6b6,#6c63ff);border-radius:2px;transition:width .6s ease}html[data-theme=dark] .lib2{--ink-50: #1a2535;--ink-100: #243044;--ink-200: #2d3c52;--ink-400: #6e8898;--ink-500: #5a7080;--ink-600: #8fa0ad;--ink-700: #b0bec5;--ink-800: #ccd6e0;--ink-900: #dde6f0;--ink-950: #eef2f7}html[data-theme=dark] .lib2{background:var(--bg-page, #0f1923)}html[data-theme=dark] .lib2__greet{color:#dde6f0}html[data-theme=dark] .lib2__addBtn{background:var(--primary);color:var(--bg-page)}html[data-theme=dark] .lib2__search{background:#1a2535;border-color:#243044}html[data-theme=dark] .lib2__search input{color:#dde6f0}html[data-theme=dark] .lib2__langSwitcher{background:#1a2535;border-color:#243044}html[data-theme=dark] .lib2__langPill{background:#243044;color:#b0bec5;border-color:#2d3c52}@media(max-width:700px){html[data-theme=dark] .lib2__langSwitcher{background:transparent;border:none}html[data-theme=dark] .lib2__langPill{background:#1a2535;border-color:#2d3c52}}html[data-theme=dark] .lib2__pickupCard{background:#1a2535;border-color:#243044}html[data-theme=dark] .lib2__pickupBtnG{background:#243044;color:#dde6f0}html[data-theme=dark] .lib2__tabs{background:var(--bg-card)}html[data-theme=dark] .lib2__tab--on{background:#243044}html[data-theme=dark] .cc{background:#1a2535;border-color:#243044}html[data-theme=dark] .cc__thumbPlaceholder--generic{background:#243044}html[data-theme=dark] .cc__thumb--skel,html[data-theme=dark] .cc-skel{background:linear-gradient(90deg,#243044 25%,#2d3c52,#243044 75%);background-size:800px 100%}html[data-theme=dark] .cc-pend-bar{background:#243044}@media(max-width:1024px){.lib2__heroRow{grid-template-columns:1fr 1fr}.lib2__langSwitcher{grid-column:span 2;flex-direction:row;flex-wrap:wrap}.lib2__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.lib2{padding:20px 14px 100px}.lib2__top{flex-direction:column;align-items:flex-start}.lib2__topRight{width:100%}.lib2__search{flex:1;min-width:0}.lib2__heroRow{grid-template-columns:1fr 1fr;gap:10px}.lib2__streakHero{grid-column:span 2;display:flex;flex-direction:row;align-items:center;gap:16px;padding:16px 18px}.lib2__streakLeft{display:flex;flex-direction:column;flex-shrink:0}.lib2__streakNum{font-size:48px;line-height:1}.lib2__streakLbl{font-size:13px;margin-top:2px}.lib2__weekDots{margin-top:0;flex:1;justify-content:flex-end;flex-wrap:nowrap}.lib2__weekDot{width:30px;height:30px;font-size:12px}.lib2__statBig{padding:16px}.lib2__statNum{font-size:32px}.lib2__langSwitcher{grid-column:span 2;background:transparent;border:none;padding:0;flex-direction:row;align-items:center;gap:8px;flex-wrap:wrap}.lib2__langSubLbl{font-size:11px;letter-spacing:.05em;color:var(--ink-400);margin-bottom:0;white-space:nowrap}.lib2__langPill{padding:7px 14px;border-radius:20px;font-size:13px;border:1.5px solid var(--ink-200);background:#fff}.lib2__langPill--on{background:#1cc6b6;color:#fff;border-color:#1cc6b6;box-shadow:0 2px 8px #1cc6b640}.lib2__pickupCard{grid-template-columns:1fr}.lib2__pickupThumb{width:100%;height:160px}.lib2__pickupCTA{flex-direction:row;padding-right:0}.lib2__grid{grid-template-columns:1fr}.lib2__tabsRow{flex-direction:column;align-items:flex-start}}.qz-overlay{position:fixed;inset:0;z-index:2000;background:#1a233273;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:20px}.qz-sheet{background:#fff;border-radius:32px;padding:32px;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;position:relative;box-shadow:0 25px 70px #00000026;animation:qz-appear .24s cubic-bezier(.175,.885,.32,1.1);overflow:hidden}@keyframes qz-appear{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.qz-close{position:absolute;top:14px;right:16px;background:var(--bg-tertiary, #f1f5f9);border:none;border-radius:50%;width:32px;height:32px;font-size:.9rem;cursor:pointer;color:var(--text-secondary, #6b7280);display:flex;align-items:center;justify-content:center;z-index:5}.qz-close:hover{background:var(--border-color, #e2e8f0)}.qz-header{display:flex;align-items:center;justify-content:space-between;padding:18px 52px 10px 20px}.qz-title{font-size:1.1rem;font-weight:700;color:var(--text-primary, #1a2332)}.qz-counter{font-size:.82rem;color:var(--text-secondary, #8fa0ad);font-weight:500}.qz-progress{height:4px;background:var(--bg-tertiary, #e2e8f0);margin:0 20px;border-radius:2px;overflow:hidden}.qz-progress-fill{height:100%;background:#6366f1;border-radius:2px;transition:width .3s ease}.qz-score-row{display:flex;gap:10px;justify-content:flex-end;padding:6px 20px 0;font-size:.8rem;font-weight:600}.qz-score-good{color:#22c55e}.qz-score-bad{color:#ef4444}.qz-body{flex:1;overflow-y:auto;padding:20px 20px 10px;display:flex;flex-direction:column;gap:14px}.qz-lang-badge{font-size:.78rem;font-weight:500;background:var(--bg-tertiary, #f1f5f9);border-radius:20px;padding:2px 9px;color:var(--text-secondary, #64748b)}.qz-type-badge{display:inline-block;align-self:flex-start;border-radius:20px;padding:4px 12px;font-size:.78rem;font-weight:700}.qz-prompt{font-size:1.25rem;font-weight:700;color:var(--text-primary, #1a2332);line-height:1.45;text-align:center;padding:8px 0}.qz-prompt--fill{text-align:left;font-size:1.1rem;background:var(--bg-secondary, #f8fafb);border-radius:14px;padding:14px 16px;border:1.5px dashed #10b981}.qz-result{border-radius:12px;padding:10px 14px;font-size:.9rem;font-weight:600;text-align:center}.qz-result--correct{background:#dcfce7;color:#16a34a}.qz-result--wrong{background:#fee2e2;color:#dc2626}.qz-write-wrap{display:flex;gap:8px}.qz-input{flex:1;background:var(--bg-primary, #fff);border:2px solid var(--border-color, #e2e8f0);border-radius:12px;padding:10px 14px;font-size:1rem;color:var(--text-primary, #1a2332);font-family:inherit}.qz-input:focus{outline:none;border-color:#6366f1}.qz-input-btn{background:#6366f1;color:#fff;border:none;border-radius:12px;padding:10px 18px;font-size:.9rem;font-weight:700;cursor:pointer;white-space:nowrap}.qz-input-btn:disabled{opacity:.45;cursor:not-allowed}.qz-input-btn:hover:not(:disabled){background:#5558e8}.qz-options{display:flex;flex-direction:column;gap:8px}.qz-opt{background:var(--bg-secondary, #f8fafb);border:2px solid var(--border-color, #e2e8f0);border-radius:12px;padding:11px 14px;font-size:.95rem;font-weight:500;color:var(--text-primary, #1a2332);cursor:pointer;text-align:left;display:flex;align-items:center;gap:10px;transition:border-color .12s,background .12s}.qz-opt:hover:not(:disabled){border-color:#6366f1;background:#eef2ff}.qz-opt:disabled{cursor:default}.qz-opt--correct{border-color:#22c55e!important;background:#dcfce7!important;color:#16a34a!important}.qz-opt--wrong{border-color:#ef4444!important;background:#fee2e2!important;color:#dc2626!important}.qz-opt-letter{width:26px;height:26px;flex-shrink:0;background:var(--border-color, #e2e8f0);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;transition:background .12s,color .12s}.qz-opt--correct .qz-opt-letter{background:#22c55e;color:#fff}.qz-opt--wrong .qz-opt-letter{background:#ef4444;color:#fff}.qz-tf-wrap{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}.qz-tf-btn{border:2.5px solid var(--border-color, #e2e8f0);border-radius:16px;padding:20px 12px;font-size:1.1rem;font-weight:800;cursor:pointer;text-align:center;transition:border-color .12s,background .12s,transform .1s}.qz-tf-btn--true{background:#f0fdf9;color:#10b981;border-color:#10b981}.qz-tf-btn--false{background:#fff5f5;color:#ef4444;border-color:#ef4444}.qz-tf-btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(.96)}.qz-tf-btn:disabled{cursor:default;opacity:.7}.qz-next-wrap{padding:12px 20px 20px;flex-shrink:0}.qz-next-btn{width:100%;background:#6366f1;color:#fff;border:none;border-radius:14px;padding:14px;font-size:1rem;font-weight:700;cursor:pointer}.qz-next-btn:hover{background:#5558e8}.qz-done{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 28px 36px;gap:12px;text-align:center}.qz-done-icon{font-size:3.5rem}.qz-done-title{font-size:1.3rem;font-weight:800;color:var(--text-primary, #1a2332);margin:0}.qz-done-hint{font-size:.88rem;color:var(--text-secondary, #94a3b8);max-width:280px;margin:0;line-height:1.5}.qz-done-score{font-size:1.4rem;font-weight:700;color:var(--text-primary, #1a2332);margin:0}.qz-done-pct{font-size:2rem;font-weight:800;color:#6366f1;margin:0}.qz-done-bar-wrap{width:100%;height:10px;background:var(--bg-tertiary, #e2e8f0);border-radius:5px;overflow:hidden;max-width:280px}.qz-done-bar{height:100%;background:#6366f1;border-radius:5px;transition:width .6s ease}.qz-done-btn{background:#6366f1;color:#fff;border:none;border-radius:14px;padding:12px 32px;font-size:1rem;font-weight:700;cursor:pointer;margin-top:8px}.qz-done-btn:hover{background:#5558e8}.qz-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;gap:16px}.qz-loading-text{font-size:.9rem;color:var(--text-secondary, #94a3b8)}.qz-spinner{width:36px;height:36px;border:3px solid var(--border-color, #e2e8f0);border-top-color:#6366f1;border-radius:50%;animation:qz-spin .7s linear infinite}@keyframes qz-spin{to{transform:rotate(360deg)}}html[data-theme=dark] .qz-sheet{background:var(--bg-card)}html[data-theme=dark] .qz-title,html[data-theme=dark] .qz-prompt,html[data-theme=dark] .qz-done-title{color:var(--text-primary)}html[data-theme=dark] .qz-opt{background:var(--bg-card);border-color:var(--border);color:var(--text-primary)}html[data-theme=dark] .qz-opt:hover:not(:disabled){background:var(--bg-muted);border-color:#6366f1}html[data-theme=dark] .qz-input{background:var(--bg-input);border-color:var(--border);color:var(--text-primary)}html[data-theme=dark] .qz-type-badge{background:var(--bg-muted)}@media(max-width:640px){.qz-overlay{padding:0;align-items:flex-end}.qz-sheet{border-radius:28px 28px 0 0;max-height:92vh;padding:20px 14px 24px}}.vm-overlay{position:fixed;inset:0;background:#0a141eb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:vmFadeIn .22s ease}@keyframes vmFadeIn{0%{opacity:0}to{opacity:1}}.vm-card{background:#fff;border-radius:28px;width:min(92vw,420px);padding:24px 24px 28px;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:0 32px 80px #0a142847;animation:vmSlideUp .25s cubic-bezier(.175,.885,.32,1.275)}@keyframes vmSlideUp{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.vm-header{width:100%;display:flex;align-items:center;justify-content:space-between}.vm-title{font-size:16px;font-weight:700;color:#111}.vm-close{width:32px;height:32px;border:none;background:#f4f7f9;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7a8a;transition:background .15s}.vm-close svg{width:14px;height:14px;display:block}.vm-close:hover{background:#e8edf0;color:#111}.vm-langs{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;width:100%}.vm-lang-btn{padding:5px 12px;border-radius:20px;border:1.5px solid #e8edf0;background:transparent;font-size:12px;font-weight:500;color:#5a6a75;cursor:pointer;font-family:inherit;transition:all .15s}.vm-lang-btn:hover{border-color:#1cc6b6;color:#1cc6b6}.vm-lang-btn.active{background:#1cc6b6;border-color:#1cc6b6;color:#fff;font-weight:600}.vm-ai-bubble{width:100%;background:#f4f9f9;border-radius:18px;padding:14px 18px;border-left:3px solid #1cc6b6;min-height:56px}.vm-ai-text{font-size:14px;color:#1a2332;line-height:1.55;margin:0}.vm-user-bubble{width:100%;background:#eafcfc;border-radius:14px;padding:10px 14px}.vm-user-text{font-size:13px;color:#2d7a74;margin:0;font-style:italic}.vm-error{font-size:12px;color:#ef4444;margin:0;text-align:center}.vm-mic-area{position:relative;width:140px;height:140px;display:flex;align-items:center;justify-content:center;margin:4px 0}.vm-ring{position:absolute;border-radius:50%;border:2px solid #1cc6b6;opacity:0;transform:scale(1)}.vm-ring-1{width:100%;height:100%}.vm-ring-2{width:76%;height:76%}.vm-ring-3{width:54%;height:54%}.vm-mic-area--idle .vm-ring{opacity:0}.vm-mic-area--listening .vm-ring-1{animation:vmPulse 1.6s ease-out infinite;animation-delay:0s}.vm-mic-area--listening .vm-ring-2{animation:vmPulse 1.6s ease-out infinite;animation-delay:.3s}.vm-mic-area--listening .vm-ring-3{animation:vmPulse 1.6s ease-out infinite;animation-delay:.6s}.vm-mic-area--speaking .vm-ring-1{animation:vmPulse 2.2s ease-out infinite;animation-delay:0s;border-color:#8b5cf6}.vm-mic-area--speaking .vm-ring-2{animation:vmPulse 2.2s ease-out infinite;animation-delay:.4s;border-color:#8b5cf6}.vm-mic-area--speaking .vm-ring-3{animation:vmPulse 2.2s ease-out infinite;animation-delay:.8s;border-color:#8b5cf6}@keyframes vmPulse{0%{transform:scale(.85);opacity:.7}to{transform:scale(1.35);opacity:0}}.vm-mic-btn{width:72px;height:72px;border-radius:50%;border:none;background:#1cc6b6;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;z-index:1;box-shadow:0 8px 24px #1cc6b65c;transition:background .2s,transform .15s}.vm-mic-btn:hover{background:#17b3a4;transform:scale(1.06)}.vm-mic-btn:active{transform:scale(.94)}.vm-mic-btn svg{width:26px;height:26px;display:block}.vm-mic-area--listening .vm-mic-btn{background:#ef4444;box-shadow:0 8px 24px #ef44445c}.vm-mic-area--speaking .vm-mic-btn{background:#8b5cf6;box-shadow:0 8px 24px #8b5cf65c}.vm-mic-area--processing .vm-mic-btn{background:#f59e0b;box-shadow:0 8px 24px #f59e0b4d;cursor:default}.vm-spinner{width:26px;height:26px;border:3px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:vmSpin .75s linear infinite}@keyframes vmSpin{to{transform:rotate(360deg)}}.vm-phase-label{font-size:13px;color:#8fa0ad;font-weight:500;margin:0}.vm-auto-row{width:100%;display:flex;justify-content:center}.vm-auto-btn{padding:7px 20px;border-radius:20px;border:1.5px solid #e8edf0;background:transparent;font-size:12px;font-weight:500;color:#8fa0ad;cursor:pointer;font-family:inherit;transition:all .15s}.vm-auto-btn:hover{border-color:#1cc6b6;color:#1cc6b6}.vm-auto-btn.active{background:#eafcfc;border-color:#1cc6b6;color:#1cc6b6;font-weight:600}html[data-theme=dark] .vm-card{background:var(--bg-card);box-shadow:0 32px 80px #00000080}html[data-theme=dark] .vm-title{color:var(--text-primary)}html[data-theme=dark] .vm-close{background:var(--bg-muted);color:var(--text-secondary)}html[data-theme=dark] .vm-close:hover{background:var(--border);color:var(--text-primary)}html[data-theme=dark] .vm-lang-btn{border-color:var(--border-input);color:var(--text-secondary)}html[data-theme=dark] .vm-ai-bubble{background:var(--bg-muted);border-left-color:var(--primary)}html[data-theme=dark] .vm-ai-text{color:var(--text-primary)}html[data-theme=dark] .vm-user-bubble{background:var(--primary-bg)}html[data-theme=dark] .vm-user-text{color:var(--primary)}html[data-theme=dark] .vm-phase-label{color:var(--text-secondary)}html[data-theme=dark] .vm-auto-btn{border-color:var(--border-input);color:var(--text-secondary)}html[data-theme=dark] .vm-auto-btn.active{background:var(--primary-bg);border-color:var(--primary);color:var(--primary)}.iscan-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1100;padding:16px}.iscan-card{background:var(--card-bg, #fff);border-radius:20px;padding:28px 24px 24px;width:100%;max-width:420px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 12px 48px #00000038}.iscan-close{position:absolute;top:16px;right:16px;width:28px;height:28px;border-radius:50%;border:none;background:var(--bg-secondary, #f5f5f7);color:var(--text-secondary, #888);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.iscan-close:hover{background:var(--border, #e0e0e0)}.iscan-header{margin-bottom:20px}.iscan-title-row{display:flex;align-items:center;gap:8px;margin-bottom:4px;color:var(--text, #1a1a2e)}.iscan-title{margin:0;font-size:18px;font-weight:700;color:var(--text, #1a1a2e)}.iscan-sub{margin:0;font-size:13px;color:var(--text-secondary, #888)}.iscan-dropzone{border:2px dashed var(--border, #ddd);border-radius:16px;padding:28px 20px 20px;display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--text-secondary, #888);transition:border-color .2s,background .2s;text-align:center}.iscan-dropzone:hover{border-color:#1cc6b6;background:#1cc6b608}.iscan-pick-buttons{display:flex;gap:12px;width:100%}.iscan-pick-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 12px;border-radius:14px;border:1.5px solid var(--border, #e0e0e0);background:var(--bg-secondary, #f8f8fa);cursor:pointer;font-size:13px;font-weight:600;transition:border-color .18s,background .18s,color .18s}.iscan-pick-btn--camera{color:#1cc6b6;border-color:#1cc6b64d;background:#1cc6b60d}.iscan-pick-btn--camera:hover{border-color:#1cc6b6;background:#1cc6b61a}.iscan-pick-btn--gallery{color:var(--text-secondary, #666)}.iscan-pick-btn--gallery:hover{border-color:#1cc6b6;color:#1cc6b6;background:#1cc6b60d}.iscan-drop-hint{margin:0;font-size:12px;color:var(--text-secondary, #aaa)}.iscan-pick-err{color:#ef4444;font-size:12px;margin:0}.iscan-preview{position:relative;border-radius:14px;overflow:hidden;margin-bottom:16px}.iscan-preview img{width:100%;max-height:260px;object-fit:cover;display:block;border-radius:14px}.iscan-change{position:absolute;bottom:10px;right:10px;background:#0000008c;color:#fff;border:none;border-radius:8px;padding:5px 12px;font-size:12px;cursor:pointer;transition:background .15s}.iscan-change:hover{background:#000000bf}.iscan-analyze-btn{width:100%;padding:13px;border-radius:12px;border:none;background:linear-gradient(135deg,#1cc6b6,#0fa89a);color:#fff;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .15s}.iscan-analyze-btn:hover{opacity:.88}.iscan-loading{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 0;color:var(--text-secondary, #888);font-size:14px}.iscan-spinner{width:36px;height:36px;border:3px solid var(--border, #e0e0e0);border-top-color:#1cc6b6;border-radius:50%;animation:iscan-spin .75s linear infinite}@keyframes iscan-spin{to{transform:rotate(360deg)}}.iscan-img-row{margin-bottom:14px}.iscan-thumb{width:100%;max-height:160px;object-fit:cover;border-radius:12px}.iscan-words-label{margin:0 0 8px;font-size:13px;font-weight:600;color:var(--text-secondary, #888)}.iscan-words-list{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto;margin-bottom:12px}.iscan-word-row{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:10px;border:1.5px solid var(--border, #e0e0e0);background:var(--bg-secondary, #f8f8fa);cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .15s,background .15s}.iscan-word-row.selected{border-color:#1cc6b6;background:#1cc6b60f}.iscan-word-row:hover{border-color:#1cc6b6}.iscan-check{width:16px;height:16px;border-radius:4px;border:1.5px solid var(--border, #ccc);background:transparent;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,border-color .15s;color:#fff}.iscan-check.checked{background:#1cc6b6;border-color:#1cc6b6}.iscan-orig{font-size:14px;font-weight:600;color:var(--text, #1a1a2e);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.iscan-dash{color:var(--text-secondary, #aaa);font-size:13px;flex-shrink:0}.iscan-trans{font-size:13px;color:var(--text-secondary, #666);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}.iscan-sentences{font-size:12px;color:var(--text-secondary, #888);line-height:1.5;padding:8px 12px;background:var(--bg-secondary, #f5f5f7);border-radius:8px;margin:0 0 14px}.iscan-actions{display:flex;flex-direction:column;gap:8px}.iscan-add-btn{width:100%;padding:13px;border-radius:12px;border:none;background:linear-gradient(135deg,#1cc6b6,#0fa89a);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s}.iscan-add-btn:hover:not(:disabled){opacity:.88}.iscan-add-btn:disabled{opacity:.5;cursor:not-allowed}.iscan-skip{width:100%;padding:10px;border-radius:12px;border:1.5px solid var(--border, #e0e0e0);background:transparent;color:var(--text-secondary, #888);font-size:13px;cursor:pointer;transition:border-color .15s}.iscan-skip:hover{border-color:var(--text-secondary, #aaa)}.iscan-done{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 0 20px;text-align:center}.iscan-done-check{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#1cc6b6,#0fa89a);display:flex;align-items:center;justify-content:center;color:#fff}.iscan-done-text{margin:0;font-size:17px;font-weight:600;color:var(--text, #1a1a2e)}.iscan-err{display:flex;flex-direction:column;align-items:center;gap:16px;padding:36px 0 20px;text-align:center;color:var(--text-secondary, #888);font-size:14px}.iscan-err button{padding:10px 24px;border-radius:10px;border:1.5px solid var(--border, #e0e0e0);background:transparent;color:var(--text, #1a1a2e);font-size:14px;cursor:pointer;transition:border-color .15s}.iscan-err button:hover{border-color:#1cc6b6}html[data-theme=dark] .iscan-card{background:#1a2332;box-shadow:0 12px 48px #00000080}html[data-theme=dark] .iscan-title,html[data-theme=dark] .iscan-title-row{color:#e2e8f0}html[data-theme=dark] .iscan-sub{color:#64748b}html[data-theme=dark] .iscan-close{background:#243044;color:#64748b}html[data-theme=dark] .iscan-close:hover{background:#2d3a50}html[data-theme=dark] .iscan-dropzone{border-color:#243044}html[data-theme=dark] .iscan-dropzone:hover{border-color:#1cc6b6;background:#1cc6b60d}html[data-theme=dark] .iscan-pick-btn{border-color:#243044;background:#111e2d;color:#94a3b8}html[data-theme=dark] .iscan-pick-btn--camera{border-color:#1cc6b64d;background:#1cc6b612;color:#1cc6b6}html[data-theme=dark] .iscan-pick-btn--gallery:hover,html[data-theme=dark] .iscan-pick-btn--camera:hover{border-color:#1cc6b6;background:#1cc6b61f;color:#1cc6b6}html[data-theme=dark] .iscan-drop-hint{color:#4a6080}html[data-theme=dark] .iscan-spinner{border-color:#243044;border-top-color:#1cc6b6}html[data-theme=dark] .iscan-word-row{background:#111e2d;border-color:#243044}html[data-theme=dark] .iscan-word-row.selected{border-color:#1cc6b6;background:#1cc6b614}html[data-theme=dark] .iscan-orig{color:#e2e8f0}html[data-theme=dark] .iscan-trans,html[data-theme=dark] .iscan-dash{color:#64748b}html[data-theme=dark] .iscan-check{border-color:#2d3a50}html[data-theme=dark] .iscan-sentences{background:#111e2d;color:#94a3b8}html[data-theme=dark] .iscan-skip{border-color:#243044;color:#64748b}html[data-theme=dark] .iscan-skip:hover{border-color:#64748b}html[data-theme=dark] .iscan-done-text{color:#e2e8f0}html[data-theme=dark] .iscan-err{color:#64748b}html[data-theme=dark] .iscan-err button{border-color:#243044;color:#e2e8f0}html[data-theme=dark] .iscan-words-label{color:#64748b}.chat-root *,.chat-root *:before,.chat-root *:after{box-sizing:border-box}.chat-root{display:flex;height:calc(100vh - 72px);font-family:DM Sans,Segoe UI,sans-serif;background:#f8fafb;overflow:hidden}.chat-sidebar{width:260px;min-width:260px;background:#fff;border-right:1.5px solid #f0f2f4;display:flex;flex-direction:column;transition:width .22s ease,min-width .22s ease,opacity .18s;overflow:hidden}.chat-sidebar.closed{width:0;min-width:0;opacity:0;pointer-events:none}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px 14px 12px;border-bottom:1.5px solid #f0f2f4;flex-shrink:0}.sidebar-logo{font-size:15px;font-weight:700;color:#111;letter-spacing:-.3px}.sidebar-logo span{color:#1cc6b6}.sidebar-new-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#1cc6b6;color:#fff;border:none;border-radius:20px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s;white-space:nowrap}.sidebar-new-btn:hover{background:#17b3a4}.sidebar-section-label{font-size:11px;font-weight:600;color:#b0bfc7;text-transform:uppercase;letter-spacing:.6px;padding:14px 14px 6px}.sidebar-chats{flex:1;overflow-y:auto;padding:0 6px 12px}.sidebar-chats::-webkit-scrollbar{width:3px}.sidebar-chats::-webkit-scrollbar-thumb{background:#e8edf0;border-radius:3px}.sidebar-chat-item{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:10px;cursor:pointer;transition:background .13s;color:#4a5568;position:relative}.sidebar-chat-item:hover{background:#f4f7f9}.sidebar-chat-item.active{background:#eafcfc;color:#1cc6b6}.sidebar-chat-item.active .sidebar-chat-icon{color:#1cc6b6}.sidebar-chat-icon{flex-shrink:0;color:#b0bfc7;display:flex;align-items:center}.sidebar-chat-title{font-size:13.5px;font-weight:500;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-delete-btn{flex-shrink:0;width:24px;height:24px;border:none;background:transparent;color:#c8d0d8;display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;opacity:0;transition:opacity .13s,background .13s,color .13s}.sidebar-chat-item:hover .sidebar-delete-btn{opacity:1}.sidebar-delete-btn:hover{background:#fee2e2;color:#ef4444}.chat-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.chat-header{display:flex;align-items:center;gap:10px;padding:0 20px;height:58px;background:#fff;border-bottom:1.5px solid #f0f2f4;flex-shrink:0}.chat-toggle-btn{width:34px;height:34px;border-radius:8px;border:none;background:transparent;color:#8fa0ad;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .14s;flex-shrink:0}.chat-toggle-btn:hover{background:#f4f7f9}.chat-header-info{flex:1;min-width:0}.chat-header-title{font-size:16px;font-weight:700;color:#111;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-header-sub{font-size:12px;color:#8fa0ad;margin:1px 0 0}.chat-header-new-btn{width:34px;height:34px;border-radius:50%;border:none;background:#eafcfc;color:#1cc6b6;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s;flex-shrink:0}.chat-header-new-btn:hover{background:#d0f7f4}.chat-messages{flex:1;overflow-y:auto;padding:24px 16px}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:#e0e5e8;border-radius:4px}.chat-messages-inner{max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:18px}.chat-row{display:flex;gap:10px;align-items:flex-start;animation:fadeSlideUp .22s ease both}.chat-row--user{flex-direction:row-reverse}.chat-avatar{width:32px;height:32px;border-radius:50%;background:#1cc6b6;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;margin-top:2px;overflow:hidden}.chat-avatar svg{display:block;background:transparent;color:#fff}.chat-bubble-wrap{display:flex;flex-direction:column;max-width:74%}.chat-row--user .chat-bubble-wrap{align-items:flex-end}.chat-name{font-size:11px;font-weight:600;color:#b0bfc7;margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px}.chat-bubble{padding:11px 16px;border-radius:18px;font-size:14.5px;line-height:1.58;word-break:break-word;overflow-wrap:break-word}.chat-bubble p{margin:0}.chat-bubble p+p{margin-top:4px}.chat-avatar-spacer{width:32px;flex-shrink:0}.chat-row--continuation{margin-top:-12px}.chat-bubble--assistant{background:#fff;color:#1a2332;border:1.5px solid #edf0f3;border-top-left-radius:4px;box-shadow:0 2px 8px #1e32500d}.chat-row--continuation .chat-bubble--assistant{border-top-left-radius:4px;border-bottom-left-radius:4px}.chat-bubble--user{background:#1cc6b6;color:#fff;border:1.5px solid transparent;border-bottom-right-radius:4px}.chat-suggestions{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.chat-chip{padding:6px 13px;background:#f4f7f9;border:1.5px solid #e8edf0;border-radius:20px;font-size:13px;color:#5a6a75;cursor:pointer;font-family:inherit;transition:all .15s;line-height:1.4}.chat-chip:hover{background:#eafcfc;border-color:#1cc6b6;color:#1cc6b6}.typing-dots{display:flex;gap:5px;align-items:center;padding:4px 0}.typing-dots span{width:7px;height:7px;border-radius:50%;background:#b0bfc7;display:inline-block;animation:typingBounce 1.2s infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}.chat-stream-cursor{display:inline-block;width:2px;height:1em;background:currentColor;margin-left:2px;vertical-align:text-bottom;opacity:.7;animation:cursorBlink .8s step-end infinite}@keyframes cursorBlink{0%,to{opacity:.7}50%{opacity:0}}.chat-footer{padding:10px 16px 14px;background:#fff;border-top:1.5px solid #f0f2f4;flex-shrink:0}.chat-input-wrap{display:flex;align-items:flex-end;gap:8px;background:#f4f7f9;border-radius:22px;padding:9px 9px 9px 16px;max-width:700px;margin:0 auto;border:1.5px solid transparent;transition:border-color .18s,background .18s}.chat-input-wrap:focus-within{border-color:#1cc6b6;background:#fff}.chat-input{flex:1;border:none;background:transparent;outline:none;font-size:14.5px;font-family:inherit;color:#1a2332;resize:none;line-height:1.5;max-height:120px;overflow-y:auto}.chat-input::placeholder{color:#b0bfc7}.chat-icon-btn{width:34px;height:34px;border-radius:50%;border:none;background:transparent;color:#8fa0ad;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .15s,color .15s}.chat-icon-btn:hover,.chat-voice-btn:hover{background:#eaf5f4;color:#1cc6b6}.chat-image-preview-wrap{max-width:700px;margin:0 auto 8px}.chat-image-preview{display:inline-flex;align-items:flex-start;position:relative;border-radius:12px;overflow:hidden;border:1.5px solid #e8edf0}.chat-image-preview img{max-height:80px;max-width:120px;object-fit:cover;display:block}.chat-image-preview-remove{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:#0000008c;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.chat-image-thumb{max-width:100%;max-height:200px;border-radius:10px;display:block;margin-bottom:6px;object-fit:cover}.chat-send-btn{width:36px;height:36px;border-radius:50%;background:#1cc6b6;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,transform .1s;flex-shrink:0;overflow:hidden}.chat-send-btn svg{display:block;background:transparent}.chat-send-btn:hover{background:#17b3a4}.chat-send-btn:active{transform:scale(.92)}.chat-send-btn:disabled{background:#d0e8e6;cursor:default}.chat-hint{text-align:center;font-size:11.5px;color:#c8d4da;margin-top:7px;max-width:700px;margin-left:auto;margin-right:auto}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-5px);opacity:1}}.chat-header-actions{display:flex;gap:6px;margin-right:6px}.chat-action-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;border:1.5px solid #e8edf0;background:#fff;border-radius:20px;font-size:12px;font-weight:600;color:#5a6a75;cursor:pointer;font-family:inherit;transition:all .15s;white-space:nowrap}.chat-action-btn:hover{border-color:#1cc6b6;color:#1cc6b6;background:#eafcfc}.chat-action-btn:disabled{opacity:.5;cursor:default}.chat-limit-banner{background:#fff3cd;border-bottom:1.5px solid #ffc107;color:#856404;padding:10px 20px;font-size:13px;font-weight:500;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.chat-limit-banner button{background:none;border:none;cursor:pointer;color:#856404;font-size:16px;padding:0 4px}.lv-overlay{position:fixed;inset:0;z-index:2100;background:#1a23328c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:20px;animation:lvFadeIn .2s ease}@keyframes lvFadeIn{0%{opacity:0}to{opacity:1}}.lv-card{position:relative;background:#fff;border-radius:32px;max-width:480px;width:100%;padding:40px 36px 32px;box-shadow:0 25px 70px #00000038;animation:lvAppear .25s ease}@keyframes lvAppear{0%{opacity:0;transform:scale(.96) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.lv-close{position:absolute;top:18px;right:18px;width:30px;height:30px;border-radius:50%;border:none;background:#f0f2f5;color:#666;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.lv-close:hover{background:#e0e4ea}.lv-loading{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px 0;color:#666;font-size:14px}.lv-spinner{width:36px;height:36px;border:3px solid #e8eaf0;border-top-color:#1cc6b6;border-radius:50%;animation:lvSpin .75s linear infinite}@keyframes lvSpin{to{transform:rotate(360deg)}}.lv-cooldown{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 0 8px;text-align:center}.lv-cool-icon{width:52px;height:52px;background:linear-gradient(135deg,#1cc6b6,#0fa89a);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:8px}.lv-cool-icon svg{width:22px;height:22px}.lv-cooldown h3{margin:0;font-size:18px;font-weight:700;color:#1a2332}.lv-cooldown p{margin:0;font-size:14px;color:#555;line-height:1.5}.lv-cool-hint{font-size:12px!important;color:#999!important;margin-top:4px!important}.lv-header{text-align:center;margin-bottom:20px}.lv-title{margin:0 0 4px;font-size:20px;font-weight:700;color:#1a2332}.lv-sub{margin:0;font-size:13px;color:#888}.lv-badge-row{display:flex;justify-content:center;margin-bottom:24px}.lv-badge{background:linear-gradient(135deg,#1cc6b6,#0fa89a);color:#fff;font-size:36px;font-weight:800;letter-spacing:2px;padding:16px 40px;border-radius:20px;box-shadow:0 8px 24px #1cc6b659}.lv-stats-row{display:flex;gap:12px;margin-bottom:20px}.lv-stat{flex:1;background:#f7f9fc;border-radius:14px;padding:14px 10px;text-align:center;display:flex;flex-direction:column;gap:4px}.lv-stat-num{font-size:22px;font-weight:700;color:#1a2332;line-height:1}.lv-stat-num--green{color:#1cc6b6}.lv-stat-num--gray{color:#aab0bc}.lv-stat-label{font-size:11px;color:#888;line-height:1.3}.lv-summary{font-size:14px;color:#444;line-height:1.6;background:#f7f9fc;border-radius:14px;padding:14px 16px;margin-bottom:12px}.lv-insight{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:#555;line-height:1.5;background:#eafcfc;border-left:3px solid #1cc6b6;border-radius:0 10px 10px 0;padding:10px 14px;margin-bottom:16px}.lv-insight svg{flex-shrink:0;margin-top:2px;color:#1cc6b6}.lv-next-hint{text-align:center;font-size:11px;color:#bbb;margin:0}.chat-features{max-width:700px;margin:8px auto 0;animation:fadeSlideUp .28s ease both}.chat-features-label{font-size:11px;font-weight:600;color:#b0bfc7;text-transform:uppercase;letter-spacing:.7px;margin:0 0 10px}.chat-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.chat-feature-tile{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:14px 14px 12px;background:#fff;border:1.5px solid #edf0f3;border-radius:18px;cursor:pointer;font-family:inherit;text-align:left;transition:border-color .16s,box-shadow .16s,transform .16s;box-shadow:0 1px 4px #1e32500a}.chat-feature-tile:hover{border-color:#1cc6b6;box-shadow:0 4px 18px #1cc6b621;transform:translateY(-2px)}.chat-feature-icon{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;flex-shrink:0}.chat-feature-icon svg{width:18px;height:18px}.chat-feature-icon--teal{background:#eafcfc;color:#1cc6b6}.chat-feature-icon--orange{background:#fff8ec;color:#f59e0b}.chat-feature-icon--blue{background:#eff6ff;color:#3b82f6}.chat-feature-icon--purple{background:#f5f3ff;color:#8b5cf6}.chat-feature-icon--green{background:#f0fdf4;color:#10b981}.chat-feature-icon--rose{background:#fff1f2;color:#f43f5e}.chat-feature-name{font-size:13px;font-weight:700;color:#1a2332;line-height:1.2;margin-bottom:3px}.chat-feature-desc{font-size:11.5px;color:#8fa0ad;line-height:1.3}html[data-theme=dark] .chat-feature-tile{background:var(--bg-card);border-color:var(--border)}html[data-theme=dark] .chat-feature-tile:hover{border-color:var(--primary);box-shadow:0 4px 18px #1cc6b61a}html[data-theme=dark] .chat-feature-name{color:var(--text-primary)}html[data-theme=dark] .chat-feature-icon--teal{background:var(--primary-bg)}html[data-theme=dark] .chat-feature-icon--orange{background:#1e1500}html[data-theme=dark] .chat-feature-icon--blue,html[data-theme=dark] .chat-feature-icon--purple,html[data-theme=dark] .chat-feature-icon--green{background:var(--bg-muted)}html[data-theme=dark] .chat-feature-icon--rose{background:#1e0a0d}html[data-theme=dark] .chat-root{background:var(--bg-page)}html[data-theme=dark] .chat-sidebar{background:var(--bg-card);border-color:var(--border)}html[data-theme=dark] .sidebar-header{border-color:var(--border)}html[data-theme=dark] .sidebar-logo{color:var(--text-primary)}html[data-theme=dark] .sidebar-chat-item{color:var(--text-secondary)}html[data-theme=dark] .sidebar-chat-item:hover{background:var(--bg-muted)}html[data-theme=dark] .sidebar-chat-item.active{background:var(--primary-bg);color:var(--primary)}html[data-theme=dark] .chat-header{background:var(--bg-card);border-color:var(--border)}html[data-theme=dark] .chat-header-title{color:var(--text-primary)}html[data-theme=dark] .chat-footer{background:var(--bg-card);border-color:var(--border)}html[data-theme=dark] .chat-input-wrap{background:var(--bg-input)}html[data-theme=dark] .chat-input-wrap:focus-within{background:var(--bg-card);border-color:var(--primary)}html[data-theme=dark] .chat-input{color:var(--text-primary)}html[data-theme=dark] .chat-bubble--assistant{background:var(--bg-card);border-color:var(--border);color:var(--text-primary)}html[data-theme=dark] .chat-action-btn{background:var(--bg-card);border-color:var(--border);color:var(--text-secondary)}html[data-theme=dark] .chat-action-btn:hover{background:var(--primary-bg);border-color:var(--primary);color:var(--primary)}html[data-theme=dark] .chat-chip{background:var(--bg-card);border-color:var(--border);color:var(--text-secondary)}html[data-theme=dark] .chat-chip:hover{background:var(--primary-bg);border-color:var(--primary);color:var(--primary)}html[data-theme=dark] .chat-features-label{color:var(--text-muted)}html[data-theme=dark] .lv-card{background:var(--bg-card)}html[data-theme=dark] .lv-title{color:var(--text-primary)}html[data-theme=dark] .lv-sub{color:var(--text-muted)}html[data-theme=dark] .lv-stat{background:var(--bg-muted)}html[data-theme=dark] .lv-stat-num{color:var(--text-primary)}html[data-theme=dark] .lv-summary{background:var(--bg-muted);color:var(--text-secondary)}html[data-theme=dark] .lv-cooldown h3{color:var(--text-primary)}html[data-theme=dark] .lv-close{background:var(--bg-muted);color:var(--text-secondary)}@media(max-width:640px){.chat-root{height:calc(100svh - 72px);height:calc(100dvh - 72px)}.chat-sidebar{position:fixed;top:72px;left:0;bottom:0;z-index:1200;width:280px;min-width:280px;transform:translate(0);transition:transform .26s cubic-bezier(.4,0,.2,1),box-shadow .26s;box-shadow:6px 0 24px #0000002e;display:flex;opacity:1;pointer-events:auto}.chat-sidebar.closed{transform:translate(-100%);box-shadow:none;pointer-events:none;width:280px;min-width:280px;opacity:1}.chat-sidebar-backdrop{display:block;position:fixed;inset:72px 0 0;background:#1a233273;z-index:1199;animation:backdropIn .22s ease both}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}.chat-header{flex-wrap:wrap;height:auto;padding:10px 14px 0;gap:6px}.chat-header-info{flex:1;min-width:0}.chat-header-new-btn{order:3}.chat-header-actions{order:4;width:calc(100% + 28px);margin-left:-14px;display:flex;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:6px;padding:8px 14px 10px;border-top:1.5px solid #f0f2f4;-webkit-mask-image:linear-gradient(to right,black calc(100% - 32px),transparent 100%);mask-image:linear-gradient(to right,black calc(100% - 32px),transparent 100%)}.chat-header-actions::-webkit-scrollbar{display:none}.chat-action-btn{flex-shrink:0;padding:7px 12px;font-size:12px;min-height:38px}.chat-features-grid{grid-template-columns:repeat(2,1fr);gap:8px}.chat-feature-tile{padding:12px 12px 10px}.chat-feature-icon{width:34px;height:34px;margin-bottom:8px}.chat-messages{padding:12px 10px}.chat-bubble-wrap{max-width:90%}.chat-bubble{font-size:14px;padding:10px 14px}.chat-chip{padding:8px 14px;font-size:13px}.chat-footer{padding:8px 10px 10px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.chat-hint{display:none}.chat-input{font-size:16px}.chat-icon-btn,.chat-send-btn{width:42px;height:42px}.lv-overlay{align-items:flex-end;padding:0}.lv-card{width:100%;max-width:100%;border-radius:28px 28px 0 0;padding:28px 20px 20px;padding-bottom:max(20px,env(safe-area-inset-bottom));max-height:88svh;max-height:88dvh;overflow-y:auto;animation:lvSheetUp .28s cubic-bezier(.34,1.2,.64,1) both}@keyframes lvSheetUp{0%{transform:translateY(60px);opacity:0}to{transform:translateY(0);opacity:1}}.lv-badge{font-size:28px;padding:12px 28px}.lv-stats-row{gap:8px}.lv-title{font-size:18px}.lv-summary{font-size:13px}}.st2__page{background:#f4f6f5;min-height:100vh;padding:32px 40px 60px;font-family:Inter,system-ui,-apple-system,sans-serif;color:#14211c;box-sizing:border-box}.st2__top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px;gap:20px;flex-wrap:wrap}.st2__title{font-size:28px;font-weight:700;letter-spacing:-.02em;margin:0 0 4px}.st2__sub{font-size:14px;color:#5a6863;margin:0}.st2__lang-tabs{display:inline-flex;background:#fff;border:1px solid #e2e6e3;border-radius:999px;padding:4px;gap:4px}.st2__lang-pill{border:0;background:transparent;padding:8px 16px;font-size:14px;font-weight:600;color:#5a6863;cursor:pointer;border-radius:999px;font-family:inherit;transition:background .15s,color .15s}.st2__lang-pill--act{background:#0fb89f;color:#fff}.st2__slides{overflow:hidden}.st2__slides-track{display:flex;transition:transform .35s cubic-bezier(.4,0,.2,1);will-change:transform}.st2__slides-track>*{min-width:100%}.st2__dots{display:flex;justify-content:center;gap:8px;margin-top:20px}.st2__dot{width:8px;height:8px;border-radius:50%;background:#cdd5cf;border:0;cursor:pointer;padding:0;transition:background .15s,transform .15s}.st2__dot--act{background:#0fb89f;transform:scale(1.3)}.st2__wrap{background:#f4f6f5;display:flex;flex-direction:column;gap:20px}.st2__hero{background:linear-gradient(135deg,#fff,#f1faf7);border:1px solid #d8efe8;border-radius:24px;padding:28px 32px;display:grid;grid-template-columns:1fr 220px;gap:32px;align-items:center}.st2__hero-eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#0a7d6c;margin-bottom:10px}.st2__hero-level{display:flex;align-items:center;gap:16px;margin-bottom:18px}.st2__level-letter{font-size:52px;font-weight:800;line-height:1;letter-spacing:-.04em;background:linear-gradient(135deg,#0fb89f,#2a8b7a);-webkit-background-clip:text;background-clip:text;color:transparent}.st2__level-name{font-size:17px;font-weight:700}.st2__level-sub{font-size:12.5px;color:#5a6863;margin-top:3px}.st2__progress{margin-bottom:22px}.st2__progress-line{position:relative;height:6px;background:#e6ebe8;border-radius:3px;margin-bottom:22px}.st2__progress-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#0fb89f,#6fe5c8);border-radius:3px;transition:width 1s cubic-bezier(.4,0,.2,1)}.st2__progress-marks{position:absolute;top:12px;left:0;right:0;display:flex;justify-content:space-between;font-size:10.5px;font-weight:600;color:#b5beba}.st2__m.done{color:#0a7d6c}.st2__m.active{color:#14211c;font-weight:800}.st2__hero-stats{display:flex;gap:28px;flex-wrap:wrap}.st2__hstat{display:flex;gap:10px;align-items:flex-start}.st2__hstat svg{color:#0fb89f;margin-top:2px;flex-shrink:0}.st2__hstat-n{font-size:17px;font-weight:700}.st2__hstat-l{font-size:11px;color:#5a6863;margin-top:1px}.st2__hero-r{display:flex;justify-content:center;align-items:center}.st2__ring-wrap{position:relative;width:180px;height:180px}.st2__ring-svg{width:100%;height:100%}.st2__ring-c{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.st2__ring-pct{font-size:34px;font-weight:800;line-height:1;background:linear-gradient(135deg,#0fb89f,#2a8b7a);-webkit-background-clip:text;background-clip:text;color:transparent}.st2__ring-l{font-size:11.5px;color:#5a6863;margin-top:4px;text-align:center}.st2__section-h{display:flex;justify-content:space-between;align-items:baseline;padding:0 4px}.st2__section-h h2{font-size:17px;font-weight:700;margin:0}.st2__section-s{font-size:12px;color:#8a9591}.st2__insights{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.st2__insight{border:1px solid;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:8px}.st2__insight--teal{background:#f1faf7;border-color:#d8efe8}.st2__insight--amber{background:#fff7ed;border-color:#f5d8a8}.st2__insight--purple{background:#f4f1ff;border-color:#ddd6f5}.st2__insight-tag{font-size:11px;font-weight:700}.st2__insight--teal .st2__insight-tag{color:#0a7d6c}.st2__insight--amber .st2__insight-tag{color:#b8720a}.st2__insight--purple .st2__insight-tag{color:#5b4dc7}.st2__insight-t{font-size:13.5px;line-height:1.5;flex:1;color:#14211c}.st2__insight-cta{align-self:flex-start;background:transparent;border:0;padding:0;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit}.st2__insight--teal .st2__insight-cta{color:#0a7d6c}.st2__insight--amber .st2__insight-cta{color:#b8720a}.st2__insight--purple .st2__insight-cta{color:#5b4dc7}.st2__card{background:#fff;border:1px solid #e6ebe8;border-radius:18px;padding:20px}.st2__card-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.st2__card-h h3{font-size:14.5px;font-weight:700;margin:0}.st2__pill-tag{font-size:11px;font-weight:600;background:#f1f4f2;color:#5a6863;padding:4px 8px;border-radius:999px;white-space:nowrap}.st2__card-link{background:transparent;border:0;color:#0a7d6c;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit}.st2__skills-row{display:grid;grid-template-columns:320px 1fr;gap:16px}.st2__radar{display:flex;align-items:center;justify-content:center;padding:4px 0}.st2__radar-svg{width:240px;height:240px;overflow:visible}.st2__skill-list{display:flex;flex-direction:column;gap:12px}.st2__skill-row{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:center}.st2__skill-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.st2__skill-meta{flex:1;min-width:0}.st2__skill-top{display:flex;justify-content:space-between;margin-bottom:5px}.st2__skill-name{font-size:13px;font-weight:600}.st2__skill-val{font-size:13.5px;font-weight:700}.st2__skill-100{font-size:10.5px;color:#8a9591;font-weight:500}.st2__skill-bar{height:7px;background:#eef2f0;border-radius:4px;overflow:hidden}.st2__skill-bar div{height:100%;border-radius:4px;transition:width 1s cubic-bezier(.4,0,.2,1)}.st2__vocab-row{display:grid;grid-template-columns:1.6fr 1fr;gap:16px}.st2__vocab-stages{display:flex;gap:4px;margin-bottom:24px}.st2__stage{text-align:center;min-width:0}.st2__stage-bar{height:12px;border-radius:4px;margin-bottom:8px}.st2__stage-num{font-size:20px;font-weight:800}.st2__stage-l{font-size:10.5px;color:#8a9591;margin-top:2px}.st2__vocab-flow{margin-top:4px}.st2__flow-h{font-size:13px;font-weight:700;margin-bottom:10px;color:#5a6863}.st2__flow-grid{display:flex;gap:2px;height:80px;align-items:flex-end;padding:4px;background:#fafbfa;border-radius:10px}.st2__flow-col{flex:1;display:flex;flex-direction:column;gap:1px;justify-content:flex-end}.st2__flow-bar{border-radius:2px}.st2__flow-bar--new{background:#cdf4eb}.st2__flow-bar--learn{background:#0fb89f}.st2__flow-leg{display:flex;gap:16px;margin-top:10px;font-size:11.5px;color:#5a6863;flex-wrap:wrap}.st2__flow-dot{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:4px;vertical-align:middle}.st2__flow-dot--new{background:#cdf4eb}.st2__flow-dot--learn{background:#0fb89f}.st2__recent-list{display:flex;flex-direction:column}.st2__recent{display:flex;justify-content:space-between;align-items:center;padding:9px 4px;border-bottom:1px solid #eef2f0}.st2__recent:last-child{border-bottom:0}.st2__recent-en{font-size:14px;font-weight:600}.st2__recent-ua{font-size:11.5px;color:#5a6863}.st2__recent-time{font-size:11px;color:#8a9591}.st2__heatmap-meta{font-size:12.5px;color:#5a6863}.st2__heatmap-meta b{color:#14211c}.st2__heatmap-wrap{display:flex;gap:5px;padding:8px;background:#fafbfa;border-radius:10px}.st2__heat-labels{display:grid;grid-template-rows:repeat(7,18px);gap:3px;font-size:10px;color:#8a9591;padding-top:1px;flex-shrink:0;width:20px}.st2__heat-grid{display:flex;gap:3px;flex:1}.st2__heat-col{display:grid;grid-template-rows:repeat(7,18px);gap:3px;flex:1}.st2__heat-cell{border-radius:3px}.st2__heat-cell--empty{background:transparent}.st2__heat-cell--d0{background:#eef2f0}.st2__heat-cell--d1{background:#cdf4eb}.st2__heat-cell--d2{background:#6fe5c8}.st2__heat-cell--d3{background:#0fb89f}.st2__heat-leg{display:flex;align-items:center;gap:4px;font-size:11px;color:#8a9591;margin-top:10px;justify-content:flex-end}.st2__heat-leg .st2__heat-cell{width:12px;height:12px;display:inline-block}.st2__ct{font-size:13px}.st2__ct-head,.st2__ct-row{display:grid;grid-template-columns:2.4fr .9fr .7fr 1.4fr;gap:12px;padding:10px 6px;align-items:center}.st2__ct-head{font-size:10.5px;font-weight:700;color:#8a9591;letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid #e6ebe8}.st2__ct-row{border-bottom:1px solid #eef2f0}.st2__ct-row:last-child{border-bottom:0}.st2__ct-t{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.st2__ct-type{font-size:11px;font-weight:600;background:#f1f4f2;padding:3px 8px;border-radius:999px;width:fit-content;white-space:nowrap}.st2__ct-type--video{background:#fde7e9;color:#b03038}.st2__ct-type--podcast{background:#e6f7f3;color:#0a7d6c}.st2__ct-type--text{background:#f1f4f2;color:#5a6863}.st2__ct-len{color:#5a6863;font-variant-numeric:tabular-nums}.st2__ct-k{display:flex;gap:8px;align-items:center}.st2__ct-bar{flex:1;height:6px;background:#eef2f0;border-radius:3px;overflow:hidden}.st2__ct-bar div{height:100%;background:linear-gradient(90deg,#0fb89f,#6fe5c8)}@media(max-width:1100px){.st2__skills-row{grid-template-columns:1fr}.st2__radar-svg{width:200px;height:200px}.st2__insights{grid-template-columns:1fr 1fr}}@media(max-width:800px){.st2__page{padding:20px 16px 50px}.st2__hero{grid-template-columns:1fr;gap:16px}.st2__hero-r{display:none}.st2__insights,.st2__vocab-row{grid-template-columns:1fr}.st2__hero-stats{gap:16px}.st2__ct-head span:nth-child(3),.st2__ct-row span:nth-child(3){display:none}.st2__ct-head,.st2__ct-row{grid-template-columns:2fr .8fr 1.2fr}}html[data-theme=dark] .st2__page{background:var(--bg-page);color:var(--text-primary)}html[data-theme=dark] .st2__wrap{background:var(--bg-page)}html[data-theme=dark] .st2__title{color:var(--text-primary)}html[data-theme=dark] .st2__sub{color:var(--text-secondary)}html[data-theme=dark] .st2__lang-tabs{background:var(--bg-muted);border-color:var(--border)}html[data-theme=dark] .st2__lang-pill{color:var(--text-secondary)}html[data-theme=dark] .st2__lang-pill--act{background:var(--primary);color:#fff}html[data-theme=dark] .st2__hero{background:linear-gradient(135deg,var(--bg-card) 0%,var(--bg-muted) 100%);border-color:var(--border)}html[data-theme=dark] .st2__hero-eyebrow{color:var(--primary)}html[data-theme=dark] .st2__level-sub{color:var(--text-secondary)}html[data-theme=dark] .st2__progress-line{background:var(--border)}html[data-theme=dark] .st2__m{color:var(--text-muted)}html[data-theme=dark] .st2__m.done{color:var(--primary)}html[data-theme=dark] .st2__m.active{color:var(--text-primary)}html[data-theme=dark] .st2__hstat-l,html[data-theme=dark] .st2__ring-l{color:var(--text-secondary)}html[data-theme=dark] .st2__section-h h2{color:var(--text-primary)}html[data-theme=dark] .st2__section-s{color:var(--text-secondary)}html[data-theme=dark] .st2__insight--teal{background:var(--primary-bg);border-color:var(--primary-bg-hover)}html[data-theme=dark] .st2__insight--amber{background:#2b1e0a;border-color:#4a3010}html[data-theme=dark] .st2__insight--purple{background:var(--bg-muted);border-color:var(--border)}html[data-theme=dark] .st2__insight-t{color:var(--text-primary)}html[data-theme=dark] .st2__card{background:var(--bg-card);border-color:var(--border)}html[data-theme=dark] .st2__card-h h3{color:var(--text-primary)}html[data-theme=dark] .st2__pill-tag{background:var(--bg-muted);color:var(--text-secondary)}html[data-theme=dark] .st2__skill-bar{background:var(--bg-muted)}html[data-theme=dark] .st2__skill-100{color:var(--text-muted)}html[data-theme=dark] .st2__stage-l{color:var(--text-secondary)}html[data-theme=dark] .st2__flow-grid{background:var(--bg-muted)}html[data-theme=dark] .st2__flow-leg{color:var(--text-secondary)}html[data-theme=dark] .st2__recent{border-bottom-color:var(--border)}html[data-theme=dark] .st2__recent-en{color:var(--text-primary)}html[data-theme=dark] .st2__recent-ua{color:var(--text-secondary)}html[data-theme=dark] .st2__recent-time{color:var(--text-muted)}html[data-theme=dark] .st2__heatmap-meta{color:var(--text-secondary)}html[data-theme=dark] .st2__heatmap-meta b{color:var(--text-primary)}html[data-theme=dark] .st2__heatmap-wrap{background:var(--bg-muted)}html[data-theme=dark] .st2__heat-labels{color:var(--text-muted)}html[data-theme=dark] .st2__heat-cell--d0{background:var(--bg-muted)}html[data-theme=dark] .st2__heat-leg{color:var(--text-muted)}html[data-theme=dark] .st2__ct-head{color:var(--text-muted);border-bottom-color:var(--border)}html[data-theme=dark] .st2__ct-row{border-bottom-color:var(--border)}html[data-theme=dark] .st2__ct-t{color:var(--text-primary)}html[data-theme=dark] .st2__ct-len{color:var(--text-secondary)}html[data-theme=dark] .st2__ct-bar{background:var(--bg-muted)}html[data-theme=dark] .st2__ct-type--text{background:var(--bg-muted);color:var(--text-secondary)}html[data-theme=dark] .st2__dot{background:var(--border)}html[data-theme=dark] .st2__dot--act{background:var(--primary)}body{background:#f8fafb}.account-page{max-width:600px;margin:0 auto;padding:32px 16px 60px;font-family:Segoe UI,Arial,sans-serif}.account-title{font-size:1.6rem;font-weight:600;margin-bottom:0;color:#222}.account-sub{color:#7b8a92;font-size:1.1rem;margin-bottom:12px}.account-divider{border:none;border-top:1.5px solid #f0f2f3;margin:0 0 24px}.account-card{background:#fff;border-radius:22px;box-shadow:0 2px 12px #3c3c6412;padding:22px 24px 18px;margin-bottom:22px;display:flex;flex-direction:column;gap:0}.user-card{flex-direction:row;align-items:center;gap:18px;position:relative}.user-avatar{width:64px;height:64px;border-radius:50%;background:#1cc6b6;display:flex;align-items:center;justify-content:center}.user-avatar-icon{display:flex;align-items:center;justify-content:center;color:#fff;background:transparent}.user-avatar-icon svg{display:block;background:transparent}.user-info{flex:1;display:flex;flex-direction:column;gap:2px}.user-name{font-size:1.15rem;font-weight:600;color:#222}.user-email{color:#7b8a92;font-size:1.05rem}.user-id-row{display:flex;align-items:center;gap:5px;margin:2px 0}.user-id-label{font-size:.75rem;font-weight:700;color:#aab4bc;text-transform:uppercase;letter-spacing:.04em}.user-id-value{font-size:.82rem;font-weight:600;color:#7b8a92;font-variant-numeric:tabular-nums}.user-id-copy{background:none;border:none;cursor:pointer;font-size:.8rem;color:#aab4bc;padding:0 2px;line-height:1;transition:color .15s}.user-id-copy:hover{color:#1cc6b6}.user-premium{color:#1cc6b6;font-size:.98rem;margin-top:2px}.user-arrow{font-size:1.5rem;color:#b0bfc7;margin-left:auto}.lang-card{gap:12px}.lang-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.lang-title{font-size:1.1rem;font-weight:600;color:#222}.lang-saving-indicator{font-size:.8rem;color:#1cc6b6;font-weight:500;animation:lang-pulse 1s ease-in-out infinite}@keyframes lang-pulse{0%,to{opacity:1}50%{opacity:.4}}.lang-section{margin-bottom:8px}.lang-section-locked{opacity:.7}.lang-label{color:#7b8a92;font-size:.95rem;margin-bottom:6px;display:flex;align-items:center;gap:8px}.lang-premium-badge{font-size:.7rem;font-weight:700;background:#fff9eb;color:#f39c12;padding:2px 7px;border-radius:6px;text-transform:uppercase}.lang-locked-badge{font-size:.7rem;font-weight:700;background:#f1f5f9;color:#94a3b8;padding:2px 7px;border-radius:6px;text-transform:uppercase}.lang-btns{display:flex;gap:10px;flex-wrap:wrap}.lang-btn{background:#eafcfc;color:#1cc6b6;border:none;border-radius:18px;padding:6px 18px;font-size:1.05rem;cursor:pointer;transition:background .2s,color .2s;display:flex;align-items:center;gap:6px}.lang-btn:hover:not(.active){background:#d0f5f2}.lang-btn.active{background:#1cc6b6;color:#fff}.lang-btn-remove{background:#ffeaea;color:#e53e3e;font-size:.85rem;padding:5px 12px}.lang-btn-remove:hover{background:#ffd6d6;color:#c0392b}.lang-upgrade-prompt{border:none;background:#f8fafb;color:#94a3b8;border-radius:14px;padding:8px 18px;font-size:.9rem;cursor:pointer;transition:background .2s}.lang-upgrade-prompt:hover{background:#eafcfc;color:#1cc6b6}.lang-flag{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#ffffffb3;font-size:.95rem;line-height:1;flex-shrink:0}.settings-card{gap:0}.settings-title{font-size:1.1rem;font-weight:600;color:#222;margin-bottom:8px}.settings-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f0f2f3;font-size:1.05rem}.settings-row:last-child{border-bottom:none}.settings-icon{font-size:1.2rem;color:#1cc6b6}.settings-label{flex:1;color:#222}.settings-desc{color:#b0bfc7;font-size:.98rem;margin-right:8px}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#eafcfc;border-radius:24px;transition:.4s}.switch input:checked+.slider{background-color:#1cc6b6}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.4s}.switch input:checked+.slider:before{transform:translate(20px)}.privacy-card{gap:0}.privacy-row{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid #f0f2f3;font-size:1.08rem;color:#222;cursor:pointer;text-decoration:none;transition:color .12s}.privacy-row:hover{color:#1cc6b6}.privacy-row:last-child{border-bottom:none}.privacy-icon{font-size:1.2rem;color:#1cc6b6}.privacy-arrow{margin-left:auto;color:#b0bfc7;font-size:1.3rem}.logout-btn{width:100%;background:#ffeaea;color:#ff4d4f;border:none;border-radius:18px;padding:16px 0;font-size:1.15rem;font-weight:600;margin:18px 0 0;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:background .2s}.logout-btn:hover{background:#ffd6d6}.logout-icon{font-size:1.3rem}.account-version{text-align:center;color:#b0bfc7;font-size:1.05rem;margin-top:10px}@media(max-width:700px){.account-page{padding:8px 16px 90px}.account-card{padding:12px 14px 10px}}@media(max-width:480px){.account-page{padding:8px 12px 90px}.account-title{font-size:1.4rem}.lang-btns{gap:8px}.lang-btn{padding:6px 14px;font-size:.95rem}.group-join-row{flex-direction:column}.group-join-btn{width:100%}.user-card{gap:12px}.user-avatar{width:54px;height:54px}.user-name{font-size:1rem}.user-email{font-size:.95rem}.profile-modal{padding:20px 18px;border-radius:22px}.modal-actions{flex-direction:column}.btn-cancel,.btn-save{padding:13px}}.account-page svg{color:inherit}.clickable-card{cursor:pointer;transition:all .2s ease-in-out;position:relative;-webkit-user-select:none;user-select:none}.clickable-card:hover{background-color:#f9fdfd;transform:translateY(-2px);box-shadow:0 8px 20px #0000000a}.clickable-card:active{transform:translateY(0);background-color:#f0f8f8}.user-status-label{display:flex;align-items:center;gap:8px;margin-top:4px}.status-badge{font-size:.85rem;font-weight:600}.status-badge.free{color:#7b8a92}.status-badge.medium{color:#1cc6b6}.status-badge.premium{color:#f39c12}.upgrade-text{font-size:.75rem;color:#1cc6b6;text-decoration:underline;opacity:.8}.clickable-card:hover .upgrade-text{opacity:1}.user-arrow{color:#cbd5e1;font-size:1.5rem;margin-left:auto}.user-status-container{display:flex;align-items:center;gap:8px;margin-top:6px}.user-premium-badge{font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.5px}.user-premium-badge.free{background-color:#f1f5f9;color:#64748b}.user-premium-badge.medium{background-color:#eafcfc;color:#1cc6b6}.user-premium-badge.premium{background-color:#fff9eb;color:#f39c12}.upgrade-promo-text{font-size:.8rem;color:#1cc6b6;font-weight:500;transition:opacity .2s}.clickable-card:hover .upgrade-promo-text{text-decoration:underline}.clickable-card{cursor:pointer;transition:all .2s ease}.clickable-card:hover{background-color:#fafafa;transform:translate(4px)}.modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.profile-modal{background:#fff;width:90%;max-width:400px;border-radius:28px;padding:24px;box-shadow:0 20px 40px #0003;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.close-modal{background:none;border:none;font-size:28px;color:#b0bfc7;cursor:pointer}.modal-avatar-section{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:24px}.user-avatar.large{width:80px;height:80px}.change-photo-btn{background:none;border:none;color:#1cc6b6;font-weight:600;cursor:pointer;font-size:.95rem}.input-group{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}.input-group label{font-size:.9rem;color:#7b8a92;padding-left:4px}.input-group input{background:#f8fafb;border:1.5px solid #f0f2f3;border-radius:12px;padding:12px 16px;font-size:1rem;outline:none;transition:border-color .2s}.input-group input:focus{border-color:#1cc6b6}.modal-subscription-section{background:#f0fdfc;border-radius:18px;padding:16px;margin-bottom:24px;text-align:center}.modal-upgrade-btn{width:100%;background:#1cc6b6;color:#fff;border:none;border-radius:14px;padding:12px;margin-top:10px;font-weight:600;cursor:pointer;transition:transform .2s}.modal-upgrade-btn:hover{transform:scale(1.02)}.save-profile-btn{width:100%;background:#222;color:#fff;border:none;border-radius:14px;padding:14px;font-weight:600;cursor:pointer}.user-badges-row{display:flex;gap:8px;margin-top:6px}.badge-sub,.badge-level{font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:6px;text-transform:uppercase}.badge-level{background:#eafcfc;color:#1cc6b6}.upgrade-action-card{background:#1cc6b6;border-radius:22px;padding:18px 24px;display:flex;align-items:center;color:#fff;cursor:pointer;margin-bottom:22px;transition:opacity .2s}.upgrade-action-card:hover{opacity:.9}.upgrade-icon-crown{font-size:1.5rem;margin-right:16px;background:#fff3;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px}.upgrade-text-content{flex:1}.upgrade-title{font-weight:600;font-size:1.05rem}.upgrade-subtitle{font-size:.85rem;opacity:.8}.sub-manage-card{margin-bottom:16px;padding:16px 20px}.sub-manage-row{display:flex;align-items:center;gap:14px}.sub-manage-icon{width:40px;height:40px;border-radius:12px;background:#eafcfc;color:#1cc6b6;display:flex;align-items:center;justify-content:center;flex-shrink:0}html[data-theme=dark] .sub-manage-icon{background:var(--primary-bg);color:var(--primary)}.sub-manage-info{flex:1;min-width:0}.sub-manage-label{font-size:12px;color:#8fa0ad;margin-bottom:4px}.sub-manage-value{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sub-expires{font-size:12px;color:#8fa0ad}.sub-upgrade-btn{padding:7px 16px;border-radius:10px;border:none;background:linear-gradient(135deg,#1cc6b6,#0fa89a);color:#fff;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:opacity .15s}.sub-upgrade-btn:hover{opacity:.88}.sub-cancel-btn{padding:7px 16px;border-radius:10px;border:1.5px solid #fca5a5;background:#fef2f2;color:#ef4444;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .15s}.sub-cancel-btn:hover:not(:disabled){background:#fee2e2}.sub-cancel-btn:disabled{opacity:.5;cursor:not-allowed}html[data-theme=dark] .sub-cancel-btn{background:#2d1a1a;border-color:#7f1d1d;color:#fca5a5}.level-selection-area{margin-top:20px}.level-selection-area label{display:block;font-size:.9rem;color:#7b8a92;margin-bottom:10px}.levels-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.level-badge{border:none;background:#f1f5f9;color:#64748b;padding:8px 0;border-radius:12px;font-weight:700;cursor:pointer;transition:all .2s}.level-badge.active{background:#1cc6b6;color:#fff;box-shadow:0 4px 12px #1cc6b64d}.disabled-input{background:#f8fafb;color:#b0bfc7;cursor:not-allowed}.modal-actions{display:flex;gap:12px;margin-top:30px}.btn-cancel{flex:1;background:#f1f5f9;border:none;padding:14px;border-radius:14px;font-weight:600;color:#64748b;cursor:pointer}.btn-save{flex:1;background:#1cc6b6;border:none;padding:14px;border-radius:14px;font-weight:600;color:#fff;cursor:pointer}.upgrade-action-card{background-color:#48c6b4!important;display:flex;align-items:center;padding:16px;border-radius:20px;cursor:pointer;border:none;color:#fff}.upgrade-text-content,.upgrade-text-content div,.upgrade-text-content span{background:transparent!important;background-color:transparent!important;border:none!important;box-shadow:none!important}.upgrade-title{font-weight:700;font-size:16px;color:#fff}.upgrade-subtitle{font-size:13px;opacity:.9;color:#fff}.upgrade-icon-crown{background:#fff3;border-radius:12px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;margin-right:12px}.lang-btn-blocked{opacity:.35;cursor:not-allowed;pointer-events:none}.lang2-current{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lang-add-btn{background:none;border:1.5px dashed #b0d8d5;color:#1cc6b6;border-radius:18px;padding:7px 18px;font-size:.95rem;cursor:pointer;transition:background .2s,border-color .2s}.lang-add-btn:hover{background:#eafcfc;border-color:#1cc6b6}.confirm-modal{background:#fff;border-radius:22px;padding:28px 24px 22px;width:90%;max-width:360px;box-shadow:0 20px 40px #0000002e;animation:slideUp .25s ease-out}.confirm-title{font-size:1.15rem;font-weight:700;color:#222;margin:0 0 10px}.confirm-text{font-size:.97rem;color:#7b8a92;line-height:1.5;margin:0 0 22px}.confirm-actions{display:flex;gap:10px}.confirm-cancel{flex:1;background:#f1f5f9;border:none;border-radius:14px;padding:12px;font-size:.97rem;font-weight:600;color:#64748b;cursor:pointer;transition:background .2s}.confirm-cancel:hover{background:#e2e8f0}.confirm-delete{flex:1;background:#ffeaea;border:none;border-radius:14px;padding:12px;font-size:.97rem;font-weight:600;color:#e53e3e;cursor:pointer;transition:background .2s}.confirm-delete:hover{background:#ffd6d6;color:#c0392b}.confirm-delete:disabled{opacity:.45;cursor:not-allowed}.group-card{gap:12px}.group-card-title{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:700;color:#1a2332}.group-card-desc{font-size:.88rem;color:#8fa0ad;margin:0}.group-join-row{display:flex;gap:8px}.group-join-input{flex:1;background:#f0f7f6;border:1.5px solid #e0eeec;border-radius:12px;padding:10px 14px;font-size:.95rem;font-weight:600;letter-spacing:1px;color:#1a2332;outline:none;transition:border-color .2s}.group-join-input:focus{border-color:#1cc6b6}.group-join-btn{background:#1cc6b6;color:#fff;border:none;border-radius:12px;padding:10px 20px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .18s;display:flex;align-items:center;gap:4px;min-width:90px;justify-content:center}.group-join-btn:hover:not(:disabled){background:#17b3a4}.group-join-btn:disabled{opacity:.5;cursor:not-allowed}.group-join-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.group-join-error{font-size:.85rem;color:#e53e3e;margin:0}.group-list{display:flex;flex-direction:column;gap:8px;border-top:1.5px solid #f0f4f8;padding-top:12px}.group-list-item{display:flex;align-items:center;gap:10px;padding:8px 4px}.group-list-dot{width:8px;height:8px;border-radius:50%;background:#8b5cf6;flex-shrink:0}.group-list-info{flex:1;display:flex;flex-direction:column;gap:1px}.group-list-name{font-size:.95rem;font-weight:600;color:#1a2332}.group-list-meta{font-size:.8rem;color:#8fa0ad}.group-leave-btn{display:flex;align-items:center;gap:4px;background:none;border:1.5px solid #f0e8ff;color:#8b5cf6;border-radius:8px;padding:5px 10px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s}.group-leave-btn:hover{background:#f5eeff}.danger-card{border:1.5px solid #ffe4e4;background:#fff8f8;gap:10px}.danger-title{font-size:.82rem;font-weight:700;color:#e53e3e;text-transform:uppercase;letter-spacing:.5px}.danger-delete-btn{display:flex;align-items:center;gap:8px;background:none;border:1.5px solid #ffcccc;color:#e53e3e;border-radius:12px;padding:10px 16px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s;align-self:flex-start}.danger-delete-btn:hover{background:#ffeaea;border-color:#e53e3e}.delete-confirm-input{width:100%;background:#f8fafb;border:1.5px solid #ffd0d0;border-radius:10px;padding:10px 14px;font-size:1rem;font-weight:600;letter-spacing:1px;outline:none;color:#e53e3e;box-sizing:border-box;margin-bottom:4px;transition:border-color .2s}.delete-confirm-input:focus{border-color:#e53e3e}html[data-theme=dark] .profile-modal{background:var(--bg-card);box-shadow:0 20px 40px #00000080}html[data-theme=dark] .profile-modal h2,html[data-theme=dark] .profile-modal h3{color:var(--text-primary)}html[data-theme=dark] .profile-modal p,html[data-theme=dark] .profile-modal label{color:var(--text-secondary)}html[data-theme=dark] .profile-modal input{background:#1a2535;border-color:#2d3c52;color:#dde6f0}.account-page-header{display:flex;align-items:flex-start;justify-content:space-between}.account-gear-btn{background:#f4f7f9;border:1.5px solid #e8edf0;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#5a6a75;transition:background .15s,color .15s;flex-shrink:0;margin-top:6px}.account-gear-btn:hover{background:#e4f7f5;color:#1cc6b6}.settings-modal{background:#fff;border-radius:24px;padding:28px 24px 24px;width:90%;max-width:420px;box-shadow:0 8px 40px #1e325021}.settings-label-group{flex:1;display:flex;flex-direction:column;gap:2px}.settings-cancel-sub{display:flex;align-items:center;gap:12px;padding-top:16px;margin-top:8px;border-top:1px solid #f0f2f3}.settings-cancel-sub-info{flex:1;display:flex;flex-direction:column;gap:4px}.user-avatar-img{border-radius:50%;object-fit:cover;display:block}.user-avatar-img--small{width:64px;height:64px}.user-avatar-img--large{width:80px;height:80px}.user-avatar.large{position:relative;width:80px;height:80px}.avatar-uploading-overlay{position:absolute;inset:0;background:#0006;border-radius:50%;display:flex;align-items:center;justify-content:center}.avatar-spinner{width:20px;height:20px;border:2px solid #fff;border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite}html[data-theme=dark] .account-gear-btn{background:#1a2535;border-color:#2d3c52;color:#8da8c0}html[data-theme=dark] .account-gear-btn:hover{background:#0d2027;color:#1cc6b6}html[data-theme=dark] .settings-modal{background:#1e1e2e;color:#dde6f0}html[data-theme=dark] .settings-cancel-sub{border-color:#2d3c52}.accBold{max-width:600px;margin:0 auto;padding-bottom:80px;font-family:Segoe UI,Arial,sans-serif}.accBold__hero{position:relative;overflow:hidden;background:linear-gradient(165deg,#0d4940,#1cc6b6 55%,#4dd9cc);padding:52px 24px 72px;display:flex;flex-direction:column;align-items:center;text-align:center}.accBold__hero-blob{position:absolute;border-radius:50%;pointer-events:none;background:#ffffff12}.accBold__hero-blob--1{width:240px;height:240px;top:-70px;right:-60px}.accBold__hero-blob--2{width:170px;height:170px;bottom:-50px;left:-40px;background:#ffffff0d}.accBold__avatar-wrap{position:relative;width:88px;height:88px;cursor:pointer;margin-bottom:14px}.accBold__avatar-img{width:88px;height:88px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.8);display:block}.accBold__avatar-icon{width:88px;height:88px;border-radius:50%;background:#ffffff2e;border:3px solid rgba(255,255,255,.6);display:flex;align-items:center;justify-content:center;color:#fff}.accBold__avatar-edit{position:absolute;bottom:2px;right:2px;width:24px;height:24px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#0d4940;box-shadow:0 2px 6px #00000038}.accBold__avatar-loading{position:absolute;inset:0;background:#0006;border-radius:50%;display:flex;align-items:center;justify-content:center}.accBold__avatar-spinner{width:20px;height:20px;border:2px solid #fff;border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite}.accBold__name{font-size:1.55rem;font-weight:800;color:#fff;margin:0 0 4px;letter-spacing:-.01em}.accBold__email{font-size:.9rem;color:#ffffffb8;margin:0 0 20px}.accBold__hero-stats{display:flex;align-items:center;background:#ffffff21;border-radius:16px;padding:10px 0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.accBold__hero-stat{display:flex;flex-direction:column;align-items:center;padding:0 18px}.accBold__hero-stat-val{font-size:1rem;font-weight:700;color:#fff;line-height:1.2}.accBold__hero-stat-lbl{font-size:.7rem;color:#ffffffb3;margin-top:2px;display:flex;align-items:center;gap:4px}.accBold__hero-stat-divider{width:1px;height:30px;background:#ffffff38;flex-shrink:0}.accBold__id-copy{background:none;border:none;cursor:pointer;color:#fff9;font-size:.72rem;padding:0 2px;line-height:1;transition:color .15s}.accBold__id-copy:hover{color:#fff}.accBold__sub-badge{font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.04em}.accBold__sub-badge--free{background:#ffffff38;color:#fff}.accBold__sub-badge--medium{background:#1cc6b659;color:#ccfff8}.accBold__sub-badge--premium{background:#f59e0b59;color:#fef3c7}.accBold__section{background:#fff;border-radius:20px;margin:14px 16px 0;padding:18px 18px 14px;box-shadow:0 2px 12px #3c3c640f}.accBold__section-title{font-size:.75rem;font-weight:700;color:#8fa0ad;text-transform:uppercase;letter-spacing:.07em;margin-bottom:12px;display:flex;align-items:center;gap:8px}.accBold__saving{font-size:.7rem;color:#1cc6b6;font-weight:500;text-transform:none;letter-spacing:0;animation:lang-pulse 1s ease-in-out infinite}.accBold__premium-card{display:flex;align-items:center;gap:12px;background:#f8fffe;border:1.5px solid #e0f8f5;border-radius:14px;padding:14px 16px}.accBold__premium-card--active{background:#f0fdfb;border-color:#b2f0ea}.accBold__premium-icon{width:42px;height:42px;border-radius:12px;background:#eafcfc;color:#1cc6b6;display:flex;align-items:center;justify-content:center;flex-shrink:0}.accBold__premium-icon--gold{background:#fff9eb;color:#f59e0b}.accBold__premium-text{flex:1;min-width:0}.accBold__premium-title{font-size:.95rem;font-weight:700;color:#1a2332}.accBold__premium-sub{font-size:.78rem;color:#8fa0ad;margin-top:2px}.accBold__premium-btn{background:linear-gradient(135deg,#1cc6b6,#0fa89a);color:#fff;border:none;border-radius:10px;padding:8px 16px;font-size:.85rem;font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:opacity .15s}.accBold__premium-btn:hover{opacity:.88}.accBold__cancel-btn{background:none;border:1.5px solid #fca5a5;color:#ef4444;border-radius:10px;padding:6px 14px;font-size:.82rem;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .15s}.accBold__cancel-btn:hover:not(:disabled){background:#fef2f2}.accBold__cancel-btn:disabled{opacity:.5;cursor:not-allowed}.accBold__langs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.accBold__lang-card{background:#f8fafb;border-radius:12px;padding:10px 12px}.accBold__lang-card-label{font-size:.7rem;color:#8fa0ad;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.accBold__lang-btns{display:flex;gap:6px;flex-wrap:wrap}.accBold__lang-btn{background:#eafcfc;color:#1cc6b6;border:none;border-radius:14px;padding:5px 12px;font-size:.88rem;cursor:pointer;display:flex;align-items:center;gap:5px;transition:background .15s}.accBold__lang-btn:hover:not(.accBold__lang-btn--active):not(.accBold__lang-btn--blocked){background:#d0f5f2}.accBold__lang-btn--active{background:#1cc6b6;color:#fff}.accBold__lang-btn--blocked{opacity:.35;cursor:not-allowed;pointer-events:none}.accBold__lang-btn--remove{background:#ffeaea;color:#e53e3e;font-size:.82rem}.accBold__lang-btn--remove:hover{background:#ffd6d6!important}.accBold__lang2{background:#f8fafb;border-radius:12px;padding:10px 12px}.accBold__lang2-label{font-size:.7rem;color:#8fa0ad;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;display:flex;align-items:center;gap:6px}.accBold__lang2-badge{font-size:.64rem;font-weight:700;padding:1px 6px;border-radius:5px;text-transform:uppercase}.accBold__lang2-badge--premium{background:#fff9eb;color:#f59e0b}.accBold__lang2-badge--locked{background:#f1f5f9;color:#94a3b8}.accBold__lang2-current{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.accBold__lang2-add{background:none;border:1.5px dashed #b0d8d5;color:#1cc6b6;border-radius:12px;padding:6px 14px;font-size:.85rem;cursor:pointer;transition:background .15s,border-color .15s}.accBold__lang2-add:hover{background:#eafcfc;border-color:#1cc6b6}.accBold__lang2-locked{background:none;border:none;color:#94a3b8;border-radius:12px;padding:6px 0;font-size:.85rem;cursor:pointer}.accBold__lang2-locked:hover{color:#1cc6b6}.accBold__group-card{display:flex;flex-direction:column;gap:10px}.accBold__group-desc{font-size:.83rem;color:#8fa0ad;margin:0}.accBold__group-join{display:flex;gap:8px}.accBold__group-input{flex:1;background:#f0f7f6;border:1.5px solid #e0eeec;border-radius:10px;padding:9px 12px;font-size:.9rem;font-weight:600;letter-spacing:1px;color:#1a2332;outline:none;transition:border-color .2s}.accBold__group-input:focus{border-color:#1cc6b6}.accBold__group-btn{background:#1cc6b6;color:#fff;border:none;border-radius:10px;padding:9px 18px;font-size:.88rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:78px;transition:background .15s}.accBold__group-btn:hover:not(:disabled){background:#17b3a4}.accBold__group-btn:disabled{opacity:.5;cursor:not-allowed}.accBold__spinner{width:15px;height:15px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.accBold__group-error{font-size:.82rem;color:#e53e3e;margin:0}.accBold__group-list{display:flex;flex-direction:column;gap:6px;border-top:1.5px solid #f0f4f8;padding-top:10px}.accBold__group-item{display:flex;align-items:center;gap:8px;padding:5px 2px}.accBold__group-dot{width:7px;height:7px;border-radius:50%;background:#8b5cf6;flex-shrink:0}.accBold__group-info{flex:1;display:flex;flex-direction:column;gap:1px}.accBold__group-name{font-size:.9rem;font-weight:600;color:#1a2332}.accBold__group-meta{font-size:.75rem;color:#8fa0ad}.accBold__group-leave{background:none;border:1.5px solid #f0e8ff;color:#8b5cf6;border-radius:8px;padding:4px 10px;font-size:.76rem;font-weight:600;cursor:pointer;transition:background .15s}.accBold__group-leave:hover{background:#f5eeff}.accBold__settings{display:flex;flex-direction:column}.accBold__setting-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #f0f2f3}.accBold__setting-row:last-child{border-bottom:none}.accBold__setting-icon{color:#1cc6b6;width:22px;display:flex;align-items:center;flex-shrink:0}.accBold__setting-info{flex:1;display:flex;flex-direction:column;gap:1px}.accBold__setting-label{font-size:.93rem;font-weight:600;color:#1a2332}.accBold__setting-desc{font-size:.78rem;color:#8fa0ad}.accBold__links{background:#fff;border-radius:20px;margin:14px 16px 0;box-shadow:0 2px 12px #3c3c640f;overflow:hidden}.accBold__link-row{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid #f0f2f3;font-size:.93rem;color:#1a2332;text-decoration:none;transition:background .12s}.accBold__link-row:last-child{border-bottom:none}.accBold__link-row:hover{background:#f8fffe}.accBold__link-icon{color:#1cc6b6;display:flex;align-items:center}.accBold__link-arrow{margin-left:auto;color:#c0cad2;font-size:1.2rem}.accBold__footer{padding:18px 16px 0;display:flex;flex-direction:column;align-items:center;gap:10px}.accBold__logout{width:100%;background:transparent;border:1.5px solid #f3c5b4;color:#c54e2a;border-radius:14px;padding:13px;font-size:.97rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .15s,border-color .15s}.accBold__logout:hover{background:#fff4f1;border-color:#e8896a}.accBold__version{font-size:.78rem;color:#b0bfc7;text-align:center}@media(min-width:600px){.accBold{margin-top:20px;margin-bottom:40px;border-radius:28px;overflow:hidden;box-shadow:0 6px 40px #00000017;background:#f4f6f8}.accBold__hero{border-radius:0;padding:56px 32px 72px}.accBold__section,.accBold__links{margin:14px 20px 0}.accBold__footer{padding:20px 20px 24px}}@media(max-width:480px){.accBold__hero{padding:40px 16px 56px}.accBold__avatar-wrap,.accBold__avatar-img,.accBold__avatar-icon{width:76px;height:76px}.accBold__avatar-icon svg{width:32px;height:32px}.accBold__name{font-size:1.3rem}.accBold__hero-stats{padding:8px 0}.accBold__hero-stat{padding:0 11px}.accBold__hero-stat-val{font-size:.92rem}.accBold__section,.accBold__links{margin:10px 10px 0;padding:14px 14px 12px}.accBold__langs{grid-template-columns:1fr;gap:8px}.accBold__lang-btns{gap:5px}.accBold__lang-btn{font-size:.82rem;padding:5px 10px}.accBold__setting-label{font-size:.88rem}.accBold__setting-desc{font-size:.74rem}.accBold__footer{padding:12px 10px 0}.accBold__logout{font-size:.92rem;padding:12px}}html[data-theme=dark] .accBold__hero{background:linear-gradient(165deg,#061a16,#0d4940 55%,#0f6558)}html[data-theme=dark] .accBold__section,html[data-theme=dark] .accBold__links{background:var(--bg-card);box-shadow:0 2px 12px #00000040}html[data-theme=dark] .accBold__section-title{color:var(--text-muted)}html[data-theme=dark] .accBold__premium-card{background:var(--primary-bg);border-color:var(--primary-bg-hover)}html[data-theme=dark] .accBold__premium-card--active{background:var(--primary-bg);border-color:var(--primary)}html[data-theme=dark] .accBold__premium-title{color:var(--text-primary)}html[data-theme=dark] .accBold__premium-sub{color:var(--text-muted)}html[data-theme=dark] .accBold__lang-card,html[data-theme=dark] .accBold__lang2{background:var(--bg-input)}html[data-theme=dark] .accBold__lang-card-label,html[data-theme=dark] .accBold__lang2-label{color:var(--text-muted)}html[data-theme=dark] .accBold__lang-btn{background:var(--primary-bg);color:var(--primary)}html[data-theme=dark] .accBold__lang-btn--active{background:var(--primary);color:#fff}html[data-theme=dark] .accBold__group-input{background:var(--bg-input);border-color:var(--border);color:var(--text-primary)}html[data-theme=dark] .accBold__group-name{color:var(--text-primary)}html[data-theme=dark] .accBold__group-list{border-color:var(--border)}html[data-theme=dark] .accBold__setting-label{color:var(--text-primary)}html[data-theme=dark] .accBold__setting-row{border-color:var(--border)}html[data-theme=dark] .accBold__link-row{color:var(--text-primary);border-color:var(--border)}html[data-theme=dark] .accBold__link-row:hover{background:var(--bg-muted)}html[data-theme=dark] .accBold__logout{border-color:#5a2a20;color:#e07060}html[data-theme=dark] .accBold__logout:hover{background:#2a1515;border-color:#8b4030}html[data-theme=dark] .accBold__version{color:var(--text-muted)}.accBold__social-tabs{display:flex;gap:6px;margin-bottom:14px}.accBold__social-tab{flex:1;padding:8px 0;border-radius:10px;border:1.5px solid #e2e8f0;background:#f8fafc;font-size:.82rem;font-weight:600;cursor:pointer;color:#64748b;font-family:inherit;transition:all .15s}.accBold__social-tab.active{background:#1cc6b6;border-color:#1cc6b6;color:#fff}html[data-theme=dark] .accBold__social-tab{background:var(--bg-input);border-color:var(--border);color:var(--text-secondary)}html[data-theme=dark] .accBold__social-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.accBold__rivalry{display:flex;flex-direction:column;gap:12px}.accBold__rival-card{background:#f8fafc;border-radius:14px;padding:14px;border:1.5px solid #e2e8f0;display:flex;flex-direction:column;gap:10px}html[data-theme=dark] .accBold__rival-card{background:var(--bg-input);border-color:var(--border)}.accBold__rival-header{display:flex;align-items:center;gap:9px}.accBold__rival-avatar{width:36px;height:36px;border-radius:50%;background:#1cc6b6;color:#fff;font-weight:700;font-size:1rem;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.accBold__rival-avatar img{width:100%;height:100%;object-fit:cover}.accBold__rival-name{flex:1;font-weight:700;font-size:.92rem;color:#1a2332}html[data-theme=dark] .accBold__rival-name{color:var(--text-primary)}.accBold__rival-race{background:#1cc6b6;color:#fff;border:none;border-radius:8px;padding:4px 10px;font-size:.75rem;font-weight:700;cursor:pointer;font-family:inherit;transition:opacity .15s}.accBold__rival-race:hover{opacity:.85}.accBold__rival-leave{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:1rem;padding:2px 6px;border-radius:6px}.accBold__rival-leave:hover{background:#fee2e2;color:#e53e3e}.accBold__rival-bars{display:flex;flex-direction:column;gap:7px}.accBold__rival-bar-row{display:flex;align-items:center;gap:8px}.accBold__rival-bar-label{width:52px;font-size:.76rem;color:#64748b;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}html[data-theme=dark] .accBold__rival-bar-label{color:var(--text-muted)}.accBold__rival-track{flex:1;height:10px;background:#e2e8f0;border-radius:99px;overflow:hidden}html[data-theme=dark] .accBold__rival-track{background:var(--border)}.accBold__rival-fill{height:100%;border-radius:99px;transition:width .5s ease}.accBold__rival-fill--me{background:linear-gradient(90deg,#1cc6b6,#38d9a9)}.accBold__rival-fill--them{background:linear-gradient(90deg,#f59e0b,#f97316)}.accBold__rival-count{width:32px;font-size:.76rem;font-weight:600;color:#1a2332;flex-shrink:0}html[data-theme=dark] .accBold__rival-count{color:var(--text-primary)}.accBold__rival-togo{font-size:.8rem;color:#1cc6b6;font-weight:600;margin:0}.accBold__rival-meta{display:flex;flex-wrap:wrap;gap:8px}.accBold__rival-meta span{font-size:.75rem;color:#64748b}html[data-theme=dark] .accBold__rival-meta span{color:var(--text-muted)}.accBold__rival-code-box{background:#f0fdfb;border:1.5px dashed #1cc6b6;border-radius:12px;padding:14px;text-align:center}html[data-theme=dark] .accBold__rival-code-box{background:var(--primary-bg);border-color:var(--primary)}.accBold__rival-code-hint{font-size:.82rem;color:#64748b;margin:0 0 8px}html[data-theme=dark] .accBold__rival-code-hint{color:var(--text-muted)}.accBold__rival-code{font-size:1.7rem;font-weight:800;letter-spacing:6px;color:#1cc6b6;font-family:monospace}.accBold__rival-actions{display:flex;flex-direction:column;gap:8px;padding-top:4px}.accBold__rival-start{display:flex;flex-direction:column;gap:10px}.accBold__rival-create-btn{width:100%;padding:13px;background:linear-gradient(135deg,#1cc6b6,#0e9a8d);color:#fff;border:none;border-radius:14px;font-size:1rem;font-weight:700;cursor:pointer;font-family:inherit;transition:opacity .15s;display:flex;align-items:center;justify-content:center;gap:6px}.accBold__rival-create-btn:hover:not(:disabled){opacity:.88}.accBold__rival-create-btn:disabled{opacity:.5;cursor:not-allowed}html[data-theme=dark] .accBold__rival-create-btn{background:linear-gradient(135deg,var(--primary),#0e9a8d)}.accBold__rival-divider{display:flex;align-items:center;gap:8px;color:#94a3b8;font-size:.8rem}.accBold__rival-divider:before,.accBold__rival-divider:after{content:"";flex:1;height:1px;background:var(--border, #e2e8f0)}html[data-theme=dark] .accBold__rival-divider{color:var(--text-muted)}.accBold__rivalry-entry{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:14px;background:var(--bg-muted, #f8fafc);border:1.5px solid var(--border, #e2e8f0);cursor:pointer;font-family:inherit;transition:all .15s;margin-bottom:10px}.accBold__rivalry-entry:hover{background:#f0fdfb;border-color:#1cc6b6}html[data-theme=dark] .accBold__rivalry-entry{background:var(--bg-input);border-color:var(--border)}html[data-theme=dark] .accBold__rivalry-entry:hover{border-color:var(--primary);background:var(--primary-bg, rgba(28,198,182,.08))}.accBold__rivalry-entry-l{display:flex;align-items:center;gap:12px}.accBold__rivalry-entry-icon{font-size:1.4rem;line-height:1}.accBold__rivalry-entry-title{font-size:.95rem;font-weight:700;color:var(--text-primary, #1a2332);text-align:left}.accBold__rivalry-entry-sub{font-size:.78rem;color:var(--text-secondary, #64748b);margin-top:1px;text-align:left}@media(min-width:600px){html[data-theme=dark] .accBold{background:var(--bg-card);box-shadow:0 6px 40px #00000059}}:root{--teal-50: #e6f4f2;--teal-100: #c9e8e3;--teal-200: #95d3ca;--teal-300: #5fbdaf;--teal-400: #2faa97;--teal-500: #1f9682;--teal-600: #167b6a;--teal-700: #115f53;--teal-800: #0d4940;--teal-900: #0a3a33;--ink-950: #0e1513;--ink-900: #16201d;--ink-800: #1f2b27;--ink-700: #344441;--ink-600: #4d605c;--ink-500: #6e807c;--ink-400: #94a4a0;--ink-300: #b8c4c1;--ink-200: #d6dedb;--ink-100: #e8eeec;--ink-50: #f3f6f5;--paper: #fafbfa;--white: #ffffff;--warm-100: #fff0e6;--warm-300: #ffb98a;--warm-500: #f48a4a;--warm-700: #c5612a;--good-100: #dff5ec;--good-500: #2da57a;--warn-100: #fff4d6;--warn-500: #d99a1c;--font-display: "Bricolage Grotesque", "Inter", system-ui, sans-serif;--font-text: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;--r-xs: 6px;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--r-2xl: 36px;--r-pill: 999px;--sh-1: 0 1px 2px rgba(15,40,35,.04), 0 1px 0 rgba(15,40,35,.02);--sh-2: 0 4px 12px rgba(15,40,35,.06), 0 1px 2px rgba(15,40,35,.04);--sh-3: 0 12px 30px rgba(15,40,35,.1), 0 2px 6px rgba(15,40,35,.05);--sh-glow: 0 10px 40px rgba(31,150,130,.25)}.landing-root{font-family:var(--font-text);color:var(--ink-900);background:var(--paper);-webkit-font-smoothing:antialiased}.landing-root button{font-family:inherit;cursor:pointer}.landing-root button:not([class*=ln-btn]){border:none;background:none;padding:0}.landing-scroll{width:100%;min-height:100vh;background:var(--paper);scroll-behavior:smooth}.ln-nav{position:sticky;top:0;z-index:50;transition:all .2s;padding:18px 0}.ln-nav--solid{background:#fafbfad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--ink-100);padding:12px 0}.ln-nav__inner{max-width:1200px;margin:0 auto;padding:0 32px;display:flex;align-items:center;gap:40px}.ln-nav__links{display:flex;gap:28px;flex:1}.ln-nav__links a{color:var(--ink-700);text-decoration:none;font-size:14px;font-weight:500;transition:color .15s}.ln-nav__links a:hover{color:var(--teal-600)}.ln-nav__right{display:flex;align-items:center;gap:14px;flex-shrink:0}.ln-langtoggle{background:var(--ink-100);color:var(--ink-700);border-radius:var(--r-pill);padding:6px 12px;font-size:12px;font-weight:600;letter-spacing:.04em;cursor:pointer}.ln-langtoggle:hover{background:var(--teal-100);color:var(--teal-700)}.ln-link{color:var(--ink-700);text-decoration:none;font-size:14px;font-weight:500}.ln-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border-radius:var(--r-pill);font-weight:600;font-size:14px;text-decoration:none;transition:all .15s;cursor:pointer;white-space:nowrap;border:none;outline:none}.ln-btn--primary{background:var(--teal-500);color:#fff;box-shadow:var(--sh-2)}.ln-btn--primary:hover{background:var(--teal-600);transform:translateY(-1px);box-shadow:var(--sh-3)}.ln-btn--ghost{background:var(--ink-100);color:var(--ink-700)}.ln-btn--ghost:hover{background:var(--ink-200)}.ln-btn--outline{background:var(--teal-50);color:var(--teal-700);border:none}.ln-btn--outline:hover{background:var(--teal-100);transform:translateY(-1px)}.ln-btn--white{background:#fff;color:var(--teal-700)}.ln-btn--white:hover{transform:translateY(-1px)}.ln-btn--lg{padding:14px 24px;font-size:15px}.ln-btn--full{width:100%}.ln-hero{position:relative;padding:60px 0 100px;overflow:hidden}.ln-hero__bg{position:absolute;inset:0;pointer-events:none}.ln-hero__blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5}.ln-hero__blob--1{width:500px;height:500px;background:var(--teal-200);top:-100px;right:-100px}.ln-hero__blob--2{width:400px;height:400px;background:var(--warm-300);bottom:0;left:-80px;opacity:.25}.ln-hero__grid{position:absolute;inset:0;background-image:linear-gradient(var(--ink-100) 1px,transparent 1px),linear-gradient(90deg,var(--ink-100) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 70%);mask-image:radial-gradient(ellipse at center,#000 30%,transparent 70%);opacity:.4}.ln-hero__inner{position:relative;max-width:1200px;margin:0 auto;padding:60px 32px 0;display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center}.ln-eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--teal-50);color:var(--teal-700);padding:6px 14px;border-radius:var(--r-pill);font-size:13px;font-weight:600;border:1px solid var(--teal-100)}.ln-eyebrow__dot{width:8px;height:8px;border-radius:50%;background:var(--teal-500);animation:ln-pulse 1.8s infinite}.ln-eyebrow--inv{background:#ffffff26;color:#fff;border-color:#fff3}@keyframes ln-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.ln-h1{font-family:var(--font-display);font-size:clamp(40px,5.4vw,68px);line-height:1.02;letter-spacing:-.03em;font-weight:700;margin:22px 0;color:var(--ink-950)}.ln-h1__accent{background:linear-gradient(120deg,var(--teal-500),var(--teal-700));-webkit-background-clip:text;background-clip:text;color:transparent}.ln-sub{font-size:18px;line-height:1.55;color:var(--ink-600);max-width:540px;margin:0 0 32px}.ln-hero__ctas{display:flex;gap:12px;margin-bottom:28px;flex-wrap:wrap}.ln-hero__social{font-size:13px;color:var(--ink-500);display:flex;align-items:center;gap:6px}.ln-hero__visual{position:relative}.hero-demo{background:#fff;border-radius:var(--r-xl);box-shadow:var(--sh-3),0 0 0 1px var(--ink-100);overflow:hidden;transform:rotate(-1deg)}.hero-demo__chrome{display:flex;align-items:center;gap:6px;padding:12px 16px;background:var(--ink-50);border-bottom:1px solid var(--ink-100)}.hd-dot{width:10px;height:10px;border-radius:50%;background:var(--ink-200)}.hd-dot:first-child{background:#ff5f57}.hd-dot:nth-child(2){background:#ffbd2e}.hd-dot:nth-child(3){background:#28c840}.hd-url{flex:1;text-align:center;font-size:12px;color:var(--ink-500);font-family:var(--font-mono)}.hero-demo__body{padding:18px;display:flex;flex-direction:column;gap:16px;min-height:420px}.hd-row{display:flex;gap:10px;align-items:center;opacity:.5;transition:all .4s}.hd-row--active{opacity:1}.hd-pill--icon{width:36px;height:36px;border-radius:50%;background:var(--teal-500);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600}.hd-input{flex:1;padding:10px 14px;background:var(--ink-50);border:1.5px solid var(--ink-200);border-radius:var(--r-md);font-family:var(--font-mono);font-size:13px;color:var(--ink-700)}.hd-row--active .hd-input{border-color:var(--teal-400);background:#fff;box-shadow:0 0 0 4px var(--teal-50)}.hd-cursor{display:inline-block;width:2px;height:14px;background:var(--teal-500);vertical-align:middle;margin-left:2px;animation:ln-blink .9s steps(2) infinite}@keyframes ln-blink{50%{opacity:0}}.hd-video{border-radius:var(--r-md);overflow:hidden;opacity:0;transform:translateY(20px);transition:all .45s}.hd-video--in{opacity:1;transform:translateY(0)}.hd-video__thumb{position:relative;aspect-ratio:16/8;background:linear-gradient(180deg,#4a5e78,#6a8aa0);overflow:hidden}.hd-thumb-grad{position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.4))}.hd-thumb-mountains{position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(180deg,transparent,#2a3a4d);clip-path:polygon(0 100%,0 60%,15% 30%,30% 50%,45% 25%,60% 45%,75% 20%,90% 40%,100% 30%,100% 100%)}.hd-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:50px;height:50px;background:var(--teal-500);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;padding-left:4px;box-shadow:var(--sh-glow)}.hd-time{position:absolute;bottom:8px;right:10px;background:#000000b3;color:#fff;padding:2px 8px;border-radius:4px;font-size:11px;font-family:var(--font-mono)}.hd-tap{position:absolute;transform:translate(-50%,-50%);pointer-events:none}.hd-tap__ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:2px solid var(--teal-300);border-radius:50%;animation:ln-ring 1.4s ease-out infinite}.hd-tap__ring--2{animation-delay:.5s}@keyframes ln-ring{0%{width:10px;height:10px;opacity:1}to{width:60px;height:60px;opacity:0}}.hd-tap__word{background:var(--teal-500);color:#fff;padding:4px 10px;border-radius:var(--r-pill);font-size:12px;font-weight:600;box-shadow:var(--sh-2);position:relative;z-index:2}.hd-video__caption{padding:10px 14px;background:var(--ink-50);font-size:14px;color:var(--ink-700)}.hd-caption-text mark{background:transparent;color:var(--ink-700);padding:1px 2px;transition:all .2s;border-radius:3px}.hd-caption-text mark.is-hit{background:var(--teal-100);color:var(--teal-700);font-weight:600}.hd-card{perspective:1000px;opacity:0;transform:translateY(20px);transition:all .45s}.hd-card--in{opacity:1;transform:translateY(0)}.hd-card__inner{position:relative;transform-style:preserve-3d;transition:transform .5s;min-height:110px}.hd-card--flip .hd-card__inner{transform:rotateY(180deg)}.hd-card__face{position:absolute;inset:0;backface-visibility:hidden;padding:18px 20px;border-radius:var(--r-md);display:flex;flex-direction:column;gap:4px}.hd-card__face--front{background:linear-gradient(135deg,var(--teal-500),var(--teal-600));color:#fff}.hd-card__face--back{background:var(--ink-50);border:1px solid var(--ink-100);transform:rotateY(180deg)}.hd-card__eyebrow{font-size:11px;opacity:.85;letter-spacing:.05em;text-transform:uppercase}.hd-card__face--back .hd-card__eyebrow{color:var(--ink-500)}.hd-card__word{font-family:var(--font-display);font-size:28px;font-weight:700;letter-spacing:-.02em}.hd-card__face--back .hd-card__word{color:var(--ink-900)}.hd-card__hint{font-size:11px;opacity:.7;margin-top:auto}.hd-card__example{font-size:13px;color:var(--ink-600);font-style:italic;margin-top:4px}.hero-demo__steps{display:flex;gap:6px;padding:0 18px 14px;justify-content:center}.hd-step{width:24px;height:4px;border-radius:2px;background:var(--ink-200);transition:all .3s}.hd-step--on{background:var(--teal-500);width:32px}.ln-hero__floatcard{position:absolute;background:#fff;border-radius:var(--r-md);padding:12px 16px;box-shadow:var(--sh-3);border:1px solid var(--ink-100)}.ln-hero__floatcard--1{top:10%;left:-8%;animation:ln-float 4s ease-in-out infinite}.ln-hero__floatcard--2{bottom:6%;right:-4%;animation:ln-float 4s ease-in-out infinite 2s}@keyframes ln-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.ln-floatcard__num{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--teal-600);line-height:1}.ln-floatcard__streak{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--warm-700);line-height:1}.ln-floatcard__lbl{font-size:11px;color:var(--ink-500);margin-top:4px;letter-spacing:.02em}.ln-section__head{max-width:760px;margin:0 auto 56px;padding:0 32px;text-align:center}.ln-h2{font-family:var(--font-display);font-size:clamp(32px,4vw,48px);line-height:1.05;letter-spacing:-.02em;font-weight:700;margin:0 0 14px}.ln-h2--inv{color:#fff}.ln-section__sub{font-size:17px;line-height:1.5;color:var(--ink-600);margin:0}.ln-section__sub--inv{color:#ffffffd9}.ln-features{padding:100px 0}.ln-features__grid{max-width:1200px;margin:0 auto;padding:0 32px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.fcard{background:#fff;border-radius:var(--r-lg);padding:28px 26px;border:1px solid var(--ink-100);transition:all .2s}.fcard:hover{transform:translateY(-3px);box-shadow:var(--sh-2);border-color:var(--teal-200)}.fcard--accent{background:linear-gradient(160deg,var(--teal-50),#fff 60%);border-color:var(--teal-100)}.fcard__icon{font-size:28px;margin-bottom:14px;display:inline-flex;width:52px;height:52px;align-items:center;justify-content:center;background:var(--ink-50);border-radius:var(--r-md)}.fcard--accent .fcard__icon{background:var(--teal-100)}.fcard__title{font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:-.01em;margin:0 0 8px;color:var(--ink-900)}.fcard__desc{font-size:15px;line-height:1.5;color:var(--ink-600);margin:0}.ln-how{padding:100px 0;background:linear-gradient(180deg,var(--paper) 0%,#fff 100%)}.ln-how__grid{max-width:1080px;margin:0 auto;padding:0 32px;display:flex;flex-direction:column;gap:28px}.hstep{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:36px;background:#fff;border:1px solid var(--ink-100);border-radius:var(--r-2xl)}.hstep:nth-child(2n){direction:rtl}.hstep:nth-child(2n)>*{direction:ltr}.hstep__copy{padding:0 8px}.hstep__n{font-family:var(--font-mono);font-size:13px;color:var(--teal-500);font-weight:600;letter-spacing:.05em;margin-bottom:8px}.hstep__title{font-family:var(--font-display);font-size:28px;line-height:1.15;letter-spacing:-.01em;margin:0 0 10px;font-weight:700}.hstep__desc{font-size:16px;line-height:1.5;color:var(--ink-600);margin:0}.hstep__visual{background:var(--ink-50);border-radius:var(--r-lg);height:260px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.hv1{padding:20px;width:100%;height:100%;position:relative}.hv1__tag{position:absolute;padding:8px 14px;background:#fff;border-radius:var(--r-pill);font-size:13px;font-weight:600;color:var(--ink-700);box-shadow:var(--sh-1);border:1px solid var(--ink-100)}.hv1__tag--0{top:18%;left:12%;transform:rotate(-6deg);background:var(--teal-100);color:var(--teal-700);border-color:var(--teal-200)}.hv1__tag--1{top:30%;right:15%;transform:rotate(4deg)}.hv1__tag--2{top:56%;left:22%;transform:rotate(-2deg)}.hv1__tag--3{top:64%;right:10%;transform:rotate(5deg);background:var(--warm-100);color:var(--warm-700);border-color:var(--warm-300)}.hv1__tag--4{top:12%;left:50%;transform:translate(-50%) rotate(2deg)}.hv1__tag--5{bottom:14%;left:50%;transform:translate(-50%) rotate(-3deg)}.hv2{padding:24px;width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.hv2__bar{display:flex;align-items:center;gap:8px;background:#fff;border:1.5px solid var(--teal-300);border-radius:var(--r-pill);padding:8px 16px;box-shadow:0 0 0 4px var(--teal-50);width:90%}.hv2__icon{color:var(--teal-500)}.hv2__url{font-family:var(--font-mono);font-size:12px;color:var(--ink-700)}.hv2__arrow{color:var(--teal-400);font-size:22px}.hv2__chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;max-width:100%}.hv2__chip{padding:6px 12px;background:#fff;border-radius:var(--r-sm);font-size:13px;font-weight:600;box-shadow:var(--sh-1);border:1px solid var(--ink-100)}.hv3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px;width:100%;height:100%}.hv3__panel{background:#fff;border-radius:var(--r-md);padding:12px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--sh-1);border:1px solid var(--ink-100)}.hv3__panel--1{background:var(--teal-500);color:#fff}.hv3__lbl{font-size:18px}.hv3__big{font-family:var(--font-display);font-weight:700;font-size:22px;margin-top:auto}.hv3__rows{display:flex;flex-direction:column;gap:5px;margin-top:auto}.hv3__rows>div{height:8px;background:var(--ink-100);border-radius:3px}.hv3__rows>div:first-child{width:80%;background:var(--teal-200)}.hv3__rows>div:nth-child(2){width:60%}.hv3__bubble{background:var(--ink-50);padding:6px 10px;border-radius:var(--r-md);font-size:11px;color:var(--ink-700);margin-top:auto}.hv4{padding:24px;display:flex;flex-direction:column;gap:14px;align-items:center;width:100%}.hv4__row{display:flex;align-items:baseline;gap:6px;font-family:var(--font-display)}.hv4__row span{font-size:24px}.hv4__row strong{font-size:36px;color:var(--warm-700);font-weight:700}.hv4__row em{font-size:14px;color:var(--ink-500);font-style:normal}.hv4__heat{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;width:100%;max-width:220px}.hv4__cell{aspect-ratio:1;background:var(--teal-500);border-radius:3px}.ln-teachers{padding:100px 0;background:linear-gradient(160deg,var(--teal-700),var(--teal-900));position:relative;overflow:hidden}.ln-teachers:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:24px 24px;pointer-events:none}.ln-teachers__inner{position:relative;max-width:1200px;margin:0 auto;padding:0 32px;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.ln-teachers__list{list-style:none;padding:0;margin:24px 0 32px;display:flex;flex-direction:column;gap:12px}.ln-teachers__list li{color:#ffffffeb;font-size:15px;display:flex;align-items:center;gap:10px}.ln-teachers__list span{width:22px;height:22px;border-radius:50%;background:#ffffff26;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0}.tmock{background:#fff;border-radius:var(--r-xl);padding:24px;box-shadow:var(--sh-3);transform:rotate(1.5deg)}.tmock__head{display:flex;align-items:center;gap:14px;margin-bottom:20px}.tmock__icon{width:44px;height:44px;background:var(--teal-100);border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-size:20px}.tmock__title{font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--ink-900)}.tmock__sub{font-size:12px;color:var(--ink-500)}.tmock__tabs{display:flex;gap:8px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--ink-100)}.tmock__tab{padding:6px 12px;border-radius:var(--r-sm);font-size:12px;font-weight:600;color:var(--ink-500);background:var(--ink-50);display:inline-flex;align-items:center;gap:6px}.tmock__tab em{font-style:normal;background:var(--teal-500);color:#fff;padding:1px 6px;border-radius:var(--r-pill);font-size:10px}.tmock__tab--on{background:var(--teal-100);color:var(--teal-700)}.tmock__rows{display:flex;flex-direction:column;gap:12px}.tmock__row{display:grid;grid-template-columns:1.4fr 1fr 36px;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--ink-100);border-radius:var(--r-md)}.tmock__rowl{display:flex;align-items:center;gap:8px}.tmock__rowl strong{font-size:13px;color:var(--ink-900)}.tmock__rowl small{font-size:11px;color:var(--ink-500)}.tmock__dot{width:8px;height:8px;border-radius:50%;background:var(--teal-500)}.tmock__bar{height:6px;background:var(--ink-100);border-radius:3px;overflow:hidden}.tmock__bar>div{height:100%;background:var(--teal-500);border-radius:3px}.tmock__pct{font-family:var(--font-mono);font-size:11px;color:var(--ink-600);text-align:right}.ln-pricing{padding:100px 0}.ln-pricing__grid{max-width:1100px;margin:0 auto;padding:0 32px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}.pcard{position:relative;background:#fff;border-radius:var(--r-xl);border:1px solid var(--ink-100);padding:32px 28px;display:flex;flex-direction:column}.pcard--pop{border:2px solid var(--teal-500);transform:scale(1.04);box-shadow:var(--sh-3)}.pcard__badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--teal-500);color:#fff;padding:4px 14px;border-radius:var(--r-pill);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.pcard__tier{font-size:13px;font-weight:600;color:var(--ink-500);letter-spacing:.05em;text-transform:uppercase;margin-bottom:12px}.pcard__price{display:flex;align-items:baseline;gap:4px;margin-bottom:24px}.pcard__num{font-family:var(--font-display);font-size:44px;font-weight:700;letter-spacing:-.02em;color:var(--ink-950)}.pcard__unit{font-size:14px;color:var(--ink-500)}.pcard__feats{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:10px;flex:1}.pcard__feats li{display:flex;gap:10px;font-size:14px;color:var(--ink-700);align-items:flex-start}.pcard__feats span{color:var(--teal-500);font-weight:700;flex-shrink:0}.ln-faq{padding:80px 0 100px;background:var(--ink-50)}.ln-faq__grid{max-width:800px;margin:0 auto;padding:0 32px;display:flex;flex-direction:column;gap:10px}.faq{background:#fff;border-radius:var(--r-md);padding:18px 22px;border:1px solid var(--ink-100);cursor:pointer;transition:all .15s}.faq:hover{border-color:var(--teal-300)}.faq__q{display:flex;justify-content:space-between;align-items:center;gap:16px;font-weight:600;font-size:16px;color:var(--ink-900)}.faq__plus{width:28px;height:28px;border-radius:50%;background:var(--ink-50);color:var(--ink-600);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.faq--open .faq__plus{background:var(--teal-500);color:#fff}.faq__a{margin-top:12px;font-size:14px;line-height:1.5;color:var(--ink-600)}.ln-final{padding:120px 0;text-align:center;background:linear-gradient(160deg,var(--teal-700) 0%,var(--teal-900) 100%)}.ln-final__inner{max-width:720px;margin:0 auto;padding:0 32px}.ln-final__inner .ln-h2{color:#fff}.ln-final__inner .ln-section__sub{color:#ffffffd9;margin-bottom:36px}.ln-final__inner .ln-btn--primary{background:#fff;color:var(--teal-700);font-size:16px;padding:16px 40px;box-shadow:0 8px 32px #0003}.ln-final__inner .ln-btn--primary:hover{background:var(--teal-50);transform:translateY(-2px)}.pcard__cta{margin-top:auto;padding-top:14px;padding-bottom:14px;font-size:15px}.ln-foot{background:var(--ink-950);color:var(--ink-300);padding:60px 0 32px}.ln-foot__inner{max-width:1200px;margin:0 auto;padding:0 32px;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}.ln-foot__brand p{color:var(--ink-400);font-size:14px;line-height:1.5;margin:16px 0 12px;max-width:280px}.ln-foot__brand small{color:var(--ink-500);font-size:12px}.ln-foot__cols{display:contents}.ln-foot__cols>div{display:flex;flex-direction:column;gap:10px}.ln-foot__cols h4{font-size:13px;font-weight:600;color:var(--ink-100);margin:0 0 4px;letter-spacing:.04em;text-transform:uppercase}.ln-foot__cols a{color:var(--ink-400);font-size:14px;text-decoration:none;cursor:pointer}.ln-foot__cols a:hover{color:var(--teal-300)}@media(max-width:900px){.ln-nav__links{display:none}.ln-hero__inner,.ln-features__grid{grid-template-columns:1fr}.hstep{grid-template-columns:1fr;padding:24px}.hstep:nth-child(2n){direction:ltr}.ln-teachers__inner,.ln-pricing__grid{grid-template-columns:1fr}.pcard--pop{transform:none}.ln-foot__inner{grid-template-columns:1fr 1fr}.ln-hero__floatcard{display:none}}@media(max-width:640px){.ln-nav__inner{padding:0 16px;gap:16px}.ln-nav__right{gap:8px}.ln-btn{padding:8px 14px;font-size:13px}.ln-btn--lg{padding:12px 20px;font-size:14px}.ln-hero{padding:40px 0 64px}.ln-hero__inner{padding:32px 16px 0;gap:28px}.ln-h1{font-size:clamp(28px,9vw,42px);margin:16px 0}.ln-sub{font-size:15px;margin-bottom:24px}.ln-hero__ctas{flex-direction:column;align-items:stretch}.ln-hero__ctas .ln-btn{justify-content:center;text-align:center}.hero-demo{transform:none}.hero-demo__body{min-height:300px}.ln-section{padding:48px 16px}.ln-section-title{font-size:clamp(24px,7vw,32px)}.ln-section-sub{font-size:15px}.ln-features__grid{gap:12px}.feat-card{padding:20px 18px}.hstep{gap:20px}.ln-pricing__grid{gap:12px}.pcard{padding:24px 18px}.ln-foot__inner{grid-template-columns:1fr;gap:20px}.ln-foot{padding:48px 16px 32px}}.ln-modal-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}.ln-modal{background:#fff;border-radius:20px;padding:28px 32px;width:100%;max-width:420px;box-shadow:0 24px 80px #0000002e;animation:ln-modal-in .18s ease}@keyframes ln-modal-in{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.ln-modal__top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.ln-modal__title{font-size:22px;font-weight:700;color:#111827;letter-spacing:-.02em}.ln-modal__sub{font-size:14px;color:#6b7280;margin-top:3px}.ln-modal__close{width:30px;height:30px;border-radius:50%;border:1px solid #e5e7eb;background:#f9fafb;color:#6b7280;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ln-modal__close:hover{background:#f3f4f6;color:#111827}.ln-modal__error{background:#fee2e2;color:#b91c1c;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:500;margin-bottom:14px}.ln-modal__form{display:flex;flex-direction:column;gap:4px}.ln-modal__label{font-size:13px;font-weight:600;color:#374151;margin-top:10px;margin-bottom:4px}.ln-modal__input{width:100%;padding:11px 14px;border:1.5px solid #e5e7eb;border-radius:10px;font-size:14px;color:#111827;background:#fff;outline:none;transition:border-color .15s;box-sizing:border-box;font-family:inherit}.ln-modal__input:focus{border-color:#1cc6b6}.ln-modal__input::placeholder{color:#d1d5db}.ln-modal__submit{width:100%;margin-top:18px;padding:13px;background:#111827;color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:background .15s;font-family:inherit}.ln-modal__submit:hover:not(:disabled){background:#1e293b}.ln-modal__submit:disabled{opacity:.6;cursor:not-allowed}.ln-modal__switch{text-align:center;font-size:13px;color:#6b7280;margin:16px 0 0}.ln-modal__switch a{color:#0d9488;font-weight:600;text-decoration:none}.ln-modal__switch a:hover{text-decoration:underline}.ln-demo{padding:72px 24px 80px;background:var(--bg-alt, #f8fafc);text-align:center}.ln-demo__wrap{position:relative;max-width:820px;margin:28px auto 0;border-radius:18px;overflow:hidden;box-shadow:0 12px 48px #00000021;aspect-ratio:16 / 9}.ln-demo__wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:none}@media(max-width:600px){.ln-demo{padding:48px 16px 56px}}.reg-auth{display:flex;min-height:100vh}.reg-brand{flex:0 0 42%;background:#1a4a38;color:#fff;padding:48px 52px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow:hidden}.reg-brand-logo{display:flex;align-items:center;gap:10px;margin-bottom:0}.reg-brand-icon{width:36px;height:36px;background:#22c89a;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:800;color:#fff;font-family:DM Sans,Segoe UI,Arial,sans-serif}.reg-brand-name{font-size:18px;font-weight:700;letter-spacing:-.2px;font-family:DM Sans,Segoe UI,Arial,sans-serif}.reg-brand-body{margin:auto 0}.reg-brand-headline{font-size:38px;font-weight:800;line-height:1.18;margin:0 0 14px;font-family:DM Sans,Segoe UI,Arial,sans-serif}.reg-brand-sub{font-size:15px;opacity:.65;margin:0;font-family:DM Sans,Segoe UI,Arial,sans-serif}.reg-brand-feats{display:flex;flex-direction:column;gap:14px;margin-top:auto;padding-top:32px}.reg-brand-feat{display:flex;gap:12px;align-items:flex-start;font-size:14px;opacity:.82;line-height:1.45;font-family:DM Sans,Segoe UI,Arial,sans-serif}.reg-brand-feat>span:first-child{font-size:19px;flex-shrink:0;margin-top:1px}.reg-form-panel{flex:1;background:#fff;display:flex;align-items:center;justify-content:center;padding:48px 40px;overflow-y:auto}.reg-form-inner{width:100%;max-width:390px}.reg-tabs{display:flex;background:#f3f4f6;border-radius:10px;padding:3px;gap:3px;margin-bottom:24px}.reg-tab{flex:1;padding:10px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;background:transparent;color:#9ca3af;transition:all .18s;font-family:DM Sans,Segoe UI,Arial,sans-serif}.reg-tab.active{background:#fff;color:#111827;box-shadow:0 1px 4px #0000001a}.reg-social-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 16px;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;font-size:14px;font-weight:500;color:#111827;cursor:pointer;transition:border-color .18s,box-shadow .18s;font-family:DM Sans,Segoe UI,Arial,sans-serif}.reg-social-btn:hover{border-color:#c4c9d0;box-shadow:0 1px 5px #00000012}.reg-social-btn--apple{margin-top:10px}.reg-or-divider{display:flex;align-items:center;gap:12px;margin:20px 0}.reg-or-divider:before,.reg-or-divider:after{content:"";flex:1;height:1px;background:#e5e7eb}.reg-or-divider span{font-size:12px;font-weight:600;color:#9ca3af;letter-spacing:.07em}.reg-form{display:flex;flex-direction:column;gap:14px}.reg-field{display:flex;flex-direction:column;gap:6px}.reg-field label,.reg-field-label-row label{font-size:14px;font-weight:500;color:#374151;font-family:DM Sans,Segoe UI,Arial,sans-serif}.reg-field-label-row{display:flex;justify-content:space-between;align-items:baseline}.reg-forgot{font-size:13px;color:#1cc6b6;font-weight:500;text-decoration:none}.reg-forgot:hover{text-decoration:underline}.reg-field input{padding:12px 14px;background:#f5f7fa;border:1.5px solid transparent;border-radius:10px;font-size:15px;color:#111;outline:none;transition:all .18s;font-family:DM Sans,Segoe UI,Arial,sans-serif;width:100%;box-sizing:border-box}.reg-field input::placeholder{color:#b0bac4}.reg-field input:focus{background:#fff;border-color:#1cc6b6}.reg-submit-btn{margin-top:2px;padding:14px;background:#1cc6b6;color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;width:100%;transition:background .18s;font-family:DM Sans,Segoe UI,Arial,sans-serif}.reg-submit-btn:hover:not(:disabled){background:#17b3a4}.reg-submit-btn:disabled{opacity:.6;cursor:not-allowed}.reg-tos{font-size:12px;color:#9ca3af;text-align:center;margin:0;line-height:1.5}.reg-tos a{color:#6b7280;text-decoration:none}.reg-tos a:hover{text-decoration:underline}.reg-error{background:#fef2f2;color:#dc2626;border-radius:8px;padding:10px 14px;font-size:13px;margin-bottom:4px}.reg-flow{min-height:100vh;background:#fff}.reg-stepper-wrap{border-bottom:1px solid #f0f2f4;padding:20px 40px}.reg-stepper{display:flex;align-items:center;max-width:860px;margin:0 auto}.reg-stepper-item{display:flex;align-items:center;gap:8px;flex-shrink:0}.reg-stepper-circle{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;background:#e5e7eb;color:#9ca3af;transition:all .2s;font-family:DM Sans,Segoe UI,Arial,sans-serif}.reg-stepper-circle.active,.reg-stepper-circle.done{background:#1cc6b6;color:#fff}.reg-stepper-label{font-size:14px;font-weight:500;color:#9ca3af;white-space:nowrap;font-family:DM Sans,Segoe UI,Arial,sans-serif}.reg-stepper-label.live{color:#111827;font-weight:600}.reg-stepper-line{flex:1;height:1.5px;background:#e5e7eb;margin:0 6px;transition:background .2s}.reg-stepper-line.active{background:#1cc6b6}.reg-flow-body{max-width:860px;margin:0 auto;padding:40px 40px 80px}.reg-flow-title{font-size:32px;font-weight:800;color:#111827;margin:0 0 8px;font-family:DM Sans,Segoe UI,Arial,sans-serif}.reg-flow-sub{font-size:15px;color:#6b7280;margin:0 0 32px;font-family:DM Sans,Segoe UI,Arial,sans-serif}.reg-lang-section{margin-bottom:28px}.reg-lang-section-hd{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#374151;letter-spacing:.08em;margin-bottom:12px;font-family:DM Sans,Segoe UI,Arial,sans-serif}.reg-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.reg-dot--green{background:#22c55e}.reg-dot--orange{background:#f97316}.reg-lang-opt{font-weight:400;color:#9ca3af;font-size:12px;letter-spacing:0;margin-left:4px}.reg-lang-cards{display:flex;flex-wrap:wrap;gap:10px}.reg-lang-card{display:flex;align-items:center;gap:10px;padding:14px 22px;background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;cursor:pointer;transition:all .18s;font-family:DM Sans,Segoe UI,Arial,sans-serif;min-width:130px}.reg-lang-card:hover:not(.disabled){border-color:#1cc6b6;background:#f0fdfc}.reg-lang-card.active{border-color:#1cc6b6;background:#f0fdfc;box-shadow:0 0 0 2px #1cc6b62e}.reg-lang-card.disabled{opacity:.32;cursor:default}.reg-lang-flag{font-size:22px;line-height:1}.reg-lang-name{font-size:15px;font-weight:600;color:#111827;font-family:DM Sans,Segoe UI,Arial,sans-serif}.reg-bottom-row{display:flex;gap:48px;margin-top:8px;flex-wrap:wrap}.reg-bottom-col{flex:1;min-width:200px}.reg-bottom-hd{display:flex;flex-direction:column;gap:2px;font-size:12px;font-weight:700;color:#374151;letter-spacing:.08em;margin-bottom:10px;font-family:DM Sans,Segoe UI,Arial,sans-serif}.reg-bottom-sub{font-size:11px;font-weight:400;color:#9ca3af;letter-spacing:0}.reg-level-pills{display:flex;gap:8px;flex-wrap:wrap}.reg-level-pill{width:40px;height:40px;border-radius:50%;border:1.5px solid #e5e7eb;background:#fff;font-size:13px;font-weight:700;color:#374151;cursor:pointer;transition:all .18s;display:flex;align-items:center;justify-content:center;font-family:DM Sans,Segoe UI,Arial,sans-serif}.reg-level-pill:hover{border-color:#1cc6b6}.reg-level-pill.active{background:#1cc6b6;border-color:#1cc6b6;color:#fff}.reg-native-pills{display:flex;gap:8px;flex-wrap:wrap}.reg-native-pill{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1.5px solid #e5e7eb;border-radius:20px;background:#fff;font-size:13px;font-weight:500;color:#374151;cursor:pointer;transition:all .18s;font-family:DM Sans,Segoe UI,Arial,sans-serif}.reg-native-pill:hover{border-color:#1cc6b6}.reg-native-pill.active{background:#1cc6b6;border-color:#1cc6b6;color:#fff}.reg-flow-footer{display:flex;gap:12px;align-items:center;margin-top:36px}.reg-back-btn{padding:12px 24px;border:1.5px solid #e5e7eb;border-radius:12px;background:#fff;color:#6b7280;font-size:14px;cursor:pointer;font-family:DM Sans,Segoe UI,Arial,sans-serif;transition:border-color .18s}.reg-back-btn:hover{border-color:#9ca3af}.reg-next-btn{padding:13px 36px;background:#1a4a38;color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;font-family:DM Sans,Segoe UI,Arial,sans-serif;transition:background .18s}.reg-next-btn:hover:not(:disabled){background:#143d2e}.reg-next-btn:disabled{opacity:.5;cursor:not-allowed}.reg-interests-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:14px}.reg-interest-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px 14px;border:1.5px solid #e5e7eb;border-radius:14px;background:#fff;cursor:pointer;transition:all .18s;font-family:DM Sans,Segoe UI,Arial,sans-serif}.reg-interest-card:hover{border-color:#1cc6b6;background:#f0fdfc}.reg-interest-card.active{border-color:#1cc6b6;background:#f0fdfc;box-shadow:0 0 0 2px #1cc6b62e}.reg-interest-emoji{font-size:24px;line-height:1}.reg-interest-label{font-size:12px;font-weight:500;color:#374151;text-align:center;line-height:1.3}.reg-interest-hint{font-size:13px;color:#9ca3af;text-align:center}.reg-vocab-meta{display:flex;align-items:center;gap:12px;margin-bottom:20px}.reg-vocab-name{font-size:16px;font-weight:700;color:#111827;font-family:DM Sans,Segoe UI,Arial,sans-serif}.reg-vocab-desc{font-size:13px;color:#9ca3af}.reg-vocab-dots{display:flex;gap:6px;margin-left:auto}.reg-vocab-dot{width:8px;height:8px;border-radius:50%;background:#e5e7eb;transition:background .2s}.reg-vocab-dot.active{background:#1cc6b6}.reg-vocab-words{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:4px}.reg-vocab-word{padding:14px 16px;border:1.5px solid #e5e7eb;border-radius:12px;background:#fff;font-size:15px;font-weight:500;color:#374151;cursor:pointer;text-align:left;position:relative;transition:all .18s;font-family:DM Sans,Segoe UI,Arial,sans-serif}.reg-vocab-word:hover:not(.known){border-color:#1cc6b6;background:#f0fdfc}.reg-vocab-word.known{background:#f0fdfc;border-color:#1cc6b6;color:#0f766e;font-weight:600}.reg-vocab-check{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#1cc6b6;font-weight:700}.reg-done{text-align:center;padding-top:40px}.reg-done-emoji{font-size:80px;display:block;margin-bottom:16px;animation:reg-bounce .6s ease}@keyframes reg-bounce{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.2)}80%{transform:scale(.9)}to{transform:scale(1);opacity:1}}.reg-done-stats{display:flex;justify-content:center;gap:32px;margin:28px 0 20px}.reg-done-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.reg-done-num{font-size:36px;font-weight:800;color:#1cc6b6;line-height:1}.reg-done-lbl{font-size:13px;color:#9ca3af}.reg-done-btn{margin-top:12px;padding:16px 52px;background:#1a4a38;color:#fff;border:none;border-radius:14px;font-size:17px;font-weight:700;cursor:pointer;font-family:DM Sans,Segoe UI,Arial,sans-serif;transition:background .18s}.reg-done-btn:hover{background:#143d2e}.reg-loading{text-align:center;color:#9ca3af;padding:40px 0;font-size:15px}html[data-theme=dark] .reg-form-panel,html[data-theme=dark] .reg-flow{background:var(--bg-page)}html[data-theme=dark] .reg-tabs{background:var(--bg-card)}html[data-theme=dark] .reg-tab.active{background:var(--border-input);color:var(--text-primary)}html[data-theme=dark] .reg-tab{color:var(--text-secondary)}html[data-theme=dark] .reg-field label,html[data-theme=dark] .reg-field-label-row label{color:#d1d5db}html[data-theme=dark] .reg-field input{background:#1a2535;color:#e5e7eb;border-color:#2a3a4a}html[data-theme=dark] .reg-field input:focus{background:#1f2f42;border-color:#1cc6b6}html[data-theme=dark] .reg-social-btn{background:#1a2535;border-color:#2a3a4a;color:#e5e7eb}html[data-theme=dark] .reg-or-divider:before,html[data-theme=dark] .reg-or-divider:after{background:#2a3a4a}html[data-theme=dark] .reg-flow-title{color:#f9fafb}html[data-theme=dark] .reg-flow-sub{color:#9ca3af}html[data-theme=dark] .reg-stepper-wrap{border-color:#2a3a4a}html[data-theme=dark] .reg-stepper-line{background:#2a3a4a}html[data-theme=dark] .reg-stepper-label.live{color:#f9fafb}html[data-theme=dark] .reg-lang-card,html[data-theme=dark] .reg-level-pill,html[data-theme=dark] .reg-native-pill,html[data-theme=dark] .reg-interest-card,html[data-theme=dark] .reg-vocab-word{background:#1a2535;border-color:#2a3a4a;color:#d1d5db}html[data-theme=dark] .reg-lang-name{color:#e5e7eb}html[data-theme=dark] .reg-lang-card.active,html[data-theme=dark] .reg-interest-card.active{background:#0f2a2a;border-color:#1cc6b6}html[data-theme=dark] .reg-vocab-word.known{background:#0f2a2a;border-color:#1cc6b6;color:#5eead4}html[data-theme=dark] .reg-back-btn{background:#1a2535;border-color:#2a3a4a;color:#9ca3af}html[data-theme=dark] .reg-next-btn{background:#1cc6b6}html[data-theme=dark] .reg-next-btn:hover:not(:disabled){background:#17b3a4}@media(max-width:900px){.reg-interests-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.reg-auth{flex-direction:column}.reg-brand{flex:none;height:auto;position:static;padding:28px 24px 24px}.reg-brand-headline{font-size:26px}.reg-brand-feats{display:none}.reg-form-panel{padding:28px 24px;align-items:flex-start}.reg-stepper-wrap{padding:16px 20px;overflow-x:auto}.reg-stepper-label{display:none}.reg-flow-body{padding:24px 20px 60px}.reg-flow-title{font-size:24px}.reg-lang-card{min-width:110px;padding:12px 14px}.reg-bottom-row{flex-direction:column;gap:24px}.reg-interests-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.reg-lang-card{min-width:100px}.reg-interests-grid{grid-template-columns:repeat(2,1fr)}.reg-vocab-words{grid-template-columns:1fr 1fr}}.pricing-page{max-width:500px;margin:0 auto;padding:20px;text-align:center}.pricing-header{display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:20px}.back-btn{position:absolute;left:0;background:none;border:none;font-size:32px;color:#222;cursor:pointer}.pricing-title{font-size:24px;font-weight:800}.pricing-sub{color:#64748b;font-size:14px;margin-bottom:40px;padding:0 20px}.plans-container{display:flex;flex-direction:column;gap:20px}.plan-card{background:#fff;border-radius:28px;padding:24px;border:1px solid #f1f5f9;box-shadow:0 10px 25px #00000008;display:flex;flex-direction:column;align-items:center;position:relative;transition:all .3s ease}.plan-card.popular{border:2px solid #1cc6b6;background:linear-gradient(180deg,#fff,#f0fff4)}.popular-badge{position:absolute;top:-12px;background:#1cc6b6;color:#fff;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:700}.plan-icon-wrapper{width:64px;height:64px;border-radius:20px;border:2px solid #f1f5f9;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.plan-name{font-size:20px;font-weight:700;margin-bottom:8px}.plan-price{margin-bottom:20px}.price-amount{font-size:32px;font-weight:800}.price-currency{color:#64748b;font-weight:500}.plan-features{list-style:none;padding:0;margin:0 0 24px;width:100%}.plan-features li{padding:10px 0;font-size:14px;color:#475569;display:flex;align-items:center;gap:10px;border-bottom:1px dashed #f1f5f9}.check-icon{color:#1cc6b6;font-weight:700}.plan-btn{width:100%;color:#fff;border:none;border-radius:18px;padding:16px;font-size:16px;font-weight:700;cursor:pointer}.pricing-footer{margin-top:30px;font-size:12px;color:#94a3b8}.billing-toggle{display:flex;background:#f1f5f9;border-radius:14px;padding:4px;margin:0 auto 28px;width:fit-content;gap:2px}.billing-btn{padding:8px 20px;border-radius:11px;border:none;background:transparent;font-size:.88rem;font-weight:600;color:#64748b;cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:6px;transition:all .15s}.billing-btn.active{background:#fff;color:#1a2332;box-shadow:0 1px 6px #0000001a}.billing-save{background:#1cc6b6;color:#fff;font-size:.72rem;font-weight:700;padding:2px 6px;border-radius:6px}.price-per-month{font-size:.78rem;color:#94a3b8;margin-top:2px}.plan-features li{padding:12px 0;font-size:15px;color:#475569;display:flex;align-items:center;gap:12px;border-bottom:1px dashed #e2e8f0;background:transparent!important}.plan-features li span{background:none!important;background-color:transparent!important;padding:0}.check-icon{color:#48c6b4;background:transparent!important;font-size:18px;-webkit-user-select:none;user-select:none}@media(max-width:480px){.pricing-page{padding:16px 14px 40px}.pricing-title{font-size:22px}.plan-card{padding:20px 16px}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f8fafb;padding:20px}.auth-card{background:#fff;border-radius:24px;padding:36px 32px;width:100%;max-width:420px;box-shadow:0 4px 24px #1e325017}.auth-title{font-size:24px;font-weight:700;color:#111;margin:0 0 4px;font-family:DM Sans,Segoe UI,Arial,sans-serif}.auth-sub{font-size:14px;color:#8fa0ad;margin:0 0 24px}.auth-error{background:#fee2e2;color:#dc2626;border-radius:10px;padding:10px 14px;font-size:14px;margin-bottom:16px}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-group{display:flex;flex-direction:column;gap:6px}.auth-label{font-size:13px;font-weight:500;color:#5a6a75;font-family:DM Sans,Segoe UI,Arial,sans-serif}.auth-input{background:#eafcfc;border:1.5px solid transparent;border-radius:12px;padding:11px 14px;font-size:14px;color:#222;outline:none;transition:border-color .18s;font-family:DM Sans,Segoe UI,Arial,sans-serif}.auth-input::placeholder{color:#8dc8c4}.auth-input:focus{border-color:#1cc6b6}.auth-lang-btns{display:flex;flex-wrap:wrap;gap:8px}.auth-lang-btn{border:1.5px solid #e8edf0;background:#fff;color:#5a6a75;padding:6px 14px;border-radius:20px;font-size:13px;cursor:pointer;transition:all .16s;font-family:DM Sans,Segoe UI,Arial,sans-serif}.auth-lang-btn:hover{border-color:#1cc6b6;color:#1cc6b6}.auth-lang-btn.active{background:#1cc6b6;color:#fff;border-color:#1cc6b6}.auth-btn{margin-top:6px;padding:14px;background:#1cc6b6;color:#fff;border:none;border-radius:14px;font-size:15px;font-weight:700;cursor:pointer;transition:background .18s;font-family:DM Sans,Segoe UI,Arial,sans-serif}.auth-btn:hover{background:#17b3a4}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-switch{text-align:center;margin-top:16px;font-size:14px;color:#8fa0ad}.auth-switch a{color:#1cc6b6;font-weight:600;text-decoration:none}@media(max-width:480px){.auth-page{padding:40px 16px 16px;align-items:flex-start}.auth-card{padding:28px 20px;border-radius:20px}.auth-title{font-size:22px}}.otp-group{display:flex;gap:10px;justify-content:center;margin:8px 0 4px}.otp-input{width:48px;height:56px;text-align:center;font-size:22px;font-weight:700;color:#111;background:#eafcfc;border:2px solid transparent;border-radius:12px;outline:none;transition:border-color .18s;font-family:DM Sans,Segoe UI,Arial,sans-serif;caret-color:#1cc6b6}.otp-input:focus{border-color:#1cc6b6;background:#d6f7f4}.otp-input:not(:placeholder-shown){border-color:#1cc6b6}.auth-success{background:#dcfce7;color:#16a34a;border-radius:10px;padding:10px 14px;font-size:14px;margin-bottom:16px}.otp-resend{text-align:center;margin-top:16px;font-size:14px;color:#8fa0ad}.otp-resend-btn{background:none;border:none;color:#1cc6b6;font-weight:600;font-size:14px;cursor:pointer;padding:0;font-family:DM Sans,Segoe UI,Arial,sans-serif}.otp-resend-btn:hover{text-decoration:underline}.otp-resend-timer{color:#1cc6b6;font-weight:500}.sce{display:flex;flex-direction:column;height:100%;background:var(--bg-primary);color:var(--text-primary)}.sce-head{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0}.sce-back{background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:13px;padding:4px 8px;border-radius:6px;white-space:nowrap}.sce-back:hover{background:var(--bg-tertiary);color:var(--text-primary)}.sce-name{flex:1;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:6px 12px;font-size:15px;font-weight:600;color:var(--text-primary);min-width:0}.sce-name:focus{outline:none;border-color:var(--accent-color)}.sce-active-toggle{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary);white-space:nowrap;cursor:pointer}.sce-save-btn{background:var(--accent-color);color:#fff;border:none;border-radius:8px;padding:7px 14px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.sce-save-btn:disabled{opacity:.55;cursor:wait}.sce-save-btn:hover:not(:disabled){filter:brightness(1.1)}.sce-del-btn{background:#ef4444;color:#fff;border:none;border-radius:8px;padding:7px 10px;font-size:14px;cursor:pointer}.sce-del-btn:hover{background:#dc2626}.sce-body{display:flex;flex:1;overflow:hidden;gap:0}.sce-left{width:320px;min-width:260px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--border-color);overflow:hidden}.sce-tabs{display:flex;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0}.sce-tab{flex:1;background:none;border:none;padding:10px;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent}.sce-tab--on{color:var(--accent-color);border-bottom-color:var(--accent-color)}.sce-tab:hover:not(.sce-tab--on){background:var(--bg-tertiary)}.sce-panel{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:16px}.sce-field{display:flex;flex-direction:column;gap:6px}.sce-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px}.sce-hint{font-size:11px;color:var(--text-secondary);margin:0}.sce-prompt{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:8px 10px;font-size:13px;color:var(--text-primary);resize:vertical;font-family:inherit;line-height:1.5}.sce-prompt:focus{outline:none;border-color:var(--accent-color)}.sce-img-placeholder{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:70px;background:var(--bg-tertiary);border:2px dashed var(--border-color);border-radius:8px;cursor:pointer;font-size:13px;color:var(--text-secondary);transition:border-color .15s}.sce-img-placeholder:hover{border-color:var(--accent-color);color:var(--accent-color)}.sce-img-preview{position:relative;border-radius:8px;overflow:hidden;cursor:pointer;max-height:160px}.sce-img-preview img{width:100%;max-height:160px;object-fit:cover;display:block;border-radius:8px}.sce-img-clear{position:absolute;top:5px;right:5px;background:#0000008c;color:#fff;border:none;border-radius:50%;width:22px;height:22px;font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center}.sce-img-clear:hover{background:#c80000cc}.sce-frames{display:flex;flex-direction:column;gap:8px}.sce-frames-list{display:flex;flex-wrap:wrap;gap:8px}.sce-frame-item{position:relative;width:64px;height:64px;border-radius:8px;overflow:visible;border:2px solid var(--border-color);background:var(--bg-tertiary)}.sce-frame-item img{width:100%;height:100%;object-fit:contain;border-radius:6px}.sce-frame-num{position:absolute;top:-6px;left:-6px;background:var(--accent-color);color:#fff;font-size:10px;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.sce-frame-actions{position:absolute;top:0;right:-28px;display:flex;flex-direction:column;gap:2px}.sce-frame-actions button{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;padding:1px 4px;font-size:11px;cursor:pointer;color:var(--text-secondary);line-height:1.4}.sce-frame-actions button:hover:not(:disabled){background:var(--bg-tertiary)}.sce-frame-actions button:disabled{opacity:.3;cursor:default}.sce-frames-add{width:64px;height:64px;border:2px dashed var(--border-color);border-radius:8px;background:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--text-secondary);font-size:22px;transition:border-color .15s}.sce-frames-add:hover{border-color:var(--accent-color);color:var(--accent-color)}.sce-frames-add-label{font-size:9px}.sce-board{display:flex;flex-direction:column;gap:6px}.sce-board-row{display:flex;gap:6px;align-items:center}.sce-board-input{flex:1;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;padding:5px 8px;font-size:13px;color:var(--text-primary)}.sce-board-input:focus{outline:none;border-color:var(--accent-color)}.sce-board-input--price{flex:0 0 80px}.sce-board-del{background:none;border:none;cursor:pointer;color:#ef4444;font-size:13px;padding:2px 5px}.sce-board-add{background:none;border:1px dashed var(--border-color);border-radius:6px;padding:5px 8px;font-size:12px;color:var(--text-secondary);cursor:pointer;text-align:left}.sce-board-add:hover{border-color:var(--accent-color);color:var(--accent-color)}.sce-anim-preview{display:flex;flex-direction:column;gap:6px}.sce-anim-preview-img{width:100%;max-height:160px;object-fit:contain;border-radius:8px;background:var(--bg-tertiary);border:1px solid var(--border-color)}.sce-right{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-primary)}.sce-canvas-wrap{flex:1;overflow:hidden;padding:16px;display:flex;align-items:center;justify-content:center}.sce-canvas{position:relative;width:100%;max-width:560px;aspect-ratio:16 / 10;background:#c8e6f7;border-radius:12px;overflow:hidden;box-shadow:0 4px 24px #00000026;-webkit-user-select:none;user-select:none}.sce-canvas-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:14px;color:#0000004d;flex-direction:column;gap:6px}.sce-canvas-counter{position:absolute;bottom:0;left:0;width:100%;object-fit:cover;object-position:top;max-height:35%;pointer-events:none;-webkit-user-select:none;user-select:none}.sce-obj{cursor:grab;object-fit:contain}.sce-obj--dragging{cursor:grabbing;opacity:.85}.sce-obj:hover{outline:2px dashed rgba(99,102,241,.7);outline-offset:2px}.sce-canvas-char{position:absolute;bottom:20%;left:50%;transform:translate(-50%);width:20%;object-fit:contain;pointer-events:none}.sce-obj-panel{border-top:1px solid var(--border-color);padding:12px 16px;background:var(--bg-secondary);flex-shrink:0;max-height:200px;overflow-y:auto}.sce-obj-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.sce-obj-add-btn{background:var(--accent-color);color:#fff;border-radius:6px;padding:4px 10px;font-size:12px;cursor:pointer;font-weight:500}.sce-obj-add-btn:hover{filter:brightness(1.1)}.sce-obj-row{display:flex;align-items:center;gap:10px;padding:5px 0;border-bottom:1px solid var(--border-color)}.sce-obj-row:last-child{border-bottom:none}.sce-obj-thumb{width:36px;height:36px;object-fit:contain;border-radius:6px;background:var(--bg-tertiary);border:1px solid var(--border-color);flex-shrink:0}.sce-obj-props{display:flex;gap:8px;flex:1}.sce-obj-prop{display:flex;flex-direction:column;gap:2px;font-size:10px;color:var(--text-secondary);font-weight:600;text-transform:uppercase}.sce-obj-prop input[type=number]{width:52px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:5px;padding:2px 5px;font-size:12px;color:var(--text-primary);text-align:center}.sce-obj-prop input[type=number]:focus{outline:none;border-color:var(--accent-color)}.sce-obj-del{background:none;border:none;cursor:pointer;color:#ef4444;font-size:14px;padding:2px 5px}.adm-page{max-width:1200px;margin:0 auto;padding:24px 16px 80px;font-family:Segoe UI,Arial,sans-serif;background:#f8fafb;min-height:100vh}.adm-loading{text-align:center;padding:60px;color:#94a3b8;font-size:1.1rem}.adm-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.adm-title-row{display:flex;align-items:center;gap:12px}.adm-shield{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:linear-gradient(135deg,#eafcfc,#d0f5f2);border-radius:12px;color:#1cc6b6}.adm-shield svg{display:block;background:transparent}.adm-btn-block svg,.adm-btn-unblock svg,.adm-status-blocked svg{display:block;background:transparent;flex-shrink:0}.adm-title{font-size:1.6rem;font-weight:700;color:#1a2332;margin:0}.adm-refresh{background:#eafcfc;color:#1cc6b6;border:none;border-radius:12px;padding:8px 16px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s}.adm-refresh:hover{background:#d0f5f2}.adm-stats-row{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:14px}.adm-stat-card{background:#fff;border-radius:18px;padding:16px 22px;flex:1;min-width:130px;border:1.5px solid #eef0f2;box-shadow:0 2px 8px #1e32500a}.adm-stat-value{font-size:2rem;font-weight:800;color:#1a2332}.adm-stat-label{font-size:.85rem;color:#8fa0ad;margin-top:2px}.adm-stat-sub{font-size:.75rem;color:#b0bfc7;margin-top:4px}.adm-section{background:#fff;border-radius:22px;padding:22px 24px;border:1.5px solid #eef0f2;margin-top:20px;box-shadow:0 2px 12px #1e32500a}.adm-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;flex-wrap:wrap;gap:12px}.adm-section-title{font-size:1.1rem;font-weight:700;color:#1a2332;margin:0}.adm-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.adm-search{background:#f8fafb;border:1.5px solid #e8ecef;border-radius:12px;padding:8px 14px;font-size:.95rem;outline:none;min-width:220px;transition:border-color .2s}.adm-search:focus{border-color:#1cc6b6}.adm-sub-filter-group{display:flex;gap:4px;background:#f1f5f9;border-radius:12px;padding:4px}.adm-sub-filter-btn{background:transparent;border:none;border-radius:9px;padding:6px 14px;font-size:.85rem;font-weight:500;color:#64748b;cursor:pointer;transition:background .18s,color .18s;white-space:nowrap}.adm-sub-filter-btn:hover{background:#e2e8f0;color:#1a2332}.adm-sub-filter-btn--active{background:#fff;color:#1cc6b6;font-weight:700;box-shadow:0 1px 4px #1e325014}.adm-table-wrap{overflow-x:auto}.adm-table{width:100%;border-collapse:collapse;font-size:.9rem}.adm-table th{text-align:left;color:#8fa0ad;font-weight:600;padding:8px 12px;border-bottom:1.5px solid #eef0f2;white-space:nowrap}.adm-table td{padding:10px 12px;border-bottom:1px solid #f4f6f8;color:#1a2332;vertical-align:middle}.adm-table tr:last-child td{border-bottom:none}.adm-table tr:hover td{background:#f8fafb}.adm-row-blocked td{background:#fff8f8!important}.adm-td-id{color:#b0bfc7;font-size:.8rem}.adm-td-email{color:#4b5563;font-size:.85rem}.adm-username{font-weight:600}.adm-badge-admin{font-size:.65rem;font-weight:700;background:#1cc6b6;color:#fff;border-radius:6px;padding:1px 6px;margin-left:6px;vertical-align:middle;text-transform:uppercase}.adm-sub-select{font-size:.78rem;font-weight:700;border-radius:8px;padding:3px 22px 3px 8px;border:1.5px solid transparent;cursor:pointer;outline:none;text-transform:uppercase;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23888' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center}.adm-sub-select--free{background-color:#f1f5f9;color:#64748b;border-color:#e2e8f0}.adm-sub-select--medium{background-color:#eafcfc;color:#1cc6b6;border-color:#b2f0ec}.adm-sub-select--premium{background-color:#fff9eb;color:#f39c12;border-color:#fde68a}.adm-sub-select--teacher{background-color:#f5f3ff;color:#7c3aed;border-color:#ddd6fe}.adm-sub-select:disabled{opacity:.5;cursor:not-allowed}.adm-status-active{color:#22c55e;font-size:.85rem}.adm-status-blocked{color:#e53e3e;font-size:.85rem}.adm-online{color:#22c55e;font-weight:600}.adm-btn-block{display:inline-flex;align-items:center;gap:5px;background:#ffeaea;color:#e53e3e;border:none;border-radius:10px;padding:5px 12px;font-size:.82rem;cursor:pointer;white-space:nowrap;transition:background .2s}.adm-btn-block:hover{background:#ffd6d6}.adm-btn-unblock{display:inline-flex;align-items:center;gap:5px;background:#eafcfc;color:#1cc6b6;border:none;border-radius:10px;padding:5px 12px;font-size:.82rem;cursor:pointer;white-space:nowrap;transition:background .2s}.adm-btn-unblock:hover{background:#d0f5f2}.adm-status-blocked,.adm-status-active{display:inline-flex;align-items:center;gap:4px}.adm-error{background:#fff8f8;color:#e53e3e;border:1px solid #ffd6d6;border-radius:10px;padding:8px 14px;font-size:.9rem;margin-bottom:12px}.adm-modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.adm-modal{background:#fff;border-radius:22px;padding:28px 24px 22px;width:90%;max-width:380px;box-shadow:0 20px 40px #0000002e;animation:slideUp .25s ease-out}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.adm-modal-title{font-size:1.1rem;font-weight:700;color:#1a2332;margin:0 0 4px}.adm-modal-sub{color:#8fa0ad;font-size:.9rem;margin:0 0 18px}.adm-modal-input-wrap{margin-bottom:18px}.adm-modal-label{display:block;font-size:.85rem;color:#64748b;margin-bottom:6px}.adm-modal-input{width:100%;background:#f8fafb;border:1.5px solid #e8ecef;border-radius:12px;padding:10px 14px;font-size:.95rem;outline:none;box-sizing:border-box;transition:border-color .2s}.adm-modal-input:focus{border-color:#1cc6b6}.adm-modal-actions{display:flex;gap:10px}.adm-modal-cancel{flex:1;background:#f1f5f9;border:none;border-radius:14px;padding:12px;font-weight:600;color:#64748b;cursor:pointer}.adm-modal-confirm{flex:1;background:#ffeaea;border:none;border-radius:14px;padding:12px;font-weight:600;color:#e53e3e;cursor:pointer}.adm-modal-confirm:hover{background:#ffd6d6}.adm-main-tabs{display:flex;gap:4px;background:#f1f5f9;border-radius:10px;padding:4px}html[data-theme=dark] .adm-main-tabs{background:var(--bg-muted)}.adm-main-tab{background:none;border:none;border-radius:7px;padding:6px 18px;font-size:13px;font-weight:500;color:#64748b;cursor:pointer;transition:background .15s,color .15s}.adm-main-tab--on{background:#fff;color:#1cc6b6;font-weight:600;box-shadow:0 1px 4px #0000001a}html[data-theme=dark] .adm-main-tab--on{background:var(--bg-page)}.adm-scenes{padding:20px 0}.adm-scenes-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.adm-scenes-new-btn{background:#1cc6b6;color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer}.adm-scenes-new-btn:hover{background:#18b2a3}.adm-scenes-empty{text-align:center;padding:60px 0;color:#94a3b8;display:flex;flex-direction:column;align-items:center;gap:16px}.adm-scenes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.adm-scene-card{border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;cursor:pointer;transition:transform .15s,box-shadow .15s;background:#fff}html[data-theme=dark] .adm-scene-card{background:var(--bg-card);border-color:var(--border)}.adm-scene-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.adm-scene-card--inactive{opacity:.55}.adm-scene-thumb{height:110px;background:#c8e6f7;display:flex;align-items:center;justify-content:center;position:relative}.adm-scene-thumb-empty{font-size:28px;opacity:.5}.adm-scene-inactive-badge{position:absolute;top:8px;right:8px;background:#00000080;color:#fff;font-size:10px;border-radius:4px;padding:2px 6px}.adm-scene-info{padding:8px 10px;display:flex;flex-direction:column;gap:2px}.adm-scene-name{font-size:13px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html[data-theme=dark] .adm-scene-name{color:#e2e8f0}.adm-scene-meta{font-size:11px;color:#94a3b8}@media(max-width:700px){.adm-stats-row{flex-direction:column}.adm-stat-card{min-width:unset}.adm-section{padding:14px 10px}.adm-table{font-size:.8rem}.adm-table th,.adm-table td{padding:8px}.adm-scenes-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.tc-page{min-height:100vh;background:var(--bg-primary, #f8fafb);padding:24px 20px 40px;max-width:1100px;margin:0 auto}.tc-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.tc-header-left{display:flex;align-items:center;gap:14px}.tc-header-icon{font-size:36px}.tc-title{font-size:1.7rem;font-weight:800;color:var(--text-primary, #1a2332);margin:0}.tc-subtitle{font-size:.88rem;color:var(--text-secondary, #8fa0ad);margin:2px 0 0}.tc-tabs{display:flex;gap:6px;background:var(--bg-secondary, #f1f7f6);padding:6px;border-radius:16px;margin-bottom:24px;width:fit-content}.tc-tab{padding:10px 22px;border:none;background:transparent;border-radius:12px;font-size:.9rem;font-weight:700;color:var(--text-secondary, #8fa0ad);cursor:pointer;transition:all .2s}.tc-tab.active{background:#fff;color:#1cc6b6;box-shadow:0 2px 10px #0000000f}.tc-content{flex:1}.tc-two-col{display:grid;grid-template-columns:1fr 1.4fr;gap:20px}.tc-col,.tc-tests-layout{display:flex;flex-direction:column;gap:16px}.tc-card{background:#fff;border-radius:24px;padding:24px;box-shadow:0 4px 24px #0000000f}.tc-card--empty{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--text-secondary, #8fa0ad);font-size:.95rem}.tc-card--narrow{max-width:460px}.tc-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:10px}.tc-card-title{font-size:1.1rem;font-weight:800;color:var(--text-primary, #1a2332);margin:0 0 16px}.tc-card-header .tc-card-title{margin:0}.tc-invite-badge{background:#eafcfc;color:#1cc6b6;border-radius:10px;padding:6px 14px;font-size:.82rem;font-weight:600}.tc-create-row{display:flex;gap:10px;margin-bottom:16px}.tc-group-list{display:flex;flex-direction:column;gap:8px}.tc-group-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;border:1.5px solid var(--border-color, #e2e8f0);cursor:pointer;transition:all .15s}.tc-group-item:hover{border-color:#1cc6b6;background:#f8fdfb}.tc-group-item--active{border-color:#1cc6b6;background:#eafcfc}.tc-group-info{flex:1;display:flex;flex-direction:column;gap:2px}.tc-group-name{font-weight:700;color:var(--text-primary, #1a2332);font-size:.95rem}.tc-group-meta{font-size:.78rem;color:var(--text-secondary, #8fa0ad)}.tc-student-list{display:flex;flex-direction:column;gap:10px}.tc-student-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:var(--bg-secondary, #f8fafb)}.tc-student-avatar{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#1cc6b6,#0fa89a);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:800;flex-shrink:0}.tc-student-avatar-sm{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#1cc6b6,#0fa89a);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:800;flex-shrink:0}.tc-student-info{flex:1;display:flex;flex-direction:column;gap:2px}.tc-student-name{font-weight:700;color:var(--text-primary, #1a2332);font-size:.9rem}.tc-student-meta{font-size:.76rem;color:var(--text-secondary, #8fa0ad)}.tc-student-actions{display:flex;gap:6px}.tc-test-list{display:flex;flex-direction:column;gap:10px}.tc-test-item{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;border:1.5px solid var(--border-color, #e2e8f0)}.tc-test-info{flex:1;display:flex;flex-direction:column;gap:3px}.tc-test-title{font-weight:700;color:var(--text-primary, #1a2332);font-size:.95rem}.tc-test-meta{font-size:.78rem;color:var(--text-secondary, #8fa0ad)}.tc-test-actions{display:flex;gap:8px}.tc-btn{padding:10px 20px;border-radius:12px;border:none;font-size:.88rem;font-weight:700;cursor:pointer;transition:all .15s;white-space:nowrap}.tc-btn--primary{background:#1a2332;color:#fff}.tc-btn--primary:hover{background:#1cc6b6}.tc-btn--primary:disabled{opacity:.5;cursor:wait}.tc-btn--ghost{background:var(--bg-secondary, #f1f5f9);color:var(--text-secondary, #64748b)}.tc-btn--ghost:hover{background:var(--border-color, #e2e8f0)}.tc-btn--sm{padding:7px 14px;font-size:.82rem;border-radius:10px}.tc-icon-btn{width:32px;height:32px;border-radius:8px;border:none;background:var(--bg-secondary, #f1f5f9);color:var(--text-secondary, #64748b);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.85rem;transition:all .15s}.tc-icon-btn:hover{background:var(--border-color, #e2e8f0)}.tc-icon-btn--red{background:#fff1f1;color:#ff5c5c}.tc-icon-btn--red:hover{background:#ff5c5c;color:#fff}.tc-input{flex:1;padding:10px 14px;border-radius:12px;border:1.5px solid var(--border-color, #e2e8f0);font-size:.9rem;color:var(--text-primary, #1a2332);background:var(--bg-primary, #fff);font-family:inherit;outline:none;transition:border-color .12s}.tc-input:focus{border-color:#1cc6b6}.tc-input--sm{padding:8px 12px;font-size:.85rem}.tc-input--code{text-transform:uppercase;letter-spacing:.12em;font-weight:700;font-size:1rem}.tc-select{flex:1;padding:10px 14px;border-radius:12px;border:1.5px solid var(--border-color, #e2e8f0);font-size:.88rem;background:var(--bg-primary, #fff);color:var(--text-primary, #1a2332);cursor:pointer}.tc-join-row{display:flex;gap:10px;margin-top:16px}.tc-empty{color:var(--text-secondary, #94a3b8);font-size:.9rem;text-align:center;padding:20px 0}.tc-error{color:#ef4444;font-size:.85rem;margin-top:8px}.tc-text-muted{color:var(--text-secondary, #8fa0ad);font-size:.88rem;margin:4px 0 0}.tc-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.tc-stat-card{border-radius:16px;padding:16px;display:flex;flex-direction:column;align-items:center}.tc-stat--green{background:#eafcfc;color:#1cc6b6}.tc-stat--blue{background:#e8f4fd;color:#3b82f6}.tc-stat--orange{background:#fff7ed;color:#f97316}.tc-stat--purple{background:#f5f3ff;color:#8b5cf6}.tc-stat-num{font-size:2rem;font-weight:800;line-height:1}.tc-stat-label{font-size:.75rem;font-weight:600;opacity:.8;margin-top:4px}.tc-last-active{font-size:.85rem;color:var(--text-secondary, #8fa0ad);margin:0 0 12px}.tc-section{margin-top:16px}.tc-section-title{font-size:.85rem;font-weight:700;color:var(--text-secondary, #8fa0ad);text-transform:uppercase;letter-spacing:.05em;margin:0 0 10px}.tc-attempts-list{display:flex;flex-direction:column;gap:6px}.tc-attempt-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:10px;background:var(--bg-secondary, #f8fafb)}.tc-attempt-score{font-weight:700;font-size:.95rem}.tc-score--good{color:#10b981}.tc-score--bad{color:#ef4444}.tc-attempt-date{font-size:.78rem;color:var(--text-secondary, #8fa0ad)}.tc-words-chips{display:flex;flex-wrap:wrap;gap:8px}.tc-chip{background:var(--bg-secondary, #f1f5f9);border-radius:20px;padding:4px 12px;font-size:.82rem;color:var(--text-secondary, #64748b)}.tc-chip--learned{background:#eafcfc;color:#1cc6b6;font-weight:600}.tc-modal-overlay{position:fixed;inset:0;z-index:2000;background:#1a233273;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px}.tc-modal{background:#fff;border-radius:28px;padding:28px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 64px #0000002e}.tc-modal-loading{display:flex;justify-content:center;padding:40px}.tc-modal-header{display:flex;align-items:center;gap:14px;margin-bottom:20px}.tc-modal-title{font-size:1.15rem;font-weight:800;color:var(--text-primary, #1a2332);margin:0;flex:1}.tc-modal-sub{font-size:.82rem;color:var(--text-secondary, #8fa0ad);margin:2px 0 0}.tc-close-btn{width:36px;height:36px;border-radius:10px;border:none;background:var(--bg-secondary, #f1f5f9);color:var(--text-secondary, #64748b);cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tc-close-btn:hover{background:var(--border-color, #e2e8f0)}.tc-editor-modal{max-width:620px}.tc-editor-form{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.tc-editor-row{display:flex;gap:10px}.tc-pairs-header{display:grid;grid-template-columns:1fr 1fr 32px;gap:8px;padding:0 4px;font-size:.78rem;font-weight:700;color:var(--text-secondary, #8fa0ad);text-transform:uppercase}.tc-pairs-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.tc-pair-row{display:grid;grid-template-columns:1fr 1fr 32px;gap:8px;align-items:center}.tc-editor-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:16px;border-top:1px solid var(--border-color, #f1f5f9)}.tc-quiz-modal{max-width:420px}.tc-quiz-header{display:flex;align-items:center;gap:12px;margin-bottom:28px}.tc-quiz-progress{font-size:.82rem;font-weight:700;color:var(--text-secondary, #8fa0ad);white-space:nowrap}.tc-quiz-bar{flex:1;height:6px;background:var(--bg-secondary, #f1f5f9);border-radius:3px;overflow:hidden}.tc-quiz-bar-fill{height:100%;background:#1cc6b6;border-radius:3px;transition:width .4s ease}.tc-quiz-word{font-size:1.8rem;font-weight:800;color:var(--text-primary, #1a2332);text-align:center;margin-bottom:28px;min-height:60px;display:flex;align-items:center;justify-content:center}.tc-quiz-options{display:flex;flex-direction:column;gap:10px}.tc-option{width:100%;padding:14px 20px;border-radius:14px;border:2px solid var(--border-color, #e2e8f0);background:var(--bg-primary, #fff);font-size:.95rem;font-weight:600;color:var(--text-primary, #1a2332);cursor:pointer;text-align:left;transition:all .12s}.tc-option:hover:not([disabled]){border-color:#1cc6b6;background:#eafcfc}.tc-option--correct{border-color:#10b981;background:#d1fae5;color:#065f46}.tc-option--wrong{border-color:#ef4444;background:#fee2e2;color:#991b1b}.tc-quiz-done{text-align:center;max-width:340px}.tc-done-icon{font-size:4rem;margin-bottom:12px}.tc-done-title{font-size:2.5rem;font-weight:800;color:var(--text-primary, #1a2332);margin:0 0 8px}.tc-done-sub{font-size:1rem;color:var(--text-secondary, #8fa0ad);margin:0 0 24px}.tc-done-actions{display:flex;flex-direction:column;gap:10px}.tc-spinner{width:32px;height:32px;border:3px solid var(--border-color, #e2e8f0);border-top-color:#1cc6b6;border-radius:50%;animation:tc-spin .7s linear infinite}@keyframes tc-spin{to{transform:rotate(360deg)}}@keyframes tc-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.tc-shake{animation:tc-shake .5s ease}html[data-theme=dark] .tc-card,html[data-theme=dark] .tc-modal{background:var(--bg-card)}html[data-theme=dark] .tc-group-item{border-color:var(--border)}html[data-theme=dark] .tc-group-item:hover,html[data-theme=dark] .tc-group-item--active{background:var(--primary-bg);border-color:var(--primary)}html[data-theme=dark] .tc-test-item{border-color:var(--border)}html[data-theme=dark] .tc-student-row{background:var(--bg-input)}html[data-theme=dark] .tc-option{background:var(--bg-input);border-color:var(--border);color:var(--text-primary)}html[data-theme=dark] .tc-tabs{background:var(--bg-card)}html[data-theme=dark] .tc-tab.active{background:var(--bg-input)}html[data-theme=dark] .tc-input,html[data-theme=dark] .tc-select{background:var(--bg-input);border-color:var(--border);color:var(--text-primary)}.tc-loading{display:flex;justify-content:center;align-items:center;padding:32px 0}.tc-card--fill{flex:1}.tc-group-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.tc-group-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.tc-invite-row{display:flex;align-items:center;gap:8px;margin-top:2px;flex-wrap:wrap}.tc-invite-label{font-size:.78rem;color:var(--text-secondary, #8fa0ad)}.tc-invite-code{font-size:.88rem;font-weight:700;letter-spacing:.1em;color:#1cc6b6;background:#eafcfc;border-radius:8px;padding:3px 10px}.tc-copy-btn{border:none;background:transparent;color:var(--text-secondary, #8fa0ad);font-size:.78rem;cursor:pointer;padding:2px 6px;border-radius:6px;transition:background .12s,color .12s}.tc-copy-btn:hover{background:var(--bg-secondary, #f1f5f9);color:#1cc6b6}.tc-progress-bar{height:4px;background:var(--bg-secondary, #e2e8f0);border-radius:2px;overflow:hidden;margin-top:4px}.tc-progress-fill{height:100%;background:linear-gradient(90deg,#1cc6b6,#0fa89a);border-radius:2px;transition:width .4s ease}.tc-group-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:4px}.tc-empty-icon{font-size:2.4rem;margin-bottom:4px}.tc-avatar-lg{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#1cc6b6,#0fa89a);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;flex-shrink:0}.tc-modal-user{flex:1;display:flex;flex-direction:column;gap:2px}.tc-tab-badge{display:inline-flex;align-items:center;justify-content:center;background:#1cc6b6;color:#fff;border-radius:10px;font-size:.7rem;font-weight:700;min-width:18px;height:18px;padding:0 5px;margin-left:6px;vertical-align:middle}@media(max-width:700px){.tc-two-col{grid-template-columns:1fr}.tc-page{padding:16px 12px}}.tc-header-icon svg{display:block}.tc-close-btn,.tc-icon-btn,.tc-copy-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px}.tc-btn{display:inline-flex;align-items:center;gap:6px}.tc-group-dot{background:#1cc6b6}.tc-material-list{display:flex;flex-direction:column;gap:8px}.tc-material-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:var(--bg-secondary, #f8fafb);border:1.5px solid var(--border-color, #edf0f3);transition:box-shadow .15s}.tc-material-item:hover{box-shadow:0 2px 12px #1cc6b614}.tc-material-type-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tc-mat--video{background:#fff3e0;color:#f59e0b}.tc-mat--text{background:#e8f4ff;color:#3b82f6}.tc-material-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.tc-material-title{font-size:.95rem;font-weight:600;color:var(--text-primary, #1a2332);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tc-material-group{font-size:.78rem;color:var(--text-secondary, #8fa0ad)}.tc-type-selector{display:flex;gap:8px;margin-bottom:4px}.tc-type-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border:2px solid var(--border-color, #e8edf0);border-radius:12px;background:var(--bg-secondary, #f8fafb);color:var(--text-secondary, #8fa0ad);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s}.tc-type-btn.active{border-color:#1cc6b6;background:#eafcfc;color:#1cc6b6}.tc-textarea{width:100%;padding:12px 14px;border:1.5px solid var(--border-color, #e8edf0);border-radius:12px;font-size:.95rem;color:var(--text-primary, #1a2332);background:var(--bg-primary, #fff);resize:vertical;outline:none;font-family:inherit;box-sizing:border-box;transition:border-color .2s}.tc-textarea:focus{border-color:#1cc6b6}.tc-card-header-actions{display:flex;align-items:center;gap:8px}.tc-student-env{display:flex;flex-direction:column;gap:20px}.tc-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;text-align:center}.tc-empty-icon-wrap{color:#cbd5e1;margin-bottom:4px}.tc-empty-title{font-size:1.1rem;font-weight:700;color:var(--text-primary, #1a2332);margin:0}.tc-empty-desc{font-size:.9rem;color:var(--text-secondary, #8fa0ad);margin:0;max-width:320px;line-height:1.5}.tc-done-badge{display:inline-flex;align-items:center;gap:3px;color:#22c55e;font-weight:600;margin-left:4px}.tc-fc-modal{max-width:440px}.tc-fc-card{min-height:200px;background:var(--bg-secondary, #f8fafb);border:2px solid var(--border-color, #e8edf0);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .2s,box-shadow .2s,background .25s;position:relative;margin:8px 0 4px}.tc-fc-card:hover{border-color:#1cc6b6;box-shadow:0 4px 20px #1cc6b61a}.tc-fc-card--flipped{background:#eafcfc;border-color:#1cc6b6}.tc-fc-front,.tc-fc-back{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.tc-fc-hint{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#b0bec5}.tc-fc-card--flipped .tc-fc-hint{color:#1cc6b6}.tc-fc-word{font-size:1.8rem;font-weight:800;color:var(--text-primary, #1a2332);margin:0}.tc-fc-card--flipped .tc-fc-word{color:#0d9e92}.tc-fc-tap{display:flex;align-items:center;gap:5px;font-size:.75rem;color:#b0bec5;margin-top:8px}.tc-fc-instruction{text-align:center;font-size:.82rem;color:#b0bec5;margin:4px 0 0}.tc-fc-actions{display:flex;gap:12px;margin-top:16px}.tc-fc-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 20px;border:none;border-radius:14px;font-size:.97rem;font-weight:700;cursor:pointer;transition:background .15s,transform .1s}.tc-fc-btn:active{transform:scale(.97)}.tc-fc-btn--no{background:#ffeaea;color:#e53e3e}.tc-fc-btn--no:hover{background:#ffd6d6}.tc-fc-btn--yes{background:#e6faf3;color:#22c55e}.tc-fc-btn--yes:hover{background:#d0f5e5}.tc-fc-retry-list{width:100%;margin-top:12px;text-align:left}.tc-remove-student-btn{display:flex;align-items:center;gap:6px;margin-top:20px;background:none;border:1.5px solid #ffd0d0;color:#e53e3e;border-radius:12px;padding:8px 16px;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.tc-remove-student-btn:hover{background:#ffeaea;border-color:#e53e3e}.tc-confirm-remove{margin-top:16px;padding:14px 16px;background:#fff5f5;border:1.5px solid #ffd0d0;border-radius:14px}.tc-confirm-remove p{font-size:.92rem;color:#1a2332;margin:0 0 12px}.tc-confirm-actions{display:flex;gap:8px}.tc-btn--danger{background:#ffeaea;color:#e53e3e;border:none}.tc-btn--danger:hover{background:#ffd6d6}.tc-card-sub{font-size:.8rem;color:var(--text-secondary, #8fa0ad);margin:2px 0 0}.tc-btn--sparkle{color:#8b5cf6;border-color:#e8e0ff}.tc-btn--sparkle:hover{background:#f5f0ff;border-color:#8b5cf6}html[data-theme=dark] .tc-material-item{background:var(--bg-input);border-color:var(--border)}html[data-theme=dark] .tc-textarea{background:var(--bg-input);border-color:var(--border);color:var(--text-primary)}html[data-theme=dark] .tc-type-btn{background:var(--bg-input);border-color:var(--border);color:var(--text-secondary)}html[data-theme=dark] .tc-type-btn.active{background:var(--primary-bg);border-color:var(--primary);color:var(--primary)}html[data-theme=dark] .tc-fc-card{background:var(--bg-input);border-color:var(--border)}html[data-theme=dark] .tc-fc-card--flipped{background:var(--primary-bg);border-color:var(--primary)}html[data-theme=dark] .tc-fc-word{color:var(--text-primary)}html[data-theme=dark] .tc-confirm-remove{background:#1a1020;border-color:#4a1020}.legal-page{min-height:100vh;background:#f8fafb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.legal-nav{background:#fff;border-bottom:1px solid #e8ecf0;padding:0 32px;display:flex;align-items:center;justify-content:space-between;height:60px;position:sticky;top:0;z-index:10}.legal-nav-logo{font-size:1.2rem;font-weight:800;color:#1a2332;text-decoration:none;letter-spacing:-.01em}.legal-nav-logo span{color:#10b981}.legal-nav-back{background:#f1f5f9;border:none;border-radius:20px;padding:7px 16px;font-size:.85rem;font-weight:600;color:#64748b;cursor:pointer;text-decoration:none;transition:background .12s}.legal-nav-back:hover{background:#e2e8f0;color:#1a2332}.legal-wrap{max-width:760px;margin:0 auto;padding:48px 24px 80px}.legal-eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#10b981;margin-bottom:10px}.legal-title{font-size:2rem;font-weight:800;color:#1a2332;margin:0 0 6px;line-height:1.15}.legal-date{font-size:.85rem;color:#94a3b8;margin-bottom:32px}.legal-toc{background:#fff;border:1.5px solid #e8ecf0;border-radius:14px;padding:20px 24px;margin-bottom:40px}.legal-toc-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;margin:0 0 10px}.legal-toc ol{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px}.legal-toc li{font-size:.88rem}.legal-toc a{color:#10b981;text-decoration:none;font-weight:500}.legal-toc a:hover{text-decoration:underline}.legal-section{margin-bottom:36px}.legal-section h2{font-size:1.15rem;font-weight:700;color:#1a2332;margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid #f0fdf9;display:flex;align-items:center;gap:8px}.legal-section h2 .legal-num{background:#10b981;color:#fff;border-radius:6px;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;flex-shrink:0}.legal-section p{font-size:.95rem;line-height:1.75;color:#374151;margin:0 0 10px}.legal-section ul,.legal-section ol{padding-left:20px;margin:0 0 10px}.legal-section li{font-size:.95rem;line-height:1.7;color:#374151;margin-bottom:4px}.legal-section a{color:#10b981}.legal-highlight{background:#f0fdf9;border-left:3px solid #10b981;border-radius:0 10px 10px 0;padding:12px 16px;margin:12px 0;font-size:.92rem;color:#065f46;line-height:1.6}.legal-contact-box{background:#fff;border:1.5px solid #e8ecf0;border-radius:14px;padding:20px 24px;margin-top:40px}.legal-contact-box h3{font-size:1rem;font-weight:700;color:#1a2332;margin:0 0 8px}.legal-contact-box p{font-size:.9rem;color:#64748b;margin:0 0 6px;line-height:1.6}.legal-contact-box a{color:#10b981;font-weight:600}.legal-footer-links{text-align:center;padding-top:24px;border-top:1px solid #e8ecf0;margin-top:48px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.legal-footer-links a{font-size:.85rem;color:#94a3b8;text-decoration:none;transition:color .12s}.legal-footer-links a:hover{color:#10b981}.ob-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.ob-card{background:var(--card-bg, #fff);border-radius:24px;padding:36px 28px 28px;max-width:380px;width:100%;text-align:center;box-shadow:0 16px 60px #00000038;position:relative;animation:ob-in .3s ease}@keyframes ob-in{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:none}}.ob-skip{position:absolute;top:16px;right:16px;background:none;border:none;font-size:13px;color:var(--text-secondary, #999);cursor:pointer;padding:4px 8px}.ob-skip:hover{color:var(--text, #333)}.ob-emoji{font-size:52px;margin-bottom:16px;line-height:1}.ob-title{margin:0 0 12px;font-size:22px;font-weight:800;color:var(--text, #1a1a2e)}.ob-text{margin:0 0 24px;font-size:15px;color:var(--text-secondary, #555);line-height:1.6}.ob-dots{display:flex;gap:7px;justify-content:center;margin-bottom:24px}.ob-dot{width:8px;height:8px;border-radius:50%;background:#dde2ea;transition:all .2s}.ob-dot--active{width:22px;border-radius:4px;background:#6c63ff}.ob-btn{width:100%;padding:14px;background:linear-gradient(135deg,#6c63ff,#1cc6b6);color:#fff;font-size:16px;font-weight:700;border:none;border-radius:14px;cursor:pointer;transition:opacity .2s,transform .1s}.ob-btn:hover{opacity:.92}.ob-btn:active{transform:scale(.98)}html[data-theme=dark] .ob-card{background:var(--bg-card)}.nf-page{min-height:100svh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg-page)}.nf-card{text-align:center;max-width:380px}.nf-code{display:block;font-size:96px;font-weight:900;color:var(--primary);line-height:1;margin-bottom:16px;letter-spacing:-4px}.nf-title{font-size:22px;font-weight:700;color:var(--text-primary);margin:0 0 10px}.nf-sub{font-size:15px;color:var(--text-secondary);margin:0 0 28px;line-height:1.55}.nf-btn{background:var(--primary);color:#fff;border:none;border-radius:14px;padding:12px 28px;font-size:15px;font-weight:600;cursor:pointer;font-family:inherit;transition:opacity .15s}.nf-btn:hover{opacity:.88}.rr-lobby-page{background:#f5f7f6;min-height:100svh;font-family:Inter,system-ui,sans-serif;color:#14211c}.rr-screen{max-width:480px;margin:0 auto;padding:16px 16px 60px}.rr-lobby-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.rr-lobby-topbar-title{font-size:16px;font-weight:700}.rr-lobby-topbar-icon{width:32px;height:32px;background:transparent;border:0;color:#14211c;cursor:pointer;display:flex;align-items:center;justify-content:center}.rr-av-wrap{display:flex;align-items:center;justify-content:center}.rr-av{border-radius:50%;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid #fff}.rr-lobby-vs{background:#fff;border:1px solid #e6ebe8;border-radius:14px;padding:20px 14px;display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.rr-lobby-side{text-align:center;flex:1}.rr-lobby-name{font-size:13px;font-weight:700;margin-top:8px;color:#14211c}.rr-lobby-elo{font-size:11px;color:#5a6863;margin-top:2px}.rr-lobby-mid{text-align:center;flex:0 0 auto}.rr-lobby-vsbig{font-size:26px;font-weight:800;color:#14211c;letter-spacing:-.02em}.rr-lobby-status{font-size:10.5px;color:#8a9591;margin-top:4px}.rr-lobby-status.on{color:#0fb89f}.rr-lobby-sec{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#5a6863;margin:12px 0 8px}.rr-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:14px}.rr-mode{background:#fff;border:2px solid #e6ebe8;border-radius:12px;padding:12px;cursor:pointer;text-align:left;font-family:inherit;transition:all .15s}.rr-mode.on{border-color:#0fb89f;background:#f1faf7}.rr-mode--locked{opacity:.45;cursor:not-allowed}.rr-mode-em{font-size:22px;margin-bottom:4px}.rr-mode-t{font-size:13px;font-weight:700;color:#14211c}.rr-mode-s{font-size:10.5px;color:#5a6863;margin-top:1px}.rr-stake{background:#fff;border:1px solid #e6ebe8;border-radius:12px;padding:4px 12px;margin-bottom:16px}.rr-stake-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #eef2f0;font-size:13px;color:#14211c}.rr-stake-row:last-child{border-bottom:0}.rr-stake-row b{font-weight:700;color:#0fb89f}.rr-stake-loss{color:#d9534f!important}.rr-start{width:100%;background:#0fb89f;color:#fff;border:0;border-radius:12px;padding:14px;font-size:15px;font-weight:800;cursor:pointer;font-family:inherit;transition:opacity .15s}.rr-start:hover{opacity:.88}.rr-start-note{text-align:center;font-size:11px;color:#8a9591;margin-top:8px}html[data-theme=dark] .rr-lobby-page{background:#0f1923}html[data-theme=dark] .rr-lobby-topbar-icon,html[data-theme=dark] .rr-lobby-topbar-title,html[data-theme=dark] .rr-lobby-name{color:#e2e8f0}html[data-theme=dark] .rr-lobby-elo{color:#94a3b8}html[data-theme=dark] .rr-lobby-vs{background:#1a2a38;border-color:#ffffff14}html[data-theme=dark] .rr-lobby-vsbig{color:#e2e8f0}html[data-theme=dark] .rr-lobby-status{color:#64748b}html[data-theme=dark] .rr-lobby-status.on{color:#0fb89f}html[data-theme=dark] .rr-lobby-sec{color:#94a3b8}html[data-theme=dark] .rr-mode{background:#1a2a38;border-color:#ffffff1a}html[data-theme=dark] .rr-mode.on{background:#0f2a24;border-color:#0fb89f}html[data-theme=dark] .rr-mode-t{color:#e2e8f0}html[data-theme=dark] .rr-mode-s{color:#64748b}html[data-theme=dark] .rr-stake{background:#1a2a38;border-color:#ffffff14}html[data-theme=dark] .rr-stake-row{color:#e2e8f0;border-color:#ffffff0f}html[data-theme=dark] .rr-start{background:#0e9a8d}.rr-page{min-height:100svh;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--bg-page, #f0f4f8)}.rr-page--race{flex-direction:column;gap:0;padding:0;align-items:stretch;background:#0f1923;color:#fff}.rr-spinner{width:36px;height:36px;border:3px solid rgba(28,198,182,.25);border-top-color:#1cc6b6;border-radius:50%;animation:rr-spin .7s linear infinite;margin:0 auto 12px}@keyframes rr-spin{to{transform:rotate(360deg)}}.rr-card{background:var(--bg-card, #fff);border-radius:22px;padding:28px 24px 24px;max-width:400px;width:100%;box-shadow:0 8px 40px #0000001f;display:flex;flex-direction:column;gap:16px;text-align:center}.rr-back{align-self:flex-start;background:none;border:none;cursor:pointer;font-size:.85rem;color:#64748b;padding:0;font-family:inherit}html[data-theme=dark] .rr-back{color:var(--text-muted)}.rr-title{font-size:1.3rem;font-weight:800;margin:0;color:var(--text-primary, #1a2332)}.rr-lobby-stats{display:flex;align-items:center;justify-content:center;gap:16px;background:var(--bg-muted, #f1f5f9);border-radius:14px;padding:14px}html[data-theme=dark] .rr-lobby-stats{background:var(--bg-muted)}.rr-lobby-stat{display:flex;flex-direction:column;gap:2px}.rr-lobby-label{font-size:.75rem;color:#64748b}html[data-theme=dark] .rr-lobby-label{color:var(--text-muted)}.rr-lobby-val{font-size:1.1rem;font-weight:700;color:var(--text-primary, #1a2332)}html[data-theme=dark] .rr-lobby-val{color:var(--text-primary)}.rr-lobby-vs{font-size:1rem;font-weight:800;color:#94a3b8}.rr-rival-status{display:flex;align-items:center;gap:7px;justify-content:center;font-size:.82rem;color:#94a3b8}.rr-rival-dot{width:8px;height:8px;border-radius:50%;background:#94a3b8;flex-shrink:0}.rr-rival-status.online .rr-rival-dot{background:#22c55e}.rr-rival-status.online{color:#22c55e}.rr-mode-label{font-size:.82rem;color:#64748b;margin:0}html[data-theme=dark] .rr-mode-label{color:var(--text-muted)}.rr-mode-btns{display:flex;gap:8px;margin-top:8px}.rr-mode-btn{flex:1;padding:10px;border-radius:12px;border:1.5px solid #e2e8f0;background:var(--bg-muted, #f1f5f9);font-size:.85rem;font-weight:600;cursor:pointer;font-family:inherit;color:#64748b;transition:all .15s}.rr-mode-btn.active{background:#1cc6b6;border-color:#1cc6b6;color:#fff}html[data-theme=dark] .rr-mode-btn{background:var(--bg-input);border-color:var(--border);color:var(--text-secondary)}html[data-theme=dark] .rr-mode-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.rr-start-btn{width:100%;padding:14px;background:linear-gradient(135deg,#1cc6b6,#0e9a8d);color:#fff;border:none;border-radius:14px;font-size:1rem;font-weight:700;cursor:pointer;font-family:inherit;transition:opacity .15s}.rr-start-btn:hover{opacity:.88}.rr-start-hint{font-size:.75rem;color:#94a3b8;margin:0}.rr-countdown{text-align:center;color:#fff}.rr-count-num{font-size:7rem;font-weight:900;line-height:1;color:#1cc6b6;animation:rr-pulse .9s ease-in-out infinite}@keyframes rr-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.rr-hud{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#ffffff0f;border-bottom:1px solid rgba(255,255,255,.08)}.rr-hud-score{display:flex;flex-direction:column;gap:2px}.rr-hud-label{font-size:.7rem;color:#ffffff80}.rr-hud-val{font-size:1.1rem;font-weight:700;color:#fff}.rr-hud-score--me .rr-hud-val{color:#1cc6b6}.rr-hud-score--them .rr-hud-val{color:#f59e0b;text-align:right}.rr-hud-score--them .rr-hud-label{text-align:right}.rr-hud-timer{font-size:1.4rem;font-weight:800;color:#fff;min-width:50px;text-align:center}.rr-track{padding:10px 20px;display:flex;flex-direction:column;gap:6px}.rr-track-row{display:flex;align-items:center;gap:10px}.rr-track-emoji{font-size:1.1rem}.rr-track-bar{flex:1;height:8px;background:#ffffff1f;border-radius:99px;overflow:hidden}.rr-track-fill{height:100%;border-radius:99px;transition:width .4s ease}.rr-track-fill--me{background:#1cc6b6}.rr-track-fill--them{background:#f59e0b}.rr-question-area{flex:1;display:flex;flex-direction:column;align-items:center;padding:20px 20px 28px;gap:16px}.rr-progress{font-size:.8rem;color:#ffffff73;margin:0}.rr-flashcard{width:100%;max-width:340px;height:160px;perspective:1000px;cursor:pointer}.rr-flashcard>div{position:absolute;inset:0;backface-visibility:hidden;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;transition:transform .45s ease;padding:20px;text-align:center}.rr-flashcard{position:relative;transform-style:preserve-3d;transition:transform .45s ease}.rr-flashcard.flipped{transform:rotateY(180deg)}.rr-fc-front{background:#ffffff1a;color:#fff}.rr-fc-back{background:#1cc6b6;color:#fff;transform:rotateY(180deg)}.rr-tap-hint{font-size:.78rem;color:#ffffff59;margin:0}.rr-fc-actions{display:flex;gap:12px;width:100%;max-width:340px}.rr-fc-btn{flex:1;padding:12px;border-radius:14px;border:none;font-size:.95rem;font-weight:700;cursor:pointer;font-family:inherit;transition:opacity .15s}.rr-fc-btn:hover{opacity:.85}.rr-fc-btn--wrong{background:#ef444440;color:#fca5a5}.rr-fc-btn--right{background:#1cc6b640;color:#1cc6b6}.rr-test-card{width:100%;max-width:380px;display:flex;flex-direction:column;gap:14px}.rr-test-word{font-size:1.6rem;font-weight:800;color:#fff;text-align:center;margin:0}.rr-test-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rr-test-opt{padding:12px 10px;border-radius:12px;border:1.5px solid rgba(255,255,255,.15);background:#ffffff12;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s}.rr-test-opt:hover{background:#ffffff26}.rr-test-opt.correct{background:#22c55e4d;border-color:#22c55e;color:#86efac}.rr-test-opt.wrong{background:#ef44444d;border-color:#ef4444;color:#fca5a5}.rr-card--results{max-width:340px}.rr-result-trophy{font-size:3.5rem;line-height:1}.rr-result-title{font-size:1.3rem;font-weight:800;margin:0;color:var(--text-primary, #1a2332)}html[data-theme=dark] .rr-result-title{color:var(--text-primary)}.rr-result-stats{display:flex;gap:16px;justify-content:center}.rr-result-stat{flex:1;display:flex;flex-direction:column;gap:2px;align-items:center;background:var(--bg-muted, #f1f5f9);border-radius:14px;padding:14px 10px}html[data-theme=dark] .rr-result-stat{background:var(--bg-muted)}.rr-result-stat--me{border:2px solid #1cc6b6}.rr-result-stat--them{border:2px solid #f59e0b}.rr-result-name{font-size:.75rem;color:#64748b}.rr-result-score{font-size:2rem;font-weight:900;color:var(--text-primary, #1a2332)}html[data-theme=dark] .rr-result-score{color:var(--text-primary)}.rr-result-label{font-size:.72rem;color:#94a3b8}.rr-xp-badge{font-size:1rem;font-weight:800;padding:8px 20px;border-radius:12px;margin-top:8px}.rr-xp-badge.win{background:#22c55e26;color:#22c55e}.rr-xp-badge.lose{background:#ef44441f;color:#ef4444}.rr-reading-card{width:100%;max-width:380px;background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:14px 16px;max-height:180px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.rr-reading-level{font-size:.7rem;font-weight:700;color:#1cc6b6;letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px}.rr-reading-text{font-size:.88rem;line-height:1.6;color:#ffffffd9;margin:0;white-space:pre-wrap}.rv-page-wrap{background:#f5f7f6;min-height:100svh;font-family:Inter,system-ui,sans-serif;color:#14211c}.rv-screen{max-width:480px;margin:0 auto;padding:16px 16px 60px}.rv-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:0 2px}.rv-topbar-title{font-size:22px;font-weight:700;letter-spacing:-.01em}.rv-topbar-title--small{font-size:16px;font-weight:600}.rv-topbar-icon{width:32px;height:32px;background:transparent;border:0;color:#14211c;cursor:pointer;display:flex;align-items:center;justify-content:center}.rv-av-wrap{border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rv-av-wrap.ring{background:linear-gradient(135deg,#0fb89f,#6fe5c8,#e6a23c,#d9534f,#0fb89f);padding:3px}.rv-av{border-radius:50%;color:#fff;font-weight:700;font-family:Inter,system-ui,sans-serif;display:flex;align-items:center;justify-content:center;border:2px solid #fff}.rv-search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e6ebe8;border-radius:12px;padding:10px 12px;margin-bottom:14px}.rv-search svg{color:#8a9591;flex-shrink:0}.rv-search input{border:0;outline:0;flex:1;font-size:13.5px;background:transparent;font-family:inherit;color:#14211c}.rv-search input::placeholder{color:#8a9591}.rv-myrank{background:linear-gradient(135deg,#0fb89f,#2a8b7a);color:#fff;border-radius:14px;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.rv-myrank-lab{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;opacity:.85}.rv-myrank-n{font-size:24px;font-weight:800;line-height:1.1;margin-top:2px}.rv-myrank-n span{font-size:12px;font-weight:500;opacity:.8}.rv-myrank-r{display:flex;gap:14px}.rv-myrank-stat{text-align:right}.rv-myrank-stat b{font-size:18px;font-weight:700;display:block}.rv-myrank-stat span{font-size:10.5px;opacity:.8}.rv-invite{width:100%;background:#14211c;color:#fff;border:0;border-radius:12px;padding:12px;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;margin-bottom:10px;transition:opacity .15s}.rv-invite:hover:not(:disabled){opacity:.88}.rv-invite:disabled{opacity:.45;cursor:not-allowed}.rv-invite-or{text-align:center;font-size:11px;color:#8a9591;margin:4px 0}.rv-invite-code{display:flex;gap:6px;margin-bottom:16px}.rv-invite-code input{flex:1;border:1px solid #e6ebe8;border-radius:10px;padding:10px 12px;font-size:13px;outline:0;font-family:inherit;background:#fff;color:#14211c;text-transform:uppercase;letter-spacing:.06em}.rv-invite-code input:focus{border-color:#0fb89f}.rv-invite-code button{background:#0fb89f;color:#fff;border:0;border-radius:10px;padding:0 14px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;white-space:nowrap}.rv-invite-code button:disabled{opacity:.45;cursor:not-allowed}.rv-code-box{background:#fff;border:2px dashed #0FB89F;border-radius:14px;padding:16px;margin-bottom:14px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.rv-code-hint{font-size:.82rem;color:#5a6863}.rv-code-val{font-size:2.4rem;font-weight:900;letter-spacing:.18em;color:#0fb89f;font-variant-numeric:tabular-nums}.rv-code-copy-btn{padding:10px 28px;border-radius:12px;border:none;background:#0fb89f;color:#fff;font-weight:700;font-size:.9rem;cursor:pointer;font-family:inherit}.rv-code-note{font-size:.75rem;color:#8a9591}.rv-code-close{background:none;border:none;font-size:.82rem;color:#8a9591;cursor:pointer}.rv-error{font-size:.83rem;color:#d9534f;margin:0 0 8px}.rv-sec-h{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#5a6863;margin:16px 4px 8px;display:flex;align-items:baseline;gap:6px}.rv-sec-h span{background:#e6ebe8;color:#5a6863;font-size:10px;padding:1px 6px;border-radius:10px}.rv-rivals{display:flex;flex-direction:column;gap:6px;background:#fff;border-radius:14px;padding:6px;border:1px solid #e6ebe8}.rv-rival-row{display:flex;align-items:center;gap:10px;padding:8px 10px;background:transparent;border:0;border-radius:10px;cursor:pointer;text-align:left;font-family:inherit;transition:background .12s;width:100%}.rv-rival-row:hover{background:#f5f7f6}.rv-rival-meta{flex:1;min-width:0}.rv-rival-name{font-size:14px;font-weight:700;color:#14211c}.rv-rival-sub{font-size:11.5px;color:#5a6863;margin-top:1px}.rv-rival-lead{font-size:14px;font-weight:800;font-variant-numeric:tabular-nums;padding:4px 8px;border-radius:8px;flex-shrink:0}.rv-rival-lead.up{background:#e6f7f3;color:#0a7d6c}.rv-rival-lead.down{background:#fde7e9;color:#b03038}.rv-empty{text-align:center;padding:48px 20px;display:flex;flex-direction:column;align-items:center;gap:6px}.rv-empty-icon{font-size:2.5rem;margin-bottom:4px;display:flex;justify-content:center}.rv-empty-text{font-size:1rem;font-weight:700;color:#14211c}.rv-empty-sub{font-size:.82rem;color:#5a6863}.rv-spinner{display:inline-block;width:18px;height:18px;border-radius:50%;border:2.5px solid rgba(15,184,159,.25);border-top-color:#0fb89f;animation:rv-spin .7s linear infinite}.rv-spinner--sm{width:14px;height:14px}.rv-spinner--center{display:block;margin:40px auto}@keyframes rv-spin{to{transform:rotate(360deg)}}.rv-prof-head{display:flex;align-items:center;gap:18px;padding:0 4px 14px}.rv-prof-counts{flex:1;display:flex;justify-content:space-around}.rv-prof-count{text-align:center}.rv-prof-count b{display:block;font-size:18px;font-weight:800;color:#14211c}.rv-prof-count span{font-size:11px;color:#5a6863}.rv-prof-info{padding:0 6px 12px}.rv-prof-name{font-size:15px;font-weight:700;color:#14211c;display:flex;align-items:center;gap:6px}.rv-prof-bio{font-size:12.5px;color:#5a6863;margin-top:2px}.rv-prof-actions{display:flex;gap:6px;margin-bottom:16px;padding:0 4px}.rv-prof-btn{flex:1;padding:8px;border:0;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:6px;transition:opacity .15s}.rv-prof-btn:hover{opacity:.88}.rv-prof-btn--primary{background:#0fb89f;color:#fff}.rv-prof-btn--ghost{background:#e6ebe8;color:#14211c}.rv-prof-btn--icon{flex:0 0 36px;background:#e6ebe8;color:#14211c}.rv-vs-card{background:#fff;border:1px solid #e6ebe8;border-radius:14px;padding:14px;margin-bottom:14px}.rv-vs-h{font-size:13px;font-weight:700;margin-bottom:12px;color:#14211c}.rv-vs-row{display:flex;align-items:center;justify-content:space-around;margin-bottom:12px}.rv-vs-side{text-align:center}.rv-vs-lab{font-size:11px;color:#8a9591;font-weight:600}.rv-vs-n{font-size:28px;font-weight:800}.rv-vs-side--me .rv-vs-n{color:#0fb89f}.rv-vs-side--them .rv-vs-n{color:#d9534f}.rv-vs-mid{font-size:11px;font-weight:700;color:#8a9591;background:#f5f7f6;padding:4px 10px;border-radius:99px;letter-spacing:.06em}.rv-vs-bars{display:flex;flex-direction:column;gap:6px}.rv-vs-bar{display:flex;align-items:center;gap:8px;font-size:11px}.rv-vs-bar-l{width:36px;color:#5a6863;font-weight:600}.rv-vs-bar-track{flex:1;height:8px;background:#eef2f0;border-radius:4px;overflow:hidden}.rv-vs-bar-fill{height:100%;border-radius:4px}.rv-vs-bar-fill--me{background:#0fb89f}.rv-vs-bar-fill--them{background:#d9534f}.rv-catchup{background:linear-gradient(160deg,#14211c,#1f3329);color:#fff;border-radius:16px;padding:16px;margin-bottom:16px}.rv-catchup--winning{background:linear-gradient(135deg,#0a7d6c,#0fb89f);display:flex;align-items:center;gap:12px}.rv-catchup-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.rv-catchup-emoji{font-size:28px}.rv-catchup-h{font-size:16px;font-weight:700}.rv-catchup-s{font-size:12px;color:#ffffffb3;margin-top:2px}.rv-catchup-s b{color:#6fe5c8;font-weight:700}.rv-catchup-scenarios{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.rv-scen{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 12px}.rv-scen--primary{background:#0fb89f2e;border-color:#0fb89f66}.rv-scen-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.rv-scen-tag{font-size:11px;font-weight:700;padding:2px 8px;border-radius:4px;background:#ffffff1f;color:#ffffffd9;letter-spacing:.02em}.rv-scen-tag--boost{background:#e6a23c;color:#14211c}.rv-scen-tag--freeze{background:#ffffff14}.rv-scen-num{font-size:18px;font-weight:800;color:#fff}.rv-scen-num--good{color:#6fe5c8}.rv-scen-bar{display:flex;height:6px;background:#ffffff1a;border-radius:3px;margin-bottom:8px;position:relative;overflow:hidden}.rv-scen-bar-you{position:absolute;left:0;top:0;height:100%;background:#0fb89f;border-radius:3px}.rv-scen-bar-them{position:absolute;left:0;top:0;height:100%;background:#d9534f66;border-right:2px solid #d9534f;border-radius:3px}.rv-scen-meta{font-size:11.5px;color:#ffffffb3}.rv-scen-meta b{color:#fff;font-weight:700}.rv-scen-warn{background:#d9534f33;color:#ffb8b3;font-size:11px;padding:4px 8px;border-radius:6px;margin-top:6px}.rv-catchup-cta{width:100%;background:#6fe5c8;color:#0a3a33;border:0;border-radius:10px;padding:12px;font-size:14px;font-weight:800;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:7px;transition:opacity .15s}.rv-catchup-cta:hover{opacity:.88}.rv-catchup-cta-ic{display:flex;flex-shrink:0}.rv-catchup-emoji{display:flex;align-items:center;flex-shrink:0}.rv-prof-bio{display:flex;align-items:center;gap:4px}.rv-bio-ic{display:flex;align-items:center}.rv-bio-ic--flame{color:#fb923c}.rv-bio-ic--star{color:#f59e0b}.rv-bio-sep{margin:0 2px;color:#8a9591}.rv-vs-h{display:flex;align-items:center;gap:7px}.rv-activity{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:14px}.rv-act-cell{padding:10px 8px;border-radius:10px}.rv-act-ic{font-size:20px;margin-bottom:4px}.rv-act-v{font-size:12px;font-weight:700;color:#14211c}.rv-act-d{font-size:10px;color:#5a6863;margin-top:1px}html[data-theme=dark] .rv-page-wrap{background:var(--bg-page)}html[data-theme=dark] .rv-screen,html[data-theme=dark] .rv-topbar-title,html[data-theme=dark] .rv-topbar-icon{color:var(--text-primary)}html[data-theme=dark] .rv-search{background:var(--bg-card);border-color:var(--border)}html[data-theme=dark] .rv-search input{color:var(--text-primary)}html[data-theme=dark] .rv-invite{background:#1e3529;color:#6fe5c8;border:1.5px solid rgba(111,229,200,.2)}html[data-theme=dark] .rv-invite-code input{background:var(--bg-card);border-color:var(--border);color:var(--text-primary)}html[data-theme=dark] .rv-rivals{background:var(--bg-card);border-color:var(--border)}html[data-theme=dark] .rv-rival-row:hover{background:var(--bg-muted)}html[data-theme=dark] .rv-rival-name{color:var(--text-primary)}html[data-theme=dark] .rv-rival-sub{color:var(--text-secondary)}html[data-theme=dark] .rv-prof-count b,html[data-theme=dark] .rv-prof-name{color:var(--text-primary)}html[data-theme=dark] .rv-vs-card{background:var(--bg-card);border-color:var(--border)}html[data-theme=dark] .rv-vs-h{color:var(--text-primary)}html[data-theme=dark] .rv-vs-mid,html[data-theme=dark] .rv-vs-bar-track{background:var(--bg-muted)}html[data-theme=dark] .rv-prof-btn--ghost,html[data-theme=dark] .rv-prof-btn--icon{background:var(--bg-muted);color:var(--text-primary)}html[data-theme=dark] .rv-act-v{color:var(--text-primary)}html[data-theme=dark] .rv-code-box{background:var(--bg-card);border-color:var(--primary)}html[data-theme=dark] .rv-empty-text{color:var(--text-primary)}.rv-xp{font-size:.75rem;font-weight:700;color:#f59e0b;opacity:.95}.rv-myrank-stat .rv-xp{font-size:18px;font-weight:700;display:block;color:#fde68a}.rv-cefr{display:inline-block;font-size:.7rem;font-weight:700;background:#0fb89f26;color:#0fb89f;border-radius:6px;padding:1px 6px;margin-left:4px;vertical-align:middle}html[data-theme=dark] .rv-cefr{background:#1cc6b62e}.rp-overlay{position:fixed;inset:0;z-index:2000;background:#1a233273;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:20px}.rp-page{display:flex;align-items:flex-start;justify-content:center;padding:20px;min-height:calc(100vh - 64px);background:var(--bg, #f8fafc)}.rp-page .rp-overlay-inner{max-height:calc(100vh - 104px);animation:none}.rp-page .rp-overlay-inner--play{height:calc(100vh - 104px)}html[data-theme=dark] .rp-page{background:var(--bg, #0f1923)}.rp-overlay-inner{background:#fff;border-radius:32px;padding:32px;width:100%;max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;position:relative;box-shadow:0 25px 70px #00000026;animation:rp-appear .24s cubic-bezier(.175,.885,.32,1.1)}@keyframes rp-appear{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.rp-overlay-inner--play{height:90vh}.rp-close-btn{position:absolute;top:14px;right:16px;background:#f1f5f9;border:none;border-radius:50%;width:32px;height:32px;font-size:.9rem;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center;transition:background .15s;z-index:10}.rp-close-btn:hover{background:#e2e8f0}.rp-close-btn--play{position:static}.rp-paywall{padding:48px 28px 36px;text-align:center;flex:1}.rp-paywall-icon{font-size:3rem;margin-bottom:14px}.rp-paywall h3{font-size:1.3rem;font-weight:700;color:#1a2332;margin-bottom:8px}.rp-paywall p{color:#6b7280;margin-bottom:22px}.rp-paywall-btn{display:inline-block;background:#1cc6b6;color:#fff;padding:11px 26px;border-radius:14px;text-decoration:none;font-weight:600}.rp-paywall-skip{margin-top:10px;background:none;border:none;color:#9ca3af;font-size:13px;cursor:pointer;padding:6px;text-decoration:underline}.rp-paywall-skip:hover{color:#6b7280}.rp-sel-head{padding:22px 52px 12px 20px}.rp-sel-title{font-size:1.25rem;font-weight:800;color:#1a2332;margin:0 0 4px}.rp-sel-sub{color:#8fa0ad;font-size:.9rem;margin:0}.rp-beta-badge{display:inline-block;font-size:.6rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;background:#f39c12;color:#fff;padding:2px 6px;border-radius:4px;vertical-align:middle;margin-left:2px}.rp-beta-notice{margin-top:8px;padding:8px 12px;background:#fff8e1;border:1px solid #f6c83a;border-radius:8px;font-size:.8rem;color:#7c5d0a;display:flex;align-items:center;gap:6px}html[data-theme=dark] .rp-beta-notice{background:#2a2010;border-color:#7c5d0a;color:#f6c83a}.rp-lang-row{display:flex;gap:8px;padding:0 20px 12px;flex-wrap:wrap}.rp-lang-pill{background:#f1f5f9;border:none;border-radius:20px;padding:6px 14px;font-size:.88rem;color:#64748b;cursor:pointer;font-weight:500;transition:background .15s,color .15s}.rp-lang-pill--on{background:#1cc6b6;color:#fff}.rp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 16px 12px}.rp-card{background:#fff;border:1.5px solid #eef0f2;border-radius:18px;padding:16px 10px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;transition:transform .15s,box-shadow .15s,border-color .15s;box-shadow:0 2px 8px #1e32500d}.rp-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #1cc6b621;border-color:#1cc6b6}.rp-card:active{transform:scale(.95)}.rp-card-icon{font-size:1.8rem}.rp-card-label{font-size:.88rem;font-weight:700;color:#1a2332}.rp-card-desc{font-size:.72rem;color:#8fa0ad;text-align:center}.rp-hint{text-align:center;color:#b0bfc7;font-size:.82rem;padding:0 20px 20px;margin:0}.rp-play-head{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #eef0f2;background:#fff;flex-shrink:0}.rp-back{background:none;border:none;color:#1cc6b6;font-size:1.1rem;font-weight:700;cursor:pointer;padding:4px 8px;border-radius:8px;transition:background .15s}.rp-back:hover{background:#eafcfc}.rp-play-title{font-weight:700;font-size:1rem;color:#1a2332;flex:1}.rp-play-lang{font-size:.78rem;color:#8fa0ad}.rp-scene{position:relative;background:linear-gradient(180deg,#f5e6cc,#e8d5a8 55%,#c9a870);height:240px;flex-shrink:0;overflow:hidden}.rp-win{position:absolute;top:12px;left:24px;width:64px;height:48px;background:linear-gradient(160deg,#b8e4f9,#d4f0ff);border-radius:5px;border:3.5px solid #8B6914;box-shadow:inset 0 0 6px #64c8ff66}.rp-win-h{position:absolute;top:50%;left:0;right:0;height:2.5px;background:#8b6914;transform:translateY(-50%)}.rp-win-v{position:absolute;top:0;bottom:0;left:50%;width:2.5px;background:#8b6914;transform:translate(-50%)}.rp-board{position:absolute;top:8px;right:18px;background:#3d2a0e;border-radius:7px;padding:6px 10px;min-width:90px;border:1.5px solid #6b4c1a}.rp-board-title{color:#f5c842;font-size:.6rem;font-weight:800;text-align:center;letter-spacing:2px;font-family:Georgia,serif;margin-bottom:3px}.rp-board-line{color:#f5e0b0;font-size:.55rem;line-height:1.6;font-family:Georgia,serif}.rp-counter{position:absolute;bottom:0;left:0;right:0;height:50px;background:linear-gradient(180deg,#8b6914,#6b4c10);border-radius:12px 12px 0 0}.rp-scene-wrap{position:relative;flex-shrink:0}.rp-char-pos{position:absolute;bottom:0;left:50%;transform:translate(-50%);z-index:2;pointer-events:none;display:flex;align-items:flex-end}.rp-barista{width:150px;filter:drop-shadow(0 6px 16px rgba(0,0,0,.12));transform-origin:bottom center}.rp-mouth{display:none}.rp-barista--idle .rp-mouth--idle,.rp-barista--talking .rp-mouth--talking,.rp-barista--happy .rp-mouth--happy,.rp-barista--thinking .rp-mouth--thinking,.rp-barista--listening .rp-mouth--listening,.rp-eye{display:block}.rp-eye--wide,.rp-eye--happy,.rp-barista--listening .rp-eye--norm{display:none}.rp-barista--listening .rp-eye--wide{display:block}.rp-barista--happy .rp-eye--norm{display:none}.rp-barista--happy .rp-eye--happy{display:block}.rp-thdot{display:none}.rp-barista--thinking .rp-thdot{display:block}.rp-wave{display:none}.rp-barista--listening .rp-wave{display:block}.rp-barista--idle{animation:rp-float 3s ease-in-out infinite}.rp-barista--talking{animation:rp-talk .3s ease-in-out infinite alternate}.rp-barista--happy{animation:rp-jump .5s cubic-bezier(.36,.07,.19,.97) 2 forwards}.rp-barista--thinking{animation:rp-think 2s ease-in-out infinite}.rp-barista--listening{animation:rp-listen .6s ease-in-out infinite alternate}@keyframes rp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes rp-talk{0%{transform:translateY(0) rotate(-1deg)}to{transform:translateY(-4px) rotate(1deg)}}@keyframes rp-jump{0%{transform:translateY(0) scale(1)}25%{transform:translateY(-14px) scale(1.06)}50%{transform:translateY(0) scale(.97)}75%{transform:translateY(-7px) scale(1.02)}to{transform:translateY(0) scale(1)}}@keyframes rp-think{0%,to{transform:rotate(0)}35%{transform:rotate(-4deg)}70%{transform:rotate(3deg)}}@keyframes rp-listen{0%{transform:scale(1)}to{transform:scale(1.04)}}.rp-steam{animation:rp-steam 2s ease-in-out infinite}.rp-steam--2{animation-delay:.65s}@keyframes rp-steam{0%{opacity:0;transform:translateY(0)}40%{opacity:.7}to{opacity:0;transform:translateY(-10px)}}.rp-barista--thinking .rp-thdot--1{animation:rp-dot 1.2s ease-in-out 0s infinite}.rp-barista--thinking .rp-thdot--2{animation:rp-dot 1.2s ease-in-out .2s infinite}.rp-barista--thinking .rp-thdot--3{animation:rp-dot 1.2s ease-in-out .4s infinite}@keyframes rp-dot{0%,60%,to{opacity:.3;transform:scale(.8)}30%{opacity:1;transform:scale(1.2)}}.rp-barista--listening .rp-wave--1{animation:rp-wave 1s ease-in-out 0s infinite}.rp-barista--listening .rp-wave--2{animation:rp-wave 1s ease-in-out .3s infinite}@keyframes rp-wave{0%,to{opacity:0}50%{opacity:.8}}.rp-dialogue{flex:1;overflow-y:auto;padding:10px 14px 6px;display:flex;flex-direction:column;gap:6px;min-height:0}.rp-msg{display:flex;align-items:flex-start;gap:6px;max-width:90%}.rp-msg--assistant{align-self:flex-start}.rp-msg--user{align-self:flex-end;flex-direction:row-reverse}.rp-msg-who{font-size:1.2rem;flex-shrink:0;line-height:1;margin-top:2px}.rp-msg-text{background:#fff;border:1px solid #eef0f2;border-radius:14px;padding:7px 11px;font-size:.88rem;color:#1a2332;line-height:1.45;box-shadow:0 1px 4px #1e32500f}.rp-msg--user .rp-msg-text{background:#1cc6b6;border-color:#1cc6b6;color:#fff}.rp-msg--interim .rp-msg-text{opacity:.65;font-style:italic}.rp-typing{display:inline-flex;align-items:center;gap:3px;padding:8px 12px!important}.rp-typing span{width:7px;height:7px;border-radius:50%;background:#b0bfc7;animation:rp-typing-dot 1.1s ease-in-out infinite}.rp-typing span:nth-child(2){animation-delay:.18s}.rp-typing span:nth-child(3){animation-delay:.36s}@keyframes rp-typing-dot{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1}}.rp-nospeech{margin:4px 14px;background:#fff3cd;border:1px solid #ffc107;border-radius:10px;padding:8px 12px;font-size:.82rem;color:#856404;flex-shrink:0}.rp-mic-area{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 20px 20px;flex-shrink:0;background:#fcfdfe}.rp-mic{width:68px;height:68px;border-radius:50%;background:#1cc6b6;border:none;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .1s,box-shadow .2s;box-shadow:0 4px 16px #1cc6b659}.rp-mic svg{display:block;background:transparent}.rp-mic:hover:not(:disabled){background:#0ea899;transform:scale(1.05)}.rp-mic:active:not(:disabled){transform:scale(.94)}.rp-mic--on{background:#ef4444;box-shadow:0 4px 16px #ef444466;animation:rp-mic-pulse 1.2s ease-in-out infinite}@keyframes rp-mic-pulse{0%,to{box-shadow:0 4px 16px #ef444466,0 0 #ef44444d}50%{box-shadow:0 4px 16px #ef444466,0 0 0 16px #ef444400}}.rp-mic--busy{background:#9ca3af;box-shadow:0 4px 10px #0000001a;cursor:not-allowed;animation:none}.rp-mic:disabled{opacity:.7}.rp-mic-label{font-size:.8rem;color:#8fa0ad;text-align:center}.rp-mic-bottom{display:flex;align-items:center;gap:8px;justify-content:center}.rp-text-row{display:flex;align-items:center;gap:8px;width:100%;padding:0 4px}.rp-text-input{flex:1;height:44px;border:1.5px solid #e2e8f0;border-radius:14px;padding:0 14px;font-size:.95rem;color:#1a2332;background:#f8fafc;outline:none;transition:border-color .15s}.rp-text-input:focus{border-color:#1cc6b6;background:#fff}.rp-text-input:disabled{opacity:.5}.rp-text-send{width:44px;height:44px;border-radius:50%;background:#1cc6b6;border:none;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,transform .1s}.rp-text-send:hover:not(:disabled){background:#0ea899;transform:scale(1.05)}.rp-text-send:disabled{background:#9ca3af;cursor:not-allowed}.rp-toggle-input{width:32px;height:32px;border-radius:50%;background:#f1f5f9;border:none;cursor:pointer;color:#64748b;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.rp-toggle-input:hover{background:#e2e8f0}html[data-theme=dark] .rp-text-input{background:var(--bg-muted);border-color:var(--border);color:var(--text-primary)}html[data-theme=dark] .rp-toggle-input{background:var(--bg-muted);color:var(--text-secondary)}html[data-theme=dark] .rp-overlay-inner{background:var(--bg-card)}html[data-theme=dark] .rp-sel-title,html[data-theme=dark] .rp-play-title,html[data-theme=dark] .rp-card-label{color:var(--text-primary)}html[data-theme=dark] .rp-card{background:var(--bg-card);border-color:var(--border)}html[data-theme=dark] .rp-card:hover{border-color:var(--primary);background:var(--bg-muted)}html[data-theme=dark] .rp-play-head{background:var(--bg-card);border-bottom-color:var(--border)}html[data-theme=dark] .rp-close-btn{background:var(--bg-card);color:var(--text-secondary)}html[data-theme=dark] .rp-close-btn:hover{background:var(--bg-muted)}html[data-theme=dark] .rp-msg-text{background:var(--bg-card);border-color:var(--border);color:var(--text-primary)}html[data-theme=dark] .rp-mic-area{background:var(--bg-card)}html[data-theme=dark] .rp-lang-pill{background:var(--bg-muted);color:var(--text-secondary)}html[data-theme=dark] .rp-mic-label{color:var(--text-muted)}html[data-theme=dark] .rp-paywall h3,html[data-theme=dark] .rp-paywall p{color:var(--text-primary)}.rp-card{padding:0;overflow:hidden}.rp-card-thumb{width:100%;height:80px;background:#c8e6f7;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rp-card-thumb-icon{font-size:2rem}.rp-card-label{padding:8px 8px 10px;font-size:.82rem;font-weight:700;color:#1a2332;text-align:center}.rp-overlay-inner--loading{align-items:center;justify-content:center;gap:16px;padding:60px 20px;color:#8fa0ad;font-size:.9rem}.rp-list-loading{display:flex;justify-content:center;padding:40px 0}.rp-list-empty{text-align:center;color:#94a3b8;padding:40px 20px;font-size:.9rem}.rp-spinner{width:36px;height:36px;border:3px solid #e2e8f0;border-top-color:#1cc6b6;border-radius:50%;animation:rp-spin .7s linear infinite}@keyframes rp-spin{to{transform:rotate(360deg)}}.rp-img-scene{position:relative;width:100%;height:240px;background:linear-gradient(180deg,#e8d5a8,#c9a870);overflow:hidden;flex-shrink:0}.rp-img-counter{position:absolute;bottom:0;left:0;width:100%;object-fit:cover;object-position:top;max-height:38%;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1}.rp-sprite{width:auto;height:238px;object-fit:contain;image-rendering:-webkit-optimize-contrast;filter:drop-shadow(0 8px 24px rgba(0,0,0,.28));transform-origin:bottom center;transition:filter .2s}.rp-sprite--idle{animation:rp-float 3.2s ease-in-out infinite}.rp-sprite--talking{animation:rp-talk .28s ease-in-out infinite alternate}.rp-sprite--happy{animation:rp-jump .5s cubic-bezier(.36,.07,.19,.97) 2 forwards}.rp-sprite--thinking{animation:rp-think 2.4s ease-in-out infinite}.rp-sprite--listening{animation:rp-listen .55s ease-in-out infinite alternate}.rp-sprite--listening{filter:drop-shadow(0 0 12px rgba(28,198,182,.5)) drop-shadow(0 6px 18px rgba(0,0,0,.18))}.rp-menu-toggle{position:absolute;top:10px;right:12px;z-index:5;background:#190f05b8;border:1px solid rgba(245,200,66,.4);border-radius:10px;padding:5px 11px;color:#f5e0b0;font-size:.72rem;font-weight:700;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .15s;letter-spacing:.02em}.rp-menu-toggle:hover{background:#2d1c08e6}.rp-menu-drawer{position:absolute;top:0;right:0;bottom:0;width:150px;background:#160c04ed;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-left:1px solid rgba(245,200,66,.22);padding:40px 12px 12px;z-index:4;transform:translate(100%);transition:transform .28s cubic-bezier(.4,0,.2,1);overflow-y:auto}.rp-menu-drawer--open{transform:translate(0)}.rp-menu-drawer-title{color:#f5c842;font-size:.58rem;font-weight:800;letter-spacing:2px;text-align:center;font-family:Georgia,serif;margin-bottom:8px;text-transform:uppercase}.rp-menu-drawer-item{display:flex;justify-content:space-between;gap:8px;color:#f5e0b0;font-size:.7rem;line-height:1.75;font-family:Georgia,serif;border-bottom:1px solid rgba(245,200,66,.1);padding:1px 0}.rp-menu-drawer-item:last-child{border-bottom:none}html[data-theme=dark] .rp-card-label{color:#dde6f0}.rp-phase-bar{padding:8px 20px 6px;background:#f8fafc;border-bottom:1px solid #eef0f2;flex-shrink:0}.rp-phase-track-wrap{display:flex;justify-content:space-between;position:relative}.rp-phase-track{position:absolute;top:16px;left:16px;right:16px;height:2px;background:#e2e8f0;border-radius:1px;z-index:0;overflow:hidden}.rp-phase-fill{height:100%;background:#1cc6b6;border-radius:1px;transition:width .5s ease}.rp-phase-node{display:flex;flex-direction:column;align-items:center;gap:3px;position:relative;z-index:1}.rp-phase-dot{width:32px;height:32px;border-radius:50%;background:#fff;border:2px solid #e2e8f0;display:flex;align-items:center;justify-content:center;font-size:.95rem;transition:all .3s ease}.rp-phase-node--active .rp-phase-dot{border-color:#1cc6b6;box-shadow:0 0 0 3px #1cc6b626}.rp-phase-node--done .rp-phase-dot{background:#1cc6b6;border-color:#1cc6b6;color:#fff;font-size:.78rem;font-weight:700}.rp-phase-label{font-size:.6rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em}.rp-phase-node--active .rp-phase-label{color:#1cc6b6}.rp-phase-node--done .rp-phase-label{color:#64748b}html[data-theme=dark] .rp-phase-bar{background:var(--bg-card);border-bottom-color:var(--border)}html[data-theme=dark] .rp-phase-track{background:var(--border)}html[data-theme=dark] .rp-phase-dot{background:var(--bg-card);border-color:var(--border)}html[data-theme=dark] .rp-phase-label{color:#94a3b8}html[data-theme=dark] .rp-phase-node--active .rp-phase-label{color:#1cc6b6}html[data-theme=dark] .rp-phase-node--done .rp-phase-label{color:#94a3b8}.rp-brew-timer{position:absolute;bottom:54px;right:14px;width:52px;height:52px;z-index:5;display:flex;align-items:center;justify-content:center}.rp-brew-svg{position:absolute;inset:0;width:100%;height:100%;background:#0f19238c;border-radius:50%;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.rp-brew-track{fill:none;stroke:#ffffff26;stroke-width:3}.rp-brew-progress{fill:none;stroke:#1cc6b6;stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .9s linear}.rp-brew-num{position:relative;z-index:1;font-size:1rem;font-weight:800;color:#fff;line-height:1}.rp-order-ready-badge{position:absolute;bottom:54px;right:10px;background:linear-gradient(135deg,#1cc6b6,#0ea899);color:#fff;font-size:.72rem;font-weight:800;padding:5px 10px;border-radius:20px;z-index:5;box-shadow:0 3px 10px #1cc6b673;animation:rp-badge-pop .35s cubic-bezier(.175,.885,.32,1.275) both}@keyframes rp-badge-pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.rp-farewell-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0f19238c,#0f1923bf);display:flex;align-items:center;justify-content:center;z-index:10;animation:rp-farewell-in .5s ease both}@keyframes rp-farewell-in{0%{opacity:0}to{opacity:1}}.rp-farewell-inner{text-align:center}.rp-farewell-wave{font-size:2.5rem;display:block;animation:rp-wave-hand 1s ease-in-out 3;transform-origin:70% 70%}@keyframes rp-wave-hand{0%,to{transform:rotate(0)}20%{transform:rotate(-15deg)}50%{transform:rotate(20deg)}75%{transform:rotate(-10deg)}}.rp-farewell-text{margin:8px 0 0;color:#fff;font-size:.88rem;font-weight:600;opacity:.9}@media(max-width:640px){.rp-overlay{padding:0;align-items:flex-end}.rp-overlay-inner{border-radius:28px 28px 0 0;max-height:92vh;padding:20px 14px 24px}.rp-overlay-inner--play{height:92vh}.rp-img-scene{height:300px}.rp-sprite{height:294px}.rp-play-head{padding:8px 10px;gap:6px}.rp-play-title{font-size:.9rem}.rp-dialogue{font-size:.88rem}.rp-msg{padding:7px 10px}.rp-phase-bar{padding:6px 12px 4px}.rp-phase-dot{width:26px;height:26px;font-size:.8rem}.rp-phase-track{top:13px;left:13px;right:13px}.rp-phase-label{font-size:.52rem}}.rp-vocab-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:4px 6px;border-radius:6px;opacity:.7;transition:opacity .15s,background .15s;margin-left:auto}.rp-vocab-btn:hover{opacity:1;background:#ffffff1f}.rp-vocab-btn--active{opacity:1;background:#1cc6b62e}.rp-vocab-btn--loading{opacity:.35;cursor:default}.rp-vocab-drawer{background:var(--bg-card, #fff);border-bottom:1px solid var(--border, #e5e7eb);overflow:hidden;animation:rp-slide-down .2s ease}@keyframes rp-slide-down{0%{max-height:0;opacity:0}to{max-height:320px;opacity:1}}.rp-vocab-tabs{display:flex;gap:4px;padding:8px 12px 0;border-bottom:1px solid var(--border, #e5e7eb)}.rp-vocab-tab{background:none;border:none;padding:6px 12px;font-size:.78rem;font-weight:600;color:var(--text-secondary, #8fa0ad);cursor:pointer;border-bottom:2px solid transparent;border-radius:4px 4px 0 0;transition:color .15s,border-color .15s}.rp-vocab-tab--active{color:#1cc6b6;border-bottom-color:#1cc6b6}.rp-vocab-tab:hover:not(.rp-vocab-tab--active){color:var(--text-primary, #1a2332)}.rp-vocab-body{max-height:260px;overflow-y:auto;padding:10px 12px;-webkit-overflow-scrolling:touch}.rp-vocab-table{width:100%;border-collapse:collapse;font-size:.8rem}.rp-vocab-table th{text-align:left;padding:4px 8px;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary, #8fa0ad);border-bottom:1px solid var(--border, #e5e7eb)}.rp-vocab-table td{padding:5px 8px;border-bottom:1px solid var(--border, #f3f4f6);vertical-align:top}.rp-vocab-word{font-weight:700;color:#1cc6b6;white-space:nowrap}.rp-vocab-tr{color:var(--text-secondary, #5a6a7a)}.rp-vocab-ex{color:var(--text-muted, #8fa0ad);font-style:italic;font-size:.75rem}.rp-phrase-list{display:flex;flex-direction:column;gap:8px}.rp-phrase-item{padding:8px 10px;background:var(--bg-muted, #f8fafc);border-radius:8px;border-left:3px solid #1cc6b6}.rp-phrase-main{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.rp-phrase-text{font-weight:700;font-size:.85rem;color:var(--text-primary, #1a2332)}.rp-phrase-tr{font-size:.8rem;color:var(--text-secondary, #5a6a7a)}.rp-phrase-note{margin-top:3px;font-size:.72rem;color:var(--text-muted, #8fa0ad);font-style:italic}.rp-struct-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.rp-struct-list li{padding:8px 10px;background:var(--bg-muted, #f8fafc);border-radius:8px;font-size:.82rem;border-left:3px solid #f39c12;color:var(--text-primary, #1a2332)}html[data-theme=dark] .rp-vocab-drawer{background:var(--bg-card, #1a2332)}html[data-theme=dark] .rp-phrase-item,html[data-theme=dark] .rp-struct-list li{background:var(--bg-muted, #0f1923)}.rp-prep-inner{padding:0!important;overflow:hidden;display:flex;flex-direction:column;max-height:90vh}.rp-prep-hero{position:relative;height:140px;background:linear-gradient(135deg,#1cc6b6,#0ea899);background-size:cover;background-position:center;flex-shrink:0;border-radius:32px 32px 0 0;display:flex;align-items:flex-end;padding:16px 20px}.rp-prep-hero-overlay{position:absolute;inset:0;border-radius:32px 32px 0 0;background:linear-gradient(to bottom,#0000001a,#0000008c)}.rp-prep-back{position:absolute;top:14px;left:16px;background:#fff3;border:none;color:#fff;font-size:1.1rem;font-weight:700;padding:4px 10px;border-radius:8px;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2}.rp-prep-back:hover{background:#ffffff4d}.rp-prep-hero-text{position:relative;z-index:2;display:flex;flex-direction:column;gap:3px}.rp-prep-badge{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#fffc}.rp-prep-title{font-size:1.4rem;font-weight:800;color:#fff;margin:0;line-height:1.1}.rp-prep-lang{font-size:.8rem;color:#ffffffbf}.rp-prep-tabs{display:flex;gap:0;padding:0 20px;border-bottom:1px solid var(--border, #eef0f2);flex-shrink:0;background:var(--bg-card, #fff)}.rp-prep-tab{flex:1;background:none;border:none;border-bottom:2.5px solid transparent;padding:12px 4px;font-size:.82rem;font-weight:600;color:var(--text-secondary, #8fa0ad);cursor:pointer;transition:color .15s,border-color .15s}.rp-prep-tab--active{color:#1cc6b6;border-bottom-color:#1cc6b6}.rp-prep-tab:hover:not(.rp-prep-tab--active){color:var(--text-primary, #1a2332)}.rp-prep-body{flex:1;overflow-y:auto;padding:16px 20px;-webkit-overflow-scrolling:touch;background:var(--bg, #f8fafc)}.rp-prep-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 0;color:var(--text-secondary, #8fa0ad);font-size:.9rem}.rp-prep-words{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.rp-prep-word-card{background:var(--bg-card, #fff);border-radius:14px;padding:12px 14px;box-shadow:0 1px 4px #1e325012;border:1.5px solid var(--border, #eef0f2)}.rp-prep-word-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px}.rp-prep-add{flex-shrink:0;margin-left:auto;width:24px;height:24px;border-radius:50%;border:1.5px solid #1cc6b6;background:transparent;color:#1cc6b6;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .15s,color .15s,border-color .15s}.rp-prep-add:hover:not(:disabled){background:#1cc6b6;color:#fff}.rp-prep-add--saved{border-color:#22c55e;color:#22c55e;cursor:default}.rp-prep-phrase-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:4px}.rp-prep-phrase-top .rp-prep-phrase-text{margin:0}.rp-prep-word{font-size:1rem;font-weight:700;color:#1cc6b6}.rp-prep-word-tr{font-size:.82rem;color:var(--text-secondary, #5a6a7a);text-align:right}.rp-prep-word-ex{font-size:.75rem;color:var(--text-muted, #8fa0ad);font-style:italic;margin:0;line-height:1.4}.rp-prep-phrases{display:flex;flex-direction:column;gap:10px}.rp-prep-phrase-card{background:var(--bg-card, #fff);border-radius:14px;padding:14px 16px;border-left:3px solid #1cc6b6;box-shadow:0 1px 4px #1e325012}.rp-prep-phrase-text{font-size:.95rem;font-weight:700;color:var(--text-primary, #1a2332);margin:0 0 4px}.rp-prep-phrase-tr{font-size:.82rem;color:var(--text-secondary, #5a6a7a);margin:0 0 4px}.rp-prep-phrase-note{font-size:.74rem;color:var(--text-muted, #8fa0ad);font-style:italic;margin:0}.rp-prep-structs{display:flex;flex-direction:column;gap:10px}.rp-prep-struct-card{background:var(--bg-card, #fff);border-radius:14px;padding:14px 16px;display:flex;align-items:flex-start;gap:12px;box-shadow:0 1px 4px #1e325012;border:1.5px solid var(--border, #eef0f2)}.rp-prep-struct-num{width:26px;height:26px;min-width:26px;border-radius:50%;background:#f39c12;color:#fff;font-size:.78rem;font-weight:800;display:flex;align-items:center;justify-content:center}.rp-prep-struct-text{font-size:.88rem;color:var(--text-primary, #1a2332);line-height:1.5}.rp-prep-footer{padding:14px 20px 20px;background:var(--bg-card, #fff);border-top:1px solid var(--border, #eef0f2);flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:8px}.rp-prep-start{width:100%;background:#1cc6b6;color:#fff;border:none;border-radius:14px;padding:14px;font-size:1rem;font-weight:700;cursor:pointer;transition:background .15s,transform .1s}.rp-prep-start:hover{background:#0ea899;transform:translateY(-1px)}.rp-prep-start:active{transform:scale(.98)}.rp-prep-start:disabled{background:#a0c9c4;cursor:default;transform:none}.rp-prep-skip{font-size:.8rem;color:var(--text-muted, #8fa0ad);cursor:pointer;margin:0}.rp-prep-skip:hover{color:var(--text-secondary, #5a6a7a)}html[data-theme=dark] .rp-prep-tabs,html[data-theme=dark] .rp-prep-footer{background:var(--bg-card, #1a2332)}html[data-theme=dark] .rp-prep-body{background:var(--bg, #0f1923)}html[data-theme=dark] .rp-prep-word-card,html[data-theme=dark] .rp-prep-phrase-card,html[data-theme=dark] .rp-prep-struct-card{background:var(--bg-card, #1a2332);border-color:var(--border, #2a3a4a)}@media(max-width:480px){.rp-prep-words{grid-template-columns:1fr 1fr}.rp-prep-hero{height:120px}.rp-prep-title{font-size:1.2rem}}.rt-overlay{position:fixed;inset:0;z-index:2000;background:#1a233273;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:20px}.rt-page{display:flex;align-items:flex-start;justify-content:center;padding:20px;min-height:calc(100vh - 64px);background:var(--bg, #f8fafc)}.rt-page .rt-sheet{max-height:calc(100vh - 104px);animation:none}html[data-theme=dark] .rt-page{background:var(--bg, #0f1923)}.rt-sheet{background:#fff;border-radius:28px;padding:0;width:100%;max-width:780px;max-height:92vh;display:flex;flex-direction:column;position:relative;box-shadow:0 25px 70px #0000002e;animation:rt-appear .24s cubic-bezier(.175,.885,.32,1.1);overflow:hidden}@keyframes rt-appear{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.rt-close{position:absolute;top:14px;right:16px;background:#00000012;border:none;border-radius:50%;width:32px;height:32px;font-size:.9rem;cursor:pointer;color:#64748b;display:flex;align-items:center;justify-content:center;z-index:10;transition:background .12s}.rt-close:hover{background:#00000021}.rt-header{padding:22px 52px 14px 24px;flex-shrink:0}.rt-title{font-size:1.1rem;font-weight:700;color:var(--text-primary, #1a2332);display:inline-flex;align-items:center;gap:7px}.rt-selectors{padding:0 20px 10px;display:flex;flex-direction:column;gap:6px;flex-shrink:0}.rt-pill-row{display:flex;gap:5px;flex-wrap:wrap}.rt-pill{background:var(--bg-tertiary, #f1f5f9);border:none;border-radius:20px;padding:5px 11px;font-size:.8rem;font-weight:600;color:var(--text-secondary, #64748b);cursor:pointer;transition:background .12s,color .12s}.rt-pill--on{background:#1a2332;color:#fff}.rt-pill:hover:not(.rt-pill--on){background:var(--border-color, #e2e8f0)}.rt-lang-single{font-size:.85rem;font-weight:700;color:var(--text-secondary, #64748b);padding:4px 0 2px}.rt-level-pill{background:var(--bg-tertiary, #f1f5f9);border:none;border-radius:8px;padding:4px 10px;font-size:.78rem;font-weight:700;color:var(--text-secondary, #64748b);cursor:pointer;transition:background .12s,color .12s;letter-spacing:.03em}.rt-level-pill--on{background:#10b981;color:#fff}.rt-level-pill:hover:not(.rt-level-pill--on){background:var(--border-color, #e2e8f0)}.rt-generator{margin:0 20px 14px;background:var(--bg-secondary, #f8fafb);border:1.5px solid var(--border-color, #e8ecf0);border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;flex-shrink:0}.rt-topic-input{background:#fff;border:1.5px solid var(--border-color, #e2e8f0);border-radius:10px;padding:8px 12px;font-size:.9rem;color:var(--text-primary, #1a2332);font-family:inherit;transition:border-color .15s}.rt-topic-input:focus{outline:none;border-color:#10b981}.rt-topic-chips{display:flex;gap:6px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px;-webkit-mask-image:linear-gradient(to right,black calc(100% - 28px),transparent 100%);mask-image:linear-gradient(to right,black calc(100% - 28px),transparent 100%)}.rt-topic-chips::-webkit-scrollbar{display:none}.rt-topic-chip{background:#fff;border:1.5px solid var(--border-color, #e2e8f0);border-radius:20px;padding:5px 12px;font-size:.82rem;font-weight:600;color:var(--text-secondary, #64748b);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:border-color .12s,background .12s,color .12s}.rt-topic-chip--on{border-color:#10b981;background:#f0fdf9;color:#065f46}.rt-topic-chip:hover:not(.rt-topic-chip--on){border-color:#10b981;background:#f7fffe}.rt-generate-btn{background:#10b981;color:#fff;border:none;border-radius:10px;padding:10px 20px;font-size:.9rem;font-weight:700;cursor:pointer;align-self:flex-end;display:inline-flex;align-items:center;gap:6px;transition:background .15s}.rt-generate-btn:disabled{opacity:.55;cursor:wait}.rt-generate-btn:hover:not(:disabled){background:#059669}.rt-library{flex:1;overflow-y:auto;padding:0 20px 20px}.rt-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(max-width:640px){.rt-overlay{padding:0;align-items:flex-end}.rt-sheet{max-width:100%;max-height:96svh;max-height:96dvh;border-radius:24px 24px 0 0}.rt-sheet--reader{height:96svh;height:96dvh}.rt-generator{margin:0 12px 10px;padding:10px 12px;gap:8px}.rt-selectors{padding:0 12px 8px}.rt-library{padding:0 12px 16px}.rt-header{padding:18px 48px 10px 16px}.rt-cards-grid{grid-template-columns:1fr;gap:10px}.rt-card-thumb{height:70px}.rt-text-area{padding:12px 16px}.rt-hero{margin:0 12px;height:90px}.rt-reader-footer{padding:10px 14px 14px}.rt-topic-input,.rt-popup-input{font-size:16px}}.rt-card{background:#fff;border:1.5px solid var(--border-color, #e8ecf0);border-radius:16px;cursor:pointer;text-align:left;display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .15s,border-color .15s,transform .12s;padding:0}.rt-card:hover{border-color:#10b981;box-shadow:0 4px 20px #10b9811f;transform:translateY(-2px)}.rt-card-thumb{height:88px;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.rt-card-emoji{font-size:2.2rem;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.08))}.rt-card-level-badge{position:absolute;top:8px;right:8px;background:#ffffffbf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:6px;padding:2px 7px;font-size:.7rem;font-weight:800;color:#1a2332;letter-spacing:.04em}.rt-card-body{padding:10px 12px 11px;display:flex;flex-direction:column;gap:6px}.rt-card-preview{font-size:.83rem;color:var(--text-primary, #1a2332);line-height:1.55;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rt-card-meta{display:flex;justify-content:space-between;align-items:center}.rt-card-words{font-size:.72rem;font-weight:600;color:#10b981;background:#f0fdf9;border-radius:20px;padding:2px 7px}.rt-card-date{font-size:.72rem;color:var(--text-secondary, #94a3b8)}.rt-empty{color:var(--text-secondary, #94a3b8);font-size:.9rem;text-align:center;padding:40px 20px;line-height:1.7}.rt-empty span{font-size:.8rem;opacity:.7;display:block}.rt-gen-loading{display:flex;align-items:center;justify-content:center;padding:50px}.rt-spinner{width:32px;height:32px;border:3px solid var(--border-color, #e2e8f0);border-top-color:#10b981;border-radius:50%;animation:rt-spin .7s linear infinite}@keyframes rt-spin{to{transform:rotate(360deg)}}.rt-sheet--reader{height:92vh}.rt-reader-header{display:flex;align-items:center;justify-content:space-between;padding:14px 52px 12px 16px;flex-shrink:0}.rt-back-btn{background:var(--bg-tertiary, #f1f5f9);border:none;border-radius:20px;padding:7px 14px;font-size:.85rem;font-weight:600;color:var(--text-secondary, #64748b);cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:background .12s}.rt-back-btn:hover{background:var(--border-color, #e2e8f0)}.rt-vocab-counter{background:#f0fdf9;border:1.5px solid #10b981;border-radius:20px;padding:4px 10px;font-size:.78rem;font-weight:700;color:#065f46;display:inline-flex;align-items:center;gap:4px}.rt-hero{margin:0 16px;border-radius:16px;height:110px;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;overflow:hidden}.rt-hero-emoji{font-size:3rem;line-height:1;filter:drop-shadow(0 2px 8px rgba(0,0,0,.12))}.rt-hero-meta{position:absolute;bottom:10px;left:12px;display:flex;gap:6px;align-items:center}.rt-hero-topic{background:#ffffffb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:20px;padding:3px 10px;font-size:.75rem;font-weight:700;color:#1a2332}.rt-hero-badge{background:#ffffffb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:6px;padding:3px 9px;font-size:.72rem;font-weight:800;color:#1a2332;letter-spacing:.05em}.rt-text-area{flex:1;overflow-y:auto;padding:16px 22px;position:relative;min-height:0}.rt-text{font-size:1.05rem;line-height:1.9;color:var(--text-primary, #1a2332);margin:0}.rt-word{cursor:pointer;border-radius:3px;transition:background .1s;padding:1px 0}.rt-word:hover{background:#10b98126}.rt-word--active{background:#10b98140;outline:2px solid #10b981;outline-offset:1px;border-radius:3px}.rt-word--saved{color:#10b981;font-weight:600}.rt-popup{position:sticky;bottom:0;background:var(--bg-primary, #fff);border:1.5px solid var(--border-color, #e2e8f0);border-radius:16px;padding:14px 16px;margin-top:16px;box-shadow:0 -4px 24px #0000001a;display:flex;flex-direction:column;gap:8px;z-index:10}.rt-popup-word{font-size:1.2rem;font-weight:800;color:#10b981;display:flex;align-items:center;gap:8px}.rt-phrase-badge{font-size:.72rem;font-weight:600;background:#fef3c7;color:#92400e;border-radius:20px;padding:2px 8px;display:inline-flex;align-items:center;gap:3px}.rt-lookup-spin{width:14px;height:14px;border:2px solid #d1fae5;border-top-color:#10b981;border-radius:50%;animation:rt-spin .6s linear infinite;flex-shrink:0}.rt-phrase-toggle{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-secondary, #64748b);cursor:pointer}.rt-popup-note{font-size:.8rem;color:#92400e;background:#fef3c7;border-radius:8px;padding:6px 10px;line-height:1.4}.rt-popup-sentence{font-size:.82rem;color:var(--text-secondary, #64748b);font-style:italic;line-height:1.4;border-left:3px solid #10b981;padding-left:8px}.rt-popup-example{font-size:.82rem;color:#059669;background:#f0fdf4;border-radius:8px;padding:5px 10px;line-height:1.4;font-style:italic}.rt-popup-input{background:var(--bg-tertiary, #f8fafb);border:1.5px solid var(--border-color, #e2e8f0);border-radius:8px;padding:8px 12px;font-size:.95rem;color:var(--text-primary, #1a2332);font-family:inherit}.rt-popup-input:focus{outline:none;border-color:#10b981}.rt-popup-actions{display:flex;gap:8px}.rt-popup-cancel{flex:1;background:var(--bg-tertiary, #f1f5f9);border:none;border-radius:10px;padding:9px;font-size:.9rem;font-weight:600;cursor:pointer;color:var(--text-secondary, #64748b)}.rt-popup-save{flex:2;background:#10b981;color:#fff;border:none;border-radius:10px;padding:9px;font-size:.9rem;font-weight:700;cursor:pointer}.rt-popup-save:disabled{opacity:.5;cursor:wait}.rt-popup-save:hover:not(:disabled){background:#059669}.rt-hint{text-align:center;font-size:.78rem;color:var(--text-secondary, #94a3b8);padding:6px 20px 14px;margin:0;flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:5px}html[data-theme=dark] .rt-sheet{background:var(--bg-card)}html[data-theme=dark] .rt-close{background:#ffffff14;color:var(--text-secondary)}html[data-theme=dark] .rt-close:hover{background:#ffffff24}html[data-theme=dark] .rt-title{color:var(--text-primary)}html[data-theme=dark] .rt-pill{background:var(--bg-card);color:var(--text-secondary)}html[data-theme=dark] .rt-pill--on{background:var(--primary-bg);color:var(--primary)}html[data-theme=dark] .rt-level-pill{background:var(--bg-card);color:var(--text-secondary)}html[data-theme=dark] .rt-generator{background:var(--bg-card);border-color:var(--border)}html[data-theme=dark] .rt-topic-input{background:var(--bg-input);border-color:var(--border);color:var(--text-primary)}html[data-theme=dark] .rt-topic-chip{background:var(--bg-input);border-color:var(--border);color:var(--text-secondary)}html[data-theme=dark] .rt-topic-chip--on{background:#0f2417;border-color:#10b981;color:#6ee7b7}html[data-theme=dark] .rt-card{background:var(--bg-card);border-color:var(--border)}html[data-theme=dark] .rt-card:hover{border-color:#10b981}html[data-theme=dark] .rt-card-preview{color:var(--text-primary)}html[data-theme=dark] .rt-card-level-badge{background:#ffffff26;color:var(--text-primary)}html[data-theme=dark] .rt-back-btn{background:var(--bg-card);color:var(--text-secondary)}html[data-theme=dark] .rt-back-btn:hover{background:var(--border)}html[data-theme=dark] .rt-vocab-counter{background:#0f2417;color:#6ee7b7;border-color:#10b981}html[data-theme=dark] .rt-text{color:var(--text-primary)}html[data-theme=dark] .rt-popup{background:var(--bg-card);border-color:var(--border)}html[data-theme=dark] .rt-popup-input{background:var(--bg-input);border-color:var(--border);color:var(--text-primary)}html[data-theme=dark] .rt-hero-topic,html[data-theme=dark] .rt-hero-badge{background:#0000004d;color:var(--text-primary)}.rt-reader-footer{display:flex;flex-direction:column;align-items:stretch;padding:10px 20px 16px;flex-shrink:0;gap:8px;border-top:1px solid var(--border-color, #e8ecf0)}.rt-reader-footer .rt-hint{padding:0;margin:0;justify-content:center;font-size:.75rem}.rt-quiz-btn{background:#6366f1;color:#fff;border:none;border-radius:12px;padding:12px 20px;font-size:.95rem;font-weight:700;cursor:pointer;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .15s}.rt-quiz-btn:disabled{opacity:.55;cursor:wait}.rt-quiz-btn:hover:not(:disabled){background:#4f46e5}.rt-quiz-spin{width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:rt-spin .65s linear infinite;flex-shrink:0}.rt-quiz-area{flex:1;overflow-y:auto;padding:16px 20px 20px;display:flex;flex-direction:column}.quiz-wrap{display:flex;flex-direction:column;gap:16px;animation:rt-appear .2s ease}.quiz-progress-bar{height:5px;background:var(--border-color, #e2e8f0);border-radius:99px;overflow:hidden}.quiz-progress-fill{height:100%;background:#6366f1;border-radius:99px;transition:width .3s ease}.quiz-counter{font-size:.8rem;font-weight:600;color:var(--text-secondary, #64748b);text-align:right}.quiz-question{font-size:1.05rem;font-weight:700;color:var(--text-primary, #1a2332);line-height:1.55}.quiz-options{display:flex;flex-direction:column;gap:9px}.quiz-option{background:var(--bg-secondary, #f8fafb);border:2px solid var(--border-color, #e2e8f0);border-radius:12px;padding:11px 14px;font-size:.92rem;font-weight:500;color:var(--text-primary, #1a2332);text-align:left;cursor:pointer;display:flex;align-items:center;gap:10px;transition:border-color .12s,background .12s}.quiz-option:hover:not(:disabled):not(.quiz-option--correct):not(.quiz-option--wrong){border-color:#6366f1;background:#f5f5ff}.quiz-option:disabled{cursor:default}.quiz-option--correct{border-color:#10b981;background:#f0fdf9;color:#065f46}.quiz-option--wrong{border-color:#ef4444;background:#fff5f5;color:#991b1b}.quiz-option-letter{width:26px;height:26px;flex-shrink:0;background:var(--border-color, #e2e8f0);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:800;transition:background .12s,color .12s}.quiz-option--correct .quiz-option-letter{background:#10b981;color:#fff}.quiz-option--wrong .quiz-option-letter{background:#ef4444;color:#fff}.quiz-next-btn{align-self:flex-end;background:#6366f1;color:#fff;border:none;border-radius:10px;padding:10px 22px;font-size:.9rem;font-weight:700;cursor:pointer;transition:background .15s}.quiz-next-btn:hover{background:#4f46e5}.quiz-result{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 10px;text-align:center;animation:rt-appear .25s ease}.quiz-result-icon{font-size:3rem;line-height:1}.quiz-result-title{font-size:1.25rem;font-weight:800;color:var(--text-primary, #1a2332)}.quiz-result-score{font-size:2rem;font-weight:900;color:#6366f1}.quiz-missed-words{width:100%}.quiz-missed-title{font-size:.85rem;font-weight:700;color:var(--text-secondary, #64748b);margin:0 0 8px;text-align:left}.quiz-word-pill{display:inline-flex;align-items:center;gap:6px;background:var(--bg-secondary, #f8fafb);border:1.5px solid var(--border-color, #e2e8f0);border-radius:20px;padding:5px 12px;font-size:.82rem;font-weight:600;cursor:pointer;margin:4px;transition:border-color .12s,background .12s}.quiz-word-pill:hover{border-color:#10b981;background:#f0fdf9}.quiz-word-pill--saved{border-color:#10b981;color:#065f46;background:#f0fdf9}.quiz-close-btn{background:var(--bg-tertiary, #f1f5f9);border:none;border-radius:10px;padding:10px 24px;font-size:.9rem;font-weight:700;color:var(--text-secondary, #64748b);cursor:pointer;margin-top:6px;transition:background .12s}.quiz-close-btn:hover{background:var(--border-color, #e2e8f0)}html[data-theme=dark] .rt-reader-footer{border-top-color:var(--border)}html[data-theme=dark] .rt-quiz-btn{background:#4f46e5}html[data-theme=dark] .rt-quiz-btn:hover:not(:disabled){background:#3730a3}html[data-theme=dark] .quiz-progress-bar{background:var(--border)}html[data-theme=dark] .quiz-progress-fill{background:#6366f1}html[data-theme=dark] .quiz-question{color:var(--text-primary)}html[data-theme=dark] .quiz-option{background:var(--bg-card);border-color:var(--border);color:var(--text-primary)}html[data-theme=dark] .quiz-option:hover:not(:disabled):not(.quiz-option--correct):not(.quiz-option--wrong){border-color:#6366f1;background:var(--bg-muted)}html[data-theme=dark] .quiz-option--correct{background:#0f2417;color:#6ee7b7}html[data-theme=dark] .quiz-option--wrong{background:#2d1515;color:#fca5a5}html[data-theme=dark] .quiz-option-letter{background:var(--border)}html[data-theme=dark] .quiz-result-title{color:var(--text-primary)}html[data-theme=dark] .quiz-word-pill{background:var(--bg-card);border-color:var(--border);color:var(--text-primary)}html[data-theme=dark] .quiz-word-pill--saved{background:#0f2417;border-color:#10b981;color:#6ee7b7}html[data-theme=dark] .quiz-close-btn{background:var(--bg-card);color:var(--text-secondary)}html[data-theme=dark] .quiz-close-btn:hover{background:var(--border)}:root{--bg-page: #f8fafb;--bg-card: #ffffff;--bg-input: #f8fafb;--bg-muted: #f1f5f9;--text-primary: #1a2332;--text-secondary: #8fa0ad;--text-muted: #b0bfc7;--border: #eef0f2;--border-input: #e8ecef;--primary: #1cc6b6;--primary-bg: #eafcfc;--primary-bg-hover: #d0f5f2;--header-bg: #ffffff;--header-border: #f0f2f4;--shadow: rgba(30, 50, 80, .07);--shadow-sm: rgba(30, 50, 80, .04);--shadow-md: rgba(30, 50, 80, .1)}html[data-theme=dark]{--bg-page: #0f1923;--bg-card: #1a2535;--bg-input: #131f2e;--bg-muted: #162030;--text-primary: #dde6f0;--text-secondary: #6e8898;--text-muted: #3d5566;--border: #1e2d42;--border-input: #243348;--primary: #1cc6b6;--primary-bg: #0c2828;--primary-bg-hover: #0e3232;--header-bg: #111e2d;--header-border: #1a2a3d;--shadow: rgba(0, 0, 0, .35);--shadow-sm: rgba(0, 0, 0, .22);--shadow-md: rgba(0, 0, 0, .45)}*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif;font-optical-sizing:auto;font-style:normal;-webkit-tap-highlight-color:transparent}html,body,#root{background-color:var(--bg-page);color:var(--text-primary);min-height:100%;transition:background-color .25s ease,color .25s ease;-webkit-text-size-adjust:100%;overflow-x:hidden}html[data-theme=dark] .account-page,html[data-theme=dark] .adm-page,html[data-theme=dark] .stats-page,html[data-theme=dark] .library-container,html[data-theme=dark] .voc-page,html[data-theme=dark] .chat-container,html[data-theme=dark] .login-page,html[data-theme=dark] .register-page,html[data-theme=dark] .pricing-page,html[data-theme=dark] .confirm-page{background:var(--bg-page)}html[data-theme=dark] .account-card,html[data-theme=dark] .adm-stat-card,html[data-theme=dark] .adm-section,html[data-theme=dark] .stats-card,html[data-theme=dark] .stats-block,html[data-theme=dark] .detail-stats-btn,html[data-theme=dark] .grammar-card,html[data-theme=dark] .stat-item,html[data-theme=dark] .chat-sidebar,html[data-theme=dark] .chat-main,html[data-theme=dark] .chat-header,html[data-theme=dark] .chat-footer,html[data-theme=dark] .chat-bubble--assistant,html[data-theme=dark] .login-card,html[data-theme=dark] .register-card,html[data-theme=dark] .pricing-card{background:var(--bg-card)!important;border-color:var(--border)!important}html[data-theme=dark] .stats-card.streak{background:linear-gradient(135deg,#1e1812 0%,var(--bg-card) 100%)!important;border-color:#3d2a1e!important}html[data-theme=dark] .stats-card.level{background:linear-gradient(135deg,var(--primary-bg) 0%,var(--bg-card) 100%)!important;border-color:#0e3232!important}html[data-theme=dark] .user-name,html[data-theme=dark] .adm-title,html[data-theme=dark] .adm-section-title,html[data-theme=dark] .adm-stat-value,html[data-theme=dark] .settings-title,html[data-theme=dark] .settings-label,html[data-theme=dark] .stats-title,html[data-theme=dark] .card-value,html[data-theme=dark] .block-title,html[data-theme=dark] .progress-info,html[data-theme=dark] .section-title,html[data-theme=dark] .voc-title,html[data-theme=dark] .grammar-card__title,html[data-theme=dark] .grammar-card__example-text,html[data-theme=dark] .chat-name,html[data-theme=dark] .sidebar-chat-title{color:var(--text-primary)!important}html[data-theme=dark] .user-status,html[data-theme=dark] .adm-stat-label,html[data-theme=dark] .adm-stat-sub,html[data-theme=dark] .adm-td-email,html[data-theme=dark] .stats-sub,html[data-theme=dark] .card-label,html[data-theme=dark] .card-desc,html[data-theme=dark] .voc-subtitle,html[data-theme=dark] .grammar-card__explanation,html[data-theme=dark] .grammar-card__category,html[data-theme=dark] .sidebar-chat-preview,html[data-theme=dark] .settings-desc{color:var(--text-secondary)!important}html[data-theme=dark] .adm-table th{color:var(--text-secondary)!important;border-color:var(--border)!important}html[data-theme=dark] .adm-table td{color:var(--text-primary)!important;border-color:var(--border)!important}html[data-theme=dark] .adm-table tr:hover td{background:var(--bg-muted)!important}html[data-theme=dark] .adm-row-blocked td{background:#1e1515!important}html[data-theme=dark] .adm-search,html[data-theme=dark] .adm-modal-input,html[data-theme=dark] .voc-search-input,html[data-theme=dark] .chat-input,html[data-theme=dark] input[type=text],html[data-theme=dark] input[type=email],html[data-theme=dark] input[type=password],html[data-theme=dark] textarea{background:var(--bg-input)!important;border-color:var(--border-input)!important;color:var(--text-primary)!important}html[data-theme=dark] .voc-search-input::placeholder,html[data-theme=dark] .chat-input::placeholder,html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:var(--text-muted)!important}html[data-theme=dark] .chat-input-wrap{background:var(--bg-input)!important;border-color:var(--border-input)!important}html[data-theme=dark] .chat-input-wrap:focus-within{border-color:var(--primary)!important;background:var(--bg-card)!important}html[data-theme=dark] .header{background-color:var(--header-bg)!important;border-top-color:var(--header-border)!important}html[data-theme=dark] .header-item{color:var(--text-secondary)!important}html[data-theme=dark] .header-item:hover{background-color:var(--primary-bg)!important;color:var(--primary)!important}html[data-theme=dark] .header-item--active{color:var(--primary)!important;background-color:var(--primary-bg)!important}html[data-theme=dark] .voc-tabs-wrap,html[data-theme=dark] .grammar-card__category{background:var(--bg-muted)!important}html[data-theme=dark] .voc-tab{color:var(--text-secondary)!important}html[data-theme=dark] .voc-tab--active{background:var(--bg-card)!important;color:var(--text-primary)!important}html[data-theme=dark] .voc-chip{background:var(--bg-card)!important;border-color:var(--border-input)!important;color:var(--text-secondary)!important}html[data-theme=dark] .grammar-card__example,html[data-theme=dark] .adm-sub-filter-group{background:var(--bg-muted)!important}html[data-theme=dark] .adm-sub-filter-btn{color:var(--text-secondary)!important}html[data-theme=dark] .adm-sub-filter-btn--active{background:var(--bg-card)!important;color:var(--primary)!important}html[data-theme=dark] .chat-bubble--assistant{background:var(--bg-card)!important;border-color:var(--border)!important;color:var(--text-primary)!important}html[data-theme=dark] .sidebar-chat-item{color:var(--text-primary)!important}html[data-theme=dark] .sidebar-chat-item:hover,html[data-theme=dark] .sidebar-chat-item.active{background:var(--bg-muted)!important}html[data-theme=dark] .chat-chip{background:var(--bg-muted)!important;border-color:var(--border)!important;color:var(--text-secondary)!important}html[data-theme=dark] .chat-toggle-btn{color:var(--text-secondary)!important}html[data-theme=dark] .chat-toggle-btn:hover{background:var(--bg-muted)!important}html[data-theme=dark] .chat-header-new-btn{background:var(--primary-bg)!important}html[data-theme=dark] .chat-hint{color:var(--text-muted)!important}html[data-theme=dark] .section-count{background:var(--bg-muted)!important;color:var(--text-secondary)!important}html[data-theme=dark] .adm-modal,html[data-theme=dark] .modal-content{background:var(--bg-card)!important}html[data-theme=dark] .adm-modal-title,html[data-theme=dark] .adm-modal-label{color:var(--text-primary)!important}html[data-theme=dark] .adm-modal-sub,html[data-theme=dark] .adm-modal-cancel{color:var(--text-secondary)!important}html[data-theme=dark] .progress-bar-bg{background:var(--bg-muted)!important}html[data-theme=dark] .stats-divider{border-color:var(--border)!important}html[data-theme=dark] .heatmap-day-label{color:var(--text-secondary)!important}html[data-theme=dark] .heatmap-legend{color:var(--text-muted)!important}html[data-theme=dark] .stats-card *,html[data-theme=dark] .stats-card-label,html[data-theme=dark] .stats-card-value,html[data-theme=dark] .progress-info span,html[data-theme=dark] .block-title{background-color:transparent!important;background:none!important}html[data-theme=dark] .heatmap-cell--inactive{background:var(--bg-muted)!important}html[data-theme=dark] .heatmap-cell--active{background:var(--primary)!important}html[data-theme=dark] .heatmap-cell--today{border-color:var(--primary)!important}html[data-theme=dark] .activity-legend-dot{opacity:.85}html[data-theme=dark] .modern-card{background:var(--bg-card)!important;border-color:var(--border)!important}html[data-theme=dark] .modern-card:hover{border-color:var(--primary-bg-hover)!important}html[data-theme=dark] .word-text{color:var(--text-primary)!important}html[data-theme=dark] .translation-text{color:var(--text-secondary)!important}html[data-theme=dark] .status-pill.new{background:var(--bg-muted)!important;color:var(--text-muted)!important}html[data-theme=dark] .status-pill.learning{background:#f59e0b1f!important}html[data-theme=dark] .status-pill.learned{background:var(--primary-bg)!important}html[data-theme=dark] .card__action-btn{background:var(--bg-input)!important;color:var(--text-muted)!important}html[data-theme=dark] .card__action-btn--learn:hover,html[data-theme=dark] .card__action-btn--learn.is-learned{background:var(--primary-bg)!important;color:var(--primary)!important}html[data-theme=dark] .card__speak{background:var(--primary-bg)!important}html[data-theme=dark] .modern-card.is-learned{background:var(--bg-input)!important;border-color:var(--border)!important}html[data-theme=dark] .modern-card.is-learned .word-text{color:var(--text-muted)!important}html[data-theme=dark] .card-librery{background:var(--bg-card)!important}html[data-theme=dark] .card-librery-title{color:var(--text-primary)!important}html[data-theme=dark] .card-thumb-container,html[data-theme=dark] .card-progress-bar{background:var(--bg-muted)!important}html[data-theme=dark] .known-badge{background:var(--primary-bg)!important;color:var(--primary)!important}html[data-theme=dark] .play-button-circle{background:var(--primary)!important}html[data-theme=dark] .card-words-count{color:var(--text-secondary)!important}html[data-theme=dark] .card-link-badge{background:#1e2535e0!important;color:var(--text-secondary)!important}html[data-theme=dark] .section-title,html[data-theme=dark] .user-name.library{color:var(--text-primary)!important}html[data-theme=dark] .librari-modal{background:var(--bg-card)!important}html[data-theme=dark] .librari-title{color:var(--text-primary)!important}html[data-theme=dark] .librari-date,html[data-theme=dark] .word-trans{color:var(--text-secondary)!important}html[data-theme=dark] .word-orig{color:var(--text-primary)!important}html[data-theme=dark] .modal-tabs-container{background:var(--bg-muted)!important}html[data-theme=dark] .modal-tab{color:var(--text-secondary)!important}html[data-theme=dark] .modal-tab.active{background:var(--bg-card)!important;color:var(--primary)!important}html[data-theme=dark] .modern-word-chip{background:var(--bg-input)!important;border-color:var(--border)!important}html[data-theme=dark] .modern-word-chip.learned{background:var(--primary-bg)!important;border-color:var(--primary)!important}html[data-theme=dark] .modern-word-chip.learned .word-orig{color:var(--primary)!important}html[data-theme=dark] .modern-text-view{color:var(--text-secondary)!important}html[data-theme=dark] .continue-learning-btn{background:var(--primary)!important}html[data-theme=dark] .close-btn{background:var(--bg-muted)!important;color:var(--text-secondary)!important}html[data-theme=dark] .close-btn:hover{background:var(--border)!important;color:var(--text-primary)!important}html[data-theme=dark] .type-icon-circle{background:var(--bg-muted)!important}html[data-theme=dark] .modal-footer{border-top-color:var(--border)!important}html[data-theme=dark] .confirm-modal-overlay{background:#111827f5!important}html[data-theme=dark] .confirm-modal-content h3{color:var(--text-primary)!important}html[data-theme=dark] .modal-scroll-content::-webkit-scrollbar-track{background:var(--bg-muted)!important}html[data-theme=dark] .cancel-del{background:var(--bg-muted)!important;color:var(--text-secondary)!important}html[data-theme=dark] .modal-stat-card.unknown{background:#ff7e4d1f!important}html[data-theme=dark] .user-name,html[data-theme=dark] .lang-title,html[data-theme=dark] .settings-title,html[data-theme=dark] .settings-label,html[data-theme=dark] .privacy-row{color:var(--text-primary)!important}html[data-theme=dark] .user-email,html[data-theme=dark] .lang-label{color:var(--text-secondary)!important}html[data-theme=dark] .settings-row,html[data-theme=dark] .privacy-row{border-bottom-color:var(--border)!important}html[data-theme=dark] .lang-btn:not(.active){background:var(--bg-muted)!important;color:var(--primary)!important}html[data-theme=dark] .lang-btn:not(.active):hover{background:var(--primary-bg-hover)!important}html[data-theme=dark] .lang-upgrade-prompt{background:var(--bg-muted)!important;color:var(--text-secondary)!important}html[data-theme=dark] .lang-locked-badge{background:var(--bg-muted)!important;color:var(--text-muted)!important}html[data-theme=dark] .lang-premium-badge{background:#f39c121f!important}html[data-theme=dark] .clickable-card:hover{background-color:var(--bg-muted)!important}html[data-theme=dark] .logout-btn{background:#ff4d4f1f!important;color:#ff6b6b!important;border:1.5px solid rgba(255,77,79,.25)!important}html[data-theme=dark] .logout-btn:hover{background:#ff4d4f38!important}html[data-theme=dark] .account-version{color:var(--text-muted)!important}html[data-theme=dark] .slider{background-color:var(--bg-muted)!important}html[data-theme=dark] .switch input:checked+.slider{background-color:var(--primary)!important}html[data-theme=dark] .privacy-icon,html[data-theme=dark] .settings-icon{color:var(--primary)!important}html[data-theme=dark] .privacy-arrow,html[data-theme=dark] .user-arrow{color:var(--text-muted)!important}html[data-theme=dark] .lang-flag{background:#ffffff14!important}