@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--bg:#f7f8f5;--ink:#27332e;--muted:#7d877d;--line:#e5e9e1;--green:#294535;--purple:#ebe5fb;--accent:#b3a0da;--font:'DM Sans',sans-serif;--display:'Manrope',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible{outline:3px solid #9f87ce;outline-offset:4px}.app-shell{max-width:1160px;padding:0 52px;margin:auto;min-height:100svh;display:flex;flex-direction:column}.header{height:104px;display:flex;align-items:center;justify-content:space-between;gap:15px}.brand{display:flex;align-items:center;gap:10px;background:none;border:0;padding:0;font:800 24px var(--display);letter-spacing:-1px}.brand-icon{width:39px;height:39px;background:var(--green);border-radius:13px;display:grid;place-items:center;transform:rotate(-7deg)}.brand svg{width:30px;height:30px;fill:none;stroke:#e1ebca;stroke-width:3.6;stroke-linecap:round;transform:rotate(7deg)}.beta{font:600 8px var(--font);letter-spacing:1.7px;margin-left:13px;border-left:1px solid #dce2d6;padding-left:19px;color:#8d9687}.header-actions{display:flex;align-items:center;gap:21px}.save-pill{display:flex;align-items:center;gap:7px;font-size:10px;color:#87917f}.save-pill i{width:6px;height:6px;border-radius:50%;background:#91a77a}.help{height:36px;width:36px;border:1px solid #e0e5da;background:#fff;border-radius:11px;font-size:23px;line-height:1;color:#738069}.help:hover{background:var(--purple)}main{flex:1;padding:22px 0 25px}footer{display:flex;justify-content:space-between;gap:15px;padding:25px 0 26px;font-size:10px;color:#9ca393;border-top:1px solid var(--line)}.eyebrow{font-size:9px;letter-spacing:1.9px;font-weight:650;color:#89937e;display:block}.greeting{display:flex;align-items:end;justify-content:space-between;margin:0 0 25px;gap:20px}.greeting h1{font:600 25px/1.3 var(--display);letter-spacing:-.8px;margin:8px 0 0}.greeting time{font-size:11px;color:#959d8e;white-space:nowrap}.hero-grid{display:grid;grid-template-columns:1.53fr 1fr;gap:18px}.start-card{position:relative;background:linear-gradient(125deg,#ece6fb,#e6def5);border:1px solid #e2d9f0;min-height:315px;border-radius:25px;padding:33px 35px;overflow:hidden}.deck-tag{display:inline-flex;align-items:center;gap:8px;font-size:10px;color:#7a688f;letter-spacing:.2px}.deck-tag i{width:6px;height:6px;background:#9c86ba;border-radius:50%}.start-card h2{font:650 40px/1.16 var(--display);letter-spacing:-1.8px;margin:18px 0 12px;position:relative;z-index:1}.start-card p{font-size:12px;color:#8c7d9c;line-height:1.75;max-width:265px;margin:0 0 26px;position:relative;z-index:1}.hero-bottom{display:flex;gap:17px;align-items:center;position:relative;z-index:1}.primary{border:0;border-radius:12px;background:var(--green);color:#fafdf5;min-height:49px;padding:0 22px;display:inline-flex;align-items:center;justify-content:space-between;gap:34px;font-size:12px;font-weight:600;transition:background .2s,transform .2s}.primary:hover{background:#395c44;transform:translateY(-2px)}.primary span{font-size:22px;font-weight:400}.primary:disabled{opacity:.5;transform:none}.hero-bottom>span{font-size:9px;color:#9787a5;line-height:1.7}.hero-decoration{position:absolute;right:-32px;bottom:-24px;width:192px;height:192px;border-radius:50%;border:1px solid #d8caeb66}.hero-decoration:before{content:'';position:absolute;inset:23px;border:1px solid #d8caeb88;border-radius:50%}.hero-decoration:after{content:'✳';font-size:110px;color:#d1c2e7;position:absolute;right:44px;bottom:26px;transform:rotate(10deg)}.today-card{border-radius:25px;padding:26px 25px 22px;background:var(--green);color:#eff3e9;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}.today-card:before{content:'';position:absolute;width:170px;height:170px;border:1px solid #b9cb8d12;border-radius:50%;right:-95px;top:-85px}.today-card .eyebrow{align-self:flex-start;color:#acbd9b;font-size:9px}.today-top{display:flex;justify-content:space-between;width:100%;align-items:center}.today-top>span:last-child{font-size:9px;border:1px solid #6e835b77;border-radius:15px;padding:4px 9px;color:#bbcaa9}.ring{position:relative;display:grid;place-items:center;flex-shrink:0}.ring svg{width:100%;height:100%;transform:rotate(-90deg);overflow:visible}.ring-track{fill:none;stroke:var(--ring-track,#ebeee7);stroke-width:5}.ring-fill{fill:none;stroke:var(--ring-color,#b7c993);stroke-width:5;stroke-linecap:round;transition:stroke-dashoffset .7s}.ring-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.ring-big{width:170px;height:170px;margin:17px auto 12px;--ring-track:#4c634a;--ring-color:#d4e4ad}.ring-big .percent{font:600 40px var(--display);letter-spacing:-1.8px}.ring-big .percent span{font-size:18px;margin-left:1px;font-weight:500;color:#c7d3b7}.ring-big small{font-size:9px;color:#b4c2a3;margin-top:3px}.today-card .daily-count{font-size:12px;margin:0}.today-card .daily-count strong{font-weight:600;color:#d6e5ad}.today-card .daily-note{font-size:9px;color:#a8ba98;margin:7px 0 0}.section-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.section-title{font-size:12px;font-weight:600;margin:0;display:flex;align-items:center;gap:8px}.section-title span{font-size:9px;color:#9aa58e;font-weight:400}.week-card{background:#fff;border:1px solid var(--line);border-radius:21px;padding:23px 25px 20px;margin-top:20px}.week-navigation{display:flex;align-items:center;gap:10px}.week-navigation time{font-size:10px;color:#8c9784;min-width:105px;text-align:center}.icon-button{width:26px;height:26px;background:transparent;border:1px solid #e9ede4;border-radius:8px;color:#8b977d;font-size:15px}.icon-button:disabled{opacity:.3}.days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.day-button{background:none;border:0;border-radius:15px;padding:10px 4px 9px;display:flex;flex-direction:column;align-items:center;gap:9px;transition:background .15s}.day-button:hover,.day-button.selected{background:#f6f4fb}.day-button.today{background:#f1f4eb}.day-button.future{opacity:.55}.day-label{font-size:9px;color:#919b85}.day-button.today .day-label{color:#5d7548;font-weight:650}.ring-small{width:55px;height:55px;--ring-color:#a9be8a}.ring-small .ring-track,.ring-small .ring-fill{stroke-width:4}.ring-small .ring-center{font-size:11px;color:#647456;font-weight:500}.day-button.today .ring-center{font-weight:700}.day-button.future .ring-center{color:#bbc3b1}.day-percent{font-size:9px;color:#a0a892}.week-detail{border-top:1px solid #f0f2ed;margin-top:18px;padding-top:14px;font-size:10px;color:#929d87;display:flex;justify-content:space-between;gap:10px}.week-detail b{font-weight:500;color:#6c7d5f}.bottom-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px;margin-top:19px}.metric{display:flex;align-items:center;gap:12px;padding:18px 20px;border-radius:15px;border:1px solid var(--line);background:#fdfefb}.metric-icon{display:grid;place-items:center;height:33px;width:33px;background:#ecf0e4;color:#8a9d71;border-radius:10px;font-size:16px}.metric:nth-child(2) .metric-icon{background:#efeaf7;color:#a18ab9}.metric:nth-child(3) .metric-icon{background:#f4ede2;color:#b4a079}.metric strong{font:650 18px var(--display);display:block;line-height:1.2;letter-spacing:-.5px}.metric small{display:block;color:#929e87;font-size:9px;margin-top:3px}.text-button{border:0;background:none;color:#859275;font-size:10px;padding:8px 0}.text-button:hover{color:var(--green)}.session{max-width:720px;margin:8px auto 0}.session-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.session-daily{display:flex;align-items:center;gap:10px;font-size:10px;color:#8a967d}.ring-tiny{width:33px;height:33px;--ring-color:#a7bc86}.ring-tiny .ring-center{font-size:8px;font-weight:600;color:#819468}.session-progress{height:3px;border-radius:3px;background:#e6ebdd;margin-bottom:25px}.session-progress i{display:block;height:100%;background:#a3b787;border-radius:3px;transition:width .3s}.study-card{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;border:1px solid #e3e5dc;border-radius:25px;width:100%;background:#fff;min-height:330px;padding:68px 30px 45px;box-shadow:0 10px 35px #35442603;cursor:pointer}.study-card:hover{border-color:#c9c1db}.study-card:disabled{cursor:default}.card-topline{position:absolute;left:26px;right:26px;top:25px;display:flex;align-items:center;justify-content:space-between;gap:10px}.direction{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.9px;color:#9b9e90}.direction b{font-weight:500;font-size:10px;letter-spacing:0}.direction .arrow{color:#ad9fca;font-size:14px}.badge{background:#eee8f7;color:#9580b1;border:1px solid #e8e0f1;border-radius:20px;font-size:9px;padding:6px 10px}.badge.repeat{background:#edf1e5;color:#8a9c6e;border-color:#e5ebd9}.study-card h2{font:600 clamp(27px,4vw,44px)/1.2 var(--display);letter-spacing:-1.6px;margin:15px 0 12px;overflow-wrap:anywhere}.card-hint{font-size:10px;color:#a1a793;margin-top:24px}.translation-answer{display:flex;align-items:center;flex-direction:column;animation:appear .2s ease;text-align:center}.answer-divider{width:35px;height:1px;background:#ded6ec;margin:15px 0 19px}.answer{font-size:24px;color:#83976a;letter-spacing:-.4px}.example{font-size:11px;color:#a5ad9a;font-style:italic;margin-top:18px;line-height:1.7;max-width:420px}.rating-label{display:flex;justify-content:space-between;font-size:11px;color:#949e88;margin:23px 0 13px}.rating-label span{font-size:9px;color:#abb39f}.ratings{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.rating{background:var(--tone);color:var(--color);border:1px solid var(--border);border-radius:13px;padding:14px 4px 12px;min-height:83px;transition:transform .15s,border-color .15s}.rating:hover{transform:translateY(-3px);border-color:var(--color)}.rating strong{display:block;font-size:11px;font-weight:600}.rating .rating-icon{display:block;font-size:15px;margin-bottom:7px;opacity:.7}.rating small{font-size:9px;display:block;margin-top:6px;opacity:.75}.r5{--tone:#eaf0df;--border:#e0e7d2;--color:#7b925b}.r4{--tone:#e9f0ea;--border:#dfe8e0;--color:#6c8d76}.r3{--tone:#f0ebf8;--border:#e8dff1;--color:#9d86b6}.r2{--tone:#f6efdf;--border:#eee4cf;--color:#b49a60}.r1{--tone:#f7eae4;--border:#efdfd6;--color:#be917b}.keyboard-hint{text-align:center;color:#a8b19c;font-size:9px;margin-top:16px}.reveal-button{border:1px solid #dfd6ed;color:#8c78a4;background:#f0eafa;border-radius:13px;min-height:57px;width:100%;font-size:12px}.reveal-button:hover{background:#e9e0f6}.session-footer{margin-top:22px;display:flex;align-items:center;justify-content:space-between;color:#a4ad98;font-size:9px}.secondary{border:1px solid #e0e6d7;border-radius:10px;background:#fafcf7;font-size:11px;padding:12px 14px;color:#7d9069;cursor:pointer}.secondary:hover{background:#eff3e8}.summary{max-width:490px;text-align:center;padding:24px 0 20px;margin:auto}.summary .ring-big{--ring-track:#e7ebdf;--ring-color:#a5ba80;margin:15px auto 25px}.summary .ring-big .percent{color:var(--green)}.summary .ring-big .percent span{color:#9baa88}.summary .ring-big small{color:#92a07f}.summary h1{font:650 33px var(--display);letter-spacing:-1.4px;margin:14px 0}.summary p{font-size:12px;color:#8c9980;line-height:1.8}.summary .primary{margin:17px auto 8px;min-width:235px}.summary-stats{display:flex;justify-content:center;gap:36px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:21px 0;margin:25px 0}.summary-stats strong{font:650 24px var(--display);display:block}.summary-stats small{font-size:10px;color:#98a38d;display:block;margin-top:4px}.summary .practice-copy{font-size:10px;max-width:350px;margin:12px auto}.loading{min-height:450px;display:grid;place-items:center;color:#929d85;font-size:13px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,12px);opacity:0;pointer-events:none;z-index:20;background:#2b4537;color:#f5f9ed;border:1px solid #526849;padding:13px 20px;border-radius:13px;font-size:11px;transition:opacity .2s,transform .2s;max-width:90vw;text-align:center;box-shadow:0 5px 22px #21372516}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid #e2e6d9;border-radius:24px;padding:34px;max-width:490px;width:calc(100% - 30px);max-height:90svh;background:#fffefa;color:var(--ink)}dialog::backdrop{background:#2a3c3655;backdrop-filter:blur(6px)}.close{position:absolute;right:15px;top:12px;border:0;background:none;color:#9ba38f;font-size:25px}dialog h2{font:650 30px/1.2 var(--display);letter-spacing:-1px;margin:17px 0 24px}.explainer{display:grid;gap:8px;font-size:11px}.explainer b{font-weight:650;margin-top:10px}.explainer span{color:#8b9680;line-height:1.8}.fine{font-size:9px;color:#a0aa94;line-height:1.8}.backup-panel{background:#f4f6ee;border:1px solid #e5eada;padding:15px;border-radius:13px;margin:21px 0}.backup-panel>span{font-size:10px;color:#8d9c7d;line-height:1.7;display:block}.backup-actions{display:flex;gap:8px;margin-top:12px}.backup-actions>*{flex:1;font-size:10px;padding:11px 7px}.backup-panel .text-button{font-size:9px;line-height:1.5;text-align:left}.close-info{width:100%;margin-top:12px}#import-preview{font-size:10px;line-height:1.7;color:#7f906c}#import-preview .secondary{width:100%;margin-top:8px;background:#e7eddc}#import-preview p{margin-bottom:5px}.error-text{color:#b17e67!important}@keyframes appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){.app-shell{padding:0 28px}.beta{display:none}.header{height:85px}.hero-grid{grid-template-columns:1.3fr 1fr}.start-card{padding:28px 26px}.start-card h2{font-size:34px}.hero-decoration{opacity:.55}.hero-bottom>span{display:none}.today-card{padding:25px 19px}.metric{padding:15px;gap:10px}.days-grid{gap:4px}.week-card{padding:21px 19px}.ring-small{width:49px;height:49px}.start-card p{max-width:230px;font-size:11px}}
@media(max-width:560px){.app-shell{padding:0 20px}.header{height:79px}.brand{font-size:22px;gap:8px}.brand-icon{width:32px;height:32px;border-radius:11px}.brand svg{width:25px;height:25px}.save-pill{font-size:8px;gap:5px}.header-actions{gap:11px}.help{width:32px;height:32px;font-size:20px;border-radius:10px}main{padding:16px 0 20px}.greeting{margin-bottom:20px}.greeting .eyebrow{font-size:8px;letter-spacing:1.5px}.greeting h1{font-size:21px;margin-top:7px}.greeting time{font-size:9px;max-width:70px;text-align:right;line-height:1.7;white-space:normal}.hero-grid{grid-template-columns:1fr;gap:13px}.start-card{min-height:285px;border-radius:22px;padding:26px 25px}.start-card h2{font-size:36px;letter-spacing:-1.5px;margin:16px 0 12px}.start-card p{font-size:11px;margin-bottom:22px;max-width:230px}.deck-tag{font-size:9px}.hero-decoration{right:-29px;bottom:-31px;width:170px;height:170px}.hero-decoration:after{font-size:90px;right:40px;bottom:25px}.hero-bottom>span{display:block;font-size:8px}.primary{min-height:47px;font-size:11px;padding:0 19px;gap:25px}.today-card{border-radius:20px;padding:19px 20px;display:grid;grid-template-columns:105px 1fr;grid-template-rows:24px 22px 25px;column-gap:20px;text-align:left;align-items:center;min-height:136px}.today-top{grid-column:2;grid-row:1;gap:4px}.today-top>span:last-child{font-size:7px;padding:3px 6px}.today-card .eyebrow{font-size:8px;letter-spacing:1.3px;align-self:auto}.today-card .ring-big{grid-column:1;grid-row:1/4;width:103px;height:103px;margin:0}.today-card .ring-big .percent{font-size:27px;letter-spacing:-.7px}.today-card .ring-big .percent span{font-size:13px}.today-card .ring-big small{font-size:7px}.today-card .daily-count{grid-column:2;grid-row:2;font-size:12px;align-self:end}.today-card .daily-note{grid-column:2;grid-row:3;font-size:8px;margin:6px 0 0;align-self:start}.week-card{padding:19px 12px 15px;border-radius:20px;margin-top:15px}.section-row{margin:0 4px 15px}.section-title{font-size:11px}.section-title span{display:none}.week-navigation{gap:5px}.week-navigation time{min-width:81px;font-size:8px}.icon-button{width:24px;height:24px;font-size:14px}.days-grid{gap:0}.day-button{padding:10px 0 8px;gap:8px;border-radius:12px}.day-label{font-size:8px}.ring-small{width:36px;height:36px}.ring-small .ring-center{font-size:9px}.day-percent{font-size:7px}.week-detail{font-size:8px;margin-top:13px;padding:12px 4px 0;line-height:1.7}.bottom-grid{gap:8px;margin-top:13px}.metric{padding:14px 5px;justify-content:center;gap:7px;border-radius:13px}.metric-icon{display:none}.metric strong{font-size:18px;text-align:center}.metric small{font-size:8px;text-align:center;margin-top:4px}footer{font-size:8px;padding:19px 0;line-height:1.6}footer>span:last-child{display:none}.session{margin:0 auto}.session-top{margin-bottom:17px}.session-daily{font-size:9px;gap:7px}.text-button{font-size:9px}.session-progress{margin-bottom:21px}.study-card{min-height:328px;padding:69px 18px 40px;border-radius:23px}.card-topline{top:22px;left:19px;right:19px;gap:7px}.direction{font-size:7px;gap:6px}.direction b{font-size:9px}.badge{font-size:8px;padding:5px 8px}.study-card h2{font-size:32px;letter-spacing:-1.2px;text-align:center}.answer{font-size:22px}.example{font-size:10px;max-width:270px}.rating-label{font-size:10px;margin:21px 0 12px}.rating-label span{font-size:8px}.ratings{grid-template-columns:repeat(6,1fr);gap:7px}.rating{grid-column:span 2;min-height:78px;padding:12px 2px 10px;border-radius:12px}.rating:nth-child(4),.rating:nth-child(5){grid-column:span 3}.rating strong{font-size:10px}.rating small{font-size:9px}.rating .rating-icon{font-size:13px;margin-bottom:6px}.keyboard-hint{display:none}.session-footer{font-size:8px;margin-top:16px}.session-daily .ring-tiny{width:29px;height:29px}.summary{padding:12px 0}.summary h1{font-size:30px}.summary .ring-big{width:150px;height:150px}.summary-stats{gap:30px}.summary-stats strong{font-size:21px}.summary-stats small{font-size:9px}dialog{padding:30px 23px}dialog h2{font-size:28px}.toast{font-size:10px;bottom:20px;padding:12px 15px}.loading{min-height:400px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.lexicon-link{display:block;margin:17px auto 0;font-size:11px;color:#8b799e}.examples{display:grid;gap:10px;text-align:left;width:100%;max-width:480px;margin-top:20px}.examples>div{display:grid;grid-template-columns:24px 1fr;gap:8px;align-items:start}.example-language{font-size:8px;font-weight:650;letter-spacing:.5px;color:#9d8cb4;background:#f3eff8;padding:4px 3px;border-radius:4px;text-align:center}.examples>div:last-child .example-language{color:#849671;background:#eef3e7}.examples p{font-size:12px;line-height:1.6;margin:0;color:#909c83}.examples p[lang=es]{color:#728165}.study-card:has(.examples){padding-bottom:30px}#vocabulary{width:min(770px,calc(100% - 28px));max-width:770px;padding:30px 30px 23px;overflow:hidden}#vocabulary[open]{display:flex;flex-direction:column}#vocabulary h2{margin:12px 0 10px;font-size:27px}.library-intro{font-size:11px;color:#98a08d;line-height:1.7;margin:0 0 19px;max-width:590px}.library-filters{display:grid;grid-template-columns:1.3fr 1fr;gap:10px}.library-filters input,.library-filters select{width:100%;min-width:0;border:1px solid #e3e8d9;background:#fafcf6;border-radius:10px;padding:12px;font:11px var(--font);color:#738467;outline-color:#b29dce}.library-status{display:flex;justify-content:space-between;align-items:center;margin:16px 0 8px;font-size:10px;color:#98a38a}.library-status>div{display:flex;align-items:center;gap:10px}#vocab-page{font-size:9px;min-width:32px;text-align:center}#vocab-results{overflow:auto;max-height:53svh;padding-right:7px}.vocab-entry{padding:19px 2px;border-top:1px solid #edf0e7}.vocab-heading{display:flex;align-items:center;gap:12px;justify-content:space-between}.vocab-heading h3{font:650 17px var(--display);letter-spacing:-.3px;margin:0}.vocab-heading>span{font-size:8px;padding:4px 7px;border-radius:6px;background:#eee8f7;color:#9e88b5}.vocab-entry p{font-size:11px;color:#8d9b7f;line-height:1.75;margin:6px 0}.vocab-entry p.vocab-translation{font-size:13px;color:#6e845a;margin:6px 0 12px}.vocab-entry p b{font-size:8px;font-weight:600;letter-spacing:.5px;margin-right:6px;color:#a797bf}.vocab-entry small{display:block;font-size:8px;color:#adb69f;margin-top:10px}.vocab-empty{padding:40px 0;color:#95a082;text-align:center;font-size:12px}@media(max-width:560px){.examples{gap:8px;margin-top:17px}.examples p{font-size:10px;line-height:1.65}.examples>div{grid-template-columns:22px 1fr;gap:7px}.example-language{font-size:7px}.study-card:has(.examples){padding:63px 17px 24px}.study-card:has(.examples) h2{font-size:29px}.study-card:has(.examples) .answer{font-size:21px}.deck-tag{font-size:8px;gap:6px}.lexicon-link{font-size:10px}#vocabulary{padding:28px 20px 17px}#vocabulary h2{font-size:24px}.library-intro{font-size:10px}.library-filters{grid-template-columns:1fr;gap:7px}.library-filters input,.library-filters select{font-size:11px;padding:10px}#vocab-results{max-height:48svh}.vocab-heading h3{font-size:16px}.vocab-entry p{font-size:11px}}