:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#fffaf1;--paper-deep:#f5ecdf;--ink:#211c1a;--muted:#796f68;--line:#e9dfd2;--red:#f15a3c;--red-deep:#dc432c;--red-rgb:241 90 60;--green:#218b6f;--shadow:0 18px 50px #3f26151a}[data-track=en]{--red:#2f6fed;--red-deep:#2557c7;--red-rgb:47 111 237}[data-track=en-adv]{--red:#0f9d78;--red-deep:#0c7f60;--red-rgb:15 157 120}[data-track=en-adv2]{--red:#7c3aed;--red-deep:#6428c9;--red-rgb:124 58 237}*{box-sizing:border-box}html,body{min-height:100%}html{background:#e9dfd2}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 15% 10%,#ffffffbf,#0000 28%),#e9dfd2;margin:0;font-family:Hiragino Sans,Yu Gothic,Noto Sans JP,-apple-system,BlinkMacSystemFont,sans-serif}button,input{font:inherit}button{color:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #3b7fc466}.app-shell{background:var(--paper);min-height:100svh;position:relative;overflow:hidden}.loading-screen{color:var(--muted);place-content:center;justify-items:center;gap:14px;display:grid}.brand-mark{background:#ffffff26;border:2px solid;border-radius:12px 12px 12px 3px;place-items:center;width:40px;height:40px;font-family:Songti SC,Noto Serif SC,serif;font-size:23px;font-weight:800;line-height:1;display:inline-grid}.brand-mark.small{border-color:var(--red);width:48px;height:48px;color:var(--red)}.hero{min-height:430px;padding:max(22px, env(safe-area-inset-top)) 22px 30px;background:linear-gradient(135deg, #ffffff17, transparent 45%), var(--red);color:#fff;border-radius:0 0 42px 42px;position:relative;overflow:hidden}.topbar{z-index:2;justify-content:space-between;align-items:center;display:flex;position:relative}.topbar-brand-stack{flex-direction:column;align-items:flex-start;gap:8px;min-width:0;display:flex}.mini-brand{letter-spacing:.04em;align-items:center;gap:10px;font-weight:800;display:flex}.portal-link{color:#ffffffc7;font-size:10px;font-weight:800;text-decoration:none;transition:color .16s}.portal-link:hover{color:#fff}.topbar-actions{align-items:center;gap:7px;display:flex}.auth-chip{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff24;border:1px solid #ffffff3d;border-radius:99px;align-items:center;gap:6px;min-height:38px;padding:5px 10px 5px 6px;font-size:9px;font-weight:900;display:flex}.auth-chip>span{color:#4285f4;background:#fff;border-radius:50%;place-items:center;width:27px;height:27px;font-family:Arial,sans-serif;font-size:13px;display:grid}.auth-chip.signed-in>span{color:var(--red);background:#fff2e8}.auth-chip:disabled{opacity:.55;cursor:wait}.icon-button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:inline-grid}.icon-button.pale{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff2e;border-color:#ffffff2e}.hero-copy{z-index:2;margin-top:47px;position:relative}.eyebrow,.card-kicker{letter-spacing:.16em;font-size:11px;font-weight:900}.eyebrow{border:1px solid #ffffff7a;border-radius:99px;align-items:center;gap:7px;padding:7px 11px;display:inline-flex}.eyebrow:before{content:"";background:#ffdd91;border-radius:50%;width:6px;height:6px}.eyebrow.dark{border-color:var(--line);color:var(--red)}.hero h1{letter-spacing:-.06em;margin:12px 0 0;font-family:Songti SC,Hiragino Mincho ProN,Yu Mincho,serif;font-size:clamp(46px,13vw,62px);font-weight:500;line-height:.98}.hero h1 strong{font-weight:900}.hero-copy>p{letter-spacing:.08em;margin:17px 0 0;font-size:15px;font-weight:700}.how-to-button{z-index:2;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff21;border:1px solid #ffffff73;border-radius:99px;align-items:center;gap:9px;padding:9px 15px 9px 10px;font-size:13px;font-weight:800;display:flex;position:absolute;bottom:43px;right:24px}.play-dot{width:27px;height:27px;color:var(--red);background:#fff;border-radius:50%;place-items:center;display:grid}.hero-orbit{border:1px solid #ffffff24;border-radius:50%;position:absolute}.orbit-one{width:290px;height:290px;bottom:-74px;right:-93px}.orbit-two{width:158px;height:158px;bottom:-9px;right:-27px}.orbit-two:after{content:"";background:#ffda7b;border-radius:50%;width:13px;height:13px;position:absolute;top:37px;left:-7px;box-shadow:0 0 0 7px #ffda7b26}.home-content{z-index:3;padding:0 18px 38px;position:relative}.daily-card{min-height:96px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf8f0;border:1px solid #fffc;border-radius:22px;grid-template-columns:1fr 1px .8fr 58px;align-items:center;gap:13px;margin-top:-27px;padding:17px 18px;display:grid}.daily-card>div:not(.daily-divider,.daily-ring){grid-template-columns:auto 1fr;align-items:baseline;column-gap:4px;display:grid}.card-kicker{color:var(--red)}.daily-card .card-kicker{grid-column:1/-1;margin-bottom:3px;font-size:9px}.daily-card strong{font-family:Avenir Next,Helvetica Neue,sans-serif;font-size:28px;line-height:1}.daily-card span:last-child{color:var(--muted);font-size:10px;font-weight:700}.daily-divider{background:var(--line);width:1px;height:45px}.daily-ring{border-radius:50%;place-items:center;width:54px;height:54px;display:grid}.daily-ring:before{content:"";background:#fff;border-radius:50%;grid-area:1/1;width:42px;height:42px}.daily-ring span{z-index:1;grid-area:1/1;color:var(--ink)!important;font-size:10px!important}.quick-actions{grid-template-columns:1.45fr 1fr;gap:10px;margin-top:12px;display:grid}.mode-tabs{border:1px solid var(--line);background:#eee6dc;border-radius:19px;grid-template-columns:1fr 1fr;gap:5px;margin-top:15px;padding:5px;display:grid}.mode-tab{color:#867a72;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:8px;min-width:0;padding:12px 10px;transition:background .16s,box-shadow .16s,color .16s,transform .16s;display:grid}.mode-tab:hover{transform:translateY(-1px)}.mode-tab>span{background:#ffffff8c;border-radius:10px;place-items:center;width:31px;height:31px;font-size:10px;font-weight:900;display:grid}.mode-tab>strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.mode-tab.active{background:#fff;box-shadow:0 5px 14px #4832221a}.mode-tab.speaking.active{color:var(--red)}.mode-tab.listening.active{color:#6f59af}.mode-tab.active>span{color:#fff}.mode-tab.speaking.active>span{background:var(--red)}.mode-tab.listening.active>span{background:#7662b8}.mode-panel{animation:.18s ease-out both mode-panel-in}@keyframes mode-panel-in{0%{opacity:0;transform:translateY(4px)}}.primary-action,.review-action{cursor:pointer;border:0;border-radius:19px;min-height:72px}.primary-action{background:var(--ink);color:#fff;text-align:left;align-items:center;gap:12px;padding:12px 15px;display:flex;box-shadow:0 11px 24px #211c1a2e}.action-icon{background:var(--red);border-radius:50%;flex:none;place-items:center;width:39px;height:39px;display:grid}.primary-action>span:last-child{gap:2px;font-weight:900;display:grid}.primary-action small{color:#bdb5b0;letter-spacing:.1em;font-size:9px;font-weight:700}.primary-action.listening .action-icon{background:#7662b8}.review-action{border:1px solid var(--line);color:#e39b22;background:#fff;justify-content:center;align-items:center;gap:8px;display:flex}.review-action>span{text-align:left;display:grid}.review-action strong{color:var(--ink);font-size:12px}.review-action small{color:var(--muted);font-size:10px}.history-card{border:1px solid var(--line);background:#ffffffc4;border-radius:20px;margin-top:14px;padding:17px 18px 15px}.history-heading{justify-content:space-between;align-items:end;display:flex}.history-heading h2{margin:3px 0 0;font-size:16px}.history-heading>span{color:var(--muted);font-size:10px;font-weight:800}.history-bars{grid-template-columns:repeat(7,1fr);gap:8px;height:92px;margin-top:13px;display:grid}.history-day{grid-template-rows:13px 1fr 13px;justify-items:center;gap:4px;min-width:0;display:grid}.history-day>strong{color:var(--red);font-family:Avenir Next,sans-serif;font-size:9px}.history-day>small{color:var(--muted);font-size:8px;font-weight:700}.history-track{background:var(--paper-deep);border-radius:99px;align-items:end;width:12px;height:54px;display:flex;position:relative;overflow:hidden}.history-track>span{border-radius:inherit;background:linear-gradient(var(--red), #ff947d);width:100%;min-height:2px;transition:height .22s;display:block}.section-heading{justify-content:space-between;align-items:end;margin:30px 3px 13px;display:flex}.section-heading h2{letter-spacing:-.04em;margin:4px 0 0;font-size:21px}.section-heading>span{color:var(--muted);font-size:10px;font-weight:700}.lesson-list{gap:9px;display:grid}.lesson-card{border:1px solid var(--line);background:#ffffffc4;border-radius:18px;position:relative;overflow:hidden}.lesson-card-main{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;width:100%;padding:13px 46px 13px 12px;transition:transform .16s,box-shadow .16s;display:grid}.lesson-card-main:hover{transform:translateY(-1px)}.lesson-info-button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#ffffffd9;border-radius:99px;align-items:center;gap:3px;padding:4px 8px 4px 6px;font-size:9px;font-weight:800;display:flex;position:absolute;top:10px;right:10px}.lesson-info-button:hover{color:var(--red);border-color:var(--red)}.lesson-number{color:#fff;border-radius:14px 14px 14px 5px;place-items:center;width:44px;height:44px;font-family:Avenir Next,sans-serif;font-size:13px;font-weight:900;display:grid}.lesson-copy{min-width:0;display:grid}.lesson-copy strong{font-size:14px}.lesson-copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:9px;overflow:hidden}.lesson-progress-track{background:var(--paper-deep);border-radius:99px;height:3px;margin-top:8px;overflow:hidden}.lesson-progress-track span{border-radius:inherit;height:100%;display:block}.lesson-meta{color:var(--muted);justify-items:end;gap:2px;font-size:10px;font-weight:800;display:grid}.lesson-meta svg{transform:rotate(180deg)}.home-note{color:#9a8f87;text-align:center;margin:25px 0 0;font-size:9px}.local-save-chip{color:#fff;letter-spacing:.04em;background:#ffffff1f;border:1px solid #ffffff52;border-radius:99px;align-items:center;min-height:32px;padding:0 11px;font-size:9px;font-weight:800;display:inline-flex}.track-tabs{z-index:2;background:#ffffff24;border:1px solid #ffffff4d;border-radius:99px;gap:4px;margin-top:16px;padding:4px;display:inline-flex;position:relative}.track-tab{color:#ffffffc7;cursor:pointer;background:0 0;border:0;border-radius:99px;padding:7px 16px;font-size:11px;font-weight:800;transition:background .16s,color .16s}.track-tab.active{color:var(--red);background:#fff}.track-subtabs{z-index:2;flex-wrap:wrap;gap:4px;margin-top:8px;display:inline-flex;position:relative}.track-subtab{color:#ffffffc7;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:99px;padding:5px 12px;font-size:10px;font-weight:800;transition:background .16s,color .16s}.track-subtab.active{color:var(--red);background:#fff;border-color:#0000}.speed-chip-row{gap:7px;margin-top:16px;display:flex}.speed-chip{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;border-radius:99px;padding:7px 13px;font-size:11px;font-weight:800}.speed-chip.active{color:#fff;background:#7662b8;border-color:#0000}.speed-row{align-items:center}.speed-options{flex:none;gap:6px;display:flex}.speed-options button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;border-radius:99px;padding:7px 11px;font-size:10px;font-weight:800}.speed-options button.active{background:var(--red);color:#fff;border-color:#0000}.course-parts{gap:10px;display:grid}.course-part-section{border:1px solid var(--line);background:#ffffffa3;border-radius:19px;overflow:hidden}.part-heading{border-bottom:1px solid var(--line);background:#ffffffbf;grid-template-columns:48px 1fr auto;align-items:center;gap:11px;padding:15px 14px;display:grid}.part-label{background:var(--ink);color:#fff;letter-spacing:.08em;border-radius:11px 11px 11px 4px;place-items:center;height:34px;font-family:Avenir Next,sans-serif;font-size:8px;font-weight:900;display:grid}.part-copy{min-width:0;display:grid}.part-copy strong{font-size:14px}.part-copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:9px;overflow:hidden}.part-progress{color:var(--muted);font-size:11px;font-weight:800}.part-lessons{gap:8px;padding:10px}.part-lessons .lesson-card{background:#fff}.account-avatar.local{background:var(--ink);color:#fff}.practice-screen{background:var(--paper);flex-direction:column;min-height:100svh;display:flex}.practice-header{padding:max(18px, env(safe-area-inset-top)) 18px 12px;grid-template-columns:44px 1fr 44px;align-items:center;gap:12px;display:grid}.practice-header>div{justify-items:center;display:grid}.practice-header>div span{color:var(--red);letter-spacing:.15em;font-size:8px;font-weight:900}.practice-header>div strong{margin-top:2px;font-size:14px}.icon-button.bookmark{color:#c8bdb3}.icon-button.bookmark.active{color:#e8a523;background:#fff7dc;border-color:#f1d190}.progress-row{align-items:center;gap:12px;padding:0 22px;display:flex}.progress-track{background:var(--paper-deep);border-radius:99px;flex:1;height:5px;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--red);height:100%;transition:width .24s;display:block}.progress-row>strong{font-family:Avenir Next,sans-serif;font-size:13px}.progress-row>strong span{color:#a89c94;font-size:10px}.question-area{flex-direction:column;flex:1;padding:clamp(36px,7vh,64px) 22px 26px;display:flex}.prompt-label{justify-content:space-between;align-items:center;display:flex}.prompt-label>span{color:#71665f;background:#ede3d7;border-radius:99px;padding:5px 10px;font-size:10px;font-weight:900}.prompt-label small{color:#9b9088;font-size:9px}.question-area>h2{letter-spacing:-.05em;text-align:center;max-width:500px;margin:25px auto 0;font-size:clamp(24px,7vw,34px);line-height:1.55}.thinking-panel{flex:1;place-content:center;justify-items:center;padding:30px 0 10px;display:grid}.count-dots{gap:8px;margin-bottom:24px;display:flex}.count-dots span{background:var(--red);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite pulse}.count-dots span:nth-child(2){animation-delay:.18s}.count-dots span:nth-child(3){animation-delay:.36s}@keyframes pulse{0%,70%,to{opacity:.25;transform:scale(.8)}35%{opacity:1;transform:scale(1)}}.reveal-button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:16px;min-width:200px;padding:17px 24px;font-size:15px;font-weight:900;box-shadow:0 12px 25px #211c1a2b}.thinking-panel p{color:#a0958d;text-align:center;max-width:250px;margin:16px 0 0;font-size:9px;line-height:1.7}.answer-panel{background:radial-gradient(circle at 100% 0, rgb(var(--red-rgb) / 9%), transparent 35%), white;border:1px solid #f0d5cc;border-radius:24px;margin-top:27px;padding:23px 20px 19px;animation:.24s ease-out both answer-in;box-shadow:0 13px 35px #5a352014}@keyframes answer-in{0%{opacity:0;transform:translateY(9px)}}.answer-topline{justify-content:space-between;align-items:center;display:flex}.answer-topline>span{color:var(--red);letter-spacing:.12em;font-size:10px;font-weight:900}.answer-topline button{color:var(--red);cursor:pointer;background:#fff0eb;border:0;border-radius:99px;align-items:center;gap:5px;padding:6px 9px;font-size:9px;font-weight:800;display:flex}.target-answer{letter-spacing:.01em;text-align:center;margin:28px 0 0;font-family:Avenir Next,Hiragino Sans,sans-serif;font-size:clamp(28px,8.5vw,40px);font-weight:800;line-height:1.3}.target-answer.zh-script{letter-spacing:.03em;font-family:Songti SC,Noto Serif SC,STSong,serif;font-size:clamp(33px,10vw,47px);font-weight:700}.reading-line{color:var(--red);letter-spacing:.03em;text-align:center;margin:9px 0 0;font-family:Avenir Next,sans-serif;font-size:14px;font-weight:600}.note-box{background:#f7f1e9;border-radius:13px;margin-top:28px;padding:13px 14px}.note-box span{color:var(--red);letter-spacing:.13em;font-size:8px;font-weight:900}.note-box p{color:#655c56;margin:5px 0 0;font-size:11px;line-height:1.65}.note-box .sentence-note{color:var(--ink);font-size:12px;font-weight:800}.grammar-guide{border-top:1px solid #655c5629;gap:10px;margin-top:12px;padding-top:12px;display:grid}.grammar-guide>div{grid-template-columns:38px minmax(0,1fr);align-items:start;gap:8px;display:grid}.grammar-guide strong{color:var(--red);padding-top:2px;font-size:9px;font-weight:900}.grammar-guide p{margin:0}.practice-footer{padding:13px 18px max(18px, env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffaf1ed}.practice-footer>p{color:var(--muted);text-align:center;margin:0 0 10px;font-size:10px;font-weight:700}.outcome-actions{grid-template-columns:1fr 1.25fr;gap:10px;display:grid}.outcome-actions button{cursor:pointer;border-radius:15px;justify-content:center;align-items:center;gap:8px;min-height:55px;font-weight:900;display:flex}.again-button{border:1px solid var(--line);color:#756b65;background:#fff}.correct-button{background:var(--green);color:#fff;border:0;box-shadow:0 9px 22px #218b6f33}.pre-answer-actions{justify-content:space-between;display:flex}.pre-answer-actions button{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:8px;font-size:11px;font-weight:700;display:flex}.pre-answer-actions button:disabled{opacity:.3}.complete-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:42px 24px;display:flex}.complete-burst{background:radial-gradient(circle at 35% 30%, #ffffff59, transparent 35%), var(--red);color:#fff;width:104px;height:104px;box-shadow:0 0 0 13px #fff0e9, 0 16px 35px rgb(var(--red-rgb) / 22%);border:1px solid #f1d3c9;border-radius:50%;place-items:center;margin-bottom:28px;display:grid}.complete-burst span{letter-spacing:.01em;font-family:Avenir Next,Helvetica Neue,sans-serif;font-size:38px;font-weight:900}.complete-burst span.zh-script{letter-spacing:normal;font-family:Songti SC,serif;font-size:55px;font-weight:800}.complete-screen h2{letter-spacing:-.04em;margin:18px 0 0;font-size:28px}.complete-screen>p{max-width:310px;color:var(--muted);margin:10px 0 0;font-size:12px;line-height:1.8}.score-card{border:1px solid var(--line);width:100%;box-shadow:var(--shadow);background:#fff;border-radius:20px;grid-template-columns:repeat(3,1fr);margin:32px 0 19px;padding:19px 8px;display:grid}.score-card>div{border-right:1px solid var(--line);gap:4px;display:grid}.score-card>div:last-child{border-right:0}.score-card strong{font-family:Avenir Next,sans-serif;font-size:27px}.score-card span{color:var(--muted);font-size:9px;font-weight:700}.complete-primary{justify-content:center;width:100%;font-weight:900}.text-button{color:var(--muted);cursor:pointer;background:0 0;border:0;margin-top:17px;padding:8px 14px;font-size:12px;font-weight:800}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#18121073;justify-content:center;align-items:flex-end;animation:.15s ease-out both fade-in;display:flex;position:fixed;inset:0}.modal-backdrop.center{align-items:center;padding:20px}@keyframes fade-in{0%{opacity:0}}.bottom-sheet{width:min(100%,520px);padding:10px 20px max(24px, env(safe-area-inset-bottom));background:var(--paper);border-radius:28px 28px 0 0;animation:.22s ease-out both sheet-in;box-shadow:0 -20px 50px #1812102e}@keyframes sheet-in{0%{transform:translateY(30px)}}.sheet-handle{background:#d7cbc0;border-radius:99px;width:39px;height:4px;margin:0 auto 18px}.sheet-heading{justify-content:space-between;align-items:start;padding-bottom:13px;display:flex}.sheet-heading h2{margin:4px 0 0;font-size:22px}.close-button{color:#776c65;cursor:pointer;background:#eee5db;border:0;border-radius:50%;place-items:center;width:36px;height:36px;font-size:22px;line-height:1;display:grid}.account-card{background:#f3ebe1;border-radius:16px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;margin-bottom:6px;padding:13px;display:grid}.account-avatar{background:var(--red);color:#fff;border-radius:50%;place-items:center;width:42px;height:42px;font-size:16px;font-weight:900;display:grid}.account-avatar.google{color:#4285f4;background:#fff;font-family:Arial,sans-serif}.account-copy{gap:2px;min-width:0;display:grid}.account-copy strong{font-size:12px}.account-copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.account-card>button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:10px;padding:8px 9px;font-size:9px;font-weight:800}.setting-row{border-top:1px solid var(--line);cursor:pointer;justify-content:space-between;align-items:center;gap:15px;min-height:75px;display:flex}.setting-row>span{gap:4px;display:grid}.setting-row strong{font-size:13px}.setting-row small{color:var(--muted);font-size:9px}.setting-row input{appearance:none;cursor:pointer;background:#d9cec4;border:0;border-radius:99px;flex:none;width:45px;height:26px;transition:background .15s;position:relative}.setting-row input:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 2px 5px #0003}.setting-row input:checked{background:var(--red)}.setting-row input:checked:after{transform:translate(19px)}.sheet-done{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:15px;width:100%;margin-top:12px;padding:15px;font-weight:900}.how-to-modal{background:var(--paper);border-radius:26px;width:min(100%,420px);max-height:calc(100svh - 40px);padding:29px 23px 23px;position:relative;overflow-y:auto;box-shadow:0 24px 60px #18121040}.how-to-modal>.close-button{position:absolute;top:17px;right:17px}.how-to-modal h2{max-width:290px;margin:8px 0 22px;font-size:23px;line-height:1.4}.explain-description{color:var(--muted);margin:-14px 0 18px;font-size:12px;line-height:1.6}.explain-grammar-guide{border-top:0;margin-top:0;padding-top:0}.how-to-modal ol{gap:13px;margin:0;padding:0;list-style:none;display:grid}.how-to-modal li{grid-template-columns:35px 1fr;align-items:start;gap:12px;display:grid}.how-to-modal li>span{width:35px;height:35px;color:var(--red);background:#ffebe5;border-radius:12px 12px 12px 4px;place-items:center;font-family:Avenir Next,sans-serif;font-size:12px;font-weight:900;display:grid}.how-to-modal li p{color:var(--muted);gap:2px;margin:0;font-size:10px;line-height:1.6;display:grid}.how-to-modal li strong{color:var(--ink);font-size:13px}.toast{z-index:30;right:20px;bottom:max(22px, env(safe-area-inset-bottom));color:#fff;background:#211c1aeb;border-radius:99px;width:fit-content;max-width:calc(100% - 40px);margin:auto;padding:11px 16px;font-size:11px;font-weight:700;animation:.18s ease-out both toast-in;position:fixed;left:20px;box-shadow:0 10px 25px #0000002e}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media (min-width:600px){body{padding:28px 0}.app-shell{border-radius:34px;width:430px;min-height:min(920px,100svh - 56px);margin:auto;box-shadow:0 28px 80px #3e27172e}.hero{border-radius:0 0 42px 42px}.practice-screen,.complete-screen{min-height:min(920px,100svh - 56px)}}@media (max-height:710px){.hero{min-height:365px}.hero-copy{margin-top:31px}.question-area{padding-top:26px}.target-answer{margin-top:16px}.note-box{margin-top:17px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.listening-card{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:linear-gradient(135deg,#f4efff,#fff 72%);border:1px solid #d9d0f3;border-radius:20px;grid-template-columns:52px 1fr 20px;align-items:center;gap:13px;margin-top:11px;padding:16px;display:grid;box-shadow:0 9px 22px #543c8f14}.listening-card>svg{color:#7662b8;transform:rotate(180deg)}.listening-icon{color:#fff;background:#7662b8;border-radius:17px 17px 17px 6px;place-items:center;width:52px;height:52px;display:grid}.listening-copy{gap:2px;min-width:0;display:grid}.listening-copy small{color:#7662b8;letter-spacing:.14em;font-size:8px;font-weight:900}.listening-copy strong{font-size:14px}.listening-copy span{color:var(--muted);font-size:9px}.listening-question{justify-items:center;margin-top:35px;display:grid}.listen-button{color:#fff;cursor:pointer;background:radial-gradient(circle at 35% 28%,#9c89dd,#6750a4 72%);border:0;border-radius:50%;align-content:center;place-items:center;gap:10px;width:148px;height:148px;font-size:14px;font-weight:900;display:grid;box-shadow:0 0 0 12px #eee9fb,0 17px 34px #533d9140}.listening-question p{color:var(--muted);margin:25px 0 0;font-size:10px}.translation-box{text-align:center;background:#f2eefc;border-radius:14px;margin-top:19px;padding:15px}.translation-box span{color:#7662b8;letter-spacing:.12em;font-size:8px;font-weight:900}.translation-box p{color:var(--ink);margin:6px 0 0;font-size:15px;font-weight:800;line-height:1.6}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#171310;--paper-deep:#29211c;--ink:#f7efe7;--muted:#b9aaa0;--line:#3b302a;--red:#ff6b4e;--red-deep:#f35b3e;--red-rgb:255 107 78;--hero-a:#d84731;--hero-b:#9f2c20;--green:#36ac89;--shadow:0 18px 50px #00000057;background:#0e0b0a}html[data-theme=dark][data-track=en]{--red:#5b8dff;--red-deep:#7ba1ff;--red-rgb:91 141 255;--hero-a:#3a5fd9;--hero-b:#1f3fa0}html[data-theme=dark][data-track=en-adv]{--red:#21c49a;--red-deep:#3fd6ae;--red-rgb:33 196 154;--hero-a:#128f6c;--hero-b:#0b5f48}html[data-theme=dark][data-track=en-adv2]{--red:#a374f5;--red-deep:#b48cf7;--red-rgb:163 116 245;--hero-a:#6d33c9;--hero-b:#431f80}html[data-theme=dark] body{background:radial-gradient(circle at 15% 10%, rgb(var(--red-rgb) / 8%), transparent 30%), #0e0b0a}html[data-theme=dark] .app-shell{background:var(--paper)}html[data-theme=dark] .hero{background:linear-gradient(135deg, #ffffff14, transparent 45%), linear-gradient(145deg, var(--hero-a), var(--hero-b))}html[data-theme=dark] .daily-card{background:#231c18f2;border-color:#ffffff17}html[data-theme=dark] .daily-ring:before,html[data-theme=dark] .icon-button,html[data-theme=dark] .mode-tab.active,html[data-theme=dark] .review-action,html[data-theme=dark] .score-card,html[data-theme=dark] .account-card>button{background:#241d19}html[data-theme=dark] .mode-tabs{background:#201a17}html[data-theme=dark] .mode-tab{color:#aa9b92}html[data-theme=dark] .mode-tab>span{background:#ffffff12}html[data-theme=dark] .mode-tab.listening.active,html[data-theme=dark] .listening-card>svg,html[data-theme=dark] .listening-copy small,html[data-theme=dark] .translation-box span{color:#b7a7ed}html[data-theme=dark] .history-card,html[data-theme=dark] .lesson-card,html[data-theme=dark] .course-part-section{background:#261f1bd1}html[data-theme=dark] .lesson-info-button{color:#b7a99f;background:#00000040;border-color:#ffffff24}html[data-theme=dark] .listening-card{background:linear-gradient(135deg,#2e2841,#211a17 72%);border-color:#4a4066;box-shadow:0 9px 22px #00000038}html[data-theme=dark] .track-tabs,html[data-theme=dark] .track-subtab{background:#0000002e;border-color:#ffffff1f}html[data-theme=dark] .speed-chip,html[data-theme=dark] .speed-options button{color:#b7a99f;background:#241d19;border-color:#ffffff1f}html[data-theme=dark] .part-heading{background:#ffffff08}html[data-theme=dark] .part-lessons .lesson-card{background:#211a17}html[data-theme=dark] .primary-action,html[data-theme=dark] .reveal-button,html[data-theme=dark] .sheet-done,html[data-theme=dark] .part-label,html[data-theme=dark] .account-avatar.local{color:#211c1a;background:#f3e9e1}html[data-theme=dark] .primary-action small{color:#746a64}html[data-theme=dark] .icon-button.bookmark{color:#786c65}html[data-theme=dark] .icon-button.bookmark.active{color:#f1b84a;background:#332a16;border-color:#665020}html[data-theme=dark] .progress-row>strong span,html[data-theme=dark] .prompt-label small,html[data-theme=dark] .thinking-panel p,html[data-theme=dark] .home-note{color:#9f9188}html[data-theme=dark] .prompt-label>span{color:#c9bbb1;background:#2c241f}html[data-theme=dark] .answer-panel{background:radial-gradient(circle at 100% 0, rgb(var(--red-rgb) / 12%), transparent 38%), #211a17;border-color:#5a352d;box-shadow:0 13px 35px #00000042}html[data-theme=dark] .answer-topline button{background:#38221d}html[data-theme=dark] .note-box{background:#2b231e}html[data-theme=dark] .note-box p{color:#c8bab0}html[data-theme=dark] .note-box .sentence-note{color:var(--ink)}html[data-theme=dark] .grammar-guide{border-top-color:#ffffff1a}html[data-theme=dark] .practice-footer{background:#171310ed}html[data-theme=dark] .again-button{color:#c8bab0;background:#241d19}html[data-theme=dark] .complete-burst{border-color:#743d32;box-shadow:0 0 0 13px #34201b,0 16px 35px #0000004d}html[data-theme=dark] .modal-backdrop{background:#0000009e}html[data-theme=dark] .bottom-sheet,html[data-theme=dark] .how-to-modal{background:#1b1613}html[data-theme=dark] .sheet-handle,html[data-theme=dark] .setting-row input{background:#4a3e37}html[data-theme=dark] .close-button{color:#c8bab0;background:#302722}html[data-theme=dark] .account-card{background:#28211d}html[data-theme=dark] .account-avatar.google{background:#f7f7f7}html[data-theme=dark] .setting-row input:after{background:#eee5df}html[data-theme=dark] .how-to-modal li>span{background:#39231e}html[data-theme=dark] .listen-button{box-shadow:0 0 0 12px #2c263b,0 17px 34px #00000054}html[data-theme=dark] .translation-box{background:#2c263b}@media (prefers-reduced-motion:no-preference){body,.app-shell,.daily-card,.mode-tabs,.mode-tab,.lesson-card,.course-part-section,.answer-panel,.practice-footer,.bottom-sheet,.how-to-modal{transition:background-color .18s,border-color .18s,color .18s}}.practice-screen{height:100svh;min-height:0;overflow:hidden}.question-area{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;overflow-y:auto}.practice-footer{z-index:5;flex:none;position:sticky;bottom:0}.lesson-count{align-items:center;gap:2px;display:flex}.lesson-last-trained{color:var(--muted);white-space:nowrap;font-size:8px;font-weight:700}.practice-screen.listening.showing-answer .question-area{padding-top:18px;padding-bottom:14px}.practice-screen.listening.showing-answer .prompt-label{display:none}.practice-screen.listening.showing-answer .answer-panel{border-radius:18px;margin-top:0;padding:16px}.practice-screen.listening.showing-answer .target-answer{margin-top:14px;font-size:clamp(24px,7vw,32px);line-height:1.2}.practice-screen.listening.showing-answer .target-answer.zh-script{font-size:clamp(26px,7.5vw,36px)}.practice-screen.listening.showing-answer .reading-line{margin-top:5px;font-size:12px}.practice-screen.listening.showing-answer .translation-box{margin-top:10px;padding:10px 12px}.practice-screen.listening.showing-answer .translation-box p{font-size:13px;line-height:1.45}.practice-screen.listening.showing-answer .note-box{margin-top:10px;padding:9px 11px}.practice-screen.listening.showing-answer .note-box p{margin-top:3px;font-size:10px;line-height:1.45}.practice-screen.listening.showing-answer .grammar-guide{gap:8px;margin-top:9px;padding-top:9px}.practice-screen.listening.showing-answer .grammar-guide p{margin:0}@media (min-width:600px){.practice-screen{height:min(920px,100svh - 56px)}}