:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#202020;color:#f5f4f1}*{box-sizing:border-box}body{margin:0;min-height:100svh}main{min-height:100svh;display:flex;align-items:center;justify-content:center;padding:200px 24px}.sentence{font-size:clamp(22px,3.1vw,36px);line-height:1.35;text-align:center;max-width:100%;white-space:pre-wrap}button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}button:focus-visible{outline:1px solid #c2c0b8;outline-offset:5px;border-radius:3px}.word-area{position:relative;display:inline-block}.word{padding:0;position:relative;line-height:inherit;transition:color .3s}.word:after{content:'';position:absolute;bottom:-4px;height:1px;left:0;right:0;background:#78776e;opacity:.5}.choices{position:absolute;left:50%;transform:translateX(-50%);min-width:150px;z-index:2;display:flex;flex-direction:column;align-items:stretch;background:#202020}.choices[hidden]{display:none}.above{bottom:100%;padding-bottom:16px}.below{top:100%;padding-top:16px}.choices button{color:#858580;line-height:1.35;padding:4px 14px;transition:color .15s,background .15s}.choices button:hover,.choices button:focus-visible{color:#f5f4f1;background:#292929}.above:after,.below:before{position:absolute;left:50%;transform:translateX(-50%);font-size:12px;color:#a6a59e;line-height:14px}.above:after{content:'▵';bottom:0}.below:before{content:'▿';top:0}.word.flash{animation:flash .8s ease-out}@keyframes flash{0%{color:#cdd9ad;text-shadow:0 0 18px #cad9a355}100%{color:#f5f4f1;text-shadow:none}}footer{position:fixed;bottom:28px;left:32px;right:32px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#888880}#undo{font-size:17px;padding:10px 0}#undo span{font-size:12px;margin-left:6px}#undo:disabled{opacity:.3;cursor:default}.count{font-size:11px;letter-spacing:2px}.hint{color:#73736d}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:540px){main{padding:185px 22px}.sentence{max-width:340px;line-height:1.7}.choices{font-size:25px;min-width:120px}.choices button{min-height:44px}.above{padding-bottom:13px}.below{padding-top:13px}footer{left:22px;right:22px;bottom:18px}.hint{font-size:10px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.sentence{--sentence-color:#f5f4f1;color:var(--sentence-color);transition:color .2s}.sentence.is-learned{--sentence-color:#a8d7a7}.is-learned .word:after{background:#a8d7a7}.choices{color:#f5f4f1}@keyframes flash{0%{color:#d2e7b7;text-shadow:0 0 18px #cad9a355}100%{color:var(--sentence-color);text-shadow:none}}.learn-control{position:fixed;right:32px;bottom:100px;display:flex;flex-direction:column;align-items:center;gap:8px;color:#8b8b83;font-size:11px}#learned{width:50px;height:50px;border:1px solid #60765f;border-radius:50%;display:grid;place-items:center;color:#8dad89;background:#252c25;transition:background .2s,color .2s}#learned:hover{background:#303d30}#learned[aria-pressed=true]{background:#c4e5c0;color:#428e42;border-color:#c4e5c0}#learned svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}#learned[aria-pressed=true]+span{color:#a8d7a7}#save-error{position:fixed;bottom:60px;left:24px;right:100px;font-size:12px;color:#e0c39c;max-width:420px}@media(max-width:540px){.learn-control{right:24px;bottom:100px}}@media(max-height:520px){.learn-control{bottom:65px;right:20px}main{padding-top:155px;padding-bottom:155px}}
[hidden]{display:none!important}
body.in-menu{background:#141414}
.menu-screen{min-height:100svh;display:flex;justify-content:center;align-items:center;padding:64px 24px}
.menu-content{width:100%;max-width:486px;position:relative}
.menu-content header{text-align:center;margin-bottom:36px}
.menu-content h1{font-size:clamp(27px,4vw,38px);font-weight:500;letter-spacing:-.8px;margin:0 0 12px;outline:none}
.menu-content header p{font-size:21px;color:#969696;margin:0}
.menu-list{display:flex;flex-direction:column;gap:16px}
.menu-card{display:flex;align-items:center;min-height:94px;width:100%;border:1px solid #555;border-radius:26px;padding:18px 26px;text-align:left;transition:background .18s,color .18s,border-color .18s}
.menu-card strong{font-size:38px;min-width:110px;text-align:center;line-height:1.15;padding-right:22px}
.course-copy{display:flex;flex-direction:column;gap:6px;border-left:1px solid #777;padding-left:26px;font-size:23px;letter-spacing:-.4px}
.course-copy small{font-size:17px;color:#a0a0a0;letter-spacing:0}
.menu-list:not(:has(.menu-card:hover)):not(:has(.menu-card:focus-visible)) .menu-card:first-child,.menu-card:hover,.menu-card:focus-visible{background:#f5f5f5;color:#111;border-color:#f5f5f5}
.menu-card:hover small,.menu-card:focus-visible small,.menu-list:not(:has(.menu-card:hover)):not(:has(.menu-card:focus-visible)) .menu-card:first-child small{color:#737373}
.menu-back{display:block;color:#999;font-size:14px;padding:12px 0;margin-bottom:28px}
.menu-back:hover,.lesson-nav button:hover{color:white}
.lesson-list{gap:10px}.lesson-list .menu-card{min-height:56px;justify-content:center;border-radius:18px;padding:14px;font-size:20px}
.lesson-nav{position:absolute;top:28px;left:32px;right:32px;display:flex;align-items:center;justify-content:space-between;color:#999;font-size:13px;gap:16px}
.lesson-nav #undo{font-size:13px;padding:6px 8px;white-space:nowrap}
.lesson-nav #lesson-location{display:none!important}
footer{display:none!important}
.lesson-nav button{padding:10px 0}.lesson-nav span{white-space:nowrap}
@media(max-width:540px){.menu-screen{padding:40px 22px}.menu-content header{margin-bottom:28px}.menu-content header p{font-size:18px}.menu-card{min-height:83px;padding:16px;border-radius:22px}.menu-card strong{font-size:32px;min-width:83px;padding-right:16px}.course-copy{padding-left:19px;font-size:19px}.course-copy small{font-size:14px}.menu-list{gap:13px}.lesson-list{gap:9px}.lesson-nav{left:22px;right:22px;top:15px;font-size:12px}.lesson-nav #undo{font-size:12px;padding:4px 6px}}
.editor-entry{justify-content:center;font-size:24px}.editor-screen{min-height:100svh;padding:44px 24px 80px}.editor-content{max-width:720px;margin:auto}.editor-content header{margin:24px 0 36px}.editor-content h1{font-size:36px;font-weight:500;outline:none;margin:0 0 12px}.editor-content header p,.muted{color:#929292;line-height:1.6;font-size:14px}.editor-content h2{font-size:22px;font-weight:500;margin-top:42px}.editor-content label{display:block;font-size:16px;margin:26px 0 12px}.editor-content textarea{width:100%;resize:vertical;border:1px solid #555;border-radius:16px;background:#202020;color:#f5f4f1;padding:18px;font:inherit;line-height:1.6}.editor-content textarea:focus{outline:1px solid #ddd}.primary,.secondary{border-radius:14px;padding:14px 22px;font-size:15px;min-height:48px}.primary{background:#f5f5f5;color:#171717}.secondary{border:1px solid #666;background:#242424}.primary:hover{background:#ddd}.secondary:hover{background:#333}.editor-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.token-picker{white-space:pre-wrap;line-height:2.4;background:#202020;padding:20px;border-radius:16px;min-height:85px;color:#999}.token{color:#eee;border-bottom:1px solid #777;padding:2px 4px;line-height:1.6;border-radius:4px}.token.has-variants{border-bottom:2px solid #eee}.token.selected{background:#eee;color:#111}.custom-row{border:1px solid #484848;border-radius:20px;padding:22px;margin:14px 0}.custom-row p{font-size:19px;line-height:1.6;overflow-wrap:anywhere;margin:0}.text-button{color:#aaa;padding:12px}.empty-library{padding:30px 0;color:#999;line-height:1.6}#editor-message{color:#d5c39f;line-height:1.5}#editor-message:empty{display:none}#variant-panel{margin-top:22px;border-left:2px solid #777;padding-left:20px}.sentence{overflow-wrap:anywhere}.choices{max-height:34svh;overflow-y:auto;overscroll-behavior:contain}@media(max-width:540px){.editor-screen{padding:24px 20px 60px}.editor-content h1{font-size:28px}.editor-actions>*{flex:1}.custom-row{padding:18px}}

/* Keep Arabic words and their vowel marks together, with natural reading order. */
.sentence:dir(rtl),.token-picker:dir(rtl){font-family:Tahoma,Arial,sans-serif;line-height:1.9}
.word-area,.token{unicode-bidi:isolate}
.sentence:dir(rtl){direction:rtl;unicode-bidi:plaintext;-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}
.sentence:dir(rtl) .word{-webkit-user-select:text!important;user-select:text!important;-webkit-touch-callout:default;touch-action:auto}
.sentence:dir(rtl) .word{cursor:pointer}
.sentence:dir(rtl) .choices,.sentence:dir(rtl) .choices button{-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none;touch-action:manipulation}
.choices button{white-space:nowrap}
.editor-content textarea[dir=auto]{text-align:start}
.token-picker:dir(rtl){text-align:right}

.sentence{font-size:calc(clamp(22px,3.1vw,36px) * var(--reading-scale,1))}
.sentence .choices{font-size:inherit;min-width:max-content}
.font-controls{position:absolute;right:32px;top:100px;display:flex;align-items:center;border:1px solid #494949;border-radius:12px;overflow:hidden;color:#b9b9b3;background:#242424;z-index:3}
.font-controls button{min-width:44px;height:44px;padding:8px 12px;font-size:18px}
.font-controls button:hover:not(:disabled){background:#353535;color:#fff}
.font-controls button:disabled{opacity:.3;cursor:default}
.font-controls button:focus-visible{outline-offset:-4px}
#font-reset{font-size:12px;min-width:58px;border-left:1px solid #414141;border-right:1px solid #414141}
@media(max-width:540px){.font-controls{top:80px;right:22px}.sentence{max-width:100%}}

.custom-row{position:relative}.custom-row>p{margin-right:44px}
.delete-lesson{position:absolute;right:10px;top:10px;width:44px;height:44px;display:grid;place-items:center;color:#969696;border-radius:10px}
.delete-lesson:hover{color:#ef9c9c;background:#342424}.delete-lesson svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#delete-dialog,#trash-dialog{width:min(460px,calc(100vw - 40px));max-height:85svh;overflow:auto;background:#202020;color:#eee;border:1px solid #555;border-radius:22px;padding:26px}
#delete-dialog::backdrop,#trash-dialog::backdrop{background:#000b}#delete-dialog h2,#trash-dialog h2{margin:0 0 14px;font-size:24px;font-weight:500}
#delete-description,#trash-dialog-description{color:#aaa;font-size:14px;line-height:1.6}#delete-sentence,#trash-dialog-sentence{padding:16px;background:#292929;border-radius:12px;overflow-wrap:anywhere;line-height:1.7}
.danger-button{background:#c45d5d;color:white;border-radius:14px;padding:14px 22px;min-height:48px;font-size:15px}.danger-button:hover{background:#d16b6b}#delete-error,#trash-dialog-error{color:#ffb3b3;font-size:14px;line-height:1.5}

#note-button{position:relative;width:50px;height:44px;display:grid;place-items:center;color:#b4b4af;border-radius:10px;margin-bottom:12px}
#note-button:hover,#note-button.has-note{color:#f5f4f1;background:#303030}
#note-button svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.note-dot{position:absolute;right:6px;top:5px;width:6px;height:6px;border-radius:50%;background:#e9e9e0}
#note-dialog,#note-view-dialog{width:min(520px,calc(100vw - 32px));max-height:85svh;overflow:auto;background:#202020;color:#eee;border:1px solid #555;border-radius:22px;padding:26px}
#note-dialog::backdrop,#note-view-dialog::backdrop{background:#000b}#note-dialog h2,#note-view-dialog h2{margin:0 0 16px;font-size:24px;font-weight:500}
#note-sentence,#note-view-sentence{padding:14px;background:#292929;border-radius:12px;line-height:1.7;overflow-wrap:anywhere}
#note-dialog label{display:block;margin:20px 0 12px;font-size:14px;color:#bbb}
#note-input{width:100%;resize:vertical;min-height:120px;border:1px solid #666;border-radius:12px;padding:14px;background:#171717;color:#eee;font:inherit;line-height:1.6;text-align:start}
#note-input:focus{outline:1px solid #ddd}#note-error{color:#ffb3b3;font-size:14px;line-height:1.5}
#note-save:disabled{opacity:.4;cursor:default}
#note-view-text{min-height:120px;margin-top:18px;padding:16px;border:1px solid #4e4e4e;border-radius:14px;background:#171717;color:#f1f0ec;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;text-align:start}

#quick-edit-button,#copy-button{width:50px;height:44px;display:grid;place-items:center;color:#b4b4af;border-radius:10px}
#quick-edit-button:hover,#copy-button:hover{color:#f5f4f1;background:#303030}
#quick-edit-button svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#copy-button svg{grid-area:1/1;width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#copy-button .copy-check{display:none;stroke-width:2.7}
#copy-button.copied{color:#a8d7a7;background:#283328}
#copy-button.copied .copy-icon{display:none}
#copy-button.copied .copy-check{display:block}
@media(max-width:540px){#note-dialog,#note-view-dialog{padding:20px}.learn-control{gap:8px}#note-button{margin-bottom:8px}}

.theme-switch{position:fixed;right:32px;top:26px;z-index:20;display:flex;border:1px solid #494949;border-radius:12px;overflow:hidden;background:#242424;color:#a9a9a4}
.theme-switch button{width:44px;height:42px;display:grid;place-items:center}.theme-switch button+button{border-left:1px solid #414141}
.theme-switch button[aria-pressed=true]{background:#f1f0eb;color:#171717}.theme-switch button:hover:not([aria-pressed=true]){background:#333;color:#fff}
.theme-switch svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#lesson-screen .lesson-nav{right:144px}
:root[data-theme=light]{color-scheme:light;background:#f4f3ee;color:#20201e}
[data-theme=light] body,[data-theme=light] body.in-menu{background:#f4f3ee}
[data-theme=light] .theme-switch{border-color:#bbb9b1;background:#fff;color:#74736e;box-shadow:0 2px 12px #0000000c}
[data-theme=light] .theme-switch button+button{border-color:#d5d3cc}
[data-theme=light] .theme-switch button[aria-pressed=true]{background:#242421;color:#fff}
[data-theme=light] .theme-switch button:hover:not([aria-pressed=true]){background:#e6e4dd;color:#222}
[data-theme=light] .menu-card{border-color:#aaa8a0;background:#fff;color:#242421}
[data-theme=light] .menu-card:hover,[data-theme=light] .menu-card:focus-visible{background:#242421;color:#fff;border-color:#242421}
[data-theme=light] .menu-back,[data-theme=light] .lesson-nav,[data-theme=light] footer,[data-theme=light] .hint,[data-theme=light] .muted,[data-theme=light] .editor-content header p{color:#706f69}
[data-theme=light] .menu-back:hover,[data-theme=light] .lesson-nav button:hover{color:#111}
[data-theme=light] .sentence{--sentence-color:#22221f}
[data-theme=light] .sentence.is-learned{--sentence-color:#397c43}
[data-theme=light] .choices{background:#f4f3ee;color:#22221f}
[data-theme=light] .choices button{color:#74736e}
[data-theme=light] .choices button:hover,[data-theme=light] .choices button:focus-visible{color:#111;background:#e5e3dc}
[data-theme=light] .word:after{background:#77756e}
[data-theme=light] .font-controls{border-color:#bbb9b1;color:#66645f;background:#fff}
[data-theme=light] .font-controls button:hover:not(:disabled){background:#e6e4dd;color:#111}
[data-theme=light] #font-reset{border-color:#d5d3cc}
[data-theme=light] #learned{border-color:#8db394;color:#397c43;background:#e9f3e9}
[data-theme=light] #learned:hover{background:#dbeadb}
[data-theme=light] #learned[aria-pressed=true]{background:#397c43;color:#fff;border-color:#397c43}
[data-theme=light] #note-button{color:#676660}
[data-theme=light] #quick-edit-button,[data-theme=light] #copy-button{color:#676660}
[data-theme=light] #quick-edit-button:hover,[data-theme=light] #copy-button:hover{color:#111;background:#e3e1da}
[data-theme=light] #copy-button.copied{color:#397c43;background:#e0eee1}
[data-theme=light] #note-button:hover,[data-theme=light] #note-button.has-note{color:#111;background:#e3e1da}
[data-theme=light] .note-dot{background:#35342f}
[data-theme=light] .editor-content textarea,[data-theme=light] #note-input{background:#fff;color:#20201e;border-color:#aaa8a0}
[data-theme=light] .token-picker{background:#e9e7e0;color:#6c6a64}
[data-theme=light] .token{color:#252521;border-color:#77756e}
[data-theme=light] .token.has-variants{border-color:#22221f}
[data-theme=light] .token.selected{background:#242421;color:#fff}
[data-theme=light] .custom-row{background:#fff;border-color:#c2c0b8;box-shadow:0 2px 10px #00000008}
[data-theme=light] .text-button,[data-theme=light] .empty-library{color:#6c6a64}
[data-theme=light] .primary{background:#242421;color:#fff}
[data-theme=light] .primary:hover{background:#3c3b37}
[data-theme=light] .secondary{background:#fff;border-color:#aaa8a0;color:#242421}
[data-theme=light] .secondary:hover{background:#e9e7e0}
[data-theme=light] .delete-lesson{color:#77756e}
[data-theme=light] .delete-lesson:hover{color:#a83f3f;background:#f9e4e4}
[data-theme=light] #delete-dialog,[data-theme=light] #trash-dialog,[data-theme=light] #note-dialog,[data-theme=light] #note-view-dialog{background:#f7f6f2;color:#22221f;border-color:#aaa8a0}
[data-theme=light] #delete-dialog::backdrop,[data-theme=light] #trash-dialog::backdrop,[data-theme=light] #note-dialog::backdrop,[data-theme=light] #note-view-dialog::backdrop{background:#0007}
[data-theme=light] #delete-description,[data-theme=light] #trash-dialog-description,[data-theme=light] #note-dialog label{color:#686761}
[data-theme=light] #delete-sentence,[data-theme=light] #trash-dialog-sentence,[data-theme=light] #note-sentence,[data-theme=light] #note-view-sentence{background:#e9e7e0}
[data-theme=light] #note-view-text{background:#fff;color:#20201e;border-color:#aaa8a0}
[data-theme=light] #variant-panel{border-color:#aaa8a0}
[data-theme=light] button:focus-visible,[data-theme=light] textarea:focus{outline-color:#55534d}
@media(max-width:540px){.theme-switch{right:22px;top:14px}.theme-switch button{width:40px;height:40px}#lesson-screen .lesson-nav{right:118px}.font-controls{top:80px}}

html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.sentence,.word-area,.word,.choices,.choices button,.token-picker,.token{touch-action:pan-y}

.settings-button{position:fixed;left:32px;bottom:28px;z-index:10;width:48px;height:48px;display:grid;place-items:center;color:#8e8e88;border:1px solid transparent;border-radius:50%;transition:color .18s,background .18s,border-color .18s}
.settings-button:hover,.settings-button:focus-visible{color:#f5f4f1;background:#292929;border-color:#484848}
.settings-button svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
[data-theme=light] .settings-button{color:#77756f}
[data-theme=light] .settings-button:hover,[data-theme=light] .settings-button:focus-visible{color:#22221f;background:#e5e3dc;border-color:#c7c4bc}
@media(max-width:540px){.settings-button{left:20px;bottom:72px;width:46px;height:46px}}

#settings-dialog,#import-dialog,#replace-import-dialog{width:min(620px,calc(100vw - 32px));max-height:88svh;overflow:auto;background:#202020;color:#eee;border:1px solid #555;border-radius:22px;padding:26px}
#settings-dialog::backdrop,#import-dialog::backdrop,#replace-import-dialog::backdrop{background:#000b}
#settings-dialog h2,#import-dialog h2,#replace-import-dialog h2{margin:0 0 18px;font-size:25px;font-weight:500}
.settings-section h3{font-size:20px;font-weight:500;margin:0 0 8px}
.settings-section>p,#import-summary,#replace-import-description{color:#aaa;font-size:14px;line-height:1.6}
.transfer-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}
.transfer-card{min-height:142px;padding:20px;text-align:left;border:1px solid #505050;border-radius:18px;background:#252525;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.transfer-card:hover,.transfer-card:focus-visible{background:#303030;border-color:#777}
.transfer-card strong{font-size:21px;font-weight:500}
.transfer-card small{color:#aaa;font-size:13px;line-height:1.55}
#settings-status{min-height:22px;margin:18px 0 0;color:#a8d7a7;font-size:14px;line-height:1.5}
#settings-status:empty{display:none}#settings-status.is-error,#import-error{color:#ffb3b3}
.import-choice-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-top:22px}
.danger-outline{border:1px solid #9a5555;color:#efabab;background:#2b2020;border-radius:14px;padding:14px 22px;min-height:48px;font-size:15px}
.danger-outline:hover{background:#3b2626;color:#ffc0c0}
[data-theme=light] #settings-dialog,[data-theme=light] #import-dialog,[data-theme=light] #replace-import-dialog{background:#f7f6f2;color:#22221f;border-color:#aaa8a0}
[data-theme=light] #settings-dialog::backdrop,[data-theme=light] #import-dialog::backdrop,[data-theme=light] #replace-import-dialog::backdrop{background:#0007}
[data-theme=light] .settings-section>p,[data-theme=light] #import-summary,[data-theme=light] #replace-import-description{color:#686761}
[data-theme=light] .transfer-card{background:#fff;border-color:#bbb9b1;color:#242421}
[data-theme=light] .transfer-card:hover,[data-theme=light] .transfer-card:focus-visible{background:#e9e7e0;border-color:#88867f}
[data-theme=light] .transfer-card small{color:#686761}
[data-theme=light] #settings-status{color:#397c43}
[data-theme=light] #settings-status.is-error,[data-theme=light] #import-error{color:#a83f3f}
[data-theme=light] .danger-outline{background:#fff4f4;color:#a83f3f;border-color:#c87b7b}
[data-theme=light] .danger-outline:hover{background:#f9e4e4;color:#8d2e2e}
@media(max-width:540px){#settings-dialog,#import-dialog,#replace-import-dialog{padding:20px}.transfer-actions{grid-template-columns:1fr}.transfer-card{min-height:112px}.import-choice-actions .primary,.import-choice-actions .danger-outline{width:100%}}

.sentence-navigation{position:fixed;left:50%;bottom:78px;transform:translateX(-50%);z-index:4;display:flex;align-items:center;gap:28px;color:#aaa9a3}
.sentence-navigation button{width:72px;height:48px;display:grid;place-items:center;border-radius:13px;transition:color .18s,background .18s,opacity .18s}
.sentence-navigation button:hover:not(:disabled){color:#f5f4f1;background:#2d2d2d}
.sentence-navigation button:disabled{opacity:.2;cursor:default}
.sentence-navigation svg{width:64px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
[data-theme=light] .sentence-navigation{color:#65645f}
[data-theme=light] .sentence-navigation button:hover:not(:disabled){color:#171714;background:#e4e2db}
@media(max-width:540px){.sentence-navigation{bottom:70px;gap:20px}.sentence-navigation button{width:66px;height:46px}.sentence-navigation svg{width:58px}}
@media(max-height:520px){.sentence-navigation{bottom:52px;gap:16px}.sentence-navigation button{height:42px}}

.study-actions{position:fixed;left:50%;bottom:148px;transform:translateX(-50%);z-index:4;width:min(520px,calc(100vw - 220px));display:flex;flex-direction:column;gap:12px}
.mixing-button,.reset-sentence-button{width:100%;padding:14px 24px;border:1px solid #55534f;border-radius:18px;background:#292929;color:#f5f4f1;font-size:18px;font-weight:500;letter-spacing:.2px;box-shadow:0 5px 18px #0002;transition:background .18s,border-color .18s,transform .12s}
.mixing-button{min-height:66px}
.reset-sentence-button{min-height:52px;background:#232323;color:#c7c6c0;font-size:16px}
.mixing-button:hover,.mixing-button:focus-visible{background:#343434;border-color:#807e77}
.reset-sentence-button:hover,.reset-sentence-button:focus-visible{background:#303030;color:#f5f4f1;border-color:#74726c}
.mixing-button:active,.reset-sentence-button:active{transform:scale(.985)}
[data-theme=light] .mixing-button,[data-theme=light] .reset-sentence-button{background:#fff;color:#242421;border-color:#aaa8a0;box-shadow:0 4px 16px #0000000d}
[data-theme=light] .reset-sentence-button{background:#f4f3ef;color:#5f5e58}
[data-theme=light] .mixing-button:hover,[data-theme=light] .mixing-button:focus-visible,[data-theme=light] .reset-sentence-button:hover,[data-theme=light] .reset-sentence-button:focus-visible{background:#ebe9e3;border-color:#7d7b74;color:#242421}
@media(max-width:540px){.study-actions{bottom:138px;width:calc(100vw - 190px);gap:10px}.mixing-button{min-height:64px}.reset-sentence-button{min-height:50px}.mixing-button,.reset-sentence-button{padding:12px 18px;border-radius:17px}.mixing-button{font-size:17px}.reset-sentence-button{font-size:15px}}
@media(max-height:520px){.study-actions{bottom:104px;gap:8px}.mixing-button{min-height:50px}.reset-sentence-button{min-height:42px}.mixing-button,.reset-sentence-button{padding:9px 16px}}

.home-menu{display:flex;flex-direction:column}
.continue-section{margin-top:34px}
.continue-section h2{margin:0 0 12px;font-size:14px;font-weight:500;color:#92928d;letter-spacing:.2px}
.continue-card{width:100%;min-height:94px;display:grid;grid-template-columns:minmax(0,1fr) 42px;align-items:center;gap:14px;padding:18px 18px 18px 22px;text-align:left;border:1px solid #4c4c4c;border-radius:22px;background:#1b1b1b;transition:background .18s,border-color .18s}
.continue-card:hover,.continue-card:focus-visible{background:#262626;border-color:#747474}
.continue-copy{min-width:0;display:flex;flex-direction:column;gap:8px}
.continue-copy strong{font-size:18px;font-weight:500;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere;text-align:start}
.continue-copy small{font-size:13px;color:#91918b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.continue-arrow{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#2d2d2d;color:#d7d6d0;font-size:22px}
[data-theme=light] .continue-section h2{color:#77756e}
[data-theme=light] .continue-card{background:#fff;border-color:#bbb9b1;color:#242421;box-shadow:0 2px 10px #00000008}
[data-theme=light] .continue-card:hover,[data-theme=light] .continue-card:focus-visible{background:#eeece6;border-color:#8f8d86}
[data-theme=light] .continue-copy small{color:#706f69}
[data-theme=light] .continue-arrow{background:#e7e5de;color:#33322e}
@media(max-width:540px){.continue-section{margin-top:28px}.continue-card{min-height:88px;padding:16px 15px 16px 18px;border-radius:20px}.continue-copy strong{font-size:16px}.continue-arrow{width:36px;height:36px}}

/* Personal folders */
.library-toolbar{display:flex;gap:12px;flex-wrap:wrap}.library-toolbar button{min-width:190px}
.editor-content select{width:100%;min-height:52px;border:1px solid #555;border-radius:14px;background:#202020;color:#f5f4f1;padding:0 44px 0 16px;font:inherit;appearance:auto}
.editor-content select:focus{outline:1px solid #ddd;outline-offset:1px}
#category-list{display:flex;flex-direction:column;gap:12px}
.category-row{position:relative;border:1px solid #484848;border-radius:20px;overflow:hidden;background:#1d1d1d;transition:border-color .18s,background .18s}
.category-row:hover{border-color:#686868;background:#242424}
.category-open{width:100%;min-height:88px;display:grid;grid-template-columns:52px minmax(0,1fr) 22px;align-items:center;gap:15px;padding:17px 116px 17px 20px;text-align:left}
.category-row:first-child .category-open{padding-right:20px}
.trash-row .category-open{padding-right:20px}
.trash-row .folder-icon{color:#d8aaa5;background:#332525}
.folder-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#2c2c2c;color:#d2d0c8}
.folder-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.category-copy{min-width:0;display:flex;flex-direction:column;gap:7px}.category-copy strong{font-size:18px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-copy small{color:#999;font-size:13px}
.category-arrow{font-size:29px;color:#777;line-height:1;text-align:right}
.category-actions{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;gap:3px}
.category-icon-button{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;color:#92928d}
.category-icon-button:hover{background:#343434;color:#f0efea}.category-icon-button.is-danger:hover{background:#3a2626;color:#ef9c9c}
.category-icon-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#category-dialog,#delete-category-dialog{width:min(480px,calc(100vw - 32px));max-height:88svh;overflow:auto;background:#202020;color:#eee;border:1px solid #555;border-radius:22px;padding:26px}
#category-dialog::backdrop,#delete-category-dialog::backdrop{background:#000b}
#category-dialog h2,#delete-category-dialog h2{margin:0 0 18px;font-size:24px;font-weight:500}
#category-dialog label{display:block;margin:0 0 11px;color:#bbb;font-size:14px}
#category-name{width:100%;min-height:52px;border:1px solid #666;border-radius:13px;padding:0 15px;background:#171717;color:#eee;font:inherit}
#category-name:focus{outline:1px solid #ddd}
#category-error,#delete-category-error{color:#ffb3b3;font-size:14px;line-height:1.5}
#delete-category-description{color:#aaa;font-size:14px;line-height:1.6}
#delete-category-name{padding:15px 16px;border-radius:12px;background:#292929;overflow-wrap:anywhere}
[data-theme=light] .editor-content select{background:#fff;color:#20201e;border-color:#aaa8a0}
[data-theme=light] .category-row{background:#fff;border-color:#c2c0b8;box-shadow:0 2px 10px #00000008}
[data-theme=light] .category-row:hover{background:#f0eee8;border-color:#99978f}
[data-theme=light] .folder-icon{background:#e9e7e0;color:#4d4c47}
[data-theme=light] .trash-row .folder-icon{background:#f7e5e3;color:#a64c46}
[data-theme=light] .category-copy small,[data-theme=light] .category-arrow{color:#77756e}
[data-theme=light] .category-icon-button{color:#77756e}
[data-theme=light] .category-icon-button:hover{background:#dfddd6;color:#22221f}
[data-theme=light] .category-icon-button.is-danger:hover{background:#f9e4e4;color:#a83f3f}
[data-theme=light] #category-dialog,[data-theme=light] #delete-category-dialog{background:#f7f6f2;color:#22221f;border-color:#aaa8a0}
[data-theme=light] #category-dialog::backdrop,[data-theme=light] #delete-category-dialog::backdrop{background:#0007}
[data-theme=light] #category-dialog label,[data-theme=light] #delete-category-description{color:#686761}
[data-theme=light] #category-name{background:#fff;color:#20201e;border-color:#aaa8a0}
[data-theme=light] #delete-category-name{background:#e9e7e0}
[data-theme=light] #category-error,[data-theme=light] #delete-category-error{color:#a83f3f}
@media(max-width:540px){.library-toolbar{display:block}.library-toolbar button{width:100%;min-width:0}.category-open{min-height:80px;grid-template-columns:45px minmax(0,1fr) 16px;gap:12px;padding:14px 100px 14px 14px}.category-row:first-child .category-open,.trash-row .category-open{padding-right:14px}.folder-icon{width:43px;height:43px;border-radius:12px}.folder-icon svg{width:24px;height:24px}.category-copy strong{font-size:16px}.category-actions{right:8px}.category-icon-button{width:39px;height:39px}#category-dialog,#delete-category-dialog{padding:20px}}

/* Trash */
.trash-item>p{margin-right:0}.trash-meta{display:block;margin-top:8px;color:#999;font-size:13px}.trash-item .editor-actions{margin-top:18px}
[data-theme=light] .trash-meta{color:#706f69}
.data-loss-warning{margin:24px 0 0;color:#ff7770;font-size:14px;font-weight:600;line-height:1.6}
[data-theme=light] .data-loss-warning{color:#b42318}

/* Reading font */
@font-face{font-family:WICArabicSans;src:url("fonts/wic-arabic-sans.woff") format("woff");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:WICArabicAmiri;src:url("fonts/wic-arabic-amiri.woff") format("woff");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:WICArabicKufi;src:url("fonts/wic-arabic-kufi.woff") format("woff");font-style:normal;font-weight:400;font-display:swap}
:root{--reading-font:Arial,Helvetica,sans-serif;--reading-font-rtl:WICArabicSans,Tahoma,Arial,sans-serif}
:root[data-reading-font=classic]{--reading-font:Georgia,"Times New Roman",serif;--reading-font-rtl:WICArabicAmiri,"Times New Roman",Tahoma,serif}
:root[data-reading-font=soft]{--reading-font:"Trebuchet MS",Arial,sans-serif;--reading-font-rtl:WICArabicKufi,Tahoma,Arial,sans-serif}
.sentence{font-family:var(--reading-font)}
.sentence:dir(rtl){font-family:var(--reading-font-rtl)}
.continue-copy strong,.custom-row>p,.token-picker,#delete-sentence,#trash-dialog-sentence,#note-sentence,#note-view-sentence{font-family:var(--reading-font)}
.continue-copy strong:dir(rtl),.custom-row>p:dir(rtl),.token-picker:dir(rtl),#delete-sentence:dir(rtl),#trash-dialog-sentence:dir(rtl),#note-sentence:dir(rtl),#note-view-sentence:dir(rtl){font-family:var(--reading-font-rtl)}
.font-settings{padding-bottom:26px;margin-bottom:26px;border-bottom:1px solid #454545}
.font-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}
.font-option{min-width:0;min-height:104px;padding:13px 8px;border:1px solid #505050;border-radius:16px;background:#252525;color:#b8b7b1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;transition:background .18s,border-color .18s,color .18s}
.font-option:hover{background:#303030;border-color:#777;color:#f3f2ed}
.font-option[aria-pressed=true]{background:#f1f0eb;border-color:#f1f0eb;color:#191918}
.font-sample{font-size:25px;line-height:1;white-space:nowrap}.font-name{font-size:12px}
.font-option[data-reading-font-option=normal] .font-sample{font-family:WICArabicSans,Arial,Tahoma,sans-serif}
.font-option[data-reading-font-option=classic] .font-sample{font-family:WICArabicAmiri,Georgia,"Times New Roman",serif}
.font-option[data-reading-font-option=soft] .font-sample{font-family:WICArabicKufi,"Trebuchet MS",Arial,Tahoma,sans-serif}
[data-theme=light] .font-settings{border-color:#d2d0c8}
[data-theme=light] .font-option{background:#fff;border-color:#bbb9b1;color:#62615b}
[data-theme=light] .font-option:hover{background:#e9e7e0;border-color:#88867f;color:#22221f}
[data-theme=light] .font-option[aria-pressed=true]{background:#242421;border-color:#242421;color:#fff}
@media(max-width:420px){.font-options{gap:7px}.font-option{min-height:96px;padding:11px 5px}.font-sample{font-size:22px}.font-name{font-size:11px}}

/* Three-stage study status */
#learned[data-state]{transition:none}
#learned[data-state=check]{border-color:#676762;color:#aaa9a3;background:#292929}
#learned[data-state=check]:hover{background:#343434}
#learned[data-state=check]+span{color:#8b8b83}
#learned[data-state=read]{border-color:#e0ac34;color:#3b2c06;background:#e0ac34}
#learned[data-state=read]:hover{background:#edbd4e}
#learned[data-state=read]+span{color:#e0b64d}
#learned[data-state=learned]{background:#c4e5c0;color:#428e42;border-color:#c4e5c0}
#learned[data-state=learned]+span{color:#a8d7a7}
[data-theme=light] #learned[data-state=check]{border-color:#aaa8a0;color:#706f69;background:#efeee9}
[data-theme=light] #learned[data-state=check]:hover{background:#e2e0da}
[data-theme=light] #learned[data-state=check]+span{color:#77756e}
[data-theme=light] #learned[data-state=read]{border-color:#d8a326;color:#382b08;background:#e5b743}
[data-theme=light] #learned[data-state=read]:hover{background:#edc55f}
[data-theme=light] #learned[data-state=read]+span{color:#9a6c00}
[data-theme=light] #learned[data-state=learned]{background:#397c43;color:#fff;border-color:#397c43}
[data-theme=light] #learned[data-state=learned]+span{color:#397c43}

/* Reading counter */
#read-counter{width:50px;height:50px;display:grid;place-items:center;border:1px solid transparent;border-radius:50%;transition:background .18s,color .18s,border-color .18s,transform .12s}
#read-counter:active{transform:scale(.96)}
#read-count{display:block;font:700 15px/1 Arial,Helvetica,sans-serif;letter-spacing:-.2px}
#read-counter[data-tier=gray]{color:#aaa9a3;background:#292929;border-color:#676762}
#read-counter[data-tier=gray]:hover{background:#343434}
#read-counter[data-tier=yellow]{color:#3b2c06;background:#e0ac34;border-color:#e0ac34}
#read-counter[data-tier=yellow]:hover{background:#edbd4e}
#read-counter[data-tier=green]{color:#428e42;background:#c4e5c0;border-color:#c4e5c0}
#read-counter[data-tier=green]:hover{background:#d2edcf}
#read-counter[data-tier=purple]{color:#5b367f;background:#c9ade9;border-color:#c9ade9}
#read-counter[data-tier=purple]:hover{background:#d6bfef}
[data-theme=light] #read-counter[data-tier=gray]{color:#706f69;background:#efeee9;border-color:#aaa8a0}
[data-theme=light] #read-counter[data-tier=gray]:hover{background:#e2e0da}
[data-theme=light] #read-counter[data-tier=yellow]{color:#382b08;background:#e5b743;border-color:#e5b743}
[data-theme=light] #read-counter[data-tier=yellow]:hover{background:#edc55f}
[data-theme=light] #read-counter[data-tier=green]{color:#fff;background:#397c43;border-color:#397c43}
[data-theme=light] #read-counter[data-tier=green]:hover{background:#478d51}
[data-theme=light] #read-counter[data-tier=purple]{color:#fff;background:#805cab;border-color:#805cab}
[data-theme=light] #read-counter[data-tier=purple]:hover{background:#906cb8}

/* Full interface themes */
.theme-indicator{position:fixed;right:32px;top:26px;z-index:20;min-width:104px;height:42px;padding:0 14px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #494949;border-radius:12px;background:#242424;color:#aaa9a3;font-size:12px;cursor:pointer;transition:background .18s,color .18s,border-color .18s}
.theme-indicator:hover{background:#303030;color:#f3f2ed;border-color:#6a6964}
.theme-indicator-mark{width:9px;height:9px;border-radius:50%;background:#9a9993;box-shadow:0 0 0 3px #30302f}
[data-theme=light] .theme-indicator{background:#fff;color:#65645f;border-color:#bbb9b1;box-shadow:0 2px 12px #0000000c}
[data-theme=light] .theme-indicator:hover{background:#eceae3;color:#22221f;border-color:#918f88}
[data-theme=light] .theme-indicator-mark{background:#f0c65b;box-shadow:0 0 0 3px #f5edd8}
.theme-settings{padding-bottom:26px;margin-bottom:26px;border-bottom:1px solid #454545}
.theme-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px}
.theme-option{min-width:0;min-height:116px;padding:10px;border:1px solid #505050;border-radius:16px;background:#252525;color:#b8b7b1;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:10px;transition:background .18s,border-color .18s,color .18s}
.theme-option:hover{background:#303030;border-color:#777;color:#f3f2ed}
.theme-option[aria-pressed=true]{background:#f1f0eb;border-color:#f1f0eb;color:#191918}
.theme-name{text-align:center;font-size:12px;white-space:nowrap}
.theme-preview{position:relative;display:block;height:58px;overflow:hidden;border-radius:8px;border:1px solid #595959;background:#171717}
.theme-preview:before{content:'';position:absolute;left:8px;right:8px;top:8px;height:8px;border-radius:4px;background:#4b4b4b}
.theme-preview i{position:absolute;left:8px;right:8px;top:23px;bottom:8px;border:1px solid #555;border-radius:5px;background:#292929}
.theme-preview-light{background:#f4f3ee;border-color:#c6c4bd}
.theme-preview-light:before{background:#d8d5cd}
.theme-preview-light i{background:#fff;border-color:#b9b7b0}
.theme-preview-win98{border-radius:0;border-color:#000;background:#008080}
.theme-preview-win98:before{left:9px;right:9px;top:8px;height:10px;border-radius:0;background:#000080;z-index:1}
.theme-preview-win98 i{left:8px;right:8px;top:7px;bottom:7px;border-radius:0;border:2px solid;border-color:#fff #404040 #404040 #fff;background:#c0c0c0}
.theme-preview-xp{border-color:#16408f;background:linear-gradient(180deg,#4aa9ed 0 62%,#6cc447 63%,#268426 100%)}
.theme-preview-xp:before{left:8px;right:8px;top:7px;height:11px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#5aa9ff,#0755d7 70%,#003cad);z-index:1}
.theme-preview-xp i{left:8px;right:8px;top:7px;bottom:7px;border:2px solid #0c56d6;border-radius:7px;background:#ece9d8}
[data-theme=light] .theme-settings{border-color:#d2d0c8}
[data-theme=light] .theme-option{background:#fff;border-color:#bbb9b1;color:#62615b}
[data-theme=light] .theme-option:hover{background:#e9e7e0;border-color:#88867f;color:#22221f}
[data-theme=light] .theme-option[aria-pressed=true]{background:#242421;border-color:#242421;color:#fff}
@media(max-width:540px){.theme-indicator{right:22px;top:14px;min-width:96px;height:40px;padding:0 11px}#lesson-screen .lesson-nav{right:130px}.theme-options{gap:7px}.theme-option{min-height:104px;padding:7px}.theme-preview{height:52px}.theme-name{font-size:11px}}

/* Windows 98 */
:root[data-theme=win98]{color-scheme:light;font-family:Tahoma,"MS Sans Serif",Arial,sans-serif;background:#008080;color:#000}
[data-theme=win98] body,[data-theme=win98] body.in-menu{background:#008080;color:#000}
[data-theme=win98] button,[data-theme=win98] input,[data-theme=win98] select,[data-theme=win98] textarea{font-family:Tahoma,"MS Sans Serif",Arial,sans-serif}
[data-theme=win98] button:focus-visible,[data-theme=win98] textarea:focus,[data-theme=win98] input:focus,[data-theme=win98] select:focus{outline:1px dotted #000;outline-offset:-4px;border-radius:0}
[data-theme=win98] .theme-indicator{min-width:112px;height:34px;top:10px;right:10px;padding:3px 8px;border:2px solid;border-color:#fff #404040 #404040 #fff;border-radius:0;background:#c0c0c0;color:#000;box-shadow:inset 1px 1px #dfdfdf,inset -1px -1px #808080;font-weight:700}
[data-theme=win98] .theme-indicator:hover{background:#c0c0c0;color:#000;border-color:#fff #404040 #404040 #fff}
[data-theme=win98] .theme-indicator:active{border-color:#404040 #fff #fff #404040;box-shadow:inset 1px 1px #808080}
[data-theme=win98] .theme-indicator-mark{width:14px;height:14px;border-radius:0;background:#008080;box-shadow:inset 1px 1px #004c4c,inset -1px -1px #fff}
[data-theme=win98] .menu-screen{padding:62px 18px 70px}
[data-theme=win98] .menu-content,[data-theme=win98] .editor-content{width:100%;max-width:720px;padding:4px 10px 12px;border:2px solid;border-color:#fff #404040 #404040 #fff;background:#c0c0c0;box-shadow:inset 1px 1px #dfdfdf,inset -1px -1px #808080}
[data-theme=win98] .menu-content{max-width:520px}
[data-theme=win98] .menu-content:before,[data-theme=win98] .editor-content:before{content:'Words in Context';display:block;margin:-1px -7px 12px;padding:5px 7px;background:#000080;color:#fff;font-size:13px;font-weight:700;line-height:1.2;text-align:left}
[data-theme=win98] .editor-content:before{content:'Words in Context — Editor'}
[data-theme=win98] .menu-card,[data-theme=win98] .continue-card,[data-theme=win98] .primary,[data-theme=win98] .secondary,[data-theme=win98] .danger-outline,[data-theme=win98] .danger-button,[data-theme=win98] .mixing-button,[data-theme=win98] .reset-sentence-button,[data-theme=win98] .transfer-card,[data-theme=win98] .category-row,[data-theme=win98] .font-option,[data-theme=win98] .theme-option{border:2px solid;border-color:#fff #404040 #404040 #fff;border-radius:0;background:#c0c0c0;color:#000;box-shadow:inset 1px 1px #dfdfdf,inset -1px -1px #808080}
[data-theme=win98] .menu-card:hover,[data-theme=win98] .menu-card:focus-visible,[data-theme=win98] .continue-card:hover,[data-theme=win98] .continue-card:focus-visible,[data-theme=win98] .primary:hover,[data-theme=win98] .secondary:hover,[data-theme=win98] .danger-outline:hover,[data-theme=win98] .danger-button:hover,[data-theme=win98] .mixing-button:hover,[data-theme=win98] .reset-sentence-button:hover,[data-theme=win98] .transfer-card:hover,[data-theme=win98] .category-row:hover,[data-theme=win98] .font-option:hover,[data-theme=win98] .theme-option:hover{background:#c0c0c0;color:#000;border-color:#fff #404040 #404040 #fff}
[data-theme=win98] .menu-card:active,[data-theme=win98] .continue-card:active,[data-theme=win98] .primary:active,[data-theme=win98] .secondary:active,[data-theme=win98] .mixing-button:active,[data-theme=win98] .reset-sentence-button:active,[data-theme=win98] .theme-option:active{border-color:#404040 #fff #fff #404040;box-shadow:inset 1px 1px #808080;transform:none}
[data-theme=win98] .theme-option[aria-pressed=true],[data-theme=win98] .font-option[aria-pressed=true]{border-color:#404040 #fff #fff #404040;background:#fff;color:#000;box-shadow:inset 1px 1px #808080}
[data-theme=win98] .continue-section h2,[data-theme=win98] .continue-copy small,[data-theme=win98] .category-copy small,[data-theme=win98] .trash-meta,[data-theme=win98] .muted,[data-theme=win98] .editor-content header p,[data-theme=win98] .settings-section>p,[data-theme=win98] #import-summary,[data-theme=win98] #replace-import-description,[data-theme=win98] .empty-library{color:#404040}
[data-theme=win98] .continue-arrow,[data-theme=win98] .folder-icon{border:2px solid;border-color:#fff #404040 #404040 #fff;border-radius:0;background:#c0c0c0;color:#000}
[data-theme=win98] .settings-button{left:12px;bottom:12px;width:44px;height:36px;border:2px solid;border-color:#fff #404040 #404040 #fff;border-radius:0;background:#c0c0c0;color:#000;box-shadow:inset 1px 1px #dfdfdf,inset -1px -1px #808080}
[data-theme=win98] .settings-button:hover,[data-theme=win98] .settings-button:focus-visible{background:#c0c0c0;color:#000;border-color:#fff #404040 #404040 #fff}
[data-theme=win98] .settings-button:active{border-color:#404040 #fff #fff #404040;box-shadow:inset 1px 1px #808080}
[data-theme=win98] .editor-screen{padding:62px 18px 70px}
[data-theme=win98] .editor-content h1,[data-theme=win98] .editor-content h2{font-weight:700}
[data-theme=win98] .menu-back,[data-theme=win98] .lesson-nav,[data-theme=win98] footer,[data-theme=win98] .hint,[data-theme=win98] .text-button{color:#000}
[data-theme=win98] .menu-back:hover,[data-theme=win98] .lesson-nav button:hover{color:#000}
[data-theme=win98] .custom-row{border:2px solid;border-color:#808080 #fff #fff #808080;border-radius:0;background:#fff;color:#000;box-shadow:inset 1px 1px #404040}
[data-theme=win98] .editor-content textarea,[data-theme=win98] #note-input,[data-theme=win98] #category-name,[data-theme=win98] .editor-content select,[data-theme=win98] .token-picker,[data-theme=win98] #note-view-text{border:2px solid;border-color:#404040 #fff #fff #404040;border-radius:0;background:#fff;color:#000;box-shadow:inset 1px 1px #808080}
[data-theme=win98] .token{color:#000;border-color:#000;border-radius:0}
[data-theme=win98] .token.selected{background:#000080;color:#fff}
[data-theme=win98] .delete-lesson,[data-theme=win98] .category-icon-button{border-radius:0;color:#000}
[data-theme=win98] .delete-lesson:hover,[data-theme=win98] .category-icon-button:hover,[data-theme=win98] .category-icon-button.is-danger:hover{background:#000080;color:#fff}
[data-theme=win98] #settings-dialog,[data-theme=win98] #import-dialog,[data-theme=win98] #replace-import-dialog,[data-theme=win98] #delete-dialog,[data-theme=win98] #trash-dialog,[data-theme=win98] #note-dialog,[data-theme=win98] #note-view-dialog,[data-theme=win98] #category-dialog,[data-theme=win98] #delete-category-dialog{background:#c0c0c0;color:#000;border:2px solid;border-color:#fff #404040 #404040 #fff;border-radius:0;padding:5px 12px 14px;box-shadow:inset 1px 1px #dfdfdf,inset -1px -1px #808080}
[data-theme=win98] #settings-dialog::backdrop,[data-theme=win98] #import-dialog::backdrop,[data-theme=win98] #replace-import-dialog::backdrop,[data-theme=win98] #delete-dialog::backdrop,[data-theme=win98] #trash-dialog::backdrop,[data-theme=win98] #note-dialog::backdrop,[data-theme=win98] #note-view-dialog::backdrop,[data-theme=win98] #category-dialog::backdrop,[data-theme=win98] #delete-category-dialog::backdrop{background:#0008}
[data-theme=win98] #settings-dialog>h2,[data-theme=win98] #import-dialog>h2,[data-theme=win98] #replace-import-dialog>h2,[data-theme=win98] #delete-dialog>h2,[data-theme=win98] #trash-dialog>h2,[data-theme=win98] #note-dialog>h2,[data-theme=win98] #note-view-dialog>h2,[data-theme=win98] #category-dialog>h2,[data-theme=win98] #delete-category-dialog>h2{margin:0 0 12px;padding:5px 7px;background:#000080;color:#fff;font-size:14px;font-weight:700}
[data-theme=win98] .theme-settings,[data-theme=win98] .font-settings{border-color:#808080}
[data-theme=win98] .transfer-card small{color:#404040}
[data-theme=win98] #delete-description,[data-theme=win98] #trash-dialog-description,[data-theme=win98] #note-dialog label,[data-theme=win98] #delete-category-description,[data-theme=win98] #category-dialog label{color:#000}
[data-theme=win98] #delete-sentence,[data-theme=win98] #trash-dialog-sentence,[data-theme=win98] #note-sentence,[data-theme=win98] #note-view-sentence,[data-theme=win98] #delete-category-name{border:2px solid;border-color:#808080 #fff #fff #808080;border-radius:0;background:#fff;color:#000}
[data-theme=win98] .lesson-nav{top:8px;left:10px;right:132px;height:36px;min-height:36px;padding:4px 8px;border:2px solid;border-color:#fff #404040 #404040 #fff;background:#c0c0c0;color:#000;box-shadow:inset 1px 1px #dfdfdf,inset -1px -1px #808080}
[data-theme=win98] .lesson-nav button{padding:0}
[data-theme=win98] .font-controls{top:64px;right:10px;border:2px solid;border-color:#fff #404040 #404040 #fff;border-radius:0;background:#c0c0c0;color:#000;box-shadow:inset 1px 1px #dfdfdf,inset -1px -1px #808080}
[data-theme=win98] .font-controls button:hover:not(:disabled){background:#000080;color:#fff}
[data-theme=win98] #font-reset{border-color:#808080}
[data-theme=win98] main{padding-top:170px;background:#008080}
[data-theme=win98] .sentence{--sentence-color:#000;max-width:min(780px,calc(100vw - 170px));padding:28px 34px;border:2px solid;border-color:#fff #404040 #404040 #fff;background:#c0c0c0;color:#000;box-shadow:inset 1px 1px #dfdfdf,inset -1px -1px #808080}
[data-theme=win98] .sentence.is-learned{--sentence-color:#006400}
[data-theme=win98] .choices{background:#c0c0c0;color:#000;border:2px solid;border-color:#fff #404040 #404040 #fff}
[data-theme=win98] .choices button{color:#000}
[data-theme=win98] .choices button:hover,[data-theme=win98] .choices button:focus-visible{background:#000080;color:#fff}
[data-theme=win98] .word:after{background:#000}
[data-theme=win98] .learn-control{color:#000}
[data-theme=win98] #quick-edit-button,[data-theme=win98] #copy-button,[data-theme=win98] #note-button,[data-theme=win98] #read-counter,[data-theme=win98] #learned{border:2px solid;border-color:#fff #404040 #404040 #fff;border-radius:0;background:#c0c0c0;color:#000;box-shadow:inset 1px 1px #dfdfdf,inset -1px -1px #808080}
[data-theme=win98] #quick-edit-button:hover,[data-theme=win98] #copy-button:hover,[data-theme=win98] #note-button:hover,[data-theme=win98] #note-button.has-note{background:#000080;color:#fff}
[data-theme=win98] #learned[data-state=read],[data-theme=win98] #read-counter[data-tier=yellow]{background:#e0ac34;color:#000}
[data-theme=win98] #learned[data-state=learned],[data-theme=win98] #read-counter[data-tier=green]{background:#008000;color:#fff}
[data-theme=win98] #read-counter[data-tier=purple]{background:#800080;color:#fff}
[data-theme=win98] .study-actions{bottom:92px}
[data-theme=win98] .mixing-button,[data-theme=win98] .reset-sentence-button{min-height:46px;border-radius:0;font-size:15px}
[data-theme=win98] .sentence-navigation{bottom:46px;color:#000}
[data-theme=win98] .sentence-navigation button{border-radius:0}
[data-theme=win98] .sentence-navigation button:hover:not(:disabled){background:#000080;color:#fff}
[data-theme=win98] footer{left:0;right:0;bottom:0;min-height:38px;padding:5px 12px;border-top:2px solid #fff;background:#c0c0c0;color:#000}
[data-theme=win98] .data-loss-warning{color:#b00000}
@media(max-width:540px){[data-theme=win98] .theme-indicator{right:6px;top:6px;min-width:104px;height:32px}[data-theme=win98] .menu-screen,[data-theme=win98] .editor-screen{padding:48px 8px 52px}[data-theme=win98] .menu-content,[data-theme=win98] .editor-content{padding:4px 8px 10px}[data-theme=win98] .lesson-nav{left:6px;right:116px;top:6px;height:32px;min-height:32px}[data-theme=win98] .font-controls{right:6px;top:64px}[data-theme=win98] main{padding:150px 12px 200px}[data-theme=win98] .sentence{max-width:calc(100vw - 86px);padding:20px 16px}[data-theme=win98] .learn-control{right:12px;bottom:130px}[data-theme=win98] .study-actions{bottom:198px;width:calc(100vw - 150px)}[data-theme=win98] .sentence-navigation{bottom:114px}[data-theme=win98] footer{padding:4px 8px}[data-theme=win98] .settings-button{bottom:72px}.theme-options{grid-template-columns:1fr}.theme-option{min-height:84px;display:grid;grid-template-columns:110px 1fr;align-items:center}.theme-name{text-align:left;font-size:12px}}

/* Windows XP */
:root[data-theme=xp]{color-scheme:light;font-family:Tahoma,"Trebuchet MS",Arial,sans-serif;background:#4ca8e8;color:#000}
[data-theme=xp] body,[data-theme=xp] body.in-menu{color:#000;background:radial-gradient(ellipse 90% 34% at 18% 100%,#79ce4c 0 54%,transparent 55%),radial-gradient(ellipse 105% 44% at 92% 100%,#32952e 0 54%,transparent 55%),linear-gradient(180deg,#3f9ee6 0%,#8cd4ff 66%,#65b83c 66%,#237c23 100%);background-attachment:fixed}
[data-theme=xp] button,[data-theme=xp] input,[data-theme=xp] select,[data-theme=xp] textarea{font-family:Tahoma,"Trebuchet MS",Arial,sans-serif}
[data-theme=xp] button:focus-visible,[data-theme=xp] textarea:focus,[data-theme=xp] input:focus,[data-theme=xp] select:focus{outline:2px solid #f4a000;outline-offset:2px}
[data-theme=xp] .theme-indicator{min-width:116px;height:38px;top:10px;right:10px;padding:3px 11px;border:1px solid #003caa;border-radius:7px;background:linear-gradient(180deg,#6ab4ff 0%,#176ce2 48%,#0751c7 100%);color:#fff;box-shadow:inset 0 1px #b9dcff,0 2px 5px #083d8b66;font-weight:700;text-shadow:0 1px #003c8f}
[data-theme=xp] .theme-indicator:hover{background:linear-gradient(180deg,#84c4ff 0%,#2780ee 48%,#0a5bd4 100%);color:#fff;border-color:#002f8c}
[data-theme=xp] .theme-indicator:active{background:linear-gradient(180deg,#0751c7,#2d7de5);box-shadow:inset 0 2px 3px #003786}
[data-theme=xp] .theme-indicator-mark{width:14px;height:14px;border-radius:3px;background:linear-gradient(135deg,#86db55,#2f982f);box-shadow:inset 0 1px #d4ffc0,0 0 0 1px #176817}
[data-theme=xp] .menu-screen,[data-theme=xp] .editor-screen{padding:66px 18px 76px}
[data-theme=xp] .menu-content,[data-theme=xp] .editor-content{width:100%;max-width:720px;padding:10px 12px 14px;border:3px solid #0759d3;border-radius:10px 10px 7px 7px;background:#ece9d8;color:#000;box-shadow:inset 0 0 0 1px #77a8ee,0 9px 25px #063a7666}
[data-theme=xp] .menu-content{max-width:540px}
[data-theme=xp] .menu-content:before,[data-theme=xp] .editor-content:before{content:'Words in Context';display:block;margin:-8px -10px 14px;padding:7px 10px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#62adff 0%,#0e68df 45%,#0051c8 75%,#166fe1 100%);color:#fff;font-size:14px;font-weight:700;line-height:1.2;text-align:left;text-shadow:1px 1px #003b93;box-shadow:inset 0 1px #baddff}
[data-theme=xp] .editor-content:before{content:'Words in Context — Editor'}
[data-theme=xp] .menu-card,[data-theme=xp] .continue-card,[data-theme=xp] .primary,[data-theme=xp] .secondary,[data-theme=xp] .danger-outline,[data-theme=xp] .danger-button,[data-theme=xp] .mixing-button,[data-theme=xp] .reset-sentence-button,[data-theme=xp] .transfer-card,[data-theme=xp] .category-row,[data-theme=xp] .font-option,[data-theme=xp] .theme-option{border:1px solid #003c74;border-radius:5px;background:linear-gradient(180deg,#fff 0%,#f8f8f2 45%,#e5e2d3 100%);color:#000;box-shadow:inset 1px 1px #fff,inset -1px -1px #aca899,0 1px 2px #0002}
[data-theme=xp] .menu-card:hover,[data-theme=xp] .continue-card:hover,[data-theme=xp] .primary:hover,[data-theme=xp] .secondary:hover,[data-theme=xp] .danger-outline:hover,[data-theme=xp] .danger-button:hover,[data-theme=xp] .mixing-button:hover,[data-theme=xp] .reset-sentence-button:hover,[data-theme=xp] .transfer-card:hover,[data-theme=xp] .category-row:hover,[data-theme=xp] .font-option:hover,[data-theme=xp] .theme-option:hover{border-color:#e68b2c;background:linear-gradient(180deg,#fffdf2,#fff1bd 55%,#f0c76c);color:#000}
[data-theme=xp] .menu-card:active,[data-theme=xp] .continue-card:active,[data-theme=xp] .primary:active,[data-theme=xp] .secondary:active,[data-theme=xp] .mixing-button:active,[data-theme=xp] .reset-sentence-button:active,[data-theme=xp] .theme-option:active{background:#d9e8fb;box-shadow:inset 1px 1px 3px #476b9b;transform:none}
[data-theme=xp] .theme-option[aria-pressed=true],[data-theme=xp] .font-option[aria-pressed=true]{border:2px solid #0759d3;background:#dbeaff;color:#003c74;box-shadow:inset 0 0 0 1px #fff}
[data-theme=xp] .continue-section h2,[data-theme=xp] .continue-copy small,[data-theme=xp] .category-copy small,[data-theme=xp] .trash-meta,[data-theme=xp] .muted,[data-theme=xp] .editor-content header p,[data-theme=xp] .settings-section>p,[data-theme=xp] #import-summary,[data-theme=xp] #replace-import-description,[data-theme=xp] .empty-library{color:#4b4b45}
[data-theme=xp] .continue-arrow{border:1px solid #003c74;border-radius:5px;background:linear-gradient(#fff,#dce8f7);color:#003c74}
[data-theme=xp] .folder-icon{border:1px solid #c29410;border-radius:6px;background:linear-gradient(145deg,#fff1a3,#f0c438);color:#0759d3;box-shadow:inset 0 1px #fff7ce}
[data-theme=xp] .settings-button{left:0;bottom:0;width:62px;height:44px;border:1px solid #176b1d;border-radius:0 14px 14px 0;background:linear-gradient(180deg,#75d35d,#2f9b36 55%,#14751e);color:#fff;box-shadow:inset 0 1px #c9f4bc,2px 0 5px #073b7b66;text-shadow:0 1px #155d19}
[data-theme=xp] .settings-button:hover,[data-theme=xp] .settings-button:focus-visible{border-color:#0f6015;background:linear-gradient(180deg,#8be474,#3caf43 55%,#1c8526);color:#fff}
[data-theme=xp] .editor-content h1,[data-theme=xp] .editor-content h2{color:#003399;font-weight:700}
[data-theme=xp] .menu-back,[data-theme=xp] .lesson-nav,[data-theme=xp] .hint,[data-theme=xp] .text-button{color:#003399}
[data-theme=xp] .custom-row{border:1px solid #7f9db9;border-radius:5px;background:#fff;color:#000;box-shadow:inset 1px 1px 2px #9a9a9a}
[data-theme=xp] .editor-content textarea,[data-theme=xp] #note-input,[data-theme=xp] #category-name,[data-theme=xp] .editor-content select,[data-theme=xp] .token-picker,[data-theme=xp] #note-view-text{border:1px solid #7f9db9;border-radius:3px;background:#fff;color:#000;box-shadow:inset 1px 1px 2px #b4b4b4}
[data-theme=xp] .token{color:#000;border-color:#3469b2}
[data-theme=xp] .token.selected{background:#316ac5;color:#fff}
[data-theme=xp] .delete-lesson,[data-theme=xp] .category-icon-button{color:#003399}
[data-theme=xp] .delete-lesson:hover,[data-theme=xp] .category-icon-button:hover{background:#316ac5;color:#fff}
[data-theme=xp] #settings-dialog,[data-theme=xp] #import-dialog,[data-theme=xp] #replace-import-dialog,[data-theme=xp] #delete-dialog,[data-theme=xp] #trash-dialog,[data-theme=xp] #note-dialog,[data-theme=xp] #note-view-dialog,[data-theme=xp] #category-dialog,[data-theme=xp] #delete-category-dialog{background:#ece9d8;color:#000;border:3px solid #0759d3;border-radius:9px;padding:7px 14px 16px;box-shadow:inset 0 0 0 1px #77a8ee,0 10px 28px #001f5d88}
[data-theme=xp] #settings-dialog::backdrop,[data-theme=xp] #import-dialog::backdrop,[data-theme=xp] #replace-import-dialog::backdrop,[data-theme=xp] #delete-dialog::backdrop,[data-theme=xp] #trash-dialog::backdrop,[data-theme=xp] #note-dialog::backdrop,[data-theme=xp] #note-view-dialog::backdrop,[data-theme=xp] #category-dialog::backdrop,[data-theme=xp] #delete-category-dialog::backdrop{background:#082d6277}
[data-theme=xp] #settings-dialog>h2,[data-theme=xp] #import-dialog>h2,[data-theme=xp] #replace-import-dialog>h2,[data-theme=xp] #delete-dialog>h2,[data-theme=xp] #trash-dialog>h2,[data-theme=xp] #note-dialog>h2,[data-theme=xp] #note-view-dialog>h2,[data-theme=xp] #category-dialog>h2,[data-theme=xp] #delete-category-dialog>h2{margin:0 -7px 14px;padding:7px 10px;border-radius:5px 5px 1px 1px;background:linear-gradient(180deg,#62adff,#075bd5 60%,#004bc0);color:#fff;font-size:15px;font-weight:700;text-shadow:1px 1px #003585}
[data-theme=xp] .theme-settings,[data-theme=xp] .font-settings{border-color:#aca899}
[data-theme=xp] .transfer-card small{color:#4b4b45}
[data-theme=xp] #delete-description,[data-theme=xp] #trash-dialog-description,[data-theme=xp] #note-dialog label,[data-theme=xp] #delete-category-description,[data-theme=xp] #category-dialog label{color:#000}
[data-theme=xp] #delete-sentence,[data-theme=xp] #trash-dialog-sentence,[data-theme=xp] #note-sentence,[data-theme=xp] #note-view-sentence,[data-theme=xp] #delete-category-name{border:1px solid #7f9db9;border-radius:3px;background:#fff;color:#000}
[data-theme=xp] .lesson-nav{top:8px;left:10px;right:150px;height:42px;min-height:42px;padding:6px 10px;border:2px solid #0759d3;border-radius:7px;background:#ece9d8;color:#003399;box-shadow:inset 0 1px #fff,0 2px 6px #063a7655}
[data-theme=xp] .lesson-nav button{padding:0}
[data-theme=xp] .font-controls{top:68px;right:10px;border:1px solid #003c74;border-radius:6px;background:linear-gradient(#fff,#e4e1d2);color:#003399;box-shadow:inset 1px 1px #fff,0 2px 5px #063a7644}
[data-theme=xp] .font-controls button:hover:not(:disabled){background:#316ac5;color:#fff}
[data-theme=xp] #font-reset{border-color:#aca899}
[data-theme=xp] main{padding-top:175px;background:transparent}
[data-theme=xp] .sentence{--sentence-color:#000;max-width:min(780px,calc(100vw - 170px));padding:30px 36px;border:2px solid #0759d3;border-radius:8px;background:#fff;color:#000;box-shadow:inset 0 0 0 1px #b7d4ff,0 8px 24px #063a7655}
[data-theme=xp] .sentence.is-learned{--sentence-color:#16851d}
[data-theme=xp] .choices{background:#fff;color:#000;border:1px solid #7f9db9;border-radius:4px;box-shadow:0 4px 10px #0004}
[data-theme=xp] .choices button{color:#000}
[data-theme=xp] .choices button:hover,[data-theme=xp] .choices button:focus-visible{background:#316ac5;color:#fff}
[data-theme=xp] .word:after{background:#3469b2}
[data-theme=xp] .learn-control{color:#fff;text-shadow:0 1px #164e84}
[data-theme=xp] #quick-edit-button,[data-theme=xp] #copy-button,[data-theme=xp] #note-button,[data-theme=xp] #read-counter,[data-theme=xp] #learned{border:1px solid #003c74;border-radius:7px;background:linear-gradient(#fff,#e5e2d3);color:#003399;box-shadow:inset 1px 1px #fff,0 2px 4px #063a7644}
[data-theme=xp] #quick-edit-button:hover,[data-theme=xp] #copy-button:hover,[data-theme=xp] #note-button:hover,[data-theme=xp] #note-button.has-note{background:#316ac5;color:#fff}
[data-theme=xp] #learned[data-state=read],[data-theme=xp] #read-counter[data-tier=yellow]{background:#f4c84c;color:#5b3b00}
[data-theme=xp] #learned[data-state=learned],[data-theme=xp] #read-counter[data-tier=green]{background:#3aa83f;color:#fff}
[data-theme=xp] #read-counter[data-tier=purple]{background:#8756aa;color:#fff}
[data-theme=xp] .study-actions{bottom:94px}
[data-theme=xp] .mixing-button,[data-theme=xp] .reset-sentence-button{min-height:48px;border-radius:7px;color:#003399;font-size:15px}
[data-theme=xp] .sentence-navigation{bottom:50px;color:#fff}
[data-theme=xp] .sentence-navigation button{border:1px solid #003c74;border-radius:6px;background:linear-gradient(#6eafff,#0759d3);color:#fff;box-shadow:inset 0 1px #baddff}
[data-theme=xp] .sentence-navigation button:hover:not(:disabled){background:linear-gradient(#fff3c8,#e6a641);color:#003399}
[data-theme=xp] footer{left:0;right:0;bottom:0;min-height:42px;padding:5px 12px;border-top:1px solid #003b99;background:linear-gradient(180deg,#2f85e8 0%,#0759d3 48%,#0347b7 100%);color:#fff;box-shadow:inset 0 1px #75b9ff;text-shadow:0 1px #003585}
[data-theme=xp] footer .hint,[data-theme=xp] footer #undo{color:#fff}
[data-theme=xp] .data-loss-warning{color:#c00000}
@media(max-width:540px){[data-theme=xp] .theme-indicator{right:7px;top:7px;min-width:108px;height:36px}[data-theme=xp] .menu-screen,[data-theme=xp] .editor-screen{padding:52px 9px 62px}[data-theme=xp] .menu-content,[data-theme=xp] .editor-content{padding:10px 10px 12px}[data-theme=xp] .lesson-nav{left:7px;right:122px;top:7px;height:36px;min-height:36px;padding:4px 7px}[data-theme=xp] .font-controls{right:7px;top:66px}[data-theme=xp] main{padding:155px 12px 202px}[data-theme=xp] .sentence{max-width:calc(100vw - 90px);padding:21px 17px}[data-theme=xp] .learn-control{right:12px;bottom:134px}[data-theme=xp] .study-actions{bottom:202px;width:calc(100vw - 154px)}[data-theme=xp] .sentence-navigation{bottom:118px}[data-theme=xp] footer{padding:5px 8px}[data-theme=xp] .settings-button{bottom:72px;width:58px;height:42px}}

/* Lexivo brand theme */
.theme-preview-lexivo{border-color:#bcdcf2;background:linear-gradient(135deg,#f8fcff,#ecfbf7)}
.theme-preview-lexivo:before{left:12px;right:auto;top:10px;width:35px;height:27px;border-radius:50% 50% 46% 50%;background:linear-gradient(135deg,#1487ff,#0b5feb);box-shadow:28px 2px 0 -1px #20bd97}
.theme-preview-lexivo i{left:12px;right:12px;top:auto;bottom:8px;height:7px;border:0;border-radius:4px;background:linear-gradient(90deg,#10295c 0 68%,#ffb82e 68%)}
.theme-option[data-theme-option=lexivo]{grid-column:1/-1}

:root[data-theme=lexivo]{color-scheme:light;font-family:Arial,Helvetica,sans-serif;background-color:#f7fbff;background-image:radial-gradient(circle at 4% 10%,#e4f2ff 0 11%,transparent 28%),radial-gradient(circle at 98% 92%,#ddf9f0 0 12%,transparent 29%),linear-gradient(145deg,#fbfdff 0%,#f5fbff 50%,#f2fcf8 100%);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;color:#10295c}
[data-theme=lexivo] body,[data-theme=lexivo] body.in-menu{min-height:100%;color:#10295c;background:transparent}
[data-theme=lexivo] button,[data-theme=lexivo] input,[data-theme=lexivo] select,[data-theme=lexivo] textarea{font-family:Arial,Helvetica,sans-serif}
[data-theme=lexivo] button:focus-visible,[data-theme=lexivo] textarea:focus,[data-theme=lexivo] input:focus,[data-theme=lexivo] select:focus{outline:3px solid #ffb82e;outline-offset:3px}
[data-theme=lexivo] .theme-indicator{min-width:116px;height:42px;top:22px;right:24px;padding:0 14px;border:1px solid #c8dff0;border-radius:15px;background:#fff;color:#10295c;box-shadow:0 8px 24px #105ea315;font-weight:700}
[data-theme=lexivo] .theme-indicator:hover{border-color:#1688f6;background:#f5fbff;color:#0d63d8}
[data-theme=lexivo] .theme-indicator-mark{position:relative;width:22px;height:17px;border-radius:0;background:transparent;box-shadow:none}
[data-theme=lexivo] .theme-indicator-mark:before,[data-theme=lexivo] .theme-indicator-mark:after{content:'';position:absolute;top:2px;width:14px;height:13px;border-radius:50% 50% 48% 50%}
[data-theme=lexivo] .theme-indicator-mark:before{left:0;background:linear-gradient(135deg,#188aff,#0b5feb)}
[data-theme=lexivo] .theme-indicator-mark:after{right:0;background:linear-gradient(135deg,#35d2aa,#10a982);opacity:.94}

[data-theme=lexivo] .menu-screen,[data-theme=lexivo] .editor-screen{padding:76px 24px 80px}
[data-theme=lexivo] .menu-content,[data-theme=lexivo] .editor-content{width:100%;padding:30px;border:1px solid #d5e7f4;border-radius:28px;background:#fff;box-shadow:0 18px 55px #103f7912}
[data-theme=lexivo] .menu-content{max-width:520px}
.home-brand{display:none}
[data-theme=lexivo] .home-brand{display:block;width:clamp(132px,34vw,180px);height:auto;margin:0 auto 24px;object-fit:contain}
[data-theme=lexivo] #editor-back{display:block;position:relative;z-index:2;color:#607797;opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform}
[data-theme=lexivo] #editor-back:hover{color:#0d6ce8}
[data-theme=lexivo] .editor-content h1,[data-theme=lexivo] .editor-content h2,[data-theme=lexivo] .settings-section h3{color:#10295c;font-weight:700}
[data-theme=lexivo] .menu-card,[data-theme=lexivo] .continue-card,[data-theme=lexivo] .primary,[data-theme=lexivo] .secondary,[data-theme=lexivo] .danger-outline,[data-theme=lexivo] .danger-button,[data-theme=lexivo] .mixing-button,[data-theme=lexivo] .reset-sentence-button,[data-theme=lexivo] .transfer-card,[data-theme=lexivo] .category-row,[data-theme=lexivo] .font-option,[data-theme=lexivo] .theme-option{border:1px solid #c9e1f2;border-radius:18px;background:#fff;color:#10295c;box-shadow:0 6px 20px #0d4a8210}
[data-theme=lexivo] .menu-card{min-height:100px;border:0;background:linear-gradient(115deg,#0d6df4,#15a2e3 52%,#19b990);color:#fff;box-shadow:0 14px 28px #106ed62e}
[data-theme=lexivo] .menu-card:hover,[data-theme=lexivo] .menu-card:focus-visible{background:linear-gradient(115deg,#0a62e1,#128ed2 52%,#12a77f);color:#fff;transform:translateY(-1px)}
[data-theme=lexivo] .continue-section h2,[data-theme=lexivo] .continue-copy small,[data-theme=lexivo] .category-copy small,[data-theme=lexivo] .trash-meta,[data-theme=lexivo] .muted,[data-theme=lexivo] .editor-content header p,[data-theme=lexivo] .settings-section>p,[data-theme=lexivo] #import-summary,[data-theme=lexivo] #replace-import-description,[data-theme=lexivo] .empty-library{color:#607797}
[data-theme=lexivo] .continue-card:hover,[data-theme=lexivo] .continue-card:focus-visible,[data-theme=lexivo] .transfer-card:hover,[data-theme=lexivo] .category-row:hover,[data-theme=lexivo] .font-option:hover,[data-theme=lexivo] .theme-option:hover{border-color:#3ca4f2;background:#f1f9ff;color:#10295c}
[data-theme=lexivo] .continue-arrow,[data-theme=lexivo] .folder-icon{background:linear-gradient(135deg,#e9f5ff,#e7fbf4);color:#0d71eb}
[data-theme=lexivo] .theme-option[aria-pressed=true],[data-theme=lexivo] .font-option[aria-pressed=true]{border:2px solid #0e72ef;background:linear-gradient(135deg,#eaf5ff,#e7fbf4);color:#10295c;box-shadow:0 0 0 3px #d7edff}
[data-theme=lexivo] .primary{border:0;background:linear-gradient(115deg,#0d6df4,#18b58e);color:#fff;font-weight:700}
[data-theme=lexivo] .primary:hover{background:linear-gradient(115deg,#0a5fd8,#0ea27c)}
[data-theme=lexivo] .secondary:hover{border-color:#1688f6;background:#eef8ff;color:#0d63d8}
[data-theme=lexivo] .danger-button{background:#d84f55;color:#fff;border-color:#d84f55}
[data-theme=lexivo] .danger-outline{background:#fff6f6;color:#b7353d;border-color:#efb6ba}
[data-theme=lexivo] .settings-button{left:24px;bottom:24px;width:52px;height:52px;border:0;border-radius:17px;background:linear-gradient(135deg,#0c72f5,#1bc19a);color:#fff;box-shadow:0 10px 24px #0d6ed334}
[data-theme=lexivo] .settings-button:hover,[data-theme=lexivo] .settings-button:focus-visible{background:linear-gradient(135deg,#075fd9,#10a984);color:#fff}

[data-theme=lexivo] .custom-row,[data-theme=lexivo] .editor-content textarea,[data-theme=lexivo] #note-input,[data-theme=lexivo] #category-name,[data-theme=lexivo] .editor-content select,[data-theme=lexivo] .token-picker,[data-theme=lexivo] #note-view-text{border:1px solid #c9ddec;background:#fff;color:#10295c;box-shadow:none}
[data-theme=lexivo] .token{color:#10295c;border-color:#7ca6c7}
[data-theme=lexivo] .token.has-variants{border-color:#0e72ef}
[data-theme=lexivo] .token.selected{background:#0e72ef;color:#fff}
[data-theme=lexivo] .delete-lesson,[data-theme=lexivo] .category-icon-button,[data-theme=lexivo] .text-button{color:#52718f}
[data-theme=lexivo] .delete-lesson:hover,[data-theme=lexivo] .category-icon-button.is-danger:hover{background:#fff0f1;color:#bf3e47}
[data-theme=lexivo] .category-icon-button:hover{background:#eaf6ff;color:#0d6dec}

[data-theme=lexivo] #settings-dialog,[data-theme=lexivo] #import-dialog,[data-theme=lexivo] #replace-import-dialog,[data-theme=lexivo] #delete-dialog,[data-theme=lexivo] #trash-dialog,[data-theme=lexivo] #note-dialog,[data-theme=lexivo] #note-view-dialog,[data-theme=lexivo] #category-dialog,[data-theme=lexivo] #delete-category-dialog{background:#fafdff;color:#10295c;border:1px solid #c9e1f2;border-radius:24px;box-shadow:0 22px 65px #103f7933}
[data-theme=lexivo] #settings-dialog::backdrop,[data-theme=lexivo] #import-dialog::backdrop,[data-theme=lexivo] #replace-import-dialog::backdrop,[data-theme=lexivo] #delete-dialog::backdrop,[data-theme=lexivo] #trash-dialog::backdrop,[data-theme=lexivo] #note-dialog::backdrop,[data-theme=lexivo] #note-view-dialog::backdrop,[data-theme=lexivo] #category-dialog::backdrop,[data-theme=lexivo] #delete-category-dialog::backdrop{background:#10295c66;backdrop-filter:blur(4px)}
[data-theme=lexivo] .theme-settings,[data-theme=lexivo] .font-settings{border-color:#d5e7f4}
[data-theme=lexivo] .transfer-card small,[data-theme=lexivo] #delete-description,[data-theme=lexivo] #trash-dialog-description,[data-theme=lexivo] #note-dialog label,[data-theme=lexivo] #delete-category-description,[data-theme=lexivo] #category-dialog label{color:#607797}
[data-theme=lexivo] #delete-sentence,[data-theme=lexivo] #trash-dialog-sentence,[data-theme=lexivo] #note-sentence,[data-theme=lexivo] #note-view-sentence,[data-theme=lexivo] #delete-category-name{background:#eef7ff;color:#10295c}

[data-theme=lexivo] .lesson-nav{top:22px;left:24px;right:164px;height:42px;min-height:42px;padding:0 15px;border:1px solid #c8dff0;border-radius:15px;background:#fff;color:#10295c;box-shadow:0 8px 24px #105ea312}
[data-theme=lexivo] .lesson-nav button{padding:0;color:#0e6ce8}
[data-theme=lexivo] .lesson-nav button:hover{color:#149f82}
[data-theme=lexivo] .font-controls{top:82px;right:24px;border:1px solid #c8dff0;border-radius:15px;background:#fff;color:#10295c;box-shadow:0 8px 24px #105ea312}
[data-theme=lexivo] .font-controls button:hover:not(:disabled){background:#eaf6ff;color:#0d6ce8}
[data-theme=lexivo] #font-reset{border-color:#d7e8f4}
[data-theme=lexivo] main{padding-top:170px;background:transparent}
[data-theme=lexivo] .sentence{--sentence-color:#10295c;max-width:min(780px,calc(100vw - 170px));padding:31px 38px;border:1px solid #c4dff2;border-radius:26px;background:#fff;color:#10295c;box-shadow:0 18px 45px #0b5d9f18}
[data-theme=lexivo] .sentence.is-learned{--sentence-color:#0b8e70}
[data-theme=lexivo] .word:after{height:2px;background:linear-gradient(90deg,#137cf4,#19b992);opacity:.62}
[data-theme=lexivo] .choices{padding:8px;background:#fff;color:#10295c;border:1px solid #c4dff2;border-radius:14px;box-shadow:0 12px 28px #0f4c7d24}
[data-theme=lexivo] .choices button{color:#54708f;border-radius:9px}
[data-theme=lexivo] .choices button:hover,[data-theme=lexivo] .choices button:focus-visible{background:linear-gradient(90deg,#e9f5ff,#e8fbf5);color:#0d6ce8}
[data-theme=lexivo] .learn-control{color:#52718f}
[data-theme=lexivo] #quick-edit-button,[data-theme=lexivo] #copy-button,[data-theme=lexivo] #note-button,[data-theme=lexivo] #read-counter,[data-theme=lexivo] #learned{border:1px solid #c4dff2;border-radius:15px;background:#fff;color:#0d6ce8;box-shadow:0 7px 20px #0b5d9f18}
[data-theme=lexivo] #read-counter,[data-theme=lexivo] #learned{border-radius:50%}
[data-theme=lexivo] #quick-edit-button:hover,[data-theme=lexivo] #copy-button:hover,[data-theme=lexivo] #note-button:hover,[data-theme=lexivo] #note-button.has-note{background:#e9f6ff;color:#075fd9}
[data-theme=lexivo] .note-dot{background:#ffb82e}
[data-theme=lexivo] #learned[data-state=check],[data-theme=lexivo] #read-counter[data-tier=gray]{border-color:#c4dff2;background:#fff;color:#54708f}
[data-theme=lexivo] #learned[data-state=check]+span{color:#607797}
[data-theme=lexivo] #learned[data-state=read],[data-theme=lexivo] #read-counter[data-tier=yellow]{border-color:#ffb82e;background:#ffca59;color:#5c3b00}
[data-theme=lexivo] #learned[data-state=read]+span{color:#a66a00}
[data-theme=lexivo] #learned[data-state=learned],[data-theme=lexivo] #read-counter[data-tier=green]{border-color:#18b58e;background:#18b58e;color:#fff}
[data-theme=lexivo] #learned[data-state=learned]+span{color:#0b8e70}
[data-theme=lexivo] #read-counter[data-tier=purple]{border-color:#8059b0;background:#8059b0;color:#fff}
[data-theme=lexivo] .mixing-button,[data-theme=lexivo] .reset-sentence-button{border:0;border-radius:18px;color:#fff;box-shadow:0 10px 24px #0d6ed326}
[data-theme=lexivo] .mixing-button{background:linear-gradient(100deg,#0d6df4,#15a4df 52%,#18b58e)}
[data-theme=lexivo] .reset-sentence-button{background:#fff;color:#0d6ce8;border:1px solid #c4dff2}
[data-theme=lexivo] .mixing-button:hover,[data-theme=lexivo] .mixing-button:focus-visible{background:linear-gradient(100deg,#085cd4,#128fce 52%,#0ea27c);color:#fff}
[data-theme=lexivo] .reset-sentence-button:hover,[data-theme=lexivo] .reset-sentence-button:focus-visible{background:#edf8ff;border-color:#1888f6;color:#075fd9}
[data-theme=lexivo] .sentence-navigation{color:#0d6ce8}
[data-theme=lexivo] .sentence-navigation button{border:1px solid #c4dff2;background:#fff;box-shadow:0 7px 20px #0b5d9f18}
[data-theme=lexivo] .sentence-navigation button:hover:not(:disabled){background:linear-gradient(135deg,#0d6df4,#18b58e);color:#fff}
[data-theme=lexivo] .data-loss-warning{color:#c62f38}

@media(max-width:540px){
  :root[data-theme=lexivo]{background-attachment:scroll}
  [data-theme=lexivo] .theme-indicator{right:8px;top:8px;min-width:108px;height:38px;padding:0 10px}
  [data-theme=lexivo] .menu-screen,[data-theme=lexivo] .editor-screen{padding:58px 10px 72px}
  [data-theme=lexivo] .menu-content,[data-theme=lexivo] .editor-content{padding:22px 18px;border-radius:22px}
  [data-theme=lexivo] .menu-content:before{font-size:30px;margin-bottom:20px}
  [data-theme=lexivo] .menu-content:after{top:15px;transform:translateX(44px)}
  [data-theme=lexivo] .lesson-nav{left:8px;right:124px;top:8px;height:38px;min-height:38px;padding:0 10px}
  [data-theme=lexivo] .font-controls{right:8px;top:66px}
  [data-theme=lexivo] main{padding:150px 12px 202px}
  [data-theme=lexivo] .sentence{max-width:calc(100vw - 92px);padding:22px 18px;border-radius:21px}
  [data-theme=lexivo] .learn-control{right:12px;bottom:134px}
  [data-theme=lexivo] .study-actions{bottom:202px;width:calc(100vw - 154px)}
  [data-theme=lexivo] .sentence-navigation{bottom:118px}
  [data-theme=lexivo] .settings-button{left:14px;bottom:72px;width:48px;height:48px}
  .theme-option[data-theme-option=lexivo]{grid-column:auto}
}

/* Main-menu project links */
.home-links{position:fixed;left:100px;right:24px;bottom:28px;z-index:9;width:min(520px,calc(100vw - 124px));margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.home-link{min-height:48px;padding:10px 16px;border:1px solid #555;border-radius:14px;background:#292929;color:#f5f4f1;font-size:15px;font-weight:700;box-shadow:0 6px 18px #0003;transition:background .18s,border-color .18s,transform .12s}
.home-link:hover,.home-link:focus-visible{background:#363636;border-color:#85837b}
.home-link:active{transform:scale(.985)}
[data-theme=light] .home-link{border-color:#aaa8a0;background:#fff;color:#242421;box-shadow:0 5px 16px #00000012}
[data-theme=light] .home-link:hover,[data-theme=light] .home-link:focus-visible{background:#e9e7e0;border-color:#85837c}
[data-theme=win98] .home-links{bottom:12px}
[data-theme=win98] .home-link{min-height:36px;padding:6px 10px;border:2px solid;border-color:#fff #404040 #404040 #fff;border-radius:0;background:#c0c0c0;color:#000;font-size:14px;box-shadow:inset 1px 1px #dfdfdf,inset -1px -1px #808080}
[data-theme=win98] .home-link:hover,[data-theme=win98] .home-link:focus-visible{background:#c0c0c0;border-color:#fff #404040 #404040 #fff;color:#000}
[data-theme=win98] .home-link:active{transform:none;border-color:#404040 #fff #fff #404040;box-shadow:inset 1px 1px #808080}
[data-theme=xp] .home-links{bottom:8px}
[data-theme=xp] .home-link{min-height:42px;padding:7px 12px;border:1px solid #003c74;border-radius:7px;background:linear-gradient(#fff,#ece9d8);color:#003399;font-size:14px;box-shadow:inset 0 1px #fff,0 2px 6px #003b9970}
[data-theme=xp] .home-link:hover,[data-theme=xp] .home-link:focus-visible{background:linear-gradient(#fff3c8,#e6a641);border-color:#8c5d00;color:#003399}
[data-theme=lexivo] .home-links{bottom:24px}
[data-theme=lexivo] .home-link{min-height:52px;border:1px solid #c9e1f2;border-radius:17px;background:#fff;color:#10295c;box-shadow:0 10px 24px #0d6ed31c}
[data-theme=lexivo] .home-link:first-child{border:0;background:linear-gradient(115deg,#0d6df4,#15a2e3);color:#fff}
[data-theme=lexivo] .home-link:hover,[data-theme=lexivo] .home-link:focus-visible{border-color:#1688f6;background:#eef8ff;color:#0d63d8}
[data-theme=lexivo] .home-link:first-child:hover,[data-theme=lexivo] .home-link:first-child:focus-visible{background:linear-gradient(115deg,#0a62e1,#128ed2);color:#fff}
@media(max-width:540px){
  .home-links{left:82px;right:10px;bottom:72px;width:auto;gap:8px}
  .home-link{min-height:46px;padding:8px 7px;font-size:13px}
  [data-theme=win98] .home-links,[data-theme=xp] .home-links,[data-theme=lexivo] .home-links{bottom:72px}
  [data-theme=win98] .home-link,[data-theme=xp] .home-link{min-height:42px;padding:7px 5px;font-size:12px}
  [data-theme=lexivo] .home-link{min-height:48px;padding:8px 5px;font-size:12px}
}

@media(max-width:540px){[data-theme=win98] .settings-button{height:42px;min-height:42px}}

/* Keep the Settings close action visible while its content scrolls. */
#settings-dialog>.editor-actions:last-child{position:sticky;bottom:0;z-index:12;display:block;margin:20px -26px -26px;padding:14px 26px calc(14px + env(safe-area-inset-bottom));border-top:1px solid #555;background:#202020;box-shadow:0 -10px 18px #0003}
#settings-close{width:100%}
[data-theme=light] #settings-dialog>.editor-actions:last-child{border-color:#aaa8a0;background:#f7f6f2;box-shadow:0 -10px 18px #00000012}
[data-theme=win98] #settings-dialog>.editor-actions:last-child{margin:18px -12px -14px;padding:10px 12px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #808080;background:#c0c0c0;box-shadow:0 -6px 0 #c0c0c0}
[data-theme=xp] #settings-dialog>.editor-actions:last-child{margin:18px -14px -16px;padding:10px 14px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #aca899;background:#ece9d8;box-shadow:0 -8px 14px #003b9930}
[data-theme=lexivo] #settings-dialog>.editor-actions:last-child{border-color:#c9e1f2;background:#fafdff;box-shadow:0 -10px 20px #103f7918}
@media(max-width:540px){#settings-dialog>.editor-actions:last-child{margin:18px -20px -20px;padding:12px 20px calc(12px + env(safe-area-inset-bottom))}[data-theme=win98] #settings-dialog>.editor-actions:last-child{margin:18px -12px -14px;padding:10px 12px calc(12px + env(safe-area-inset-bottom))}[data-theme=xp] #settings-dialog>.editor-actions:last-child{margin:18px -14px -16px;padding:10px 14px calc(12px + env(safe-area-inset-bottom))}}

/* Place the lesson sentence in the space between the font controls and reading counter. */
@media(max-width:540px) and (orientation:portrait){#lesson-screen:not([hidden]) main{padding-bottom:clamp(330px,60svh,430px)}}

/* Keep the lesson back action compact and align it with the Editor folder back action. */
@media(max-width:540px){
  #lesson-screen .lesson-nav{
    top:64px;
    left:22px;
    right:auto;
    width:auto;
    height:auto;
    min-height:0;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    justify-content:flex-start;
    font-size:14px;
  }
  #lesson-screen #lesson-back{
    max-width:calc(100vw - 190px);
    padding:12px 0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
}

/* Word alternatives always follow the sentence font selected in Settings. */
.sentence .choices,.sentence .choices button{font-family:inherit}


/* A separate Home action above the reading counter prevents accidental taps. */
#lesson-home{width:50px;height:50px;display:grid;place-items:center;margin-bottom:18px;border:1px solid #676762;border-radius:14px;background:#292929;color:#aaa9a3;box-shadow:0 5px 16px #0002;transition:background .18s,color .18s,border-color .18s,transform .12s}
#lesson-home:hover,#lesson-home:focus-visible{background:#373737;color:#f5f4f1;border-color:#8b8b83}
#lesson-home:active{transform:scale(.96)}
#lesson-home svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
[data-theme=light] #lesson-home{border-color:#aaa8a0;background:#fff;color:#57564f;box-shadow:0 5px 16px #00000012}
[data-theme=light] #lesson-home:hover,[data-theme=light] #lesson-home:focus-visible{background:#e9e7e0;color:#242421}
[data-theme=win98] #lesson-home{border:2px solid;border-color:#fff #404040 #404040 #fff;border-radius:0;background:#c0c0c0;color:#000;box-shadow:inset 1px 1px #dfdfdf,inset -1px -1px #808080}
[data-theme=win98] #lesson-home:active{border-color:#404040 #fff #fff #404040;box-shadow:inset 1px 1px #808080}
[data-theme=xp] #lesson-home{border:1px solid #003c74;border-radius:7px;background:linear-gradient(#fff,#e5e2d3);color:#003399;box-shadow:inset 1px 1px #fff,0 2px 4px #063a7644}
[data-theme=xp] #lesson-home:hover,[data-theme=xp] #lesson-home:focus-visible{background:linear-gradient(#fff3c8,#e6a641);color:#003399}
[data-theme=lexivo] #lesson-home{border:1px solid #c4dff2;border-radius:15px;background:#fff;color:#0d6ce8;box-shadow:0 7px 20px #0b5d9f18}
[data-theme=lexivo] #lesson-home:hover,[data-theme=lexivo] #lesson-home:focus-visible{background:#e9f6ff;color:#075fd9}

/* Starter Packs */
.starter-pack-entry{width:100%;min-height:56px;margin-top:12px;padding:12px 18px;border:1px solid #555;border-radius:17px;background:#252525;color:#f4f3ee;font-size:17px;font-weight:600;letter-spacing:.1px;box-shadow:0 5px 18px #0002;transition:background .18s,border-color .18s,transform .12s}
.starter-pack-entry:hover,.starter-pack-entry:focus-visible{background:#333;border-color:#85837b}.starter-pack-entry:active{transform:scale(.987)}
#starter-pack-dialog{width:min(520px,calc(100vw - 32px));max-height:88svh;overflow:auto;background:#202020;color:#eee;border:1px solid #555;border-radius:22px;padding:26px}
#starter-pack-dialog::backdrop{background:#000b}#starter-pack-dialog h2{margin:0 0 12px;font-size:25px;font-weight:500}
#starter-pack-description{margin:0 0 20px;color:#aaa;font-size:14px;line-height:1.55}
.starter-pack-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.starter-pack-option{min-width:0;min-height:78px;padding:14px 16px;text-align:left;border:1px solid #505050;border-radius:16px;background:#272727;color:#eee;display:flex;flex-direction:column;justify-content:center;gap:7px}
.starter-pack-option:hover,.starter-pack-option:focus-visible{background:#333;border-color:#777}.starter-pack-option:disabled{opacity:.65}
.starter-pack-option strong{font-size:18px;font-weight:600}.starter-pack-option small{color:#aaa;font-size:12px}.starter-pack-option.is-installed{border-color:#4e9f78;background:#20352b}.starter-pack-option.is-installed small{color:#84d2a9}
#starter-pack-status{min-height:22px;margin:16px 0 0;color:#d5c39f;font-size:13px;line-height:1.5}#starter-pack-status.is-error{color:#ffadad}
[data-theme=light] .starter-pack-entry{background:#fff;color:#242421;border-color:#aaa8a0;box-shadow:0 4px 16px #0000000d}
[data-theme=light] .starter-pack-entry:hover,[data-theme=light] .starter-pack-entry:focus-visible{background:#ebe9e3;border-color:#7d7b74}
[data-theme=light] #starter-pack-dialog{background:#f7f6f2;color:#22221f;border-color:#aaa8a0}[data-theme=light] #starter-pack-dialog::backdrop{background:#0007}[data-theme=light] #starter-pack-description{color:#686761}
[data-theme=light] .starter-pack-option{background:#fff;color:#242421;border-color:#bbb9b1}[data-theme=light] .starter-pack-option:hover,[data-theme=light] .starter-pack-option:focus-visible{background:#e9e7e0;border-color:#88867f}[data-theme=light] .starter-pack-option small{color:#686761}[data-theme=light] .starter-pack-option.is-installed{background:#e8f4ec;border-color:#6b9d7d}[data-theme=light] .starter-pack-option.is-installed small{color:#397451}
[data-theme=win98] .starter-pack-entry,[data-theme=win98] .starter-pack-option{border:2px solid;border-color:#fff #404040 #404040 #fff;border-radius:0;background:#c0c0c0;color:#000;box-shadow:inset 1px 1px #dfdfdf,inset -1px -1px #808080}
[data-theme=win98] .starter-pack-entry:hover,[data-theme=win98] .starter-pack-entry:focus-visible,[data-theme=win98] .starter-pack-option:hover,[data-theme=win98] .starter-pack-option:focus-visible{background:#c0c0c0;color:#000;border-color:#fff #404040 #404040 #fff}
[data-theme=win98] .starter-pack-entry:active,[data-theme=win98] .starter-pack-option:active{border-color:#404040 #fff #fff #404040;box-shadow:inset 1px 1px #808080;transform:none}
[data-theme=win98] #starter-pack-dialog{background:#c0c0c0;color:#000;border:2px solid;border-color:#fff #404040 #404040 #fff;border-radius:0;padding:5px 12px 14px;box-shadow:inset 1px 1px #dfdfdf,inset -1px -1px #808080}
[data-theme=win98] #starter-pack-dialog::backdrop{background:#0008}[data-theme=win98] #starter-pack-dialog>h2{margin:0 0 12px;padding:5px 7px;background:#000080;color:#fff;font-size:14px;font-weight:700}[data-theme=win98] #starter-pack-description,[data-theme=win98] .starter-pack-option small{color:#404040}
[data-theme=xp] .starter-pack-entry,[data-theme=xp] .starter-pack-option{border:1px solid #003c74;border-radius:5px;background:linear-gradient(180deg,#fff 0%,#f8f8f2 45%,#e5e2d3 100%);color:#000;box-shadow:inset 1px 1px #fff,inset -1px -1px #aca899,0 1px 2px #0002}
[data-theme=xp] .starter-pack-entry:hover,[data-theme=xp] .starter-pack-entry:focus-visible,[data-theme=xp] .starter-pack-option:hover,[data-theme=xp] .starter-pack-option:focus-visible{border-color:#e68b2c;background:linear-gradient(180deg,#fffdf2,#fff1bd 55%,#f0c76c);color:#000}
[data-theme=xp] #starter-pack-dialog{background:#ece9d8;color:#000;border:3px solid #0759d3;border-radius:9px;padding:7px 14px 16px;box-shadow:inset 0 0 0 1px #77a8ee,0 10px 28px #001f5d88}[data-theme=xp] #starter-pack-dialog::backdrop{background:#082d6277}[data-theme=xp] #starter-pack-dialog>h2{margin:0 -7px 14px;padding:7px 10px;border-radius:5px 5px 1px 1px;background:linear-gradient(180deg,#62adff,#075bd5 60%,#004bc0);color:#fff;font-size:15px;font-weight:700;text-shadow:1px 1px #003585}[data-theme=xp] #starter-pack-description,[data-theme=xp] .starter-pack-option small{color:#4b4b45}
[data-theme=lexivo] .starter-pack-entry{border:1px solid #c9e1f2;background:#fff;color:#0d6ce8;box-shadow:0 8px 22px #0d6ed319}
[data-theme=lexivo] .starter-pack-entry:hover,[data-theme=lexivo] .starter-pack-entry:focus-visible{border-color:#1688f6;background:#eef8ff;color:#0d63d8}
[data-theme=lexivo] #starter-pack-dialog{background:#fafdff;color:#10295c;border:1px solid #c9e1f2;border-radius:24px;box-shadow:0 22px 65px #103f7933}[data-theme=lexivo] #starter-pack-dialog::backdrop{background:#10295c66;backdrop-filter:blur(4px)}[data-theme=lexivo] #starter-pack-dialog h2{color:#10295c;font-weight:700}[data-theme=lexivo] #starter-pack-description{color:#607797}
[data-theme=lexivo] .starter-pack-option{border:1px solid #c9e1f2;background:#fff;color:#10295c;box-shadow:0 6px 20px #0d4a8210}[data-theme=lexivo] .starter-pack-option:hover,[data-theme=lexivo] .starter-pack-option:focus-visible{border-color:#3ca4f2;background:#f1f9ff;color:#10295c}[data-theme=lexivo] .starter-pack-option small{color:#607797}[data-theme=lexivo] .starter-pack-option.is-installed{border-color:#18b58e;background:#e9faf4}[data-theme=lexivo] .starter-pack-option.is-installed small{color:#0b8e70}
@media(max-width:540px){#starter-pack-dialog{padding:20px}.starter-pack-options{grid-template-columns:1fr}.starter-pack-option{min-height:68px}.starter-pack-entry{min-height:52px;font-size:16px}}

/* Make the folder return action a clear theme-aware button. */
#lesson-back{min-height:44px;padding:10px 15px!important;border:1px solid #676762;border-radius:12px;background:#292929;color:#d2d1cb;box-shadow:0 5px 16px #0002;transition:background .18s,color .18s,border-color .18s,transform .12s}
#lesson-back:hover,#lesson-back:focus-visible{background:#373737;color:#fff;border-color:#8b8b83}
#lesson-back:active{transform:scale(.97)}
[data-theme=light] #lesson-back{border-color:#aaa8a0;background:#fff;color:#35342f;box-shadow:0 5px 16px #00000012}
[data-theme=light] #lesson-back:hover,[data-theme=light] #lesson-back:focus-visible{background:#e9e7e0;color:#111}
[data-theme=win98] #lesson-back{border:2px solid;border-color:#fff #404040 #404040 #fff;border-radius:0;background:#c0c0c0;color:#000;box-shadow:inset 1px 1px #dfdfdf,inset -1px -1px #808080}
[data-theme=win98] #lesson-back:hover,[data-theme=win98] #lesson-back:focus-visible{background:#c0c0c0;color:#000}
[data-theme=win98] #lesson-back:active{border-color:#404040 #fff #fff #404040;box-shadow:inset 1px 1px #808080;transform:none}
[data-theme=xp] #lesson-back{border:1px solid #003c74;border-radius:7px;background:linear-gradient(#fff,#e5e2d3);color:#003399;box-shadow:inset 1px 1px #fff,0 2px 4px #063a7644}
[data-theme=xp] #lesson-back:hover,[data-theme=xp] #lesson-back:focus-visible{background:linear-gradient(#fff3c8,#e6a641);color:#003399}
[data-theme=lexivo] #lesson-back{border:1px solid #c4dff2;border-radius:14px;background:#fff;color:#0d6ce8;box-shadow:0 7px 20px #0b5d9f18}
[data-theme=lexivo] #lesson-back:hover,[data-theme=lexivo] #lesson-back:focus-visible{background:#e9f6ff;color:#075fd9}

/* Keep all main-screen actions together and centered on desktop. */
.home-links{left:50%;right:auto;width:min(640px,calc(100vw - 48px));transform:translateX(-50%);grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);align-items:stretch}
.home-links .settings-button{position:static;left:auto;bottom:auto;width:48px;height:auto;min-height:48px;transform:none}
[data-theme=win98] .home-links .settings-button{left:auto;bottom:auto;width:44px;height:auto;min-height:36px}
[data-theme=xp] .home-links .settings-button{left:auto;bottom:auto;width:52px;height:auto;min-height:42px;border-radius:7px}
[data-theme=lexivo] .home-links .settings-button{left:auto;bottom:auto;width:52px;height:auto;min-height:52px}
@media(max-width:540px){
  .home-links{left:14px;right:10px;width:auto;transform:none;grid-template-columns:52px minmax(0,1fr) minmax(0,1fr)}
  .home-links .settings-button{width:52px;height:auto;min-height:46px}
  [data-theme=win98] .home-links .settings-button,[data-theme=xp] .home-links .settings-button{width:52px;height:auto;min-height:42px}
  [data-theme=lexivo] .home-links .settings-button{width:52px;height:auto;min-height:48px}
}