:root{font-family:Segoe UI,Arial,sans-serif;color:#253b34;background:#f6f7f4;font-synthesis:none;font-weight:400;line-height:1.5;font-size:14px;--green: #244b40;--muted: #79877f;--line: #e4e8e1;--cream: #f4f1e8}.private-login{max-width:580px;margin:50px auto}.private-login form,.invite-panel form{display:grid;gap:16px}.private-login input,.invite-panel input,.invite-panel select{width:100%;min-width:0}.invite-code{margin-top:20px;padding:14px;background:#f1f4eb;border-radius:10px}.invite-code small{display:block;margin:10px 0;overflow-wrap:anywhere}.invite-list{list-style:none;padding:0;margin:20px 0}.invite-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #e4e8df}.invite-list small{display:block;margin-top:4px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #c2a764;outline-offset:3px}button{border:0}a{color:inherit}h1,h2,h3,p{margin:0}button{color:inherit}input,select,textarea{min-width:0;max-width:100%;border:1px solid #dce2db;border-radius:8px;background:#fff;color:#253b34;padding:11px 12px}textarea{resize:vertical;min-height:84px}label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600}label input,label textarea,label select{font-size:14px;font-weight:400}small{font-size:11px}svg{flex-shrink:0}::selection{background:#dce9cd}.app-shell{display:flex;min-height:100vh}.sidebar{width:244px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:31px 22px 17px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:21px;font-weight:700;letter-spacing:-.8px}.brand-symbol{display:grid;place-items:center;width:37px;height:39px;border-radius:11px;background:var(--green);color:#f0eddc}.brand-light{font-weight:400}.brand small{display:block;font-size:8px;letter-spacing:2.5px;margin-top:1px;color:var(--muted);font-weight:500}.nav-caption{font-size:8px;font-weight:600;letter-spacing:1.7px;color:#919c95;margin:49px 11px 14px}.sidebar nav{display:grid;gap:6px}.nav-item{display:flex;align-items:center;gap:13px;text-align:left;background:transparent;padding:13px 12px;border-radius:8px;font-size:12px;color:#727e76;position:relative}.nav-item:hover{background:#f7f8f5}.nav-item.active{background:#edf2eb;color:var(--green);font-weight:600}.nav-dot{width:5px;height:5px;border-radius:100%;background:#60865a;margin-left:auto}.sidebar-note{margin:auto 8px 32px;background:linear-gradient(150deg,#f5f6ef,#f0f2e9);border:1px solid #e6e9dd;border-radius:10px;padding:21px 17px}.tiny-orbit{color:#a6a667;display:block;margin-bottom:11px}.sidebar-note h3{font-family:Georgia,serif;font-size:19px;font-weight:400;line-height:1.35}.sidebar-note p{font-size:11px;color:#7e887a;margin-top:10px;line-height:1.8}.profile{border-top:1px solid var(--line);padding-top:20px;display:flex;align-items:center;gap:9px}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e8ebe2;color:#6b775a;font-size:13px;font-weight:600;flex-shrink:0}.avatar.small{width:29px;height:29px;font-size:11px}.profile strong{font-size:10px;font-weight:600}.profile small{display:block;color:#8b958e;font-size:8px}.status-dot{width:6px;height:6px;border-radius:100%;background:#83a064;margin-left:auto}.main-shell{margin-left:244px;width:calc(100% - 244px);min-height:100vh;display:flex;flex-direction:column}.topbar{height:73px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px}.breadcrumb{display:flex;align-items:center;gap:11px;font-size:11px;color:#98a098}.breadcrumb strong{font-weight:500;color:#526057}.topbar-actions{display:flex;align-items:center;gap:14px}.connection{display:flex;align-items:center;gap:6px;color:#75836b;font-size:10px}.connection.offline{color:#aa8150}.icon-button{display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;background:#fff;width:32px;height:32px;color:#7c897f}.refresh-button{border:0}.main-shell main{padding:31px 38px 22px;max-width:1520px;width:100%;margin:auto;flex:1}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.eyebrow{font-size:9px;letter-spacing:1.7px;color:#8a9578;font-weight:600;margin-bottom:8px}h1{font-family:Georgia,Times New Roman,serif;font-size:29px;font-weight:400;letter-spacing:-.9px;line-height:1.25}.page-heading p{font-size:12px;color:var(--muted);margin-top:8px}.date-chip,.count-chip{background:#fff;border:1px solid var(--line);border-radius:7px;padding:8px 11px;color:#7e887b;font-size:10px;white-space:nowrap;display:flex;gap:8px;align-items:center}.primary,.secondary{display:inline-flex;justify-content:center;align-items:center;gap:10px;border-radius:7px;padding:12px 17px;background:var(--green);color:#fff;font-weight:500;font-size:12px;line-height:1.4}.primary:hover{background:#315b4e}.primary.light{background:#e9eddd;color:#2f5143}.primary.light:hover{background:#fff}.secondary{background:#fff;border:1px solid #d9e0d7;color:#586951}.secondary:hover{background:#f4f6ef}.text-button{background:transparent;display:inline-flex;align-items:center;gap:8px;font-size:11px;color:#63825f;padding:4px 0;font-weight:500}.text-button:hover{text-decoration:underline}.full{width:100%}.muted{color:var(--muted)}.hero{background:#244b40;border-radius:13px;min-height:306px;display:flex;overflow:hidden;position:relative;color:#eef1e2;isolation:isolate}.hero:after{content:"";position:absolute;border-radius:50%;border:1px solid #7d9a7424;width:520px;height:520px;top:-115px;right:-120px;z-index:-1}.hero-copy{padding:31px 36px 25px;flex:1;position:relative;z-index:2}.hero-badge{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1.6px;color:#c2d1ad}.hero-badge>span{width:5px;height:5px;background:#b9cb99;border-radius:100%}.hero h2{font-family:Georgia,serif;font-size:41px;font-weight:400;letter-spacing:-1.2px;line-height:1.12;margin:17px 0 13px}.hero h2 em{font-weight:400;color:#c2c79a}.hero p{color:#b7c9ba;font-size:11px;line-height:1.8;margin-bottom:20px}.hero-foot{display:flex;align-items:center;gap:10px;margin-top:19px;font-size:9px;color:#b4c4ae}.mini-stack{display:flex}.mini-stack span{display:grid;place-items:center;background:#809575;border:2px solid #244b40;border-radius:50%;height:23px;width:23px;font-size:7px;color:#fff;margin-right:-5px}.mini-stack span:nth-child(2){background:#9cac88}.mini-stack span:nth-child(3){background:#c1c39d}.hero-art{position:relative;flex:0 0 40%;min-width:290px}.art-orbit{width:270px;height:270px;position:absolute;top:28px;left:1%;border:1px solid #a3b09538;border-radius:50%}.decor-spark{position:absolute;right:29px;top:35px;font-size:42px;color:#a6b793;line-height:1;transform:rotate(-18deg)}.art-card{position:absolute;width:159px;border-radius:8px;box-shadow:0 12px 25px #122b2330}.art-card.back{right:100px;top:40px;transform:rotate(-12deg);height:215px;background:#d8dfc8;padding:152px 15px 13px;font-family:Georgia,serif;color:#5e7256;font-size:13px;line-height:1.2}.art-card.front{right:57px;top:53px;transform:rotate(9deg);background:#fafbf4;height:214px;padding:10px;color:var(--green)}.art-image{height:126px;border-radius:4px;background:#e9ece0;overflow:hidden}.art-image img{width:100%;height:100%;object-fit:cover}.art-image .image-placeholder{height:100%;font-size:8px}.art-word{display:flex;justify-content:space-between;align-items:center;font-size:20px;font-family:Georgia,serif;margin:10px 0 0}.art-card.front>span{font-size:10px;color:#778773}.art-card .art-level{display:block;font-size:7px!important;margin-top:4px;letter-spacing:.4px}.float-note{position:absolute;right:28px;bottom:22px;border:1px solid #bdc9a035;border-radius:18px;padding:7px 12px;background:#375c48;display:flex;gap:6px;align-items:center;font-size:9px;color:#d5dfbd;transform:rotate(-3deg)}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0 28px}.stat{background:#fff;border:1px solid var(--line);border-radius:9px;padding:17px 18px 16px}.stat-label{display:flex;justify-content:space-between;gap:7px;align-items:center;font-size:10px;color:#7c877c}.stat-label svg{color:#99aa85}.stat>strong{display:block;font-size:27px;font-weight:500;line-height:1.4;margin:9px 0 2px;letter-spacing:-.6px}.stat>small{color:#99a08f;font-size:9px}.dashboard-lower{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:22px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.section-heading h2{font-size:14px;font-weight:600}.section-heading p{font-size:10px;color:#8a9387;margin-top:4px}.level-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.level-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:9px;padding:19px 17px 16px;text-align:left;transition:transform .15s}.level-card:hover{transform:translateY(-3px);border-color:#a0b393}.level-badge{font-size:9px;line-height:1;padding:6px 9px;border-radius:5px;background:#e8efda;color:#658341;display:inline-block;font-weight:600;letter-spacing:.3px}.level-badge.b1{background:#f1ead6;color:#9d8649}.level-badge.b2{background:#e6e9ef;color:#70879b}.level-arrow{position:absolute;top:18px;right:15px;color:#9bac8b}.level-card h3{font-size:11px;font-weight:600;margin:20px 0 6px;line-height:1.6;min-height:35px}.level-card p{font-size:9px;color:#85917e;margin-bottom:17px}.progress-track{height:4px;border-radius:4px;background:#e8ece4;overflow:hidden}.progress-track span{display:block;height:100%;background:#8ca26e;border-radius:4px;transition:width .3s}.level-card>small{display:block;font-size:8px;color:#929b86;margin-top:7px}.studio-promo{background:#efeee4;border:1px solid #e3e4d5;border-radius:9px;padding:19px 23px}.promo-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;background:#e3e7d3;color:#8a9666;margin-bottom:15px}.studio-promo .eyebrow{font-size:7px;letter-spacing:1px}.studio-promo h2{font-family:Georgia,serif;font-weight:400;font-size:26px;line-height:1.2;margin:8px 0 12px}.studio-promo p{font-size:10px;color:#8a907a;line-height:1.8}.coverage-pills{display:flex;flex-wrap:wrap;gap:8px;margin:13px 0}.coverage-pills span{display:flex;align-items:center;gap:4px;font-size:8px;color:#7e8b6b}.studio-promo .text-button{font-size:10px;color:#698259}.main-shell footer{display:flex;gap:15px;align-items:center;margin:0 38px;padding:20px 0;border-top:1px solid var(--line);font-size:9px;color:#99a08f}.main-shell footer>span:last-child{margin-left:auto}.filters{display:flex;gap:12px;margin-bottom:20px}.search-input{flex:1;display:flex;flex-direction:row;align-items:center;gap:9px;background:#fff;border:1px solid #e0e5dc;border-radius:8px;padding:0 12px;color:#91a083}.search-input input{background:transparent;border:0;padding:12px 0;width:100%;font-size:12px}.search-input:focus-within{border-color:#9eaf88}.search-input input:focus-visible{outline:0}.filters select{font-size:11px;min-width:150px;border-color:#e0e5dc}.word-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.word-tile{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.tile-image{height:148px;position:relative;background:#f0f2ea}.tile-image>img{width:100%;height:100%;object-fit:cover}.tile-image>.level-badge{position:absolute;left:11px;top:11px}.image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#a7b099;background:#f0f2ea;height:100%;font-size:10px}.tile-content{padding:17px 15px 0}.tile-title{display:flex;justify-content:space-between;align-items:center;gap:6px}.tile-title h2{font-family:Georgia,serif;font-size:23px;font-weight:400;overflow-wrap:anywhere}.audio-button{display:inline-grid;place-items:center;background:#f0f3e9;border:1px solid #e4e9db;color:#8ca274;border-radius:50%;width:31px;height:31px;flex-shrink:0}.audio-button:disabled{opacity:.4}.tile-content>p{font-size:12px;color:#7f8b77;margin-top:2px}.tile-content>small{display:block;font-size:9px;color:#9ba292;margin:7px 0 16px}.tile-edit{display:flex;justify-content:space-between;align-items:center;width:100%;gap:6px;background:transparent;border-top:1px solid #eef0e9;padding:12px 0;color:#80906f;font-size:9px}.tile-edit svg:last-child{margin-left:auto}.pager{display:flex;justify-content:center;align-items:center;gap:15px;margin:22px 0;color:#8d9887;font-size:11px}.empty-state,.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:70px 15px;color:#89977e}.empty-state h2{font-size:18px;font-weight:500}.empty-state p{font-size:12px}.studio-layout{display:grid;grid-template-columns:215px minmax(260px,1fr) minmax(265px,.9fr);gap:18px;align-items:start}.studio-list{border:1px solid var(--line);border-radius:9px;background:#fff;overflow:hidden}.list-heading{display:flex;justify-content:space-between;padding:15px 14px;font-size:9px;letter-spacing:1.5px;color:#97a088;border-bottom:1px solid var(--line)}.list-heading span{letter-spacing:0}.word-row{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;background:#fff;border-bottom:1px solid #edf0e8;padding:12px 13px;gap:5px}.word-row.selected{background:#edf2e7;box-shadow:inset 3px 0 #789362}.word-row:hover{background:#f5f7ef}.word-row strong{font-size:11px;font-weight:500;display:block}.word-row small{font-size:9px;color:#a0a895;display:block;overflow:hidden;text-overflow:ellipsis;max-width:100px;white-space:nowrap}.row-indicators{display:flex;align-items:center;gap:4px;color:#d4dacb}.row-indicators .level-badge{font-size:7px;padding:4px 5px}.row-indicators .has-media{color:#81975f}.studio-list .pager{margin:13px 0}.studio-form{background:#fff;border:1px solid var(--line);border-radius:9px;padding:20px}.editor-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:21px}.editor-title h2{font-family:Georgia,serif;font-weight:400;font-size:27px;overflow-wrap:anywhere}.editor-title small{color:#a0a893;font-size:9px}.studio-form label{margin-bottom:15px;font-size:10px;color:#7c8870}.studio-form input,.studio-form textarea,.studio-form select{font-size:12px;background:#fdfefb;padding:10px}.field-row{display:grid;grid-template-columns:minmax(0,1fr) 115px;gap:10px}.form-actions{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid var(--line);padding:16px 0 19px}.form-actions .primary,.form-actions .secondary{font-size:10px;padding:10px 12px}.form-note{font-size:10px;color:#9c8d63;margin-bottom:12px}.upload-section h3{font-size:12px;font-weight:600;margin:7px 0 11px}.upload-section>p{font-size:10px;color:#9ba28f;margin-bottom:12px}.upload-zone{border:1px dashed #cbd5bd;background:#f7f9f1;border-radius:8px;padding:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-weight:400;text-align:center;cursor:pointer;color:#99a779;font-size:11px;min-height:116px;margin-bottom:12px}.file-action{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden;font-weight:500}.file-action input,.upload-zone input{position:absolute;width:1px;height:1px;opacity:0}.file-action:focus-within,.upload-zone:focus-within{outline:3px solid #c2a764;outline-offset:3px}.media-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.media-actions .file-action{font-size:9px;padding:10px 8px}.studio-preview{position:sticky;top:20px}.preview-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 13px;color:#929c83;font-size:9px;letter-spacing:1px;gap:5px}.preview-heading>select{font-size:10px;letter-spacing:0;padding:7px}.preview-note{text-align:center;font-size:10px;line-height:1.7;color:#9da58f;margin-top:14px}.preview-toggle{width:100%;margin-top:10px}.flashcard{background:#fff;border:1px solid var(--line);border-radius:12px;padding:25px;box-shadow:0 6px 20px #33482b04;text-align:center;overflow:hidden}.flash-meta{display:flex;align-items:center;justify-content:center;gap:9px;color:#9ba38d;font-size:9px}.flash-meta>.level-badge{font-size:8px}.question-label{font-size:10px;letter-spacing:.5px;color:#a4aa98;margin:22px 0 6px}.flash-word{font-family:Georgia,serif;font-size:39px;font-weight:400;letter-spacing:-1px;overflow-wrap:anywhere}.flashcard>.audio-button{margin-top:10px}.flash-image{height:170px;border-radius:7px;overflow:hidden;margin:15px auto 0;background:#f6f7f0}.flash-image img{width:100%;height:100%;object-fit:contain}.answer-content{border-top:1px solid var(--line);padding-top:17px;margin-top:23px;text-align:left}.answer-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.answer-heading small{letter-spacing:1px;font-size:8px;color:#9ca789}.answer-heading h3{font-size:23px;font-family:Georgia,serif;font-weight:400;overflow-wrap:anywhere}.answer-content>p.muted{font-size:11px;margin-top:4px}.answer-image{height:125px;margin:15px auto 10px;overflow:hidden;border-radius:6px;background:#f6f7f0}.answer-image img{width:100%;height:100%;object-fit:contain}.definition{font-size:12px;color:#7d8971;line-height:1.7;margin:14px 0}.example-block{display:flex;align-items:center;gap:8px;padding:12px;background:#f7f8f0;border:1px solid #edf0e5;border-radius:7px;font-size:11px;line-height:1.7}.example-block>div{flex:1}.example-block p+p{font-size:10px;color:#a2aa91;margin-top:5px}.example-block .audio-button{width:26px;height:26px}.attribution{font-size:7px!important;color:#a7ae9d;margin-top:12px;line-height:1.6;overflow-wrap:anywhere}.answer-placeholder{color:#a7af9b;font-size:9px;margin-top:34px;padding:20px 0 9px}.answer-placeholder span{display:block;width:40px;height:1px;background:#dfe4d5;margin:0 auto 15px}.recall-text{font-family:Georgia,serif;font-size:22px;margin-top:15px;line-height:1.6}.recall-text mark{background:#edf1db;color:#6d8a4e;padding:2px 7px;border-radius:4px;white-space:normal}.flash-hint{font-size:11px;color:#a0a88e;margin-top:13px}.learn-setup{display:grid;grid-template-columns:1fr 1fr;max-width:790px;margin:45px auto;background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden}.learn-intro{padding:48px;background:#eff1e5;display:flex;flex-direction:column;justify-content:center}.learn-intro h2{font-family:Georgia,serif;font-weight:400;font-size:31px;line-height:1.25;margin:4px 0 17px}.learn-intro p{font-size:12px;color:#8a967a;line-height:1.9}.setup-options{padding:35px}.setup-options label{margin-bottom:20px;color:#8b977c;font-size:11px}.session-count{display:flex;align-items:center;gap:12px;margin:28px 0;color:#8fa56e}.session-count strong{font-size:12px;font-weight:500;color:#637b51}.session-count span{display:block;font-size:10px;color:#a0aa90;margin-top:5px}.study-shell{max-width:630px;margin:0 auto}.study-progress{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#899679;margin-bottom:15px;gap:10px}.study-progress .text-button{font-size:10px}.study-shell>.progress-track{margin-bottom:18px}.study-shell .flashcard{padding:30px 50px}.study-shell .question-label{margin-top:27px}.study-shell .flash-word{font-size:49px}.study-shell .answer-image{height:170px}.study-shell .flash-image{height:230px}.study-shell .answer-placeholder{font-size:11px;padding:25px 0}.study-shell .definition,.study-shell .example-block{font-size:13px}.study-shell .recall-text{font-size:28px}.reveal-button{margin-top:16px}.reveal-button span{font-size:9px;margin-left:auto;border:1px solid #b8ccb133;border-radius:4px;padding:1px 6px;color:#b0c7a7}.grade-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:15px}.grade{border:1px solid #e4e9dc;border-radius:9px;background:#f4f6ec;position:relative;padding:13px 10px;text-align:center}.grade strong{display:block;font-size:12px;font-weight:600}.grade small{font-size:9px;color:#a2aa92}.grade kbd{position:absolute;right:7px;top:5px;font-size:8px;color:#bdc4ae}.grade.again{background:#f6efeb;border-color:#eadfd7;color:#b0846e}.grade.hard{background:#f6f2e8;border-color:#ebe2ce;color:#ac9560}.grade.good{background:#edf3e4;color:#7b9456}.grade.easy{background:#e8f0ec;color:#5a8870}.session-done{max-width:630px;text-align:center;border:1px solid var(--line);border-radius:12px;background:#fff;padding:55px 25px;margin:35px auto}.done-icon{display:grid;place-items:center;background:#edf2e3;border-radius:50%;width:83px;height:83px;color:#8ba16e;margin:0 auto 25px}.session-done h2{font-family:Georgia,serif;font-weight:400;font-size:33px;margin:11px 0}.session-done p{color:#91a07f;font-size:12px}.result-chips{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:25px 0}.result-chips span{background:#f1f5e8;color:#849b68;border-radius:14px;font-size:10px;padding:6px 13px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:980px}.settings-card{border:1px solid var(--line);border-radius:11px;background:#fff;padding:27px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}.settings-card>svg{color:#8da674}.settings-card h2{font-size:17px;font-weight:500}.settings-card p{font-size:12px;line-height:1.8;color:#8a977b}.settings-card>label{width:100%;font-size:10px;color:#8b9b7a}.settings-card>.secondary,.settings-card>.primary{width:100%}.settings-card>small{color:#a9b39b;margin-top:auto}.settings-card .settings-note{font-size:10px;color:#9faa91}.error-banner,.update-banner{background:#fbf0df;border:1px solid #e9d7b5;color:#ad8853;padding:12px 15px;border-radius:8px;font-size:12px;margin-bottom:20px;line-height:1.7}.error-banner button,.update-banner button{font-size:11px;text-decoration:underline;background:transparent;margin-left:15px;color:inherit}.field-error{background:#faf0e5;color:#aa7959;padding:12px;border-radius:6px;font-size:11px;margin-bottom:12px}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%);max-width:min(650px,90vw);border:1px solid #d4dfc7;border-radius:10px;background:#fff;box-shadow:0 8px 35px #30422420;display:flex;align-items:center;gap:12px;padding:14px 16px;font-size:12px;color:#718965;z-index:100}.toast .icon-button{border:0;background:transparent;width:24px;height:24px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1500px){.main-shell main{padding:38px 48px}.hero{min-height:330px}.hero-copy{padding:38px 45px}.hero h2{font-size:48px}.hero-art{flex-basis:42%}.art-card.front{right:104px;top:64px}.art-card.back{right:154px;top:53px}.float-note{right:56px;bottom:30px}.art-orbit{left:9%;top:36px}.dashboard-lower{grid-template-columns:minmax(0,1fr) 285px}.word-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1250px){.sidebar{width:216px;padding:28px 15px 16px}.main-shell{margin-left:216px;width:calc(100% - 216px)}.main-shell main{padding:27px}.topbar{padding:0 27px}.brand{font-size:19px}.nav-item{gap:10px;font-size:11px}.stats-grid{gap:10px}.stat{padding:16px 13px}.stat-label{font-size:9px}.dashboard-lower{grid-template-columns:1fr 210px;gap:17px}.level-card{padding:17px 13px}.level-card h3{font-size:10px}.studio-promo{padding:19px}.studio-layout{grid-template-columns:190px 1fr;gap:16px}.studio-preview{grid-column:2;position:static}.studio-form{grid-column:2;grid-row:1}.studio-list{grid-column:1;grid-row:1 / span 2}.studio-preview .flashcard{padding:25px 45px}.studio-preview .answer-image{height:160px}.preview-heading{margin-top:4px}.word-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-copy{padding:30px}.hero h2{font-size:37px}.hero-art{min-width:240px}.art-card.front{right:35px}.art-card.back{right:73px}.float-note{right:12px;font-size:8px}.decor-spark{right:15px}}@media(max-width:950px){.sidebar{width:190px;padding:25px 12px 16px}.main-shell{margin-left:190px;width:calc(100% - 190px)}.brand{font-size:17px;gap:7px}.brand-symbol{width:32px;height:35px}.nav-item{font-size:10px;padding:13px 10px}.nav-caption{font-size:7px;letter-spacing:1px}.sidebar-note{margin:50px 4px auto;padding:17px 13px}.sidebar-note h3{font-size:18px}.profile strong{font-size:8px}.profile small{font-size:7px}.topbar{height:65px;padding:0 22px}.main-shell main{padding:25px 22px}.page-heading{gap:12px}h1{font-size:26px}.date-chip{display:none}.hero-copy{padding:29px 24px}.hero h2{font-size:34px}.hero-art{min-width:195px}.art-card{width:132px}.art-card.front{right:24px;top:64px;height:201px}.art-card.back{right:48px;top:43px;height:201px;padding-top:150px;font-size:11px}.art-image{height:119px}.art-word{font-size:18px}.art-orbit{width:220px;height:220px;top:44px;left:-20px}.float-note{right:8px;bottom:20px;font-size:7px;padding:6px 9px}.decor-spark{font-size:34px;top:32px;right:14px}.hero p{font-size:10px}.hero .primary{font-size:10px;padding:11px 14px}.stats-grid{grid-template-columns:repeat(2,1fr);margin-bottom:24px}.stat-label{font-size:10px}.stat>strong{font-size:26px}.dashboard-lower{grid-template-columns:1fr}.studio-promo{display:grid;grid-template-columns:60px 1fr 1fr;column-gap:8px;padding:21px;align-items:center}.studio-promo>.promo-icon{grid-column:1;grid-row:1 / span 3;margin:0}.studio-promo>.eyebrow{grid-column:2}.studio-promo>h2{grid-column:2;grid-row:2;font-size:25px;margin:0}.studio-promo>h2 br{display:none}.studio-promo>p{grid-column:3;grid-row:1 / span 2}.studio-promo>.coverage-pills{grid-column:2;grid-row:3;margin:8px 0 0}.studio-promo>.text-button{grid-column:3;grid-row:3;justify-content:flex-start}.section-heading h2{font-size:13px}.word-grid{gap:12px}.tile-image{height:135px}.tile-content{padding:13px 12px 0}.tile-title h2{font-size:21px}.tile-edit{font-size:8px}.filters{flex-wrap:wrap;gap:8px}.filters .search-input{flex:0 0 100%}.filters select{flex:1;padding:10px;min-width:0}.learn-intro{padding:35px 28px}.setup-options{padding:27px}.study-shell .flashcard{padding:28px 35px}.main-shell footer{margin:0 22px}.main-shell footer>span:last-child{display:none}}@media(max-width:700px){.sidebar{inset:auto 0 0;width:100%;height:68px;padding:0;background:#fff;border-right:0;border-top:1px solid #dde5d8;box-shadow:0 -3px 16px #283b2010}.sidebar .brand,.nav-caption,.sidebar-note,.profile{display:none}.sidebar nav{display:flex;align-items:center;height:100%;gap:0;padding:0 4px}.nav-item{display:flex;flex:1;flex-direction:column;justify-content:center;gap:5px;font-size:8px;padding:8px 1px;height:100%;border-radius:0}.nav-item svg{height:19px;width:19px}.nav-dot{display:none}.nav-item.active{background:#f0f4e9}.main-shell{margin:0;width:100%;padding-bottom:68px}.topbar{height:59px;padding:0 19px}.breadcrumb{font-size:9px;gap:6px}.topbar-actions{gap:6px}.connection{font-size:0;gap:0}.connection svg{width:15px;height:15px}.avatar.small{width:27px;height:27px}.icon-button.refresh-button{width:28px}.main-shell main{padding:25px 18px 16px}.eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:7px}.page-heading{margin-bottom:20px;align-items:flex-start}h1{font-size:27px;letter-spacing:-.8px}.page-heading p{font-size:11px;max-width:290px;line-height:1.7}.count-chip{font-size:9px;padding:7px 9px;margin-top:18px}.hero{min-height:345px;display:block}.hero-copy{padding:27px 24px;max-width:70%;height:100%;z-index:2}.hero h2{font-size:35px;margin-top:20px;white-space:nowrap}.hero p{font-size:10px;max-width:230px}.desktop{display:none}.hero-art{position:absolute;width:160px;right:0;top:58px;height:260px;min-width:0;opacity:.9}.art-card{width:111px}.art-card.front{right:15px;top:45px;height:161px;padding:8px}.art-card.back{right:31px;top:24px;height:169px;padding:116px 10px 10px;font-size:10px}.art-image{height:89px}.art-word{font-size:16px;margin-top:7px}.art-card.front>span{font-size:8px}.art-card .art-level{font-size:6px!important;margin-top:1px}.float-note{right:9px;bottom:18px;font-size:6px;gap:3px;padding:5px 7px}.float-note svg{height:10px;width:10px}.art-orbit{width:200px;height:200px;left:-35px;top:12px}.decor-spark{font-size:27px;top:0;right:18px}.hero-foot{margin-top:19px;font-size:8px}.hero-badge{font-size:7px;letter-spacing:1px}.hero .primary{font-size:10px;padding:11px 13px;position:relative;margin-top:6px}.stats-grid{gap:10px;margin:15px 0 24px}.stat{padding:15px 13px}.stat-label{font-size:9px}.stat-label svg{height:16px;width:16px}.stat>strong{font-size:25px}.stat>small{font-size:8px}.section-heading h2{font-size:12px;line-height:1.5}.section-heading p{font-size:9px}.section-heading .text-button{font-size:9px;white-space:nowrap}.level-cards{gap:8px}.level-card{padding:15px 10px 13px}.level-card h3{font-size:10px;min-height:35px;margin-top:17px}.level-card p{font-size:8px;line-height:1.6;min-height:26px;margin-bottom:11px}.level-card>small{font-size:7px}.level-arrow{right:9px;top:16px}.level-arrow svg{width:14px;height:14px}.studio-promo{grid-template-columns:42px 1fr;gap:8px 14px;padding:20px}.studio-promo>.eyebrow{font-size:7px}.studio-promo>.promo-icon{width:40px;height:40px;grid-row:1 / span 2}.studio-promo>h2{font-size:24px;line-height:1.2}.studio-promo>p{grid-column:2;grid-row:3;font-size:10px}.studio-promo>p br{display:none}.studio-promo>.coverage-pills{grid-column:2;grid-row:4;margin:0}.studio-promo>.text-button{grid-column:2;grid-row:5}.main-shell footer{font-size:8px;margin:0 18px;padding:19px 0}.toast{bottom:82px;font-size:11px;width:max-content;gap:9px;padding:12px;max-width:calc(100vw - 28px)}.word-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tile-image{height:141px}.tile-content>p{font-size:11px}.tile-content>small{font-size:8px}.tile-title h2{font-size:22px}.tile-title .audio-button{height:26px;width:26px}.tile-edit{font-size:8px}.tile-edit svg{height:12px;width:12px}.studio-layout{display:flex;flex-direction:column;gap:18px}.studio-list{width:100%;max-height:240px;overflow:auto;display:grid;grid-template-columns:1fr 1fr}.studio-list>.list-heading,.studio-list>.pager{grid-column:1 / -1}.studio-list>.pager{margin:9px 0}.word-row{padding:10px 12px}.word-row:nth-child(2n){border-right:1px solid #edf0e8}.row-indicators{gap:3px}.studio-form{width:100%;padding:22px}.studio-preview{width:100%}.studio-form input,.studio-form textarea,.studio-form select{font-size:16px;padding:10px}.studio-form label{font-size:11px}.studio-form .field-row{grid-template-columns:1fr}.studio-form .editor-title h2{font-size:30px}.studio-form .primary,.studio-form .secondary{font-size:11px}.studio-preview .flashcard{padding:25px}.preview-heading{font-size:10px}.preview-heading select{font-size:12px}.learn-setup{grid-template-columns:1fr;margin:25px auto}.learn-intro{padding:29px}.learn-intro h2{font-size:28px}.learn-intro .promo-icon{width:36px;height:36px;margin-bottom:10px}.learn-intro p{font-size:11px}.setup-options{padding:27px}.study-shell .flashcard{padding:25px}.study-shell .flash-word{font-size:45px}.study-shell .recall-text{font-size:25px}.study-progress{font-size:9px;gap:5px}.study-progress>.text-button{font-size:9px}.grade-buttons{gap:7px}.grade{padding:15px 6px 11px}.grade strong{font-size:11px}.grade small{font-size:8px}.settings-grid{grid-template-columns:1fr}.settings-card{padding:25px;gap:14px}.settings-card input,.settings-card select{font-size:16px}.session-done h2{font-size:29px}.session-done{padding:40px 20px}.filters .search-input input{font-size:14px}.filters select{font-size:12px}.error-banner,.update-banner{font-size:11px}}@media(max-width:380px){.hero-copy{padding:26px 20px;max-width:80%}.hero h2{font-size:32px}.hero-art{opacity:.55;right:-28px}.hero p{max-width:200px}.nav-item{font-size:7px}.count-chip{padding:6px;font-size:8px}.tile-edit{gap:4px;font-size:7px}.level-card h3{font-size:9px}.stat>small{font-size:7px}}.editor-panel{background:#fff;border:1px solid var(--line);border-radius:9px;padding:20px}.editor-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:21px}.editor-heading h2{font-family:Georgia,serif;font-weight:400;font-size:29px;overflow-wrap:anywhere}.editor-heading span{color:#9da68f;font-size:9px}.editor-heading .state-chip{background:#f3f1e5;color:#a19166;padding:6px 8px;border-radius:5px;font-size:8px;white-space:nowrap}.editor-heading .state-chip.ready,.editor-heading .state-chip.reviewed{background:#edf2e4;color:#809666}.form-fields{display:grid;gap:15px}.form-fields label{font-size:10px;color:#7c8870}.form-fields input,.form-fields textarea,.form-fields select{font-size:12px;background:#fdfefb;padding:10px}.form-fields small{font-size:8px;color:#a5ad97;font-weight:400}.editor-actions{display:flex;gap:8px;align-items:center;padding:17px 0 20px;flex-wrap:wrap}.editor-actions .primary,.editor-actions .secondary{font-size:10px;padding:10px 12px}.inline-error{font-size:11px;line-height:1.7;color:#b38658;background:#faf3e6;border-radius:6px;padding:10px;margin-top:13px}.media-section{border-top:1px solid var(--line);padding-top:17px}.media-section h3{font-size:12px;font-weight:600;margin-bottom:14px}.media-section>small{font-size:9px;display:block;margin-bottom:8px}.upload-zone{border:1px dashed #cbd5bd;background:#f7f9f1;border-radius:8px;padding:19px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-weight:400;text-align:center;cursor:pointer;color:#99a779;font-size:11px;min-height:120px;margin-bottom:12px;position:relative}.upload-zone strong{font-size:11px;font-weight:500;color:#83986a}.upload-zone span{font-size:9px;color:#9fa690}.upload-zone small{font-size:8px;color:#adb39f}.upload-zone.disabled{opacity:.5;cursor:not-allowed}.upload-zone input,.upload-small input{position:absolute;width:1px;height:1px;opacity:0}.upload-zone:focus-within,.upload-small:focus-within{outline:3px solid #c2a764;outline-offset:3px}.audio-upload{display:flex;align-items:center;gap:9px;border:1px solid #e7ebdf;border-radius:7px;background:#fdfefb;padding:11px;margin-bottom:9px}.audio-upload>div{flex:1}.audio-upload strong{display:block;font-size:10px;font-weight:500}.audio-upload small{display:block;font-size:8px;color:#a3ad92;margin-top:2px}.audio-upload .audio-button{width:26px;height:26px}.upload-small{display:grid;place-items:center;background:#f3f6ec;border:1px solid #e1e8d8;border-radius:50%;width:26px;height:26px;color:#8ea171;cursor:pointer;position:relative}.upload-small:has(input:disabled){opacity:.4;cursor:not-allowed}.media-note{font-size:8px;color:#a4ae94;margin-top:13px;line-height:1.8}.preview-panel{position:sticky;top:20px}.preview-heading>span:first-child{display:flex;align-items:center;gap:6px;font-size:9px}.live-dot{height:5px;width:5px;border-radius:100%;background:#9aab7a}.preview-panel>select{width:100%;font-size:11px;padding:10px;margin-bottom:13px;background:#fff}.preview-panel>.secondary{margin-top:11px;font-size:10px}@media(max-width:1250px){.editor-panel{grid-column:2;grid-row:1}.preview-panel{grid-column:2;position:static}.preview-panel .flashcard{padding:25px 40px}.preview-panel .answer-image{height:160px}}@media(max-width:700px){.editor-panel,.preview-panel{width:100%;padding:22px}.preview-panel{padding:0}.form-fields label{font-size:11px}.form-fields input,.form-fields textarea,.form-fields select{font-size:16px;padding:10px}.editor-actions .primary,.editor-actions .secondary{font-size:11px}.preview-panel .flashcard{padding:25px}.preview-panel select{font-size:12px}.audio-upload strong{font-size:11px}.audio-upload small{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:700px){.hero{min-height:445px}.hero-copy{max-width:none}.hero-copy p{max-width:265px}.hero-art{width:140px;height:210px;top:221px;right:14px;opacity:1}.art-card.front{top:34px}.art-card.back{top:16px}.hero-art .float-note,.hero-art .decor-spark{display:none}}.pilot-strip{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:14px 18px;margin-bottom:15px;background:#edf3e7;border-radius:12px;color:#244b40;font-size:12px}.pilot-strip label{display:flex;align-items:center;gap:9px}.content-checklist{display:grid;gap:7px;padding:14px;background:#f4f7ef;border-radius:10px;margin-bottom:18px}.content-checklist small{font-size:11px;line-height:1.5;color:#65755b}.preview-panel.phone-preview .flashcard{max-width:360px;margin-inline:auto;height:490px}.image-editor-overlay,.image-zoom-overlay{position:fixed;inset:0;z-index:120;padding:22px;background:#173629db;display:grid;place-items:center;overflow:auto}.image-editor{width:min(500px,100%);max-height:94vh;overflow:auto;display:grid;gap:12px}.image-editor label{display:grid;gap:5px;font-size:12px}.image-editor canvas{width:100%;max-height:260px;object-fit:contain;background:#f2f5ef;border-radius:10px}.image-editor input[type=range]{width:100%;padding:0}.image-zoom-overlay img{max-width:95vw;max-height:80vh;object-fit:contain}.image-zoom-overlay>button{position:absolute;right:22px;top:22px}img[role=button]{cursor:zoom-in}.dashboard-lower.student-dashboard{grid-template-columns:minmax(0,1fr)}.flashcard{perspective:1500px;overflow:visible;padding:0!important;background:transparent;border:0;box-shadow:none;height:clamp(440px,64vh,600px)}.card-rotator{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.22,.68,.18,1)}.is-revealed .card-rotator{transform:rotateY(180deg)}.card-face{position:absolute;inset:0;border:1px solid #dfe5da;border-radius:22px;background:linear-gradient(145deg,#fff,#fafbf7);box-shadow:0 16px 38px #253c2910,0 3px 7px #253c2908;padding:28px;backface-visibility:hidden;-webkit-backface-visibility:hidden}.card-front{display:flex;flex-direction:column;align-items:center;justify-content:center}.card-front .flash-meta{position:absolute;top:27px;left:20px;right:20px}.card-front .flash-word{margin:12px 0 20px}.card-front .flash-image{width:100%;height:240px;flex-shrink:0}.card-front .answer-placeholder{margin-top:24px}.card-front .word-association-image{height:clamp(130px,22vh,185px);margin-top:16px}.card-front:has(.word-association-image) .answer-placeholder{margin-top:10px;padding-top:8px}.card-return{display:inline-flex;align-items:center;align-self:flex-end;gap:7px;padding:8px 12px;margin-bottom:16px;border:1px solid #d9e3d5;border-radius:9px;background:#f4f7f0;color:#244b40;font-size:12px;cursor:pointer}.card-return:hover{background:#e8efe2}.card-return:focus-visible{outline:2px solid #244b40;outline-offset:3px}.definition-panel{margin:12px 0;padding:12px 14px;border-left:3px solid #77915f;border-radius:0 9px 9px 0;background:#edf3e7}.definition-panel>small{color:#526945;font-size:9px;font-weight:700;letter-spacing:1px}.definition-panel .definition{margin:5px 0 0;font-size:16px;font-weight:500;line-height:1.6;color:#244b40}.card-back{transform:rotateY(180deg);overflow:auto;scrollbar-width:thin}.card-back .answer-content{margin:0;padding:0;border:0;min-height:100%;display:flex;flex-direction:column;justify-content:center}.card-back .answer-heading h3{font-size:32px}.card-back .answer-image{height:180px}.card-face[aria-hidden=true]{pointer-events:none}.admin-overlay{position:fixed;inset:0;z-index:80;background:#193b2dcc;display:grid;place-items:center;padding:20px}.admin-login{width:min(440px,100%);display:grid;gap:18px;box-shadow:0 20px 80px #0003}.admin-login label{display:grid;gap:10px}.admin-login input{width:100%}.admin-login small{line-height:1.6}@media(max-width:600px){.flashcard{height:490px}.card-face{padding:22px;border-radius:18px}.card-back .answer-image{height:155px}}@media(prefers-reduced-motion:reduce){.card-rotator{transition:none}}.learning-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 28px}.learning-tabs button{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--muted);padding:13px 18px;font-size:13px}.learning-tabs button.selected{color:var(--green);background:#edf2e7;border-color:#b8c8ad}.learning-tabs .free-study{margin-left:auto;font-size:11px}.hero-review{display:flex;align-items:center;gap:9px;margin-top:14px;padding:0;color:#edf2e7;background:none;border:none;font-size:12px}.lesson-kinds{display:flex;gap:7px;flex-wrap:wrap;margin:22px 0 20px}.lesson-kinds span{padding:8px 11px;background:#eef1e6;border-radius:20px;font-size:11px}.daily-setup .learn-intro>small{color:var(--muted);font-size:11px;line-height:1.8}.lesson-resume{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:22px 26px;margin-bottom:22px;background:#f2f4e9;border:1px solid #dce4ce;border-radius:14px}.lesson-resume>div{flex:1;min-width:180px}.lesson-resume p{font-size:12px;margin:7px 0;color:var(--muted);line-height:1.7}.lesson-actions{display:flex;gap:10px;margin-top:15px}.lesson-actions .primary{flex:1}.exercise-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:34px 38px;box-shadow:0 12px 35px #244b4005;text-align:center}.exercise-card h2{font-family:Georgia,serif;font-size:27px;font-weight:400;margin:18px 0 26px}.exercise-image{height:240px;margin:0 0 26px}.exercise-image img{width:100%;height:100%;object-fit:contain;border-radius:10px;cursor:zoom-in}.exercise-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.exercise-choices button{background:#fafbf7;border:1px solid #e0e6d9;color:var(--green);border-radius:10px;min-height:58px;padding:14px;font-size:18px;font-family:Georgia,serif;overflow-wrap:anywhere}.exercise-choices button:hover:not(:disabled){background:#edf2e5;border-color:#9cad87}.exercise-choices button:disabled{opacity:1}.exercise-choices .answer-correct{background:#ecf5e9;border-color:#86a878}.exercise-choices .answer-wrong{background:#faeeee;border-color:#cf9b9b;color:#9c4545}.listen-prompt{display:flex;flex-direction:column;align-items:center;gap:22px;margin:35px 0}.listen-prompt>svg{color:#acb69e}.listen-prompt .audio-button{width:78px;height:78px;background:#eef3e5;color:var(--green)}.listen-prompt .audio-button svg{width:30px;height:30px}.listen-prompt>span{font-size:12px;color:var(--muted);max-width:300px;line-height:1.8}.write-prompt{font-family:Georgia,serif;font-size:34px;margin:40px 0}.cloze-prompt{margin:35px 0 30px;line-height:1.7}.cloze-prompt p{font-family:Georgia,serif;font-size:23px}.cloze-prompt mark{color:var(--green);background:#eef2e7;border-radius:4px;padding:2px 5px}.cloze-prompt small{color:var(--muted);font-size:12px}.exercise-form{display:flex;flex-direction:column;gap:12px}.exercise-form input{width:100%;font-size:19px;padding:17px;text-align:center}.exercise-form .primary{justify-content:center}.exercise-feedback{margin-top:25px;text-align:left;border-top:1px solid var(--line);padding-top:24px}.exercise-feedback h3{display:flex;align-items:center;gap:9px;font-size:15px;margin:0 0 15px}.exercise-feedback.correct h3{color:#527a44}.exercise-feedback.wrong h3{color:#a66b43}.exercise-feedback>p{font-size:13px;margin:10px 0}.feedback-word{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:23px 0 12px}.feedback-word strong{font-family:Georgia,serif;font-size:25px;font-weight:400}.feedback-word>span{font-size:13px;color:var(--muted);flex:1}.feedback-example{display:flex;align-items:center;gap:12px;padding:15px;background:#f6f7ef;border-radius:9px;margin-bottom:20px}.feedback-example>div{flex:1}.feedback-example p{font-size:14px;margin:0 0 7px;line-height:1.6}.feedback-example small{font-size:12px;color:var(--muted);line-height:1.6}.lesson-mistakes{max-width:400px;margin:24px auto;text-align:left}.lesson-mistakes h3{font-size:13px;font-weight:500;margin-bottom:15px}.lesson-mistakes>div{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.lesson-mistakes strong{font-size:16px;font-weight:500}.lesson-mistakes span{flex:1;color:var(--muted);font-size:12px}.lesson-done>.muted{margin:24px 0;line-height:1.8}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:700px){.learning-tabs{gap:6px;margin-bottom:23px}.learning-tabs button{flex:1;justify-content:center;font-size:12px;padding:12px 8px}.learning-tabs .free-study{flex-basis:100%;background:transparent;border:none;padding:7px}.exercise-card{padding:26px 20px;border-radius:14px}.exercise-card h2{font-size:23px;line-height:1.4}.exercise-image{height:200px}.exercise-choices{gap:9px}.exercise-choices button{font-size:17px;min-height:55px}.lesson-actions{flex-direction:column}.lesson-actions button{justify-content:center}.daily-lesson .study-progress{font-size:10px;gap:8px}.lesson-resume{padding:18px;gap:12px}.cloze-prompt p{font-size:21px;overflow-wrap:anywhere}.exercise-feedback h3{font-size:13px;line-height:1.6}}.personal-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;border:1px solid #e1e7d9;background:#f0f3e9;border-radius:14px;padding:24px;margin:0 0 30px}.personal-progress>div{display:flex;flex-direction:column;gap:8px}.personal-progress small{color:var(--muted);font-size:11px}.personal-progress strong{font-family:Georgia,serif;font-size:27px;font-weight:400}.personal-progress span{color:var(--muted);font-size:10px;line-height:1.6}.personal-progress>button{grid-column:1 / -1;justify-self:start}.favorite-button{display:inline-flex;align-items:center;gap:7px;background:transparent;color:#8b927f;border:1px solid #e4e8de;border-radius:8px;padding:9px 12px;font-size:11px}.favorite-button.is-favorite{background:#f7f1dc;border-color:#e7d9a7;color:#9b8143}.study-word-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}.study-word-tools>span{color:var(--muted);font-size:11px}.daily-lesson .study-word-tools{justify-content:flex-end}.personal-word-filters{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0 23px}.personal-word-filters button{border:1px solid var(--line);border-radius:20px;background:#fff;color:var(--muted);padding:10px 15px;font-size:12px}.personal-word-filters button.selected{background:#eaf1e4;color:var(--green);border-color:#bbcfaa}.word-learning-state{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:13px 0 10px}.word-learning-state>span{border-radius:4px;background:#f1f4ea;color:#839572;padding:4px 6px;font-size:9px}.word-learning-state>small{color:var(--muted);font-size:9px}.tile-content .word-review-details{font-size:10px;line-height:1.8;color:var(--muted);margin:8px 0 13px}.word-review-details small{display:block;font-size:9px}.daily-target-line{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:17px 20px;background:#edf2e5;border:1px solid #dce5d1;border-radius:10px;margin-bottom:22px;color:#627c51;font-size:12px}.daily-target-line>span{display:flex;align-items:center;gap:9px}.lesson-review-dates{max-width:400px;text-align:left;margin:24px auto}.lesson-review-dates h3{font-size:13px;font-weight:500}.lesson-review-dates>div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:12px 0}.lesson-review-dates strong{font-weight:500;font-size:14px}.lesson-review-dates span{color:var(--muted);font-size:12px}.offline-pack-info{display:flex;flex-direction:column;gap:7px;margin:18px 0}.offline-pack-info strong{font-size:12px;font-weight:500}.offline-pack-info span{font-size:11px;color:var(--muted)}.offline-download-progress{display:flex;flex-direction:column;gap:9px;margin-top:18px;font-size:11px;color:var(--muted)}.offline-download-progress progress{width:100%;height:8px;accent-color:var(--green)}.offline-panel .text-button{margin:13px 0}@media(max-width:700px){.personal-progress{grid-template-columns:repeat(2,1fr);padding:20px;gap:22px 15px}.personal-progress strong{font-size:24px}.daily-target-line{font-size:11px;padding:15px}.study-word-tools{flex-wrap:wrap}.personal-word-filters button{font-size:11px;padding:10px 12px}.favorite-button{min-height:38px}}