@font-face{font-family:Local;src:local("Inter"),local("SF Pro Text"),local("Arial");font-display:swap}
:root{--bg:#f5f6fa;--paper:#fff;--ink:#191e31;--muted:#7e8499;--line:#e8eaf1;--purple:#7856ff;--purple-soft:#eee9ff;--lime:#d7fa83;--nav:#141827;--radius:20px;--shadow:0 8px 30px #1c244a04;--red:#d85b68;--green:#25816c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 Local,system-ui,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button,a,input,textarea,select{outline-offset:4px}button:focus-visible,a:focus-visible{outline:3px solid #b5a2ff}input:focus,textarea:focus,select:focus{outline:2px solid #c4b5ff;border-color:var(--purple)}a{color:inherit;text-decoration:none}svg{flex-shrink:0;vertical-align:middle}h1,h2,h3,p{margin-top:0}h1{font-size:40px;line-height:1.14;letter-spacing:-1.6px;font-weight:750;margin-bottom:13px}h2{font-size:22px;line-height:1.3;letter-spacing:-.65px;font-weight:700;margin-bottom:12px}h3{font-size:17px;letter-spacing:-.3px;margin-bottom:8px}p{color:var(--muted);margin-bottom:18px}[hidden]{display:none!important}.boot{height:100dvh;display:grid;place-content:center;text-align:center;gap:20px}.wordmark{display:inline-flex;width:44px;height:44px;background:var(--purple);color:white;border-radius:13px;align-items:center;justify-content:center;font-size:26px;line-height:1;font-weight:900;letter-spacing:-3px;position:relative;padding-right:4px}.wordmark span{position:absolute;right:4px;top:4px;font-size:13px;color:var(--lime);letter-spacing:0}.app-shell{min-height:100dvh;display:flex}.sidebar{width:248px;background:var(--nav);color:#fff;position:fixed;top:0;left:0;bottom:0;padding:30px 22px 20px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:11px;font-size:24px;font-weight:750;letter-spacing:-1px}.brand .wordmark{width:37px;height:38px;border-radius:11px;font-size:23px}.brand .wordmark span{font-size:10px}.brand small{font-size:10px;background:#2b2f41;border-radius:5px;padding:2px 5px;letter-spacing:.4px;color:#b4b6ca;margin-left:auto}.nav-caption{font-size:10px;letter-spacing:1.5px;color:#666d85;font-weight:650;margin:42px 13px 15px}.nav-list{display:grid;gap:7px}.nav-link{display:flex;align-items:center;gap:13px;padding:13px 15px;border-radius:11px;font-size:13px;font-weight:500;color:#8f96ae;transition:background .15s,color .15s}.nav-link:hover{background:#202538;color:#fff}.nav-link.active{background:var(--purple);color:#fff;box-shadow:0 6px 15px #05071715}.nav-link .badge{margin-left:auto;border-radius:5px;background:#ffffff25;color:inherit;min-width:23px;font-size:10px;text-align:center;padding:1px 5px}.nav-link svg{width:19px;height:19px}.sidebar-spacer{flex:1;min-height:30px}.sidebar-card{border:1px solid #2d3348;border-radius:16px;padding:18px 15px;margin:28px 0 24px;position:relative;overflow:hidden}.sidebar-card .spark-icon{color:#d7fa83}.sidebar-card h3{font-size:13px;margin:12px 0 6px}.sidebar-card p{font-size:11px;color:#7f87a0;line-height:1.6;margin:0}.sidebar-card a{font-size:10px;display:flex;align-items:center;justify-content:space-between;color:#b2bbd4;margin-top:14px}.sidebar-footer{display:flex;align-items:center;gap:10px;border-top:1px solid #272d41;padding-top:20px;font-size:12px}.sidebar-footer small{font-size:10px;display:block;color:#737d98;margin-top:2px}.profile-avatar{width:35px;height:35px;background:#2b334c;color:#c4c9e7;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:650}.sidebar-footer .icon-button{margin-left:auto;color:#858ea9;background:none}.content-wrap{margin-left:248px;min-width:0;width:calc(100% - 248px);display:flex;flex-direction:column}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 42px;background:#fafbfecc;font-size:12px;color:#8e94a8;gap:20px}.breadcrumbs{display:flex;align-items:center;gap:12px}.breadcrumbs strong{font-weight:550;color:#555c73}.topbar-right{display:flex;align-items:center;gap:18px}.device-label{display:flex;align-items:center;gap:7px;color:#9098aa;font-size:11px}.sync-status{display:flex;align-items:center;gap:7px;font-size:10px;border:0;background:transparent;color:#7d859c;padding:6px}.status-dot{height:6px;width:6px;border-radius:50%;background:#48b193}.sync-status.offline .status-dot{background:#e8ac50}.header-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#ede9ff;color:#8b75c9;font-size:11px;font-weight:650}.main{max-width:1480px;width:100%;margin:0 auto;padding:38px 42px 35px;flex:1;outline:none}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:29px}.eyebrow{display:block;font-size:10px;letter-spacing:1.5px;color:#969bb0;font-weight:650;margin-bottom:12px}.page-heading p{font-size:13px;margin:0}.heading-actions{display:flex;gap:10px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:12px 17px;background:#fff;color:var(--ink);font-size:12px;font-weight:650;line-height:1.4;min-height:44px;transition:background .15s,transform .15s}.button:hover{background:#f0eef9;transform:translateY(-1px)}.button.primary{background:var(--purple);border-color:var(--purple);color:#fff}.button.primary:hover{background:#6746ec}.button.dark{background:#1a2035;color:#fff;border-color:#1a2035}.button.lime{background:var(--lime);color:#263122;border-color:var(--lime)}.button.lime:hover{background:#c9f466}.button.subtle{background:#f3f1fa;border-color:#eeeaf8;color:#817396}.button.danger{background:#fff3f2;border-color:#ffe6e3;color:#c47172}.button.small{font-size:11px;padding:9px 13px;min-height:38px}.button.full{width:100%}.button.ghost{background:transparent;border-color:transparent;color:var(--muted)}.icon-button{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:0;background:#f3f4f8;border-radius:9px;color:#8d94a9;font-size:23px;flex-shrink:0}.icon-button:hover{background:#e9e7f2;color:#6a55a7}.text-link{color:var(--purple);font-size:11px;font-weight:600;display:inline-flex;align-items:center;gap:5px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(270px,1fr);gap:22px;margin-bottom:22px}.hero-card{background:#1a2035;border-radius:22px;padding:31px 33px;position:relative;overflow:hidden;min-height:290px;color:white}.hero-card .eyebrow{font-size:9px;letter-spacing:1.6px;color:#98a2c2;margin-bottom:18px}.hero-card h2{font-size:36px;letter-spacing:-1.3px;line-height:1.15;position:relative;z-index:1;font-weight:650;max-width:400px;color:#fff;margin-bottom:16px}.hero-card h2 span{color:#d7fa83}.hero-card p{font-size:12px;line-height:1.7;color:#8d98b8;max-width:320px;position:relative;z-index:1;margin-bottom:25px}.hero-actions{display:flex;gap:16px;align-items:center;position:relative;z-index:1}.hero-actions small{font-size:10px;color:#98a4c6}.hero-art{position:absolute;right:8px;top:32px;bottom:0;width:210px;pointer-events:none;transform:rotate(13deg);opacity:.9}.art-card{position:absolute;width:132px;height:169px;border:1px solid #666484;border-radius:16px;top:45px;left:43px;background:linear-gradient(135deg,#4a4376,#37334f);box-shadow:-20px 20px 40px #0d102c42;padding:22px;color:#dcd6f6}.art-card.back{transform:rotate(-19deg);left:12px;top:47px;background:#252c43;border-color:#3a4565}.art-card .art-letter{font-size:60px;letter-spacing:-5px;line-height:1.1;font-weight:750}.art-line{height:4px;border-radius:4px;background:#8b81b5;width:55px;margin-top:15px}.art-line.short{width:33px;margin-top:7px}.art-check{position:absolute;width:43px;height:43px;background:var(--lime);border-radius:13px;right:13px;bottom:42px;display:grid;place-items:center;color:#2f4431;transform:rotate(-12deg)}.art-spark{position:absolute;top:5px;right:45px;color:#c2b0f4;font-size:28px}.goal-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:25px;display:flex;flex-direction:column}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.section-heading h2{font-size:17px;letter-spacing:-.35px;margin:0}.section-heading>span{font-size:10px;color:#949cb2}.goal-visual{position:relative;width:145px;height:145px;margin:0 auto;display:grid;place-items:center}.goal-visual>svg{position:absolute;inset:0;transform:rotate(-90deg)}.goal-value{text-align:center}.goal-value strong{font-size:33px;font-weight:750;letter-spacing:-1px;line-height:1.1}.goal-value span{font-size:13px;color:#a9adc0}.goal-value small{display:block;font-size:10px;color:#9ba1b7;margin-top:6px}.goal-foot{font-size:11px;text-align:center;margin-top:13px;color:#969db2}.goal-foot strong{color:#7a61c5;font-weight:600}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:29px}.metric{background:white;border:1px solid var(--line);border-radius:15px;padding:19px 21px;display:flex;align-items:center;gap:15px}.metric-icon,.mode-icon{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;flex-shrink:0}.metric strong{font-size:24px;letter-spacing:-.6px;font-weight:700;line-height:1.25}.metric small{font-size:11px;color:#969db0;display:block;margin-top:3px}.metric-end{margin-left:auto;color:#b4bac9;font-size:10px;align-self:flex-end;margin-bottom:2px}.purple{background:#eee9ff;color:#8c6af8}.blue{background:#e8f0ff;color:#628de4}.lime{background:#eff7d9;color:#8ca94b}.pink{background:#ffedf3;color:#d580a2}.orange{background:#fff0e6;color:#dd9a69}.cyan{background:#e5f5f5;color:#65a7ab}.violet{background:#f0eaff;color:#a07dd2}.trainers-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:30px}.mini-mode{background:#fff;border:1px solid var(--line);border-radius:15px;padding:19px 17px;text-align:left;transition:transform .18s,border-color .18s;position:relative;min-height:147px}.mini-mode:hover,.mode-card:hover{transform:translateY(-3px);border-color:#c9bcf8}.mini-mode .mode-icon{width:35px;height:35px;border-radius:10px;margin-bottom:15px}.mini-mode strong{display:block;font-size:12px;font-weight:650}.mini-mode small{display:block;font-size:10px;color:#9a9fb3;margin-top:4px}.mini-mode .mini-arrow{position:absolute;right:16px;top:22px;color:#bdc0cf}.dashboard-bottom{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:22px}.panel{background:white;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:var(--shadow)}.panel p{font-size:12px}.word-list{list-style:none;margin:0;padding:0}.word-list li{display:flex;gap:11px;align-items:center;padding:12px 0;border-top:1px solid #eff0f5}.word-list li:first-child{border:0;padding-top:1px}.word-initial{width:31px;height:31px;background:#f3f1fa;color:#8c79b0;border-radius:9px;display:grid;place-items:center;font-size:12px;font-weight:650;flex-shrink:0}.word-list .word-label{flex:1;min-width:0}.word-label strong{font-size:12px;font-weight:600;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.word-label small{display:block;color:#9b9fb2;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.word-list .icon-button{width:29px;height:29px;background:transparent}.word-list .pill{font-size:9px}.pill{display:inline-flex;align-items:center;gap:5px;font-size:10px;border-radius:6px;padding:4px 7px;background:#f3f1f8;color:#8d84a1;white-space:nowrap}.pill.new{background:#eee8ff;color:#9174d5}.pill.due{background:#f2f7e1;color:#8e9c5e}.pill.warn{background:#fff0e7;color:#c18b65}.pill.done{background:#e9f5f0;color:#67a08d}.week{display:flex;align-items:flex-end;gap:11px;height:130px;padding:10px 0 0;margin:5px 0 20px}.week-day{display:flex;align-items:center;justify-content:flex-end;flex-direction:column;flex:1;height:100%;gap:9px;font-size:9px;color:#a5aabe}.week-bar{width:100%;max-width:30px;border-radius:5px;background:#edeaf8;height:var(--height);min-height:6px}.week-day.current .week-bar{background:#9c83ef}.week-day.current{color:#8166ca}.week-value{font-size:9px;color:#aeacc0;margin-bottom:-4px}.activity-summary{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;color:#a2a8bd;font-size:10px}.activity-summary strong{color:#656e89;font-weight:600}.bottom-note{display:flex;align-items:center;justify-content:space-between;margin-top:26px;color:#b0b5c4;font-size:10px}.bottom-note span{display:flex;align-items:center;gap:7px}.footer{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 42px 24px;font-size:10px;color:#b0b6c5}.nav-mobile{display:none}.mobile-brand{display:none}.empty{text-align:center;padding:40px 22px}.empty>.empty-symbol{display:grid;place-items:center;width:62px;height:62px;border-radius:18px;background:#f0ebff;color:#ab94ec;margin:0 auto 18px}.empty h2{font-size:22px}.empty p{max-width:390px;font-size:12px;line-height:1.75;margin:0 auto 22px}.empty-actions{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.banner{display:flex;align-items:center;gap:12px;padding:13px 16px;background:#fff4e4;border:1px solid #f4e9d0;color:#b4986e;border-radius:12px;font-size:11px;margin-bottom:20px}.banner a{text-decoration:underline}.banner .button{margin-left:auto}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.search{position:relative;flex:1;min-width:200px}.search>svg{position:absolute;left:15px;top:14px;color:#afb3c6}.search input{padding-left:43px;margin:0;background:#fff;border-color:var(--line)}input,textarea,select{display:block;width:100%;border:1px solid #e3e5ee;background:#f9fafc;border-radius:10px;padding:12px 14px;color:#3b435f;margin-top:7px;font-size:13px;min-height:45px}input::placeholder,textarea::placeholder{color:#b0b5c6}select{cursor:pointer}textarea{resize:vertical}label{display:block;font-size:12px;font-weight:550;color:#7d859d;margin-bottom:18px}.toolbar select{width:auto;min-width:160px;margin:0;background:white}.filter-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:23px}.filter-tab{border:1px solid #e7e9f1;background:#fff;color:#8c93a9;border-radius:9px;padding:8px 13px;font-size:11px;min-height:37px}.filter-tab.active{background:#ece6ff;color:#8865e0;border-color:#e5dcff}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:16px}table{border-collapse:collapse;text-align:left;width:100%;white-space:nowrap}th{padding:15px 22px;background:#fbfbfd;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.3px;color:#a2a7ba;font-weight:550}td{padding:17px 22px;border-bottom:1px solid #f0f1f6;font-size:12px;color:#8f97ad}tr:last-child td{border-bottom:0}.word-link{font-size:13px;border:0;background:none;padding:0;font-weight:650;color:#343d58;text-align:left}.word-link:hover{color:var(--purple)}.context-line{display:block;font-size:10px;color:#b1b5c6;max-width:300px;overflow:hidden;text-overflow:ellipsis;margin-top:5px}.translation-cell{max-width:290px;overflow:hidden;text-overflow:ellipsis}.table-actions{display:flex;gap:6px;justify-content:flex-end}.table-actions .icon-button{width:31px;height:31px;background:none}.table-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#a1a7bb;font-size:11px;margin-top:17px}.export-actions{display:flex;gap:16px;flex-wrap:wrap}.export-actions button{border:0;background:none;font-size:10px;color:#8f97b0;display:flex;align-items:center;gap:5px;padding:8px 0}.export-actions button:hover{color:var(--purple)}.pagination{display:flex;gap:8px}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mode-card{display:flex;flex-direction:column;align-items:start;text-align:left;padding:25px;border:1px solid var(--line);background:white;border-radius:18px;min-height:205px;transition:transform .15s,border-color .15s}.mode-card .mode-icon{margin-bottom:25px;width:47px;height:47px}.mode-card h3{font-size:16px;margin-bottom:8px}.mode-card p{font-size:12px;line-height:1.7;margin:0;color:#9ca3b8}.mode-card .card-link{display:flex;width:100%;justify-content:space-between;margin-top:22px;font-size:10px;color:#9f91c5}.mode-card.featured{background:#ebe5ff;border-color:#e3d9ff}.mode-card.featured h3{color:#7255b7}.training-options{background:#fff;border:1px solid var(--line);border-radius:13px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:23px;font-size:11px;color:#959cb2}.training-options label{display:flex;align-items:center;gap:9px;font-size:11px;margin:0}.training-options input{width:17px;min-height:0;margin:0;accent-color:var(--purple)}.training-options select{width:145px;min-height:36px;padding:7px 11px;font-size:11px;margin:0}.training-note{display:flex;gap:12px;font-size:11px;color:#a2a9bd;line-height:1.8;margin-top:23px}.pack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pack-card{border-radius:20px;border:1px solid var(--line);background:#fff;overflow:hidden}.pack-art{height:160px;padding:25px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.pack-art .level{font-size:10px;border:1px solid currentColor;border-radius:7px;padding:3px 8px;opacity:.7;align-self:flex-start}.pack-art strong{font-size:40px;letter-spacing:-2px;font-weight:750;line-height:1;opacity:.7}.pack-art .pack-art-icon{position:absolute;right:-12px;bottom:-10px;transform:rotate(-15deg);opacity:.2}.pack-body{padding:24px}.pack-body h2{font-size:19px}.pack-body p{font-size:12px;min-height:43px}.pack-meta{display:flex;align-items:center;justify-content:space-between;margin-top:22px;font-size:10px;color:#a3aabc}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.settings-grid .panel{margin-bottom:21px}.settings-grid h2{font-size:18px}.field-row{display:flex;gap:14px;align-items:start}.field-row>label{flex:1;min-width:0}.field-note{font-size:10px!important;line-height:1.8;color:#a7adc0;margin-top:-6px}.settings-save{display:flex;gap:13px;align-items:center;justify-content:flex-end}.system-row{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #f0f1f6;font-size:11px;color:#a1a9be}.system-row strong{font-weight:550;color:#67728e}.system-row:last-of-type{border-bottom:0}.device-instructions{display:flex;gap:14px;margin:21px 0}.device-instructions>span{height:26px;width:26px;flex-shrink:0;border-radius:8px;background:#f1edfc;color:#9b82d4;font-size:11px;display:grid;place-items:center}.device-instructions strong{display:block;font-size:12px;color:#6d7691}.device-instructions p{margin:6px 0 0;font-size:11px;color:#a0a8bf}.token-list{display:grid;gap:10px;margin-top:19px}.token-row{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:10px;padding:12px 14px;gap:10px;font-size:11px}.token-row small{display:block;font-size:9px;color:#aeb4c7;margin-top:4px}.checkbox-label{display:flex;gap:9px;align-items:center;font-size:11px;font-weight:400}.checkbox-label input{width:16px;min-height:0;margin:0;accent-color:var(--purple)}.data-actions{display:flex;gap:10px;flex-wrap:wrap}.setup-warning{font-size:11px;background:#f6f2fd;padding:12px;border-radius:9px;color:#9b8ab9;line-height:1.75;margin-top:16px}.goal-change{font-size:11px;color:#9e92bf}.progress-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:25px}.progress-stat{background:white;border:1px solid var(--line);padding:22px;border-radius:16px}.progress-stat .stat-label{font-size:11px;color:#9da5bb;margin-bottom:11px;display:flex;gap:9px;align-items:center}.progress-stat strong{font-size:30px;letter-spacing:-1px;font-weight:750}.progress-stat small{font-size:11px;color:#aab0c3;margin-left:3px}.progress-main{display:grid;grid-template-columns:1.7fr 1fr;gap:22px}.heatmap{display:grid;grid-template-columns:repeat(14,1fr);gap:6px;margin:20px 0}.heat-cell{aspect-ratio:1;border-radius:4px;background:#f0edf8}.heat-cell.level-1{background:#e0d5fc}.heat-cell.level-2{background:#bfa8f5}.heat-cell.level-3{background:#9472e3}.heat-cell.level-4{background:#7551ca}.heat-legend{display:flex;gap:5px;align-items:center;justify-content:flex-end;color:#adb3c5;font-size:9px}.heat-legend i{width:11px;height:11px;border-radius:3px;display:inline-block}.distribution-row{margin:21px 0}.distribution-row>div:first-child{display:flex;justify-content:space-between;font-size:11px;color:#929bb3;margin-bottom:8px}.distribution-row strong{font-weight:550;color:#6d7794}.distribution-track{height:7px;border-radius:5px;background:#f0eff6;overflow:hidden}.distribution-track>span{height:100%;display:block;border-radius:5px;background:#a88eec}.distribution-track.green>span{background:#b6d77e}.distribution-track.orange>span{background:#e5ba8e}.lesson-shell{max-width:790px;margin:0 auto}.lesson-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:23px}.lesson-header .lesson-close{background:#e9eaf1;color:#9098ad;width:34px;height:34px}.lesson-progress{flex:1;height:7px;border-radius:8px;background:#e6e6f0;overflow:hidden;max-width:540px}.lesson-progress span{display:block;height:100%;background:var(--purple);border-radius:8px;transition:width .2s}.lesson-fraction{font-size:11px;color:#9ba3bb;min-width:40px;text-align:right}.lesson-type{font-size:10px;color:#a69abd;display:flex;align-items:center;gap:7px}.lesson-prompt{text-align:center;margin:31px 0 22px}.lesson-prompt h1{font-size:28px;letter-spacing:-.75px;margin-bottom:9px}.lesson-prompt p{font-size:12px;margin:0}.lesson-card{background:#fff;border:1px solid var(--line);border-radius:23px;padding:35px 38px 25px;min-height:315px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:var(--shadow)}.lesson-card .eyebrow{font-size:9px;margin-bottom:23px}.big-word{font-size:43px;font-weight:700;letter-spacing:-1.6px;line-height:1.25;overflow-wrap:anywhere;max-width:100%;margin-bottom:15px}.speak{background:#f0eaff;color:#a187de;border:0;border-radius:50%;width:38px;height:38px;display:inline-grid;place-items:center}.speak:hover{background:#e7dcfd}.context-text{font-size:15px;line-height:1.8;color:#a0a5ba;margin:23px 0 15px;max-width:550px}.answer-text{font-size:23px;font-weight:600;color:#8c6dc6;margin:22px 0 15px;line-height:1.4}.lesson-card .answer-space{font-size:11px;color:#b7bcce;padding:24px 0 16px}.lesson-card-footer{font-size:10px;color:#b3b8c9;border-top:1px solid #eef0f6;display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding-top:17px;margin-top:auto}.lesson-controls{margin-top:18px}.lesson-controls>.button{padding:15px;font-size:13px}.lesson-controls .key{padding:1px 6px;background:#ffffff24;font-size:9px;border-radius:4px;color:#d7ccf5;margin-left:10px;font-weight:400}.grade-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.grade{padding:13px 5px;background:#fff;border:1px solid #e4e7f1;border-radius:12px;color:#7a86a2;font-size:12px}.grade strong{display:block;font-weight:600}.grade small{font-size:10px;color:#a7afc3;display:block;margin-top:5px}.grade.again{background:#fff1f0;color:#cd9695;border-color:#f5dfdc}.grade.good{background:#efe8ff;color:#9b7cda;border-color:#e1d4fb}.grade.easy{background:#f1f6df;color:#9baa70;border-color:#e6edcf}.lesson-keyboard{text-align:center;color:#b0b7cc;font-size:10px;margin-top:17px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.choice-button{border:1px solid #e1e4ee;border-radius:13px;padding:19px;background:#fff;text-align:left;font-size:13px;color:#7c87a4;display:flex;align-items:center;gap:13px;min-height:72px}.choice-button:hover{background:#f4efff;border-color:#c9b5f3}.choice-button .choice-number{border:1px solid #e2e3ec;border-radius:7px;width:25px;height:25px;display:grid;place-items:center;color:#b4b7c9;font-size:10px;flex-shrink:0}.answer-form{margin-top:22px}.answer-input-wrap{position:relative}.answer-input{min-height:61px;font-size:21px;text-align:center;letter-spacing:.2px;background:#fff;border-radius:14px;padding:16px 65px 16px 18px}.answer-input-wrap .hint-button{position:absolute;right:13px;top:14px}.answer-form .button{margin-top:13px}.hint-line{font-size:11px;color:#b2a3ce;text-align:center;margin:13px 0}.feedback{border-radius:15px;padding:21px 23px;background:#eaf4ef;border:1px solid #d7e9df;margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:18px}.feedback.wrong{background:#fff0ef;border-color:#f6dfdd}.feedback strong{color:#6ba18b;font-size:15px;display:block;font-weight:650}.feedback.wrong strong{color:#cf918c}.feedback p{font-size:12px;color:#9bb8aa;margin:5px 0 0;line-height:1.6}.feedback.wrong p{color:#c1a09c}.feedback .button{background:#fff;color:#789a8a;border-color:#d8e6df}.feedback.wrong .button{border-color:#eed7d3;color:#c2948f}.listen-orb{display:grid;place-items:center;width:115px;height:115px;background:#f0e8ff;border-radius:50%;margin:12px 0 17px;position:relative;border:0;color:#a58ad7}.listen-orb:before{content:"";position:absolute;inset:-10px;border:1px solid #f0e6fd;border-radius:50%}.listen-orb svg{width:43px;height:43px}.listen-controls{display:flex;gap:10px;align-items:center;margin-top:15px;color:#a3a9bd;font-size:11px}.listen-controls button{border:0;background:none;color:#b09bcf;font-size:11px;text-decoration:underline}.sentence{font-size:25px;line-height:1.7;letter-spacing:-.5px;color:#6a7593;margin:15px 0 20px}.session-summary{text-align:center;padding:31px 0}.summary-art{width:90px;height:90px;border-radius:27px;background:#eae2ff;color:#a287d7;display:grid;place-items:center;margin:0 auto 25px;transform:rotate(-7deg)}.summary-art svg{width:43px;height:43px;transform:rotate(7deg)}.session-summary h1{font-size:39px;letter-spacing:-1.4px}.session-summary>p{font-size:13px;max-width:480px;margin:0 auto 28px;line-height:1.8}.summary-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:25px auto;max-width:570px}.summary-stats div{background:#fff;border:1px solid var(--line);padding:22px 10px;border-radius:16px}.summary-stats strong{display:block;font-size:26px;color:#7d69a9}.summary-stats small{font-size:10px;color:#a2a9be}.summary-mistakes{max-width:570px;text-align:left;margin:0 auto 24px;padding:19px;background:#fff;border:1px solid var(--line);border-radius:14px}.summary-mistakes h3{font-size:13px}.summary-mistakes p{font-size:11px;margin:7px 0;color:#ac9cae}.pairs-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:25px}.pair-column{display:flex;flex-direction:column;gap:12px}.pair-item{border:1px solid #e0e2ed;background:#fff;border-radius:13px;min-height:66px;padding:15px;font-size:13px;color:#808ba5;transition:background .15s,border-color .15s,transform .15s;overflow-wrap:anywhere}.pair-item.selected{border-color:#c4aceb;background:#efe7fb;color:#a187c4;transform:translateY(-1px)}.pair-item.matched{background:#eff5e2;border-color:#e1ebce;color:#a3b18b;opacity:.65;cursor:default}.pair-item.mismatch{background:#fff0ef;border-color:#edc5c0;animation:shake .2s}.pairs-caption{font-size:11px;color:#aaa3bc;text-align:center;margin-top:20px}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
.login-page{min-height:100dvh;display:grid;grid-template-columns:1.1fr 1fr}.login-visual{background:#171c30;color:white;padding:57px 60px;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-visual .brand{font-size:27px}.login-message{margin:auto 0;position:relative;z-index:1;padding:55px 0;max-width:480px}.login-message .eyebrow{color:#7987aa;font-size:10px}.login-message h1{font-size:61px;letter-spacing:-2.5px;font-weight:650;line-height:1.08;color:#fff}.login-message h1 span{color:var(--lime)}.login-message p{font-size:14px;color:#8593b5;line-height:1.8;max-width:360px;margin-top:24px}.login-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.login-tags span{font-size:10px;border:1px solid #333c58;border-radius:7px;padding:7px 10px;color:#92a0c2;display:flex;align-items:center;gap:7px}.login-visual footer{font-size:10px;color:#596889}.login-decoration{position:absolute;width:450px;height:450px;bottom:-220px;right:-180px;border:1px solid #424864;border-radius:50%;box-shadow:0 0 0 60px #42486418,0 0 0 120px #4248640d}.login-form-wrap{display:grid;place-items:center;padding:50px;background:#fafbfe}.login-form{width:100%;max-width:360px}.login-form .eyebrow{color:#a295ba}.login-form h2{font-size:32px;letter-spacing:-1px;margin-bottom:12px}.login-form>p{font-size:12px;color:#9aa2b8;line-height:1.8;margin-bottom:30px}.login-form label{font-size:11px}.login-form input{background:#fff;font-size:15px;min-height:53px}.login-form .button{margin-top:3px;padding:15px}.login-form .login-note{margin-top:23px;font-size:10px;color:#b0b7c9;display:flex;align-items:start;gap:8px;line-height:1.8}.form-error{font-size:11px;color:#ce9398;line-height:1.7;margin:12px 0;overflow-wrap:anywhere}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:90vw;min-width:240px;text-align:center;box-shadow:0 8px 35px #19254620;padding:14px 20px;font-size:12px;color:#fff;background:#292c45;border:1px solid #44475d;border-radius:12px;z-index:100}.modal-open{overflow:hidden}dialog{border:1px solid #e4e5ed;border-radius:22px;box-shadow:0 25px 150px #0a103f30;width:510px;max-width:calc(100vw - 30px);max-height:calc(100dvh - 35px);padding:28px;color:var(--ink)}dialog::backdrop{background:#171c3a65;backdrop-filter:blur(5px)}.dialog-heading{display:flex;align-items:start;justify-content:space-between;gap:10px;margin-bottom:24px}.dialog-heading .eyebrow{font-size:9px;margin-bottom:9px}.dialog-heading h2{font-size:25px;margin:0;overflow-wrap:anywhere}.dialog-heading .icon-button{font-size:24px}.dialog-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding-top:19px;border-top:1px solid var(--line);margin-top:21px}.dialog-actions .danger{margin-right:auto}.translate-field{display:flex;gap:10px;align-items:center}.translate-field label{flex:1;min-width:0;margin-bottom:11px}.translate-field>.button{margin-top:11px}#token-dialog>p{font-size:12px;line-height:1.8}#connection-token{font:12px/1.6 monospace}.sync-note{font-size:10px;color:#b39b75;margin-bottom:0!important}.note-card{border:1px dashed #d9d3e9;background:#faf8fe;border-radius:14px;padding:18px;margin-top:21px}.note-card h3{font-size:12px;color:#8d7ca7}.note-card p{font-size:11px;color:#a798b5;line-height:1.8;margin:7px 0 0}.install-button{display:flex;gap:8px;align-items:center;color:#9f8dbf;background:#f6f1fc;border:0;padding:10px 12px;border-radius:9px;font-size:11px}
@media(min-width:1600px){.main{padding-top:46px}.hero-card{min-height:315px;padding:35px 38px}.hero-card h2{font-size:40px}.hero-art{right:35px}.mini-mode{padding:23px;min-height:161px}.dashboard-bottom{gap:25px}.goal-card{padding:28px}}
@media(max-width:1250px){.sidebar{width:218px;padding:26px 17px}.content-wrap{margin-left:218px;width:calc(100% - 218px)}.main{padding:31px 29px}.topbar{padding:0 29px}.footer{padding-left:29px;padding-right:29px}.hero-card{padding:29px;min-height:280px}.hero-card h2{font-size:31px;max-width:330px}.hero-art{right:-65px;opacity:.6}.hero-card p{max-width:270px}.hero-actions small{display:none}.hero-grid{grid-template-columns:minmax(0,1.6fr) minmax(245px,1fr);gap:17px}.goal-card{padding:22px}.metric{padding:17px;gap:12px}.metric-end{display:none}.mini-mode{padding:16px}.mini-mode strong{font-size:11px}.mini-mode small{font-size:9px}.dashboard-bottom{grid-template-columns:minmax(0,1.5fr) minmax(245px,1fr);gap:17px}.panel{padding:21px}.mode-grid{gap:14px}.mode-card{padding:22px}.pack-grid{gap:15px}.pack-body{padding:20px}.pack-art{height:140px;padding:22px}.pack-art strong{font-size:34px}.progress-grid{gap:12px}.progress-stat{padding:20px}.progress-stat .stat-label{font-size:10px}}
@media(max-width:1050px){.sidebar{width:87px;align-items:center;padding:25px 12px}.sidebar .brand>span:not(.wordmark),.sidebar .brand small,.nav-caption,.nav-link>span,.sidebar-card,.sidebar-footer>div,.sidebar-footer .icon-button{display:none}.sidebar .brand{gap:0}.sidebar .brand .wordmark{width:40px;height:41px}.nav-list{margin-top:38px;gap:12px;width:100%}.nav-link{justify-content:center;padding:13px 12px;position:relative}.nav-link svg{width:22px;height:22px}.nav-link .badge{position:absolute;top:4px;right:5px;font-size:8px;min-width:15px;line-height:1.3;padding:1px 2px}.sidebar-spacer+.nav-list{margin-top:0}.sidebar-footer{border:0;padding-top:25px}.content-wrap{margin-left:87px;width:calc(100% - 87px)}.sidebar-footer .profile-avatar{width:32px;height:32px}.hero-card h2{font-size:32px}.device-label{display:none}.page-heading h1{font-size:35px}.settings-grid{gap:18px}.mode-card h3{font-size:14px}.mode-card p{font-size:11px}.pack-body h2{font-size:16px}.pack-body p{font-size:11px}.progress-main{grid-template-columns:1.3fr 1fr}.login-message h1{font-size:50px}.login-visual{padding:42px}.login-form-wrap{padding:40px}}
@media(max-width:800px){.hero-grid{grid-template-columns:1fr 230px;gap:14px}.hero-card{padding:25px;min-height:280px}.hero-card h2{font-size:28px}.hero-card p{max-width:235px;font-size:11px}.hero-art{right:-95px;opacity:.35}.goal-card{padding:21px 16px}.goal-card .section-heading h2{font-size:14px}.goal-visual{width:132px;height:132px}.goal-foot{font-size:10px}.metrics{gap:12px}.metric{padding:16px 12px;gap:10px}.metric-icon{width:34px;height:34px;border-radius:10px}.metric-icon svg{width:18px;height:18px}.metric strong{font-size:23px}.metric small{font-size:9px}.trainers-mini{grid-template-columns:repeat(2,1fr);gap:12px}.mini-mode{min-height:110px;padding:17px 17px 16px 67px}.mini-mode .mode-icon{position:absolute;left:17px;top:22px}.mini-mode strong{margin-top:9px;font-size:12px}.mini-mode small{font-size:10px}.mini-mode .mini-arrow{top:auto;bottom:16px}.dashboard-bottom{grid-template-columns:1fr}.dashboard-bottom .activity-panel{display:none}.mode-grid,.pack-grid{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr}.training-options{font-size:10px;padding:15px;gap:10px}.progress-grid{grid-template-columns:repeat(2,1fr)}.progress-main{grid-template-columns:1fr}.login-visual{padding:35px}.login-message h1{font-size:43px}.login-message p{font-size:12px}.login-form-wrap{padding:32px}.login-tags{gap:7px}.login-tags span{font-size:9px}}
@media(max-width:700px){body{font-size:15px}.sidebar{display:none}.content-wrap{margin:0;width:100%;min-height:100dvh;padding-bottom:82px}.topbar{height:67px;padding:0 21px;position:sticky;top:0;z-index:20;background:#f8f9fdf2;backdrop-filter:blur(16px)}.breadcrumbs,.header-avatar,.topbar-right .device-label{display:none}.topbar-right{gap:8px}.mobile-brand{display:flex;align-items:center;gap:9px;font-size:20px;letter-spacing:-.8px;font-weight:750}.mobile-brand .wordmark{width:30px;height:31px;font-size:20px;border-radius:9px}.mobile-brand .wordmark span{font-size:9px}.sync-status{font-size:9px;padding:4px}.main{padding:27px 20px 25px}.eyebrow{font-size:9px;letter-spacing:1.1px;margin-bottom:10px}.page-heading{margin-bottom:24px;align-items:center;gap:12px}.page-heading h1{font-size:30px;letter-spacing:-1.2px;margin-bottom:9px}.page-heading p{font-size:11px;line-height:1.7;max-width:265px}.heading-actions>.button{padding:11px;min-width:43px;min-height:43px;font-size:0;gap:0}.heading-actions>.button svg{width:19px;height:19px}.heading-actions>.button .label{display:none}.hero-grid{grid-template-columns:1fr;gap:14px;margin-bottom:15px}.hero-card{padding:25px;min-height:275px;border-radius:20px}.hero-card .eyebrow{font-size:8px;margin-bottom:20px}.hero-card h2{font-size:32px;max-width:280px;margin-bottom:16px}.hero-card p{font-size:11px;max-width:235px;margin-bottom:25px}.hero-art{right:-62px;top:28px;opacity:.48}.hero-actions .button{font-size:12px;padding:12px 17px}.goal-card{padding:17px 19px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:4px 13px;align-items:center;border-radius:16px;position:relative;min-height:98px}.goal-card .section-heading{margin:0;grid-column:1;grid-row:1;align-self:end}.goal-card .section-heading h2{font-size:13px}.goal-card .section-heading>span{display:none}.goal-visual{grid-column:2;grid-row:1/3;width:70px;height:70px;margin:0}.goal-value strong{font-size:19px;letter-spacing:-.7px}.goal-value span{font-size:9px}.goal-value small{display:none}.goal-foot{grid-row:2;grid-column:1;font-size:10px;text-align:left;margin:0;align-self:start}.metrics{gap:9px;margin-bottom:27px}.metric{display:block;padding:15px 13px;border-radius:14px;position:relative;min-height:112px}.metric-icon{height:27px;width:27px;border-radius:8px;position:absolute;right:11px;top:13px}.metric-icon svg{width:14px;height:14px}.metric strong{font-size:24px;display:block;padding-top:15px}.metric small{font-size:9px;margin-top:7px}.metric-end{display:none}.section-heading{margin-bottom:16px}.section-heading h2{font-size:17px}.section-heading .text-link{font-size:10px}.trainers-mini{gap:11px;margin-bottom:25px}.mini-mode{padding:17px 13px;min-height:150px;border-radius:15px}.mini-mode .mode-icon{position:static;width:34px;height:34px;margin-bottom:15px}.mini-mode strong{font-size:12px;margin-top:0}.mini-mode small{font-size:9px;margin-top:5px}.mini-mode .mini-arrow{top:19px;right:12px;bottom:auto}.panel{padding:20px;border-radius:17px}.word-list li{padding:13px 0}.word-list .word-label strong{font-size:12px}.word-list .word-label small{font-size:10px}.word-list .pill{display:none}.bottom-note{font-size:8px;gap:15px;margin-top:21px}.bottom-note>span:last-child{display:none}.footer{padding:10px 20px 17px;font-size:8px}.nav-mobile{position:fixed;display:flex;justify-content:space-around;align-items:center;bottom:0;left:0;right:0;padding:9px 9px calc(9px + env(safe-area-inset-bottom));background:#fffefef5;border-top:1px solid #e9e9f1;z-index:40;backdrop-filter:blur(15px)}.nav-mobile a{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:8px;color:#b1b4c7;min-width:58px;padding:6px 6px;border-radius:11px}.nav-mobile a.active{background:#f0eaff;color:#a88bd8}.nav-mobile a svg{width:21px;height:21px}.button{font-size:12px;min-height:45px}input,textarea,select{font-size:16px;min-height:47px}.search{min-width:100%}.search input{font-size:14px}.toolbar{gap:9px;margin-bottom:17px}.toolbar select{min-width:0;flex:1;font-size:12px}.filter-tabs{gap:6px;flex-wrap:nowrap;overflow-x:auto;margin:0 -20px 18px;padding:0 20px 4px;scrollbar-width:none}.filter-tab{flex-shrink:0;font-size:10px;padding:8px 11px}.table-wrap{border-radius:14px}th{font-size:8px;padding:13px 15px}td{padding:15px;font-size:11px}.word-link{font-size:12px}.context-line{max-width:165px;font-size:9px}.translation-cell{max-width:200px;min-width:150px}.table-actions{gap:2px}.table-meta{display:block;font-size:10px}.export-actions{gap:12px;margin-bottom:12px}.export-actions button{font-size:9px}.pagination{justify-content:flex-end}.training-options{flex-wrap:wrap;padding:15px;font-size:10px;gap:13px}.training-options label{font-size:10px}.training-options select{width:135px;min-height:34px;font-size:10px}.mode-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.mode-card{padding:19px 16px;border-radius:16px;min-height:206px}.mode-card .mode-icon{width:37px;height:37px;border-radius:11px;margin-bottom:20px}.mode-card h3{font-size:13px;line-height:1.4}.mode-card p{font-size:10px;line-height:1.7}.mode-card .card-link{font-size:9px;margin-top:17px}.training-note{font-size:10px;gap:9px;margin-top:20px}.pack-grid{grid-template-columns:1fr;gap:18px}.pack-art{height:145px;padding:24px}.pack-art strong{font-size:40px}.pack-body{padding:23px}.pack-body h2{font-size:20px}.pack-body p{font-size:12px;min-height:0}.pack-meta{margin-top:18px}.pack-meta .button{font-size:11px;min-height:40px}.settings-grid{gap:0}.settings-grid .panel{margin-bottom:18px}.settings-grid h2{font-size:17px}.field-row{gap:11px}.field-row label{font-size:10px}.field-row input,.field-row select{font-size:14px}.field-note{font-size:10px!important}.device-instructions p{font-size:11px}.settings-save .button{width:100%}.data-actions .button{font-size:11px}.system-row{font-size:10px}.progress-grid{gap:11px}.progress-stat{padding:19px}.progress-stat strong{font-size:28px}.progress-stat .stat-label{font-size:10px;gap:6px}.progress-main{gap:18px}.heatmap{gap:5px}.lesson-shell{max-width:100%}.lesson-header{margin:0 0 20px;gap:12px}.lesson-header .lesson-close{width:30px;height:30px}.lesson-fraction{font-size:10px;min-width:36px}.lesson-prompt{margin:25px 0 20px}.lesson-prompt h1{font-size:25px;line-height:1.25;letter-spacing:-.8px}.lesson-prompt p{font-size:11px}.lesson-type{font-size:9px}.lesson-card{padding:26px 23px 20px;border-radius:20px;min-height:300px}.lesson-card .eyebrow{font-size:8px}.big-word{font-size:34px;letter-spacing:-1px;margin-bottom:13px}.context-text{font-size:14px;line-height:1.8;margin:23px 0 17px}.answer-text{font-size:21px;margin:19px 0 16px}.lesson-card .answer-space{font-size:10px}.lesson-card-footer{font-size:8px;gap:10px;padding-top:15px}.lesson-card-footer .text-link{font-size:9px}.grade-buttons{grid-template-columns:repeat(2,1fr);gap:9px}.grade{padding:13px 5px;min-height:67px;font-size:11px}.grade small{font-size:9px}.lesson-keyboard{font-size:9px;line-height:1.8;margin-top:15px}.choice-grid{grid-template-columns:1fr;gap:10px;margin-top:16px}.choice-button{font-size:12px;padding:15px 17px;min-height:62px}.answer-input{font-size:19px;min-height:60px}.listen-orb{width:100px;height:100px;margin-top:13px}.listen-orb svg{width:38px;height:38px}.sentence{font-size:21px;line-height:1.65;margin-top:10px}.feedback{padding:18px;gap:11px;align-items:start;flex-direction:column}.feedback strong{font-size:14px}.feedback p{font-size:11px}.feedback .button{width:100%;font-size:11px;min-height:40px}.pairs-grid{gap:11px}.pair-column{gap:10px}.pair-item{font-size:12px;min-height:73px;border-radius:12px;padding:12px}.pairs-caption{font-size:10px;line-height:1.8}.session-summary{padding:27px 0}.summary-art{width:76px;height:76px;border-radius:23px;margin-bottom:27px}.session-summary h1{font-size:32px}.session-summary>p{font-size:12px}.summary-stats{gap:10px;margin:23px auto}.summary-stats div{padding:20px 8px;border-radius:14px}.summary-stats strong{font-size:23px}.summary-stats small{font-size:9px}.summary-mistakes{padding:17px}.login-page{display:flex;flex-direction:column;min-height:100dvh}.login-visual{padding:27px 25px;min-height:280px}.login-visual .brand{font-size:23px}.login-visual .wordmark{width:32px;height:33px;font-size:20px}.login-message{padding:37px 0 8px;max-width:none;margin:0}.login-message .eyebrow{font-size:8px;margin-bottom:12px}.login-message h1{font-size:37px;letter-spacing:-1.3px;line-height:1.1;margin-bottom:14px}.login-message p{font-size:11px;max-width:290px;line-height:1.7;margin:0}.login-visual footer,.login-tags{display:none}.login-form-wrap{padding:35px 25px 40px;flex:1;align-items:start}.login-form{max-width:none}.login-form .eyebrow{font-size:9px;margin-bottom:10px}.login-form h2{font-size:27px;letter-spacing:-.75px}.login-form>p{font-size:11px;margin-bottom:25px}.login-form input{font-size:16px}.login-form .button{font-size:12px}.login-form .login-note{font-size:9px;margin-top:20px}.toast{bottom:calc(95px + env(safe-area-inset-bottom));font-size:11px;padding:13px 17px;max-width:calc(100% - 35px);min-width:250px}dialog{border-radius:20px;padding:24px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 25px)}.dialog-heading h2{font-size:23px}.dialog-heading .eyebrow{font-size:8px}.dialog-heading{margin-bottom:23px}.translate-field .button{font-size:10px;padding:10px;min-height:43px}.dialog-actions .button{font-size:11px}.dialog-actions{gap:10px}#token-dialog>p{font-size:11px}}
.context-text{color:#7e89a2}.choice-button{color:#56627e}.field-note{color:#8791a9}.feedback strong{color:#347b60}.feedback p{color:#718e7f}.feedback.wrong strong{color:#bb6264}.feedback.wrong p{color:#a47b77}.filter-tab{color:#77829e}.training-options{color:#7d88a4}.mode-card p{color:#8993aa}.word-label small{color:#8892aa}.lesson-keyboard{color:#929db5}.pairs-caption{color:#8e809f}.answer-space{color:#939eb8!important}
@media(max-width:700px){.nav-mobile a{font-size:10px;color:#9299af;gap:5px}.nav-mobile a.active{color:#9063bc}.hero-art{right:-95px;opacity:.28}.hero-card h2{max-width:295px}.mini-mode small{color:#8995ae}.page-heading p{color:#7e8aa3}}
@media(max-width:700px){.table-wrap table,.table-wrap tbody{display:block;width:100%}.table-wrap thead{display:none}.table-wrap tr{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:6px 12px;padding:17px;border-bottom:1px solid var(--line);white-space:normal}.table-wrap tr:last-child{border:0}.table-wrap td{padding:0;border:0;grid-column:1;min-width:0}.table-wrap td:first-child .word-link{font-size:15px;overflow-wrap:anywhere}.table-wrap .context-line{max-width:100%;font-size:10px;margin-top:5px;white-space:nowrap}.table-wrap td:nth-child(2){font-size:13px;max-width:100%;color:#8792aa;margin:2px 0}.table-wrap td:nth-child(3){display:none}.table-wrap td:nth-child(4){margin-top:3px}.table-wrap td:last-child{grid-column:2;grid-row:1/4;align-self:center}.table-actions{flex-direction:column;gap:0}.table-actions .icon-button{width:44px;height:44px}.table-actions .icon-button svg{width:18px;height:18px}.hero-art .art-check{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}