:root{font:100%/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-optical-sizing:auto;color-scheme:dark;--bg:#171c1b;--surface:#202725;--raised:#29312e;--text:#eeeae0;--muted:#b1b9ae;--line:#35413a;--mint:#bed8b8;--mint-ink:#203228;--peach:#e8b89c;--error:#ffc0af;--glass:rgba(23,28,27,.9);--shadow:0 20px 70px #0003}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}body[data-theme=warm]{color-scheme:light;--bg:#eee9df;--surface:#f7f1e7;--raised:#e5e2d8;--text:#263a31;--muted:#5d6c60;--line:#cecfc2;--mint:#bed0b1;--mint-ink:#203228;--peach:#d79874;--error:#9f3e2b;--glass:rgba(238,233,223,.92);--shadow:0 20px 70px #31493112}
button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;touch-action:manipulation}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button:active:not(:disabled){transform:scale(.97)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--peach);outline-offset:4px}button{transition:background .15s,transform .12s}svg{width:22px;height:22px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}button svg{pointer-events:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600;letter-spacing:-.035em}h1{font-size:clamp(2.5rem,5.4vw,4.6rem);line-height:1.05}h2{font-size:1.65rem;line-height:1.2}h3{font-size:1.1rem}small,.eyebrow{font-size:.75rem;letter-spacing:.1em}.eyebrow{text-transform:uppercase;font-weight:600;color:var(--mint)}.muted{color:var(--muted)}.skip{position:fixed;top:-100px;left:20px;background:var(--mint);color:var(--mint-ink);padding:10px;z-index:100}.skip:focus{top:10px}.loading{padding:25vh 24px;text-align:center;font-size:2rem;letter-spacing:-.04em}.loading span{display:block;font-size:1rem;margin-top:16px;color:var(--muted)}
.shell{display:grid;grid-template-columns:242px 1fr;min-height:100dvh}.sidebar{position:sticky;top:0;height:100dvh;padding:36px 24px;display:flex;flex-direction:column;border-right:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:1.03rem;font-weight:600;letter-spacing:-.03em}.brand img{width:38px;height:38px}.brand small{display:block;font-size:.63rem;color:var(--muted);font-weight:400;letter-spacing:.14em;margin-top:2px}.desktop-nav{margin-top:50px;display:grid;gap:8px}.navitem{display:flex;align-items:center;gap:14px;min-height:50px;padding:12px 15px;border-radius:15px;color:var(--muted);font-size:.91rem}.navitem.active{color:var(--mint);background:var(--raised)}.navitem:hover{background:var(--raised)}.sidebar-note{margin-top:auto;padding:20px 14px;border:1px solid var(--line);border-radius:20px}.sidebar-note p{font-size:.85rem;margin:12px 0 4px}.sidebar-note span{font-size:.75rem;color:var(--muted);display:block}.desktop-footer{font-size:.68rem;color:var(--muted);margin-top:18px;padding-left:12px}.main-wrap{min-width:0}.topbar{height:88px;display:flex;justify-content:space-between;align-items:center;padding:0 5.5%;gap:16px}.topbar .crumb{font-size:.82rem;color:var(--muted)}.topbar-actions{display:flex;gap:12px;align-items:center}.pill{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border:1px solid var(--line);border-radius:50px;font-size:.76rem;color:var(--muted)}.pill svg{width:16px;height:16px;color:var(--peach)}.icon-button{width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;background:transparent;flex-shrink:0}.icon-button:hover{background:var(--raised)}.mobile-brand,.bottom-nav{display:none}main{max-width:1200px;margin:auto;padding:10px 5.5% 70px}.hero{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:30px;min-height:330px;padding:16px 0 36px}.hero h1{margin-top:17px}.hero h1 em{font-weight:400;font-family:Georgia,serif;color:var(--mint)}.hero-copy>p{color:var(--muted);max-width:390px;margin-top:20px;font-size:.97rem;line-height:1.7}.button-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.btn{min-height:48px;padding:12px 19px;border-radius:14px;display:inline-flex;justify-content:center;align-items:center;gap:9px;border:1px solid var(--line);background:var(--raised);font-weight:600;font-size:.85rem}.btn.primary{background:var(--mint);border-color:var(--mint);color:var(--mint-ink)}.btn.ghost{background:transparent}.btn.full{width:100%}.btn:hover{filter:brightness(1.05)}.btn svg{width:18px;height:18px}.hero-art{position:relative;min-height:310px;display:flex;justify-content:center;align-items:center}.orbit{width:290px;height:290px;border:1px solid var(--line);border-radius:50%;position:absolute}.orbit:after{content:'';position:absolute;inset:29px;border-radius:50%;border:1px dashed var(--line)}.orbit:before{content:'';width:14px;height:14px;background:var(--peach);border:6px solid var(--bg);box-sizing:content-box;border-radius:50%;position:absolute;left:19px;top:26px}.hero-flash{z-index:1;width:275px;border:1px solid #677a6259;border-radius:28px;background:linear-gradient(145deg,var(--raised),var(--surface));padding:25px;transform:rotate(-6deg);box-shadow:var(--shadow)}.hero-flash .flash-top{display:flex;justify-content:space-between;align-items:center;font-size:1.7rem}.hero-flash p{font-size:1.55rem;line-height:1.2;letter-spacing:-.04em;font-weight:600;margin:18px 0 8px}.hero-flash .phonetic{font-size:.72rem;margin-top:7px}.hero-flash .meaning{font-size:.9rem;color:var(--muted)}.art-label{position:absolute;right:-4px;bottom:15px;transform:rotate(5deg);z-index:2;background:var(--peach);color:#34281f;border-radius:50px;padding:11px 17px;font-size:.75rem;box-shadow:var(--shadow);display:flex;align-items:center;gap:8px}.art-label svg{width:17px;height:17px}.hero-flash .icon-button{width:40px;height:40px;background:var(--mint);color:var(--mint-ink);border:0}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:15px 0 38px}.stat{display:flex;align-items:center;gap:14px;border:1px solid var(--line);padding:18px 22px;border-radius:20px}.stat-icon{color:var(--mint);width:43px;height:43px;border-radius:14px;background:var(--raised);display:grid;place-items:center}.stat strong{font-size:1.3rem;font-weight:600;letter-spacing:-.03em}.stat p{font-size:.74rem;color:var(--muted);margin-top:1px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin:30px 0 20px}.section-head p{font-size:.84rem;color:var(--muted);margin-top:7px}.text-button{border:0;background:none;color:var(--mint);font-size:.82rem;display:inline-flex;align-items:center;gap:7px;padding:8px 0}.text-button svg{width:16px;height:16px}.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.lesson-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:22px;text-align:left;width:100%;position:relative;display:flex;flex-direction:column;min-height:186px}.lesson-card:hover{border-color:#789574;background:var(--raised)}.lesson-card .emoji{width:48px;height:48px;border-radius:16px;background:var(--raised);display:grid;place-items:center;font-size:1.6rem;margin-bottom:22px}.lesson-card h3{font-size:.99rem;letter-spacing:-.025em;line-height:1.3;max-width:90%;margin-bottom:8px}.lesson-card>p{font-size:.72rem;color:var(--muted);margin-top:auto}.lesson-card .arrow{position:absolute;right:21px;top:30px;color:var(--muted)}.mini-progress{height:3px;background:var(--line);border-radius:20px;margin-top:16px;overflow:hidden}.mini-progress span{height:100%;display:block;background:var(--mint)}.daily-card{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:25px 28px;margin-top:30px;background:linear-gradient(110deg,#48584740,transparent);border:1px solid var(--line);border-radius:23px}.daily-card p{font-size:.85rem;color:var(--muted);margin-top:8px;max-width:460px}.daily-card>svg{color:var(--peach);width:32px;height:32px}.daily-card .btn{flex-shrink:0}
.page-title{font-size:clamp(2rem,4vw,3rem);margin-top:10px}.page-intro{color:var(--muted);margin-top:12px;max-width:590px;font-size:.93rem}.filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:26px 0 22px}.segmented{display:inline-flex;padding:4px;background:var(--surface);border:1px solid var(--line);border-radius:14px;gap:3px}.segmented button{border:0;background:transparent;color:var(--muted);padding:10px 16px;border-radius:10px;font-size:.83rem;min-height:42px}.segmented button.active{background:var(--raised);color:var(--text);box-shadow:0 2px 7px #0001}.search{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:0 14px;min-height:52px;flex:1;min-width:190px}.search input{width:100%;color:var(--text);border:0;background:none;outline:none;padding:12px 0;min-width:0;font-size:.87rem}.search svg{color:var(--muted);width:18px;height:18px}.search input::placeholder{color:var(--muted)}.select{border:1px solid var(--line);border-radius:14px;min-height:52px;padding:12px 36px 12px 14px;background:var(--surface);color:var(--text);max-width:100%;font-size:.86rem}.phase-heading{margin:30px 0 18px;display:flex;align-items:center;gap:14px;font-size:1rem}.phase-heading span{font-size:.7rem;font-weight:400;color:var(--muted);letter-spacing:0}.back{margin-bottom:22px;display:inline-flex;gap:8px;align-items:center}.lesson-header{display:flex;justify-content:space-between;gap:20px;align-items:center}.lesson-header .emoji-large{font-size:3rem;background:var(--raised);padding:14px 22px;border-radius:24px}.lesson-header h1{font-size:clamp(1.8rem,4vw,3rem);margin-top:10px}.lesson-header p{margin-top:12px;color:var(--muted);font-size:.9rem}.study-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0;margin:18px 0 8px;flex-wrap:wrap}.study-controls label{font-size:.8rem;color:var(--muted);display:flex;align-items:center;gap:10px}.switch{appearance:none;width:40px;height:24px;border-radius:20px;background:var(--line);position:relative;cursor:pointer;flex-shrink:0}.switch:after{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--muted);transition:transform .15s}.switch:checked{background:var(--mint)}.switch:checked:after{transform:translateX(16px);background:var(--mint-ink)}.phrase-list{display:grid;gap:12px}.phrase-card{display:grid;grid-template-columns:1fr auto;column-gap:18px;align-items:center;padding:23px 25px;border:1px solid var(--line);border-radius:22px;background:var(--surface)}.phrase-card.mastered{border-color:#6c8960}.phrase-top{display:flex;gap:12px;align-items:center}.memory-icons{font-size:1.3rem;letter-spacing:.12em;min-width:45px}.phrase-en{font-size:1.35rem;line-height:1.35;letter-spacing:-.025em;font-weight:550;text-align:left;border:0;background:none;padding:0;color:var(--text)}.phrase-en:hover{color:var(--mint)}.phonetic{color:var(--peach);font-size:.79rem;letter-spacing:.025em;margin-top:7px}.phrase-pt{color:var(--muted);font-size:.91rem;margin-top:10px}.phrase-actions{display:flex;gap:9px}.phrase-actions .icon-button{width:43px;height:43px}.icon-button.selected{background:var(--mint);color:var(--mint-ink);border-color:var(--mint)}.role{font-size:.68rem;background:var(--raised);padding:4px 8px;border-radius:7px;color:var(--mint);margin-right:7px}.reveal{color:var(--mint);font-size:.82rem;border:1px dashed var(--line);padding:8px 12px;margin-top:8px;display:inline-flex;border-radius:9px;background:none}.practice-note{padding:20px 24px;border-radius:20px;background:var(--raised);margin-top:20px;font-size:.85rem;color:var(--muted);display:flex;gap:14px}.practice-note svg{color:var(--peach);flex-shrink:0}.empty{text-align:center;border:1px dashed var(--line);border-radius:24px;padding:60px 24px;grid-column:1/-1}.empty p{color:var(--muted);margin-top:12px}
.quiz-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:25px;margin-top:32px;align-items:start}.panel{border:1px solid var(--line);background:var(--surface);border-radius:26px;padding:28px}.form-label{display:block;font-size:.8rem;font-weight:550;margin:26px 0 12px;color:var(--muted)}.form-label:first-child{margin-top:0}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice{border:1px solid var(--line);background:transparent;text-align:left;border-radius:18px;padding:19px;display:block}.choice.active{background:#b9d6b512;border-color:var(--mint)}.choice strong{display:block;font-size:1.02rem;font-weight:600}.choice span{display:block;color:var(--muted);font-size:.76rem;margin-top:6px}.choice svg{color:var(--mint);margin-bottom:10px}.quiz-layout .select{width:100%}.quiz-layout .btn.full{margin-top:28px}.hint{font-size:.75rem;color:var(--muted);margin-top:12px;line-height:1.6}.quiz-aside{padding:30px 16px}.quiz-aside .sprout{font-size:3rem;display:block;margin-bottom:22px}.quiz-aside h2{font-size:1.6rem}.quiz-aside p{color:var(--muted);font-size:.89rem;margin-top:14px;line-height:1.8}.steps{display:grid;gap:18px;margin-top:27px}.step{display:flex;gap:12px;align-items:center;font-size:.84rem}.step b{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:var(--raised);color:var(--mint);font-size:.72rem}.quiz-screen{max-width:720px;margin:0 auto;padding-top:12px}.quiz-top{display:flex;align-items:center;gap:20px}.quiz-top .progress-block{flex:1}.quiz-meta{display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted);margin-bottom:10px}.bar{height:5px;background:var(--line);border-radius:20px;overflow:hidden}.bar span{display:block;height:100%;background:var(--mint);transition:width .25s}.question{padding:40px 0 26px;text-align:center}.question .memory-icons{display:block;font-size:2.2rem;margin-bottom:16px}.question h1{font-size:clamp(1.8rem,5vw,2.55rem);line-height:1.2;margin:18px 0}.question .eyebrow{color:var(--muted)}.question .listen-big{display:inline-flex;width:90px;height:90px;border-radius:30px;background:var(--mint);color:var(--mint-ink);align-items:center;justify-content:center;border:0;margin:18px auto 12px;box-shadow:0 0 0 9px #bed8b809}.listen-big svg{width:34px;height:34px}.options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.option{min-height:88px;border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:20px;text-align:left;display:flex;align-items:center;gap:12px;font-size:.93rem;line-height:1.5}.option:hover:not(:disabled){border-color:var(--mint);background:var(--raised)}.option .letter{font-size:.72rem;color:var(--muted);background:var(--raised);border-radius:9px;min-width:28px;height:28px;display:grid;place-items:center}.option.correct{background:#7dba771b;border-color:var(--mint);color:var(--mint)}.option.wrong{background:#e8b89c10;border-color:var(--error);color:var(--error)}.option:disabled:not(.correct):not(.wrong){opacity:.65}.feedback{margin-top:18px;padding:21px 24px;border:1px solid var(--line);border-radius:20px;background:var(--raised)}.feedback-header{display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:600;color:var(--mint)}.feedback.incorrect .feedback-header{color:var(--peach)}.feedback p{font-size:.88rem;line-height:1.6;margin-top:10px;color:var(--muted)}.feedback .btn{margin-top:18px}.feedback .text-button{margin-left:14px}.score-card{text-align:center;padding:45px 28px}.score-ring{width:176px;height:176px;border-radius:50%;margin:24px auto;display:grid;place-items:center;background:conic-gradient(var(--mint) var(--score),var(--line) 0);position:relative}.score-ring:before{content:'';position:absolute;inset:10px;background:var(--bg);border-radius:50%}.score-ring div{position:relative}.score-ring strong{display:block;font-size:3.4rem;line-height:1;font-weight:550;letter-spacing:-.06em}.score-ring span{font-size:.8rem;color:var(--muted)}.score-card h1{font-size:2.1rem;margin:20px 0 12px}.score-card>p{font-size:.9rem;color:var(--muted);max-width:430px;margin:auto}.score-card .button-row{justify-content:center}.review-list{margin-top:15px;display:grid;gap:12px}.review-item{border:1px solid var(--line);border-radius:18px;padding:18px 22px;background:var(--surface);display:flex;gap:16px;justify-content:space-between;align-items:center}.review-item .review-en{font-size:1rem;font-weight:550}.review-item .review-pt{font-size:.83rem;color:var(--muted);margin-top:6px}.review-item .your-answer{font-size:.73rem;color:var(--peach);margin-top:8px}.review-correct{color:var(--mint);margin-right:8px;font-size:.8rem}.settings-list{max-width:650px;margin-top:30px;display:grid;gap:14px}.setting{display:flex;justify-content:space-between;align-items:center;gap:25px;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:23px}.setting h3{font-size:.93rem}.setting p{font-size:.76rem;color:var(--muted);max-width:390px;margin-top:7px;line-height:1.6}.about{max-width:650px;padding:24px 4px;font-size:.81rem;line-height:1.8;color:var(--muted)}.about h3{color:var(--text);margin:20px 0 8px}.about a{text-decoration:underline;text-underline-offset:4px}.best{margin-top:18px;display:flex;gap:10px;align-items:center;color:var(--peach);font-size:.83rem}.best svg{width:18px}
#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(15px);opacity:0;pointer-events:none;border:1px solid var(--line);padding:12px 20px;border-radius:50px;background:var(--raised);color:var(--text);box-shadow:var(--shadow);font-size:.82rem;z-index:70;max-width:90vw;width:max-content;transition:opacity .18s,transform .18s}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}#confetti{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:80}dialog{color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:30px;max-width:440px;width:calc(100% - 32px);box-shadow:var(--shadow)}dialog::backdrop{background:#08120cd9;backdrop-filter:blur(6px)}dialog h2{font-size:1.55rem}dialog p{font-size:.9rem;color:var(--muted);margin:14px 0 24px;line-height:1.7}dialog .dialog-icon{background:var(--raised);color:var(--peach);width:48px;height:48px;border-radius:16px;display:grid;place-items:center;margin-bottom:20px}dialog .button-row{margin-top:0}dialog .button-row button{flex:1}
@media(min-width:1500px){.shell{grid-template-columns:270px 1fr}.sidebar{padding:40px 32px}.hero{gap:70px}.hero-art{margin-right:40px}}@media(max-width:1100px){.shell{grid-template-columns:205px 1fr}.sidebar{padding:30px 17px}.brand{font-size:.9rem}.brand img{width:32px}.topbar{padding:0 5%}.hero-art{transform:scale(.9)}.hero{gap:10px}.stat{padding:17px 14px;gap:10px}.stat-icon{width:34px;height:38px}.lesson-card{padding:19px}.hero h1{font-size:3.5rem}.art-label{right:-15px}.quiz-layout{grid-template-columns:1.5fr 1fr}}
@media(max-width:800px){.shell{display:block}.sidebar{display:none}.topbar{height:80px;padding:0 6%}.crumb{display:none}.mobile-brand{display:flex}.topbar .pill{font-size:.68rem;padding:7px 10px}.topbar .icon-button{display:none}main{padding:8px 6% 115px}.bottom-nav{display:flex;position:fixed;left:16px;right:16px;bottom:max(12px,env(safe-area-inset-bottom));z-index:40;border:1px solid var(--line);border-radius:24px;background:var(--glass);backdrop-filter:blur(22px) saturate(140%);box-shadow:var(--shadow);padding:8px 6px;justify-content:space-around}.bottom-nav .navitem{flex-direction:column;gap:4px;padding:7px 4px;min-width:58px;min-height:52px;font-size:.61rem;line-height:1.3;border-radius:16px}.bottom-nav .navitem svg{width:21px;height:21px}.bottom-nav .navitem.active{background:var(--raised)}.hero{min-height:310px;grid-template-columns:1.2fr 1fr}.hero h1{font-size:3.3rem}.hero-art{transform:scale(.85);min-width:0}.hero-copy>p{font-size:.86rem}.hero .button-row{gap:9px}.hero .btn{font-size:.78rem;padding:11px 13px}.lesson-grid{grid-template-columns:repeat(2,1fr)}.quiz-layout{grid-template-columns:1fr}.quiz-aside{display:none}.stat{border-radius:18px}.daily-card{padding:22px;gap:14px}.daily-card>svg{display:none}#toast{bottom:105px}.topbar-actions{gap:8px}.settings-list{margin-top:25px}}
@media(max-width:550px){.hero{display:block;padding:15px 0 25px;position:relative;overflow:hidden}.hero h1{font-size:3.2rem;line-height:1.02;max-width:290px}.hero-copy>p{max-width:300px;font-size:.9rem;margin-top:18px}.hero-art{display:none}.hero .eyebrow{font-size:.69rem}.hero .button-row{margin-top:23px}.hero .btn{font-size:.82rem;padding:12px 16px}.stats{gap:8px;margin:8px 0 30px}.stat{display:block;padding:14px 12px}.stat-icon{background:none;height:23px;width:23px;margin-bottom:10px}.stat-icon svg{width:20px;height:20px}.stat strong{font-size:1.3rem}.stat p{font-size:.66rem}.section-head{align-items:flex-start}.section-head h2{font-size:1.4rem}.section-head p{font-size:.75rem;max-width:230px}.section-head .text-button{font-size:.72rem;white-space:nowrap}.lesson-card{min-height:170px;padding:17px;border-radius:20px}.lesson-card .emoji{width:42px;height:42px;font-size:1.4rem;margin-bottom:18px}.lesson-card h3{font-size:.91rem}.lesson-card .arrow{right:15px;top:27px;width:18px}.lesson-card>p{font-size:.65rem}.mini-progress{margin-top:12px}.daily-card{display:block;padding:23px}.daily-card h3{font-size:1rem}.daily-card p{font-size:.8rem}.daily-card .btn{margin-top:18px;width:100%}.page-intro{font-size:.86rem}.filters{gap:10px}.filters .segmented{width:100%}.filters .segmented button{flex:1;padding:10px 8px}.filters .search{width:100%;flex:auto}.phrase-card{padding:18px;column-gap:10px;grid-template-columns:1fr}.phrase-en{font-size:1.17rem}.phrase-top{gap:9px;align-items:flex-start}.phrase-top .memory-icons{font-size:1.1rem;min-width:40px;padding-top:2px}.phrase-pt{font-size:.85rem}.phonetic{font-size:.73rem}.phrase-actions{margin-top:16px;padding-top:12px;border-top:1px solid var(--line);justify-content:flex-end}.phrase-actions .icon-button{width:42px;height:42px}.phrase-actions .play-button{margin-right:auto;width:90px;border-radius:12px;gap:7px}.play-label{font-size:.72rem}.lesson-header{align-items:flex-start;gap:10px}.lesson-header .emoji-large{font-size:1.8rem;padding:12px;border-radius:18px}.lesson-header h1{font-size:1.9rem;line-height:1.15}.lesson-header .eyebrow{font-size:.65rem}.study-controls{gap:14px;margin-top:8px}.study-controls .segmented button{padding:8px 12px;font-size:.75rem}.study-controls label{font-size:.72rem}.practice-note{padding:17px;font-size:.78rem}.quiz-layout{margin-top:25px}.panel{padding:22px;border-radius:23px}.choice{padding:16px}.choice strong{font-size:.92rem}.choice span{font-size:.69rem}.quiz-screen{padding-top:0}.quiz-top{gap:13px}.question{padding:30px 0 22px}.question .memory-icons{font-size:1.9rem}.question h1{font-size:1.9rem}.options{grid-template-columns:1fr;gap:10px}.option{min-height:65px;padding:16px;font-size:.88rem;border-radius:16px}.feedback{padding:18px}.feedback .text-button{margin-left:0;display:flex}.feedback .btn{width:100%}.score-card{padding:25px 0}.score-card h1{font-size:1.8rem}.score-card .btn{flex:1}.setting{padding:20px;gap:16px}.setting p{font-size:.73rem}.setting .segmented{flex-shrink:0}.setting .segmented button{font-size:.73rem;padding:8px 11px}.setting.appearance{flex-wrap:wrap}.review-item{padding:17px}.review-item .review-en{font-size:.93rem}.review-item .review-pt{font-size:.79rem}}
@media(min-width:551px){.play-label{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}#toast{transform:translateX(-50%)}}@media(prefers-reduced-transparency:reduce){.bottom-nav{background:var(--bg);backdrop-filter:none}dialog::backdrop{backdrop-filter:none}}@media(prefers-contrast:more){:root{--muted:#d0d8cb;--line:#899386}.surface,.panel,.phrase-card,.lesson-card{border-width:2px}}
[data-playing=true]{color:var(--mint)!important}button.icon-button[data-playing=true],button.listen-big[data-playing=true]{background:var(--peach)!important;color:#34281f!important;border-color:var(--peach)!important;box-shadow:0 0 0 5px #e8b89c15}.phrase-en[data-playing=true]{text-decoration:underline;text-underline-offset:5px}