:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#272a27;background:#f6f5f0;font-synthesis:none;font-size:15px;font-weight:400;--paper:#f6f5f0;--ink:#272a27;--muted:#73776f;--line:#e2e3da;--orange:#bb4b2b;--green:#37624b}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;touch-action:manipulation}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{color:inherit}button:disabled{cursor:default;opacity:.5}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b95431;outline-offset:4px}button svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;letter-spacing:-.045em}em{font-family:Georgia,Times New Roman,serif;font-weight:400}p{line-height:1.65;color:#697065}small{display:block}button{border:0;background:none}svg{vertical-align:middle}::selection{background:#e8b09a}button:hover{filter:brightness(.97)}.tiny,.eyebrow,.sidebar-caption,.profile-label,.date-label,.mode-footer,.app-footer,.section-title>span,.welcome footer{font-family:SFMono-Regular,Consolas,monospace;font-size:10px;letter-spacing:1.3px;font-weight:400}.eyebrow{display:flex;align-items:center;gap:9px;color:#696f64;font-size:10px}.status-dot{width:6px;height:6px;display:inline-block;background:#50795a;border-radius:100%;flex-shrink:0}.orange-dot{color:var(--orange)}.primary,.secondary,.danger{min-height:48px;border-radius:7px;padding:12px 20px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:13px;font-weight:500;line-height:1.5}.primary{background:var(--ink);color:#fff}.primary:hover{background:#3c413b}.secondary{border:1px solid #d5d8cd;background:#fffefa}.danger{background:#9c3425;color:#fff}.green{background:var(--green)}.text-button{min-height:44px;display:inline-flex;gap:9px;align-items:center;font-size:13px;padding:6px 0}.icon-button{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.icon-button:hover{background:#eceee5}.button-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.logo{display:inline-flex;align-items:center;gap:12px;text-align:left;font-size:16px;font-weight:650;letter-spacing:-.5px;white-space:nowrap}.logo small{font:7px Consolas,monospace;letter-spacing:1.5px;margin-top:6px;color:#787c72}.logo-mark{width:39px;height:43px;position:relative;font:32px Georgia,serif;letter-spacing:-10px;line-height:39px}.logo-mark>span{position:relative;top:7px;color:var(--orange)}.logo-mark i{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--orange);right:0;top:4px}.brand-button{padding:0}.avatar{width:48px;height:48px;background:#e5e9da;display:flex;align-items:center;justify-content:center;border-radius:50%;font:22px Georgia,serif;flex-shrink:0;color:#48624c}.avatar.purple{background:#e9e3ee;color:#6c5b7c}.avatar.small{width:36px;height:36px;font-size:18px}.welcome{min-height:100svh;position:relative;padding:38px 5.5% 28px;overflow:hidden;display:flex;flex-direction:column}.welcome header{display:flex;align-items:center;justify-content:space-between}.welcome header>.tiny{color:#777d6f}.welcome main{z-index:1;width:53%;padding:86px 0 58px;max-width:720px}.welcome h1{font-size:clamp(44px,5.6vw,82px);line-height:1.12;margin:27px 0 22px;letter-spacing:-3px}.welcome h1 em{color:#ad4b2b}.cursor{font-family:monospace;font-size:50%;color:#ad4b2b;animation:blink 2s steps(2,start) infinite}.welcome main>p{font-size:17px;line-height:1.65}.profile-label{margin:38px 0 15px;color:#72796b}.profile-picks{display:flex;gap:12px;max-width:560px}.profile-picks>button{display:flex;align-items:center;gap:13px;flex:1;background:#fffefa;border:1px solid var(--line);border-radius:9px;padding:17px;text-align:left;min-height:92px;transition:transform .2s,border-color .2s}.profile-picks>button:hover{transform:translateY(-3px);border-color:#b3bca7}.profile-picks>button>span:nth-child(2){font-size:17px;font-weight:500;flex:1}.profile-picks small{font-size:10px;color:#7a7e74;font-weight:400;margin-top:5px}.profile-picks svg{width:16px}.welcome-note{font-size:11px;color:#777d70;margin-top:22px}.welcome footer{margin-top:auto;display:flex;justify-content:space-between;color:#71776a;border-top:1px solid var(--line);padding-top:23px;font-size:8px}.welcome-art{position:absolute;left:56%;top:20%;height:560px;width:40%;display:flex;justify-content:center;align-items:center}.orbit{position:absolute;border:1px solid #e4e4d9;border-radius:50%;width:430px;height:430px}.o2{width:550px;height:550px;border-style:dashed}.decor-card{position:absolute;width:300px;height:390px;border-radius:13px;padding:28px;box-shadow:0 20px 50px #2636240d}.card-front{background:#fffefa;transform:rotate(-7deg);border:1px solid #e0e2d5;z-index:1}.card-front .tiny{font-size:8px;color:#6a7464}.card-back{background:#dfe6d5;color:#7b8b68;transform:rotate(12deg) translate(45px,-5px);font:56px Georgia,serif;text-align:right;letter-spacing:-3px}.card-back>span{font-size:33px}.book-illustration{height:145px;font:100px Georgia,serif;letter-spacing:-25px;display:flex;align-items:center;justify-content:center;color:#395742;transform:rotate(4deg);padding-right:10px}.book-illustration span{color:var(--orange);transform:translateY(18px)}.decor-card h2{font:36px Georgia,serif;margin:15px 0}.decor-card h2 span{font:11px Consolas,monospace;display:block;letter-spacing:0;color:#86897d;margin-top:8px}.card-rule{height:1px;background:#e4e6dd;margin:20px 0 14px}.decor-card p{font-size:17px;color:#575f4d;margin-bottom:25px}.card-front>.tiny:last-child{font-size:6px}.floating-star{position:absolute;color:var(--orange);font-size:90px;top:15px;right:8%;transform:rotate(9deg);z-index:2}.app-shell{display:flex;min-height:100vh}.sidebar{width:238px;flex-shrink:0;border-right:1px solid var(--line);padding:38px 22px 18px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;background:#efefe8;z-index:10}.sidebar-caption{color:#82867c;font-size:8px;margin:58px 12px 15px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.sidebar nav button,.settings-link{display:flex;align-items:center;gap:13px;padding:13px 15px;border-radius:7px;min-height:48px;font-size:13px;color:#646c5e;text-align:left}.sidebar nav button.active{background:#e1e6d8;color:#2f4a38;font-weight:600}.nav-count{margin-left:auto;font:10px Consolas,monospace;background:#e6e8dd;border-radius:4px;padding:3px 5px}.sidebar-bottom{margin-top:auto}.sidebar-quote{margin:34px 14px 40px;font-size:23px;letter-spacing:-1px;line-height:1.35}.sidebar-quote em{color:#828c72}.sidebar-quote>span{display:block;font:8px Consolas,monospace;letter-spacing:1.5px;margin-top:15px;color:#7c8572}.settings-link{width:100%;font-size:11px;border-radius:6px}.settings-link.active{background:#e1e6d8}.profile-switch{display:flex;gap:11px;width:100%;align-items:center;text-align:left;padding:20px 8px 4px;margin-top:16px;border-top:1px solid #dce0d3}.profile-switch>span:nth-child(2){flex:1;font-size:12px;font-weight:550}.profile-switch small{font-size:10px;color:#757d6b;margin-top:4px;font-weight:400}.profile-switch>svg{color:#79816e}.main-column{margin-left:238px;width:calc(100% - 238px);display:flex;flex-direction:column;min-height:100vh}.topbar{height:79px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 48px;gap:16px}.breadcrumb{font-size:11px;color:#858a7e}.breadcrumb>span{margin:0 12px;color:#b7baaf}.breadcrumb b{font-weight:400;color:#505849}.local-badge{display:flex;align-items:center;gap:7px;font-size:10px;color:#6e7765}.mobile-profile,.mobile-nav{display:none}.content{max-width:1240px;width:100%;margin:0 auto;padding:44px 48px 30px;flex:1}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:34px}.page-heading h1{font-size:40px;margin:10px 0;line-height:1.2}.page-heading p{font-size:12px}.wave{color:var(--orange);font-size:33px;display:inline-block;margin-left:15px;font-weight:400;vertical-align:top}.date-label{font-size:8px;letter-spacing:1px;color:#858b7d;text-align:right}.date-label>span{display:block;font-family:Georgia,serif;font-size:24px;letter-spacing:-.6px;color:#5b6652;margin-top:10px}.stat-strip{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:9px;background:#fcfcf7;margin-bottom:28px;padding:21px 0}.stat{display:flex;gap:15px;align-items:center;padding:2px 28px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat-icon{display:flex;width:42px;height:42px;border-radius:50%;align-items:center;justify-content:center;background:#eeeee5;color:#747e66;flex-shrink:0}.stat-icon.check{background:#e6ecdf;color:#50704b}.stat-icon.review{background:#f3e9df;color:#ad6a3d}.stat strong{display:block;font-size:28px;font-weight:500;line-height:1.1;letter-spacing:-1px}.stat div>span{display:block;font-size:10px;color:#7c8472;margin-top:8px}.review-hero{min-height:306px;border:1px solid #dfe3d5;background:#e9eddf;border-radius:10px;position:relative;overflow:hidden;padding:31px 33px;display:flex;margin-bottom:35px}.hero-copy{z-index:2;max-width:51%}.hero-copy .eyebrow{font-size:8px;color:#687b59;letter-spacing:1.1px}.hero-copy h2{font-size:45px;line-height:1.02;letter-spacing:-1.8px;margin:17px 0 14px}.hero-copy h2 em{color:#5b7450}.hero-copy>p{font-size:11px;max-width:265px;color:#737e66;line-height:1.65;margin-bottom:22px}.hero-copy .primary{font-size:11px;background:#344e39;min-height:44px;padding:11px 16px}.hero-art{position:absolute;left:53%;top:32px;width:43%;height:270px}.mini-card{position:absolute;width:240px;height:177px;background:#fffef9;border:1px solid #dfe2d6;border-radius:8px;box-shadow:0 9px 15px #4450370b;padding:23px;display:flex;flex-direction:column;justify-content:center}.mini-back{transform:rotate(11deg);top:5px;left:13px;background:#f5f6ef;color:#b2ba9d;text-align:center;justify-content:flex-start;font:24px Georgia,serif;padding-top:14px}.mini-back small{font:10px -apple-system,sans-serif;margin-top:5px;color:#b6bea5}.mini-front{transform:rotate(-7deg);top:50px;left:0}.mini-front>.tiny{font-size:7px;color:#828d77;letter-spacing:1px}.mini-front>span:nth-child(2){font:31px Georgia,serif;margin-top:22px;letter-spacing:-1px}.mini-front>small{font-size:8px;color:#7b8470;margin-top:8px}.mini-divider{height:1px;background:#e5e8db;margin:19px 0 11px}.mini-front>.tiny:last-child{font-size:6px;letter-spacing:.8px}.hero-star{position:absolute;color:#ae5e37;font-size:68px;right:7%;top:-4px;transform:rotate(12deg)}.hero-index{position:absolute;right:24px;bottom:17px;font:7px Consolas,monospace;letter-spacing:1.2px;color:#8c967d}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px}.section-title h2{font-size:20px;letter-spacing:-.6px}.section-title>span{font-size:7px;color:#8d9484;letter-spacing:1.1px}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.mode-card{border:1px solid var(--line);border-radius:9px;padding:22px 22px 0;text-align:left;background:#fdfdf8;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.mode-card:hover{transform:translateY(-4px);box-shadow:0 10px 20px #2f3f240a}.mode-top{display:flex;justify-content:space-between;align-items:center}.mode-top>span:last-child{font:9px Consolas,monospace;color:#a2aa98}.mode-icon{background:#eee8dd;color:#9e7a50;padding:10px;border-radius:9px}.quiz .mode-icon{background:#e8e4ed;color:#827097}.typing .mode-icon{background:#e4eae9;color:#658b84}.mode-card h3{font-size:21px;margin:23px 0 8px}.mode-card p{font-size:10px;margin-bottom:22px;color:#838b79;min-height:33px}.mode-footer{display:flex;align-items:center;justify-content:space-between;gap:5px;border-top:1px solid #e9ebe0;padding:16px 0;margin-top:auto;font-size:6px;letter-spacing:.7px;color:#79816d;width:100%}.mode-footer svg{color:#747f66}.bottom-note{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:23px;font-size:9px;color:#8a917f}.bottom-note>span{display:flex;align-items:center;gap:7px}.bottom-note .status-dot{width:4px;height:4px;background:#8f9d7d}.bottom-note button{font-size:9px;color:#77816c;display:flex;align-items:center;gap:8px;min-height:44px}.app-footer{padding:23px 48px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#929987;font-size:7px;letter-spacing:1.1px}.app-footer>span:last-child{font:italic 12px Georgia,serif;letter-spacing:0}.panel{background:#fcfcf7;border:1px solid var(--line);padding:28px;border-radius:10px;margin-bottom:22px}.panel h2{font-size:23px;margin-bottom:12px}.panel p{font-size:13px;margin:10px 0}.panel .hint,.hint{font-size:11px;line-height:1.7;color:#828b76;margin-top:18px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.big-number{font-size:64px;font-weight:400;letter-spacing:-3px;display:block;margin:20px 0}.progress-track{height:4px;border-radius:5px;background:#e0e5d6;overflow:hidden}.progress-track>span{display:block;height:100%;background:#6a865b;border-radius:5px;transition:width .3s}.session-history>div{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-top:1px solid var(--line);font-size:14px}.session-history small{font-size:10px;color:#7b8670;margin-top:6px}.session-history b{font:18px Georgia,serif}.search{width:100%;background:#fffefa;border:1px solid #dadfd0;border-radius:8px;min-height:50px;padding:12px 18px;margin-bottom:22px;font-size:13px}.word-list{border-top:1px solid var(--line)}.word-row{display:flex;gap:22px;align-items:center;border-bottom:1px solid var(--line);padding:20px 2px}.word-number{font:10px Consolas,monospace;color:#939c87}.word-row>div:nth-child(2){flex:1;min-width:0}.word-row h3{font:24px Georgia,serif;overflow-wrap:anywhere}.word-row p{font-size:12px;margin-top:5px}.word-row small{font:9px Consolas,monospace;color:#88967a;margin-top:9px}.row-actions{display:flex;gap:4px;color:#76866a}.empty{padding:65px 20px;text-align:center;color:#728563}.empty h2{font-size:25px;margin:20px 0}.empty p{margin-bottom:20px}.speech-controls{display:flex;gap:18px;margin:20px 0}.speech-controls label{font-size:10px;color:#6d7c60;display:flex;flex-direction:column;gap:8px;flex:1;max-width:240px}.speech-controls select{min-height:44px;padding:9px 30px 9px 13px;border:1px solid #d6decb;background:#fffef9;border-radius:6px;color:#3d4e33;font-size:12px;max-width:100%}.voice-status{font-size:11px!important;color:#6c815a}.install-steps{font-size:13px;line-height:1.8;color:#65755a;padding-left:21px}.install-steps li{margin:12px 0}.modal{width:min(560px,calc(100% - 30px));padding:28px;border:1px solid #d9dece;border-radius:14px;color:var(--ink);background:var(--paper);max-height:calc(100svh - 36px);overflow:auto;box-shadow:0 25px 80px #1b2d282e}.modal::backdrop{background:#2325;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.modal-heading h2{font-size:28px}.modal p{font-size:13px;margin:14px 0}.form-field{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#58694c;margin:16px 0}.form-field input{width:100%;min-height:46px;padding:10px 12px;border:1px solid #cdd6c1;border-radius:6px;background:#fffefb}.checkbox{display:flex;align-items:flex-start;gap:12px;font-size:12px;line-height:1.7;padding:16px;background:#eaece2;border-radius:7px}.checkbox input{accent-color:#48643c;min-width:18px;min-height:18px}.danger-text{color:#993f2f;font-size:12px}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:27px;max-width:calc(100% - 32px);width:max-content;z-index:200;background:#2c402b;color:#fff;padding:15px 15px 15px 22px;border-radius:10px;font-size:12px;line-height:1.65;display:flex;align-items:center;gap:18px;box-shadow:0 8px 30px #20372030}.toast button{color:#fff;min-width:30px;min-height:36px;align-self:flex-start}.error-banner{background:#f5d8ce;color:#7b2b1b;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 25px;font-size:13px;position:relative;z-index:30}.error-banner button{min-height:44px;min-width:44px}.study{max-width:690px;margin:auto}.study-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px;color:#6d7f60;font-size:11px}.study-top>span b{margin-left:20px;font:12px Consolas,monospace}.study-heading{text-align:center;margin:40px 0 30px}.study-heading .eyebrow{justify-content:center;font-size:8px}.study-heading h1{font-size:32px;margin-top:14px}.direction-row{display:flex;justify-content:space-between;align-items:center;margin:0 0 15px}.direction-toggle{display:flex;align-items:center;gap:7px;font-size:11px;min-height:44px;color:#576b49}.direction-row>span{font:7px Consolas,monospace;letter-spacing:1px;color:#849276}.flashcard{position:relative;height:322px;perspective:1200px;margin-bottom:13px}.flip-surface{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.7,.3,1);padding:0;border-radius:13px;text-align:center}.is-flipped .flip-surface{transform:rotateY(180deg)}.flash-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid #d9dfcc;border-radius:13px;background:#fffef9;box-shadow:0 9px 0 -4px #e6e8df,0 16px 0 -8px #e8eae2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px}.flash-face .tiny{position:absolute;left:25px;top:27px;font-size:8px;color:#8c977e}.flash-face strong{font:46px Georgia,serif;font-weight:400;letter-spacing:-1px;overflow-wrap:anywhere;max-width:100%;line-height:1.2}.flash-face.back{transform:rotateY(180deg);background:#eff2e7}.back strong{font-size:29px;margin:25px 0 15px}.flip-hint{position:absolute;bottom:27px;display:flex;gap:8px;align-items:center;font-size:10px;color:#869574}.example{font-size:14px;line-height:1.65;color:#44593a}.example small{font-size:11px;color:#7b896e;margin-top:7px}.word-note{font-size:10px;color:#7b896e;margin-top:13px;line-height:1.6}.card-sound{position:absolute;top:15px;right:15px;background:#e9eddf;color:#627953;z-index:2}.sentence-sound{display:flex;margin:8px auto;color:#627b50;justify-content:center}.grade-buttons{display:flex;gap:14px;margin-top:25px}.grade-buttons>button{flex:1;min-height:55px}.speech-details{border-top:1px solid var(--line);margin-top:32px;color:#6d7f5c}.speech-details summary{font-size:11px;cursor:pointer;min-height:44px;padding:15px 0}.study-footnote{font-size:10px;text-align:center;color:#8a977c;margin:15px 0}.question-word{display:flex;align-items:center;justify-content:center;gap:20px;padding:30px 0 36px;text-align:center;font:39px Georgia,serif;overflow-wrap:anywhere}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:13px}.quiz-options>button{padding:20px 16px;min-height:88px;border:1px solid #d7decc;border-radius:8px;background:#fffefa;text-align:left;display:flex;align-items:center;gap:13px;font-size:13px;line-height:1.5}.quiz-options>button>span{display:flex;align-items:center;justify-content:center;border:1px solid #e1e5d8;min-width:29px;height:29px;font:11px Consolas,monospace;border-radius:5px;color:#82916f}.quiz-options>button.correct{background:#e4edda;border-color:#7b9b63;color:#3c5d29;opacity:1}.quiz-options>button.incorrect{background:#f6e5dd;border-color:#bb7157;color:#913d20;opacity:1}.quiz-options>button.muted{opacity:.55}.quiz-options>button>svg{margin-left:auto}.typing-form label{display:block;font-size:12px;color:#6a7e58;margin-bottom:12px}.typing-form input{width:100%;min-height:65px;border:1px solid #b7c5a7;background:#fffefa;border-radius:8px;padding:17px;font-size:22px}.typing-form .primary{width:100%;margin-top:20px}.feedback{padding:20px 22px;border:1px solid #c4d4b4;border-radius:8px;background:#edf2e5;margin-top:24px;display:flex;align-items:center;justify-content:space-between;gap:15px}.feedback strong{font-size:14px;font-weight:500;color:#46682e}.feedback p{font-size:12px;line-height:1.7;color:#687e55;margin-top:6px}.feedback.bad{background:#f6e9e0;border-color:#e0bda8}.feedback.bad strong{color:#a35934}.feedback.bad p{color:#986a50}.feedback .primary{font-size:12px;flex-shrink:0}.answer-example{display:flex;align-items:center;gap:20px;margin:22px 0}.answer-example p{flex:1;font-size:13px;color:#536c42}.answer-example small{font-size:11px;color:#849674;margin-top:8px}.results{text-align:center;padding:55px 0;max-width:650px;margin:auto}.result-star{color:#bc6139;font-size:100px;display:block;margin-bottom:22px}.results .eyebrow{justify-content:center}.results h1{font-size:100px;margin:20px 0 5px;letter-spacing:-6px}.results h2{font-size:32px}.results p{font-size:13px;margin:20px 0}.results .button-row{justify-content:center}@keyframes blink{to{opacity:0}}@media(min-width:1500px){.content{padding-top:55px}.review-hero{min-height:340px}.hero-copy h2{font-size:53px}.hero-art{left:56%;top:45px}.mode-card{padding:26px 26px 0}.mode-card p{font-size:12px}.mode-footer{font-size:7px}}@media(max-width:1150px){.sidebar{width:205px;padding:30px 17px 18px}.sidebar .logo{font-size:14px;gap:8px}.sidebar .logo small{font-size:6px}.main-column{margin-left:205px;width:calc(100% - 205px)}.content{padding:35px 28px 25px}.topbar{padding:0 28px}.stat{padding:2px 18px;gap:10px}.stat-icon{width:34px;height:34px}.stat div>span{font-size:9px}.hero-art{transform:scale(.9);transform-origin:top left;left:55%}.mode-card{padding:18px 17px 0}.mode-card p{font-size:10px}.mode-footer{font-size:5px;letter-spacing:.4px}.hero-star{right:-2%}.welcome-art{transform:scale(.85);transform-origin:center}.welcome main{width:55%}.profile-picks{flex-direction:column;max-width:360px}.profile-picks>button{min-height:80px;padding:13px 18px}.welcome main{padding-top:65px}.welcome h1{font-size:59px}}@media(max-width:800px){.sidebar{width:175px;padding-left:12px;padding-right:12px}.sidebar .logo{font-size:12px}.sidebar .logo small{font-size:5px}.logo-mark{width:32px;font-size:27px;letter-spacing:-9px}.sidebar nav button{font-size:11px;padding:12px 10px;gap:10px}.sidebar-caption{font-size:7px}.sidebar-quote{font-size:20px}.settings-link{font-size:10px;gap:8px;padding:12px 7px}.main-column{margin-left:175px;width:calc(100% - 175px)}.content{padding:28px 22px}.topbar{padding:0 22px;height:66px}.local-badge{font-size:8px}.breadcrumb{font-size:10px}.stat{padding:0 11px;gap:8px}.stat-icon{display:none}.stat strong{font-size:26px}.stat div>span{font-size:9px}.page-heading h1{font-size:33px}.date-label{display:none}.review-hero{padding:25px 24px;min-height:290px}.hero-copy{max-width:64%}.hero-copy .eyebrow{font-size:7px;letter-spacing:.4px}.hero-copy h2{font-size:40px}.hero-art{left:63%;top:68px;transform:scale(.7)}.hero-star{right:0;top:-65px}.hero-index{font-size:6px}.hero-copy>p{max-width:225px}.mode-grid{gap:10px}.mode-card{padding:14px 13px 0}.mode-card h3{font-size:18px}.mode-card p{font-size:10px}.mode-top>span:last-child{font-size:8px}.mode-icon{padding:8px}.mode-footer span{display:none}.mode-footer{justify-content:flex-end;padding:12px 0}.section-title>span{font-size:6px}.bottom-note{align-items:flex-start}.bottom-note>span{max-width:60%;line-height:1.6}.bottom-note button{font-size:8px;min-height:30px;align-items:flex-start}.app-footer{padding:20px 22px}.flash-face strong{font-size:38px}.back strong{font-size:26px}.study-heading h1{font-size:27px}.panel{padding:23px}.stats-grid{gap:14px}.big-number{font-size:55px}.word-row{gap:14px}.row-actions{gap:0}.row-actions .icon-button{width:37px}.question-word{font-size:32px}.quiz-options>button{font-size:12px;padding:16px 12px}.feedback{padding:16px;align-items:flex-start;flex-direction:column}.feedback .primary{align-self:flex-end;min-width:100px}.welcome{padding:25px 6%}.welcome-art{left:57%;transform:scale(.7)}.welcome h1{font-size:49px}.welcome header>.tiny{font-size:7px}.welcome main{padding-top:75px}.welcome footer{font-size:6px}.welcome main>p{font-size:15px}}@media(max-width:600px){:root{font-size:16px}.welcome{padding:24px;min-height:100svh}.welcome header>.tiny{display:none}.welcome .logo{font-size:16px}.welcome main{width:100%;max-width:none;padding:58px 0 45px}.welcome h1{font-size:clamp(43px,11.5vw,64px);letter-spacing:-2px;margin-top:26px;line-height:1.12}.welcome .eyebrow{font-size:8px}.welcome main>p{font-size:15px}.welcome-art{display:none}.profile-label{margin-top:33px;font-size:9px}.profile-picks{max-width:none;flex-direction:column;gap:12px}.profile-picks>button{min-height:85px;padding:16px 18px}.profile-picks small{font-size:11px}.profile-picks>button>span:nth-child(2){font-size:18px}.profile-picks svg{width:19px}.welcome-note{font-size:10px;margin-top:23px}.welcome footer>span:last-child{display:none}.welcome footer{font-size:7px;padding-top:20px}.sidebar{display:none}.main-column{margin-left:0;width:100%;padding-bottom:76px}.topbar{height:65px;padding:0 23px;gap:10px}.breadcrumb{font-size:10px}.breadcrumb>span{margin:0 8px}.local-badge{margin-left:auto;font-size:8px;max-width:115px;line-height:1.5}.mobile-profile{display:block;flex-shrink:0;min-width:34px;min-height:34px;border-radius:50%;background:#e4e9da;font:18px Georgia,serif;color:#45603b}.content{padding:30px 23px 22px}.page-heading{margin-bottom:25px;gap:12px;align-items:flex-start;flex-direction:column}.page-heading .eyebrow{font-size:8px;letter-spacing:1.2px}.page-heading h1{font-size:36px;margin-top:10px}.page-heading p{font-size:12px}.wave{font-size:30px;margin-left:14px}.page-heading>.primary{width:100%;margin-top:6px}.stat-strip{padding:19px 0;margin-bottom:22px;border-radius:8px}.stat{padding:0 12px;display:block;text-align:center}.stat strong{font-size:28px}.stat div>span{font-size:8px;margin-top:9px;line-height:1.4}.review-hero{padding:26px 23px 25px;min-height:350px;margin-bottom:32px;border-radius:9px}.hero-copy{max-width:100%;width:100%}.hero-copy .eyebrow{font-size:6.5px;letter-spacing:.6px;gap:5px}.hero-copy h2{font-size:44px;position:relative;margin:20px 0 16px;z-index:2}.hero-copy>p{font-size:11px;max-width:175px;margin-bottom:24px}.hero-copy .primary{width:100%;min-height:49px;font-size:11px;justify-content:space-between;position:relative;z-index:3}.hero-art{left:61%;top:100px;transform:scale(.51)}.hero-star{font-size:58px;right:-90px;top:-85px}.hero-index{bottom:10px;right:17px;font-size:5px}.mini-front{top:45px}.section-title{margin-bottom:15px}.section-title h2{font-size:22px}.section-title>span{font-size:5.5px;letter-spacing:.8px;max-width:100px;line-height:1.7;text-align:right}.mode-grid{grid-template-columns:1fr;gap:11px}.mode-card{position:relative;display:grid;grid-template-columns:48px 1fr 24px;column-gap:15px;padding:20px;min-height:110px}.mode-top{grid-column:1;grid-row:1 / 3;align-self:center;display:block}.mode-top>span:last-child{display:none}.mode-icon{display:flex;width:46px;height:46px;align-items:center;justify-content:center;padding:0;border-radius:9px}.mode-card h3{grid-column:2;grid-row:1;font-size:20px;margin:2px 0 6px;align-self:end}.mode-card p{grid-column:2;grid-row:2;font-size:10px;margin:0;min-height:auto;line-height:1.6}.mode-footer{grid-column:3;grid-row:1 / 3;border:0;padding:0;margin:0;align-self:center}.mode-footer span{display:none}.bottom-note{flex-direction:column;gap:9px;margin-top:22px;font-size:9px;align-items:center}.bottom-note>span{max-width:100%}.bottom-note button{font-size:10px;min-height:40px;align-items:center}.app-footer{padding:19px 23px;font-size:6px}.app-footer>span:last-child{font-size:11px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:20;background:#f9faf4ed;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-top:1px solid #dde4d2;padding:8px 12px calc(8px + env(safe-area-inset-bottom));justify-content:space-around}.mobile-nav>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:9px;min-height:48px;min-width:65px;color:#88957a;border-radius:7px}.mobile-nav>button.active{color:#395b2b;background:#e7ecdf}.toast{bottom:calc(88px + env(safe-area-inset-bottom));font-size:11px;padding:12px 14px;gap:12px}.stats-grid{grid-template-columns:1fr;gap:0}.panel{padding:23px 20px;margin-bottom:17px}.panel h2{font-size:23px}.panel p{font-size:12px}.panel .hint{font-size:10px}.button-row{flex-direction:column;gap:10px}.button-row>button{width:100%;min-height:48px}.speech-controls{gap:10px}.speech-controls select{font-size:11px;padding-right:15px;width:100%}.speech-controls label{max-width:50%;font-size:10px}.word-row{gap:12px;padding:20px 0;flex-wrap:wrap;position:relative}.word-number{font-size:8px;align-self:flex-start;margin-top:8px}.word-row h3{font-size:24px;padding-right:0}.word-row p{font-size:11px}.word-row>div:nth-child(2){width:calc(100% - 35px);flex:auto}.row-actions{margin-left:25px;gap:10px;margin-top:0}.row-actions .icon-button{width:44px;height:44px;background:#e9eddf}.word-row small{font-size:8px}.study-top{font-size:10px}.study-top>span{max-width:55%;text-align:right;line-height:1.7}.study-top>span b{margin-left:10px;font-size:10px}.study-heading{margin:30px 0 22px}.study-heading h1{font-size:27px;line-height:1.2}.study-heading .eyebrow{font-size:6.5px;letter-spacing:.8px}.direction-row>span{font-size:5px;letter-spacing:.7px;max-width:90px;line-height:1.6;text-align:right}.direction-toggle{font-size:10px}.flashcard{height:320px}.flash-face{padding:30px 24px}.flash-face strong{font-size:37px}.flash-face .tiny{font-size:7px;left:20px;top:23px}.back strong{font-size:26px;line-height:1.15;margin:25px 0 15px}.example{font-size:12px;line-height:1.6}.example small{font-size:10px}.word-note{font-size:9px}.grade-buttons{gap:10px}.grade-buttons>button{font-size:12px;padding:12px;min-height:54px}.speech-details{margin-top:25px}.study-footnote{font-size:9px;line-height:1.7}.question-word{padding:20px 0 30px;font-size:31px}.quiz-options{grid-template-columns:1fr;gap:10px}.quiz-options>button{padding:13px 15px;min-height:65px;font-size:12px}.quiz-options>button>span{min-width:28px;height:28px;font-size:10px}.feedback{padding:18px;gap:16px;margin-top:20px}.feedback>div{width:100%}.feedback .primary{width:100%}.feedback p{font-size:12px}.typing-form input{font-size:20px;min-height:60px}.typing-form label{font-size:11px}.results{padding:30px 0}.results h1{font-size:88px}.results h2{font-size:28px}.results p{font-size:12px}.result-star{font-size:80px}.modal{padding:23px 20px}.modal-heading h2{font-size:25px}.modal .button-row{margin-top:24px}.form-field{font-size:11px}.form-field input{font-size:16px}.empty{padding:45px 10px}.empty h2{font-size:24px}.empty p{font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.page-heading p{font-size:14px}.stat div>span{font-size:12px}.hero-copy>p{font-size:13px;max-width:320px}.hero-copy .primary{font-size:13px;min-height:48px}.mode-card p{font-size:13px;min-height:44px}.mode-footer{font-size:7px}.mode-card h3{font-size:24px}.bottom-note,.bottom-note button,.local-badge{font-size:11px}.breadcrumb{font-size:12px}.sidebar nav button{font-size:14px}.settings-link{font-size:12px}.word-row p,.panel p{font-size:14px}.voice-status{font-size:12px!important}.panel .hint,.study-footnote{font-size:12px}.speech-details summary{font-size:13px}.quiz-options>button{font-size:15px}.example{font-size:16px}.example small,.direction-toggle{font-size:13px}.speech-controls label{font-size:12px}.speech-controls select{font-size:14px}.form-field{font-size:13px}.modal p{font-size:14px}.checkbox{font-size:13px}.word-row small{font-size:11px}.flash-face.back{overflow:auto}.word-note{font-size:12px}.back strong{font-size:30px}.feedback p{font-size:14px}.feedback strong{font-size:16px}.question-word{line-height:1.3}.toast{font-size:13px}@media(max-width:1150px)and (min-width:601px){.stat div>span{font-size:10px}.hero-copy .primary{font-size:11px}.mode-card p{font-size:12px}.mode-footer{font-size:5px}.mode-card h3{font-size:22px}.bottom-note,.bottom-note button{font-size:9px}.sidebar nav button{font-size:12px}.local-badge{font-size:9px}}@media(max-width:600px){.page-heading p{font-size:13px}.stat div>span{font-size:10px}.hero-copy>p{font-size:13px;max-width:190px}.hero-copy .primary{font-size:12px}.review-hero{min-height:375px}.hero-copy h2{font-size:46px}.hero-art{top:108px;left:64%}.mode-card p{font-size:12px;min-height:auto}.mode-card h3{font-size:22px}.bottom-note,.bottom-note button{font-size:10px}.local-badge{font-size:9px}.breadcrumb{font-size:10px}.word-row p,.panel p{font-size:13px}.panel .hint{font-size:12px}.study-footnote{font-size:11px}.direction-toggle{font-size:12px}.direction-row>span{display:none}.example{font-size:14px}.example small{font-size:12px}.back strong{font-size:27px}.word-note{font-size:11px}.flashcard{height:350px}.quiz-options>button{font-size:14px}.speech-controls select,.toast,.form-field{font-size:12px}.modal p,.feedback p{font-size:13px}}