:root{--bg:#f4f6fa;--panel:#fff;--text:#202226;--muted:#7b818a;--line:#e6e9ee;--blue:#2f95e8;--blue2:#1f83da;--green:#35c84a;--orange:#f5a623;--red:#e45b5b;--shadow:0 12px 35px rgba(25,42,70,.08);--radius:24px;--sidebar:240px}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#fff;border-right:1px solid var(--line);padding:26px 18px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:11px;align-items:center;padding:0 8px 28px}.brand-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,var(--blue),#67b8f3);color:#fff;display:grid;place-items:center;font-size:23px;font-weight:800;box-shadow:0 8px 18px rgba(47,149,232,.25)}.brand b{display:block;font-size:17px}.brand span{font-size:12px;color:var(--muted)}.side-nav{display:grid;gap:7px}.nav-item{border:0;background:transparent;border-radius:15px;padding:13px 14px;text-align:left;color:#626872;font-weight:650;display:flex;gap:12px;align-items:center}.nav-item span{width:22px;text-align:center;font-size:18px}.nav-item:hover{background:#f5f7fa}.nav-item.active{background:#eaf5fe;color:var(--blue)}.side-progress{margin-top:auto;padding:16px 12px;background:#f7f9fc;border:1px solid var(--line);border-radius:18px}.mini-progress-head{display:flex;justify-content:space-between;align-items:center;font-size:13px}.mini-progress-head b{color:var(--blue)}.track,.session-track{height:6px;border-radius:99px;background:#e8edf2;overflow:hidden}.track{margin:11px 0 8px}.track i,.session-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue),#5fb9f4);border-radius:inherit;transition:.25s}.side-progress small{color:var(--muted)}.main{margin-left:var(--sidebar);padding:0 40px 70px;min-height:100vh}.topbar{height:98px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto}.topbar h1{margin:0;font-size:28px;letter-spacing:-.5px}.topbar p{margin:5px 0 0;color:var(--muted);font-size:13px}.top-actions{display:flex;gap:10px;align-items:center}.icon-btn{border:1px solid var(--line);background:#fff;width:42px;height:42px;border-radius:14px;color:#6a7079;font-size:22px;display:grid;place-items:center}.icon-btn:hover{border-color:#cbd2db}.icon-btn.small{width:38px;height:38px;border-radius:12px;font-size:17px}.avatar{width:42px;height:42px;border:0;border-radius:14px;background:#24282e;color:#fff;font-weight:800}.page{display:none;max-width:1180px;margin:auto}.page.active{display:block}.card-lite{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 4px 18px rgba(25,42,70,.035)}.learn-layout{display:grid;grid-template-columns:minmax(0,760px) 270px;gap:24px;align-items:start}.learn-main{min-width:0}.session-head{padding:15px 18px;display:flex;justify-content:space-between;align-items:center;border-radius:18px}.eyebrow{display:block;font-size:10px;letter-spacing:1.4px;color:#9aa1aa;font-weight:800;margin-bottom:4px}.session-head b{font-size:15px}.session-count{display:flex;gap:4px;align-items:baseline;color:#a0a5ad}.session-count b{color:var(--text);font-size:20px}.session-track{margin:10px 5px 18px}.direction-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.pill{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 13px;color:#666d76;font-size:12px;font-weight:700}.flashcard{height:460px;background:#fff;border:1px solid #dfe3e8;border-radius:30px;box-shadow:var(--shadow);padding:24px 26px 22px;display:flex;flex-direction:column;outline:0;position:relative;overflow:hidden}.flashcard:focus-visible{box-shadow:0 0 0 3px rgba(47,149,232,.18),var(--shadow)}.card-badges{display:flex;justify-content:space-between;align-items:center}.card-badges>span{font-size:11px;color:#949aa3;background:#f5f7fa;padding:7px 10px;border-radius:999px}.star-btn{border:0;background:transparent;font-size:30px;line-height:1;color:#aeb4bc}.star-btn.active{color:#f5a623}.word-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.lang-label{font-size:10px;letter-spacing:1.5px;font-weight:800;color:#a2a8b1;margin-bottom:12px}.front-word{font-size:clamp(42px,6vw,72px);font-weight:520;line-height:1.08;word-break:break-word}.back-wrap{margin-top:24px;padding-top:23px;border-top:1px solid #edf0f4;width:min(420px,90%)}.back-word{font-size:clamp(24px,3.4vw,38px);font-weight:700;line-height:1.15}.card-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px}.ghost-action{border:0;background:transparent;color:#7f858d;padding:10px 6px}.ghost-action span{font-size:12px;margin-left:4px}.reveal-btn{border:0;border-radius:14px;padding:12px 17px;background:#edf6fe;color:var(--blue2);font-size:12px;font-weight:800}.learn-actions{display:flex;justify-content:center;gap:18px;padding:22px 0 5px}.round-action{width:105px;height:88px;border:1px solid var(--line);border-radius:24px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;box-shadow:0 6px 18px rgba(25,42,70,.035)}.round-action span{font-size:29px;line-height:1}.round-action small{font-size:11px;font-weight:700;color:#808690}.round-action.learn span{color:var(--orange)}.round-action.know span{color:var(--green)}.round-action.skip span{color:#8b9199}.round-action:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(25,42,70,.07)}.learn-stats{display:grid;gap:11px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;display:flex;align-items:center;gap:13px}.stat-icon{width:39px;height:39px;border-radius:13px;display:grid;place-items:center;font-size:20px;font-weight:700}.stat-icon.blue{background:#e8f4fe;color:var(--blue)}.stat-icon.green{background:#eaf9ed;color:var(--green)}.stat-icon.orange{background:#fff6e7;color:var(--orange)}.stat-icon.gray{background:#f2f4f6;color:#8c929a}.stat-card small{display:block;color:var(--muted);font-size:11px;margin-bottom:3px}.stat-card b{font-size:21px}.today-card{background:#22272d;color:#fff;border-radius:22px;padding:18px;display:flex;justify-content:space-between;align-items:center}.today-card small{display:block;color:#aeb4ba;font-size:11px}.today-card b{font-size:26px}.donut{width:64px;height:64px;border-radius:50%;background:conic-gradient(var(--blue) 0deg,#39414a 0deg);display:grid;place-items:center;position:relative}.donut:before{content:"";width:48px;height:48px;border-radius:50%;background:#22272d;position:absolute}.donut span{position:relative;font-size:10px;font-weight:800}.complete-card{background:#fff;border:1px solid var(--line);border-radius:28px;text-align:center;padding:42px 24px;box-shadow:var(--shadow)}.big-check{width:70px;height:70px;border-radius:50%;margin:0 auto 15px;background:#ebfaee;color:var(--green);display:grid;place-items:center;font-size:38px}.complete-card h2{margin:5px 0 8px}.complete-card p{color:var(--muted);margin:0 auto 22px;max-width:460px}.primary-btn,.secondary-btn,.danger-btn,.danger-link{border-radius:14px;padding:12px 17px;font-weight:750;border:0}.primary-btn{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;box-shadow:0 7px 16px rgba(47,149,232,.2)}.primary-btn:hover{filter:brightness(.98)}.primary-btn.compact{padding:10px 14px}.secondary-btn{background:#fff;color:#626a74;border:1px solid var(--line)}.secondary-btn:hover{background:#f8f9fb}.words-toolbar{padding:14px;display:flex;gap:12px}.searchbox{flex:1;display:flex;align-items:center;gap:9px;background:#f7f8fa;border:1px solid #edf0f3;border-radius:15px;padding:0 13px}.searchbox span{font-size:22px;color:#969ca4}.searchbox input{border:0;outline:0;background:transparent;width:100%;height:42px;color:var(--text)}.filters-row{display:flex;justify-content:space-between;gap:12px;margin:16px 0;align-items:center}.segmented{display:flex;background:#e9edf2;border-radius:13px;padding:3px}.segmented button{border:0;background:transparent;padding:8px 13px;border-radius:10px;color:#7a818a;font-weight:700;font-size:12px}.segmented button.active{background:#fff;color:var(--blue);box-shadow:0 2px 6px rgba(25,42,70,.08)}.chip-scroll{display:flex;gap:7px;overflow:auto;scrollbar-width:none}.chip-scroll::-webkit-scrollbar{display:none}.chip{border:1px solid var(--line);background:#fff;color:#747b84;border-radius:999px;padding:8px 12px;white-space:nowrap;font-size:12px;font-weight:700}.chip.active{background:#22272d;color:#fff;border-color:#22272d}.list-summary{display:flex;justify-content:space-between;align-items:center;margin:12px 3px;color:var(--muted);font-size:12px}.text-btn{border:0;background:transparent;color:var(--blue);font-weight:700}.words-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.word-row{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px}.word-row:hover{border-color:#d5dbe2}.word-main{min-width:0}.word-main b{display:block;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.word-main small{display:block;color:var(--muted);font-size:11px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.word-actions{display:flex;align-items:center;gap:7px}.status-dot{width:10px;height:10px;border-radius:50%;background:#cfd4da;flex:none}.status-dot.learning{background:var(--orange)}.status-dot.known{background:var(--green)}.tiny-btn{border:0;background:#f6f8fa;width:34px;height:34px;border-radius:11px;color:#7b8189}.tiny-btn.fav{color:#f5a623}.load-more{display:block;margin:18px auto 0}.translate-grid{display:grid;grid-template-columns:1fr;gap:20px}.translator{padding:24px;max-width:980px;width:100%}.translator-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:26px}.translator h2{margin:0;font-size:23px}.offline-badge{font-size:10px;font-weight:800;color:#4b8a5b;background:#ebf8ed;border-radius:999px;padding:7px 9px}.field-label{display:block;color:#737a83;font-size:12px;font-weight:700;margin-bottom:8px}.translate-input-wrap{position:relative}.translate-input-wrap textarea{width:100%;resize:vertical;min-height:130px;border:1px solid #dfe4e9;border-radius:18px;padding:18px 46px 18px 18px;outline:0;font-size:25px;line-height:1.3}.translate-input-wrap textarea:focus{border-color:#9acdf4;box-shadow:0 0 0 3px rgba(47,149,232,.08)}.clear-btn{position:absolute;right:12px;top:12px;width:31px;height:31px;border:0;border-radius:10px;background:#f2f4f6;color:#8b9199;font-size:20px}.translator-actions{display:flex;gap:10px;margin:14px 0 20px}.translate-result{border:1px dashed #d8dde4;border-radius:18px;min-height:130px;padding:20px;display:flex;flex-direction:column;justify-content:center}.translate-result.empty{align-items:center;text-align:center;color:#949aa3}.result-icon{font-size:28px}.translation-word{font-size:34px;font-weight:750;margin:6px 0}.translation-source{color:var(--muted);font-size:12px}.translation-list{display:grid;gap:8px;margin-top:12px}.translation-chip{padding:10px 12px;background:#f5f8fb;border-radius:12px}.tips-card{padding:24px}.tips-card h3{margin:0 0 8px}.tips-card>p{color:var(--muted);font-size:13px;line-height:1.55;margin:0 0 18px}.tip{display:flex;gap:11px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--line)}.tip span{width:25px;height:25px;border-radius:9px;background:#edf6fe;color:var(--blue);display:grid;place-items:center;font-size:11px;font-weight:800;flex:none}.tip p{margin:2px 0 0;color:#6f7680;font-size:12px;line-height:1.45}.progress-hero{padding:28px;display:flex;align-items:center;gap:34px}.big-donut{width:210px;height:210px;border-radius:50%;background:conic-gradient(var(--blue) 0deg,#e9edf2 0deg);display:grid;place-items:center;position:relative;flex:none}.big-donut:before{content:"";position:absolute;width:158px;height:158px;background:#fff;border-radius:50%}.big-donut div{position:relative;text-align:center}.big-donut b{display:block;font-size:36px;color:var(--blue)}.big-donut span{font-size:11px;color:var(--muted)}.progress-copy h2{font-size:30px;margin:3px 0 6px}.progress-copy>p{color:var(--muted);margin:0 0 22px}.progress-metrics{display:flex;gap:12px}.progress-metrics div{min-width:100px;border:1px solid var(--line);border-radius:15px;padding:12px}.progress-metrics b{display:block;font-size:21px}.progress-metrics span{font-size:11px;color:var(--muted)}.progress-columns{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;margin-top:20px}.progress-columns>.card-lite{padding:22px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-title h3{margin:0}.section-title span{font-size:11px;color:var(--muted)}.category-progress{display:grid;gap:12px}.cat-row{display:grid;grid-template-columns:130px 1fr 44px;gap:10px;align-items:center;font-size:12px}.cat-row .cat-track{height:7px;border-radius:99px;background:#edf0f3;overflow:hidden}.cat-row .cat-track i{display:block;height:100%;background:var(--blue);border-radius:inherit}.cat-row b{text-align:right}.activity-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.activity-grid div{background:#f7f9fb;border-radius:16px;padding:16px}.activity-grid small{display:block;color:var(--muted);font-size:11px}.activity-grid b{font-size:25px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.setting-card{padding:22px}.setting-card h3{margin:0 0 12px}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 0;border-top:1px solid var(--line)}.setting-row:first-of-type{border-top:0}.setting-row b{display:block;font-size:13px}.setting-row span{display:block;color:var(--muted);font-size:11px;margin-top:3px}.setting-row select{border:1px solid var(--line);background:#fff;border-radius:12px;padding:9px 11px;color:#5d646d}.switch{appearance:none;width:46px;height:26px;background:#dfe3e8;border-radius:99px;position:relative;transition:.2s}.switch:before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;top:3px;left:3px;box-shadow:0 2px 5px rgba(0,0,0,.15);transition:.2s}.switch:checked{background:var(--blue)}.switch:checked:before{left:23px}.muted{color:var(--muted);font-size:13px;line-height:1.55}.stack-actions{display:grid;gap:10px;margin-top:18px}.file-btn{text-align:center}.danger-btn{background:#fff5f5;color:#d65050;border:1px solid #f0d7d7}.danger-link{background:transparent;color:#c85a5a}.bottom-nav{display:none}.modal{position:fixed;inset:0;background:rgba(26,30,36,.38);display:grid;place-items:center;padding:18px;z-index:100;backdrop-filter:blur(4px)}.modal-card{width:min(520px,100%);background:#fff;border-radius:26px;padding:22px;box-shadow:0 24px 70px rgba(0,0,0,.22)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.modal-head h2{margin:0}.modal-card form{display:grid;gap:14px}.modal-card form label{font-size:12px;font-weight:700;color:#6f7680}.modal-card form input{display:block;width:100%;margin-top:6px;border:1px solid var(--line);border-radius:14px;padding:12px 13px;outline:0}.modal-card form input:focus{border-color:#9acdf4}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:5px}.category-modal-card{max-height:80vh;overflow:auto}.category-choices{display:flex;flex-wrap:wrap;gap:8px}.category-choices button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 12px;color:#646b74}.category-choices button.active{background:#22272d;color:#fff;border-color:#22272d}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,20px);background:#22272d;color:#fff;padding:11px 16px;border-radius:12px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:200}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:960px){:root{--sidebar:0px}.sidebar{display:none}.main{margin-left:0;padding:0 20px 92px}.topbar{height:84px}.learn-layout{grid-template-columns:1fr}.learn-stats{grid-template-columns:repeat(4,1fr)}.today-card{grid-column:1/-1}.translate-grid,.progress-columns,.settings-grid{grid-template-columns:1fr}.bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:0;height:72px;padding:7px 10px calc(7px + env(safe-area-inset-bottom));background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-top:1px solid var(--line);z-index:50;justify-content:space-around}.bottom-nav button{border:0;background:transparent;color:#777e87;min-width:55px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.bottom-nav button span{font-size:20px}.bottom-nav button small{font-size:9px;font-weight:700}.bottom-nav button.active{color:var(--blue)}.words-list{grid-template-columns:1fr}.progress-hero{align-items:flex-start}}@media(max-width:640px){.main{padding:0 14px 92px}.topbar{height:78px}.topbar h1{font-size:22px}.topbar p{font-size:11px}.top-actions .avatar{display:none}.learn-stats{grid-template-columns:1fr 1fr;gap:8px}.stat-card{padding:12px;border-radius:17px}.today-card{grid-column:1/-1}.flashcard{height:390px;border-radius:24px;padding:18px}.front-word{font-size:48px}.back-word{font-size:27px}.card-bottom{align-items:end}.reveal-btn{padding:11px 13px}.learn-actions{gap:11px}.round-action{width:88px;height:80px;border-radius:21px}.words-toolbar{display:block}.words-toolbar .primary-btn{width:100%;margin-top:9px}.filters-row{align-items:stretch;flex-direction:column}.segmented{align-self:flex-start}.translator{padding:18px}.translator-head{display:block}.offline-badge{display:inline-block;margin-top:10px}.translator-actions{display:grid}.translate-input-wrap textarea{font-size:22px}.progress-hero{padding:20px;display:block;text-align:center}.big-donut{width:170px;height:170px;margin:0 auto 22px}.big-donut:before{width:126px;height:126px}.progress-copy h2{font-size:24px}.progress-metrics{justify-content:center}.progress-metrics div{min-width:0;flex:1}.cat-row{grid-template-columns:100px 1fr 35px}.settings-grid{gap:12px}.setting-card{padding:18px}.setting-row{gap:12px}.modal-card{border-radius:22px}.session-head{padding:12px 14px}.direction-row{margin-top:2px}.ghost-action span{display:none}}@media(max-width:390px){.front-word{font-size:42px}.flashcard{height:365px}.round-action{width:82px}.progress-metrics{gap:7px}.stat-icon{width:34px;height:34px}.stat-card b{font-size:18px}}

.translation-text{font-size:26px;font-weight:650;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0 12px}.translation-text.small{font-size:20px}.translation-loading{font-size:20px;font-weight:650;color:var(--muted);padding:8px 0}.translator-actions button:disabled{opacity:.65;cursor:wait}@media(max-width:640px){.translation-text{font-size:22px}.translator{max-width:none}.translate-input-wrap textarea{min-height:160px}}

/* Translator: automatic input + language switch */
.translator-language-head{justify-content:flex-start;align-items:center;gap:14px;margin-bottom:18px}
.translator-language{font-size:22px;font-weight:750;letter-spacing:-.25px}
.swap-language-btn{width:42px;height:42px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--blue);font-size:22px;display:grid;place-items:center;transition:.15s}
.swap-language-btn:hover{background:#eef7fe;border-color:#c7e5fb}
.translate-result{margin-top:16px}
.translate-result.translating{min-height:92px;border-style:solid;background:#fbfcfd}
.translate-result.error{border-color:#efdada;background:#fffafa}
.translation-result-actions{display:flex;margin-top:14px}
.translation-result-actions .primary-btn{min-width:210px}
@media(max-width:640px){.translator-language-head{gap:10px}.translator-language{font-size:19px}.swap-language-btn{width:38px;height:38px;border-radius:12px}.translation-result-actions .primary-btn{width:100%;min-width:0}}