@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--canvas:#fff9f5;--surface:#fffefd;--ink:#312b29;--muted:#776e69;--primary:#bf4337;--hover:#a6352b;--secondary:#327768;--soft:#fae5da;--subtle:#f8f1e9;--line:#e9ded5;--art:#f6dfcf;--bubble:#ffffff;--accent-pale:#dcece3;--accent-deep:#285f52;--pop:#e7ae68;--shadow:#673b2510;--focus:#255f56}
html[data-theme=sky]{--canvas:#f4f8ff;--surface:#ffffff;--ink:#233149;--muted:#69758a;--primary:#2959c8;--hover:#2048a5;--secondary:#846513;--soft:#e4ecff;--subtle:#edf3fc;--line:#dae3f0;--art:#dfeaff;--bubble:#ffffff;--accent-pale:#fff0b9;--accent-deep:#796019;--pop:#edc75a;--shadow:#244c8210;--focus:#2959c8}
html[data-theme=lilac]{--canvas:#fbf7ff;--surface:#fffdff;--ink:#332c41;--muted:#796f86;--primary:#7450b8;--hover:#5f3c9e;--secondary:#a45230;--soft:#eee4fa;--subtle:#f3edf8;--line:#e5dced;--art:#e9def5;--bubble:#ffffff;--accent-pale:#f8ddc7;--accent-deep:#915031;--pop:#eaa17b;--shadow:#623d7c10;--focus:#7450b8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased;transition:background .25s,color .25s}button,input,select,textarea{font:inherit;color:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:4px}button:disabled{opacity:.5;cursor:not-allowed}.shell{max-width:1240px;margin:auto;padding:0 40px}.topbar{height:102px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:11px;font-family:Manrope,Arial,sans-serif;font-size:29px;font-weight:800;letter-spacing:-1.3px}.brand-accent{color:var(--primary)}.brand small{font-size:9px;letter-spacing:1.4px;font-weight:600;display:block;text-transform:uppercase;color:var(--muted);margin:3px 0 0 2px}.brand-mark{width:36px;height:39px;color:var(--primary)}.brand-mark svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.topbar nav{display:flex;gap:26px;margin-left:36px}.nav-item{padding:14px 0;background:none;color:var(--muted);font-size:13px;font-weight:600;border-bottom:2px solid transparent}.nav-item:hover,.nav-item.active{color:var(--primary)}.nav-item.active{border-color:var(--primary)}.my-words-top{background:var(--surface);border:1px solid var(--line);border-radius:50px;padding:11px 16px;font-size:12px;display:flex;gap:10px;align-items:center;font-weight:600}.bookmark-icon{font-size:19px;color:var(--primary)}.count{padding:3px 6px;min-width:21px;border-radius:15px;background:var(--soft);color:var(--primary);font-size:10px;text-align:center}.appearance{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:20px 0;border-bottom:1px solid var(--line)}.tiny-label{font-size:9px;font-weight:700;letter-spacing:1.3px;color:var(--muted);display:block}.appearance-label>span:last-child{font-size:12px;font-weight:600;display:block;margin-top:5px}.palette-options{display:flex;gap:10px}.palette{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:var(--surface);padding:11px 13px;border-radius:10px;font-size:11px;transition:box-shadow .2s}.palette:hover{box-shadow:0 3px 12px var(--shadow)}.palette.active{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.swatches{display:flex;padding-right:2px}.swatches i{width:15px;height:15px;border-radius:50%;border:2px solid var(--surface);margin-left:-3px}.theme-check{color:var(--primary);opacity:0;font-size:12px}.palette.active .theme-check{opacity:1}.hero{display:grid;grid-template-columns:1.02fr .98fr;gap:54px;align-items:center;padding:57px 0 43px;min-height:478px}.eyebrow{font-size:10px;font-weight:700;color:var(--secondary);letter-spacing:1.6px;display:flex;align-items:center;gap:9px;margin:0 0 20px}.eyebrow:before{content:'';width:6px;height:6px;background:var(--secondary);border-radius:50%}h1,h2,h3,h4{font-family:Manrope,Arial,sans-serif}.hero h1{font-size:clamp(43px,4.7vw,64px);line-height:1.11;letter-spacing:-2.9px;font-weight:750;margin:0 0 20px}.hero h1 em{font-style:normal;color:var(--primary);display:block}.hero .intro{max-width:430px;font-size:16px;color:var(--muted);line-height:1.75;margin:0 0 25px}.hero-actions{display:flex;align-items:center;gap:22px}.button{border:1px solid transparent;border-radius:100px;background:var(--primary);color:#fff;display:inline-flex;justify-content:center;align-items:center;gap:23px;font-size:12px;font-weight:700;padding:15px 23px;min-height:44px;transition:transform .15s,background .15s}.button:hover{background:var(--hover);transform:translateY(-1px)}.button.secondary{background:var(--surface);color:var(--primary);border-color:var(--line)}.text-button{background:none;color:var(--primary);font-size:12px;font-weight:600;padding:10px 0}.mini-note{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:7px;margin-top:20px}.mini-note svg{width:13px;height:13px;stroke:var(--secondary)}.conversation-art{background:var(--art);border-radius:30px;min-height:375px;position:relative;isolation:isolate;padding:25px 28px;overflow:hidden}.art-orbit{position:absolute;width:350px;height:350px;border:1px solid #ffffff82;border-radius:50%;right:-155px;top:-130px;z-index:-1}.art-orbit.second{width:440px;height:440px;right:-195px;top:-170px}.art-label{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1px;font-weight:700;color:var(--accent-deep);margin:0 0 22px}.level-dot{padding:6px 10px;background:#ffffff80;border-radius:20px;color:var(--ink);font-size:10px;letter-spacing:0}.bubble{background:var(--bubble);padding:15px 19px;border-radius:17px 17px 17px 3px;max-width:87%;position:relative;margin-bottom:12px;box-shadow:0 5px 14px var(--shadow)}.bubble small{font-size:8px;letter-spacing:1px;color:var(--muted);display:block;margin-bottom:7px;font-weight:700}.bubble p{font-size:16px;line-height:1.5;font-weight:600;margin:0}.bubble .meaning{font-size:11px;color:var(--muted);margin-top:5px;font-weight:400}.bubble.you{margin-left:auto;background:var(--accent-pale);border-radius:17px 17px 3px 17px}.bubble.you p{font-size:15px;color:var(--accent-deep)}.bubble.you small{color:var(--accent-deep)}.bubble .bubble-play{position:absolute;right:12px;top:12px;background:none;color:var(--primary);padding:4px}.bubble-play svg{width:14px;height:14px}.art-base{margin-top:18px;display:flex;align-items:center;justify-content:space-between;color:var(--accent-deep)}.art-base>span{font-size:10px}.soundbars{display:flex;align-items:center;gap:3px;height:25px}.soundbars i{width:3px;background:var(--primary);border-radius:2px;height:10px}.soundbars i:nth-child(2n){height:20px}.soundbars i:nth-child(3n){height:15px}.round-play{width:37px;height:37px;background:var(--surface);border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--primary)}.round-play svg{width:15px;height:15px}.language-picker{border:1px solid var(--line);border-radius:17px;background:var(--surface);padding:21px 25px;display:flex;align-items:center;justify-content:space-between;gap:25px;box-shadow:0 4px 15px var(--shadow);margin-bottom:35px}.language-picker h2{font-size:20px;letter-spacing:-.6px;margin:6px 0}.language-picker p{font-size:11px;color:var(--muted);margin:0}.language-fields{display:flex;align-items:center;gap:12px}.language-fields label{font-size:10px;color:var(--muted);font-weight:600;display:flex;flex-direction:column;gap:7px}.language-fields select,.select-like{width:153px;background:var(--canvas);border:1px solid var(--line);border-radius:9px;min-height:42px;padding:10px 12px;font-size:12px;color:var(--ink)}.language-fields .select-like{width:113px;display:flex;align-items:center}.arrow-between{color:var(--muted);padding-top:17px}.steps{display:flex;align-items:center;justify-content:space-between;padding:0 4px 32px;gap:10px}.step{display:flex;align-items:center;gap:9px;flex:1}.step span:first-child{font-size:11px;color:var(--secondary);background:var(--accent-pale);height:28px;width:28px;border-radius:50%;display:grid;place-items:center;font-weight:700}.step strong{font-size:11px;display:block}.step small{font-size:9px;color:var(--muted);display:block;margin-top:3px}.step-arrow{color:var(--line);font-size:16px}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin:22px 0}.section-top h2{font-size:27px;letter-spacing:-1px;margin:0 0 6px}.section-top p{font-size:12px;color:var(--muted);margin:0;line-height:1.6}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 284px;gap:25px;margin-bottom:45px}.scenarios{display:grid;gap:13px}.scenario{display:flex;align-items:center;gap:19px;background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:19px 21px;transition:transform .15s,box-shadow .15s;text-align:left;width:100%}.scenario:hover{transform:translateY(-2px);box-shadow:0 8px 22px var(--shadow);border-color:var(--primary)}.scenario-icon{width:82px;height:89px;background:var(--soft);border-radius:11px;display:grid;place-items:center;position:relative;flex-shrink:0;color:var(--primary)}.scenario-icon svg{width:42px;height:42px;stroke-width:1.5;fill:none;stroke:currentColor}.scenario-icon.cafe{background:var(--accent-pale);color:var(--accent-deep)}.scenario-icon.travel{background:var(--subtle);color:var(--secondary)}.scenario-icon.social{background:var(--soft);color:var(--primary)}.scenario-info{flex:1}.scenario-info .eyebrow{font-size:8px;letter-spacing:1.1px;margin:0 0 7px}.scenario-info .eyebrow:before{display:none}.scenario-info h3{font-size:19px;letter-spacing:-.6px;margin:0 0 7px}.scenario-info p{color:var(--muted);font-size:11px;line-height:1.6;margin:0 0 9px}.pills{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.pill{font-size:8px;font-weight:700;color:var(--primary);background:var(--soft);padding:4px 7px;border-radius:5px}.pills .time{font-size:9px;color:var(--muted);margin-left:5px}.card-arrow{color:var(--primary);font-size:20px}.personal-panel{background:var(--accent-pale);border:1px solid var(--line);border-radius:18px;padding:25px 23px;align-self:start;color:var(--accent-deep)}.personal-panel .tiny-label{color:var(--accent-deep);font-size:9px;letter-spacing:1.2px}.personal-panel h3{font-size:24px;letter-spacing:-.8px;margin:16px 0 12px;line-height:1.25}.personal-panel>p{font-size:12px;line-height:1.8;color:var(--accent-deep);margin-bottom:20px}.personal-word{background:#ffffffb8;padding:11px 13px;border-radius:9px;margin-bottom:8px}.personal-word strong{font-size:12px;display:block}.personal-word span{font-size:10px;color:var(--muted);display:block;margin-top:4px}.personal-panel .button{background:var(--accent-deep);padding:12px 18px;margin:12px 0 3px;gap:12px;font-size:11px}.personal-panel .small{font-size:10px;line-height:1.6;display:block;margin-top:13px;opacity:.85}.bottom-note{display:flex;align-items:center;gap:15px;border:1px solid var(--line);border-radius:14px;padding:18px 22px;background:var(--subtle);margin-bottom:40px}.bottom-note>span{font-size:21px;color:var(--primary)}.bottom-note p{font-size:12px;line-height:1.6;color:var(--muted);margin:0}.bottom-note strong{color:var(--ink)}footer{padding:28px 0 35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:9px;color:var(--muted);line-height:1.8}.footer-brand{font-weight:600}footer button{padding:0;background:none;text-decoration:underline;color:var(--primary);font-size:9px}.page-heading{padding:45px 0 25px}.page-heading h1{font-size:42px;letter-spacing:-1.7px;margin:0 0 12px}.page-heading p{color:var(--muted);font-size:14px;line-height:1.7;max-width:660px}.heading-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.toolbar{display:flex;gap:12px;margin:20px 0;flex-wrap:wrap;align-items:center}.search{flex:1;min-width:220px;padding:13px 16px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font-size:13px}.filter-button{background:var(--surface);border:1px solid var(--line);padding:11px 15px;border-radius:9px;font-size:11px}.filter-button.active{background:var(--primary);color:white;border-color:var(--primary)}.word-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding-bottom:35px}.word-card{border:1px solid var(--line);border-radius:15px;background:var(--surface);padding:20px;min-width:0;display:flex;flex-direction:column}.word-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.word-card-top>span{font-size:8px;color:var(--secondary);font-weight:700;letter-spacing:.7px}.icon-button{display:inline-grid;place-items:center;min-width:30px;min-height:30px;border-radius:7px;background:var(--subtle);color:var(--primary);font-size:17px;padding:5px}.icon-button svg{width:15px;height:15px}.icon-button.saved{background:var(--accent-pale);color:var(--accent-deep)}.word-card h3{font-size:21px;margin:0 0 7px;overflow-wrap:anywhere;line-height:1.5}.word-card .english{font-size:13px;margin:0 0 14px}.latin,.phonetic{font-size:11px;color:var(--muted);line-height:1.7;margin:3px 0}.phonetic{color:var(--secondary)}.word-actions{display:flex;gap:8px;margin-top:auto;padding-top:13px;align-items:center}.word-actions .icon-button{font-size:12px;min-width:34px}.word-note{font-size:10px;line-height:1.6;margin-top:10px;color:var(--muted)}.empty{background:var(--surface);border:1px dashed var(--line);padding:50px 24px;border-radius:20px;text-align:center;grid-column:1/-1;max-width:100%}.empty h2{font-size:25px}.empty p{font-size:13px;color:var(--muted);line-height:1.8}.flash-wrap{max-width:700px;margin:0 auto 50px}.flash-count{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin:20px 0}.flashcard{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:50px 30px;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 10px 35px var(--shadow)}.flashcard h2{font-size:35px;margin:20px 0;line-height:1.5}.flashcard .tiny-label{font-size:10px;color:var(--secondary)}.flashcard .hint{font-size:11px;color:var(--muted);margin:20px 0 0}.flashcard .flash-meaning{font-size:23px;line-height:1.5}.rating-row{display:flex;gap:12px;margin:15px 0}.rating-row button{flex:1;padding:15px;background:var(--surface);border:1px solid var(--line);border-radius:10px;font-size:12px}.rating-row .known{background:var(--accent-pale);color:var(--accent-deep)}.flash-note{font-size:11px;line-height:1.8;color:var(--muted)}.progress-track{height:4px;border-radius:6px;background:var(--line)}.progress-track i{height:100%;display:block;background:var(--primary);transition:width .2s}
dialog{padding:0;border:1px solid var(--line);border-radius:24px;color:var(--ink);background:var(--canvas);width:min(1080px,calc(100% - 40px));max-height:90vh;box-shadow:0 30px 100px #0003}dialog::backdrop{background:#28233266;backdrop-filter:blur(4px)}.dialog-head{padding:25px 30px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}.dialog-head h2{margin:0 0 7px;font-size:26px;letter-spacing:-.7px}.dialog-head p{font-size:12px;color:var(--muted);margin:0;line-height:1.6}.close-dialog{border:1px solid var(--line);background:var(--surface);border-radius:50%;width:34px;height:34px;font-size:22px;flex-shrink:0}.lesson-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:0}.lesson-main{padding:25px 30px}.lesson-settings{padding:28px 22px;background:var(--subtle);border-left:1px solid var(--line)}.lesson-settings h3{font-size:17px;margin:0 0 18px}.lesson-settings label{font-size:11px;display:block;margin-bottom:18px;line-height:1.7}.lesson-settings select{display:block;margin-top:6px;padding:9px;width:100%;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-size:12px}.check-label{display:flex!important;gap:8px;align-items:center}.lesson-settings .small{font-size:10px;line-height:1.8;color:var(--muted)}.level-switch{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px}.level-button{padding:9px 14px;border-radius:8px;border:1px solid var(--line);background:var(--surface);font-size:11px}.level-button.active{background:var(--primary);border-color:var(--primary);color:#fff}.dialogue-line{padding:15px 16px;border-radius:13px;background:var(--surface);border:1px solid var(--line);margin:0 30px 13px 0;position:relative}.dialogue-line.you{margin:0 0 13px 30px;background:var(--accent-pale);border-color:transparent}.dialogue-line .speaker{display:block;font-size:8px;color:var(--secondary);letter-spacing:1px;font-weight:700;margin-bottom:7px}.dialogue-line .native-line{font-size:16px;line-height:1.75;margin:0;padding-right:28px}.dialogue-line .line-translation{font-size:12px;line-height:1.7;color:var(--muted);margin:6px 0 0}.dialogue-line .line-pron{font-size:10px;color:var(--secondary);margin:7px 0 0;line-height:1.6}.dialogue-line .icon-button{position:absolute;right:8px;top:12px;background:transparent}.hidden-answer{padding:12px;background:transparent;border:1px dashed var(--secondary);color:var(--accent-deep);border-radius:8px;font-size:12px}.lesson-foot{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.word-form{padding:25px 30px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.word-form label{display:block;font-size:12px;font-weight:600}.word-form input,.word-form select,.word-form textarea{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid var(--line);background:var(--surface);border-radius:8px;font-size:13px}.word-form textarea{min-height:80px;resize:vertical}.full-width{grid-column:1/-1}.word-form .small{font-size:11px;color:var(--muted);line-height:1.7;margin:0}.form-actions{display:flex;justify-content:flex-end;gap:12px}.loading{padding:100px 0;text-align:center;color:var(--muted)}#toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,15px);opacity:0;pointer-events:none;border:1px solid var(--line);border-radius:12px;background:var(--ink);color:var(--canvas);padding:15px 22px;font-size:12px;max-width:calc(100% - 30px);z-index:100;transition:opacity .2s,transform .2s;box-shadow:0 8px 24px #0002}#toast.visible{opacity:1;transform:translate(-50%,0)}
.button svg,.rating-row svg{width:16px;height:16px;vertical-align:middle;flex-shrink:0}.bottom-note>span svg{width:24px;height:24px}.bookmark-icon svg{width:16px;height:16px;vertical-align:middle}
@media(min-width:1500px){.hero h1{font-size:65px}.hero{padding-top:65px}}
@media(max-width:1050px){.shell{padding:0 28px}.topbar nav{margin-left:0;gap:18px}.hero{gap:30px}.hero h1{font-size:52px}.conversation-art{padding:23px 20px}.language-fields select{width:133px}.content-grid{grid-template-columns:minmax(0,1fr) 250px}.personal-panel{padding:22px 20px}.word-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.my-words-top{padding:10px 12px}.appearance-label .tiny-label{font-size:8px}.palette{padding:10px;gap:6px}.steps{gap:6px}.step small{font-size:8px}.step-arrow{display:none}}
@media(max-width:760px){.shell{padding:0 20px}.topbar{height:auto;min-height:90px;flex-wrap:wrap;padding:20px 0 0;gap:17px}.brand{font-size:25px}.brand-mark{width:30px}.brand small{font-size:8px}.topbar nav{order:3;width:100%;justify-content:space-between;gap:12px}.nav-item{font-size:12px;padding:11px 0}.my-words-top{font-size:10px}.appearance{align-items:flex-start;flex-direction:column;padding:18px 0;gap:13px}.appearance-label{display:flex;gap:12px;align-items:center}.appearance-label .tiny-label{display:none}.appearance-label>span:last-child{margin:0;font-size:11px}.palette-options{width:100%;gap:8px}.palette{flex:1;justify-content:center;padding:10px 6px;font-size:9px;gap:6px}.swatches i{width:12px;height:12px}.theme-check{display:none}.hero{grid-template-columns:1fr;padding:34px 0 30px;gap:30px;min-height:0}.hero h1{font-size:49px;letter-spacing:-2.3px}.hero .intro{font-size:15px;max-width:100%}.hero-actions{gap:20px}.hero-actions .button{padding:14px 20px}.conversation-art{min-height:340px;max-width:520px;width:100%;margin:auto;padding:24px}.bubble{max-width:87%;padding:14px 17px}.bubble p{font-size:16px}.bubble.you p{font-size:15px}.art-label{margin-bottom:17px}.language-picker{flex-direction:column;align-items:stretch;gap:18px;padding:20px;margin-bottom:24px}.language-fields{width:100%;gap:10px;align-items:stretch;flex-wrap:wrap}.language-fields label:first-child{flex:1}.language-fields label:last-child{flex:1}.language-fields label:nth-child(3){flex:0}.language-fields select{width:100%;min-width:140px}.language-fields .select-like{width:100px}.arrow-between{display:none}.language-picker h2{font-size:21px}.steps{padding-bottom:15px;flex-wrap:wrap;gap:15px}.step{flex:none;width:calc(33% - 10px);gap:7px}.step span:first-child{width:25px;height:25px;font-size:10px}.step strong{font-size:10px}.step small{display:none}.content-grid{grid-template-columns:1fr;gap:22px}.section-top{margin:28px 0 20px;align-items:flex-start}.section-top h2{font-size:25px}.section-top p{max-width:260px;font-size:11px}.section-top .text-button{font-size:10px;text-align:right}.scenario{padding:16px;gap:15px}.scenario-icon{width:64px;height:78px}.scenario-icon svg{width:34px;height:34px}.scenario-info h3{font-size:18px}.scenario-info p{font-size:11px}.scenario-info .eyebrow{font-size:7px}.pills .time{font-size:8px}.personal-panel h3{font-size:25px}.personal-panel{padding:24px}.personal-panel>p{font-size:13px}.personal-word{display:inline-block;width:calc(50% - 6px);vertical-align:top;min-height:62px;margin-right:3px}.personal-panel .button{display:flex;width:max-content}.bottom-note{padding:16px;align-items:flex-start}.bottom-note p{font-size:11px}footer{flex-direction:column;gap:12px;font-size:9px}.page-heading{padding:34px 0 20px}.page-heading h1{font-size:34px}.page-heading p{font-size:13px}.heading-row{align-items:flex-start;gap:12px}.heading-row .button{font-size:10px;padding:12px}.word-grid{grid-template-columns:1fr}.word-card{padding:20px}.toolbar{gap:8px}.filter-button{font-size:10px;padding:10px 12px}.flashcard{min-height:300px;padding:35px 25px}.flashcard h2{font-size:29px}.flashcard .flash-meaning{font-size:21px}.rating-row{gap:8px}.rating-row button{font-size:10px;padding:14px 7px}dialog{width:calc(100% - 20px);border-radius:18px;max-height:94vh}.dialog-head{padding:20px}.dialog-head h2{font-size:23px}.lesson-grid{grid-template-columns:1fr}.lesson-main{padding:20px}.lesson-settings{border-left:0;border-top:1px solid var(--line);padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.lesson-settings h3,.lesson-settings .small{grid-column:1/-1}.dialogue-line{margin-right:15px}.dialogue-line.you{margin-left:15px}.dialogue-line .native-line{font-size:15px}.word-form{padding:22px;grid-template-columns:1fr;gap:15px}.full-width{grid-column:auto}.palette .swatches{padding-right:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.language-fields label:last-child select{width:185px}@media(max-width:700px){.language-fields label:last-child select{width:100%}}

.voice-language,.voice-actions,.playback-slot{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:24px 0}.voice-language label,.voice-card label,.voice-preview label{display:grid;gap:8px;font-size:13px;font-weight:600}.voice-language select,.voice-card input,.voice-card select,.voice-card textarea,.voice-preview textarea,.playback-slot select{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px;max-width:100%;width:100%}.voice-language select{min-width:220px}.voice-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.voice-card,.voice-preview{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:28px}.voice-card label{margin:18px 0}.voice-card .heading-row{flex-wrap:wrap}.voice-card h2{font-size:24px;margin:0}.voice-card .small,.voice-preview .small{line-height:1.6;color:var(--muted)}.voice-preview{margin:24px 0 55px}.voice-preview textarea{resize:vertical}.playback-slot{justify-content:flex-end;font-size:12px}.playback-slot select{width:auto;margin-left:8px;padding:8px}.topbar nav{gap:18px;margin-left:0}@media(max-width:700px){.voice-grid{grid-template-columns:1fr}.voice-card,.voice-preview{padding:20px}.voice-actions{align-items:stretch;flex-direction:column}.playback-slot{justify-content:flex-start}.topbar nav{gap:12px}}